@acorex/components 22.3.1 → 22.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/{acorex-components-conversation-acorex-components-conversation-CkIO-uFA.mjs → acorex-components-conversation-acorex-components-conversation-DRUAIXgK.mjs} +798 -448
- package/fesm2022/acorex-components-conversation-acorex-components-conversation-DRUAIXgK.mjs.map +1 -0
- package/fesm2022/{acorex-components-conversation-picker-rename-file-dialog.component-NqmU5x5o.mjs → acorex-components-conversation-picker-rename-file-dialog.component-CD_u5lrB.mjs} +2 -2
- package/fesm2022/{acorex-components-conversation-picker-rename-file-dialog.component-NqmU5x5o.mjs.map → acorex-components-conversation-picker-rename-file-dialog.component-CD_u5lrB.mjs.map} +1 -1
- package/fesm2022/acorex-components-conversation.mjs +1 -1
- package/package.json +3 -3
- package/types/acorex-components-conversation.d.ts +120 -73
- package/fesm2022/acorex-components-conversation-acorex-components-conversation-CkIO-uFA.mjs.map +0 -1
|
@@ -14,6 +14,7 @@ import { AXPopupService } from '@acorex/components/popup';
|
|
|
14
14
|
import { AXFileTypeInfoProvider, provideFileValidationRules, provideFileTypeInfoProvider, AXFileTypeRegistryService, AXFileService, getFileExtension, resolveFileTypeExtension, runFileTypeCopy, resolveFileCopyText, runFileTypeOpen, formatFileSizeBytes, createFileTypeMetadata, runFileTypeUtilityForFile, runFileTypeUtility } from '@acorex/core/file';
|
|
15
15
|
import * as i3 from '@acorex/core/translation';
|
|
16
16
|
import { translateSync, AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
|
|
17
|
+
import { AXHorizontalScrollDirective } from '@acorex/cdk/horizontal-scroll';
|
|
17
18
|
import { AXActionSheetService } from '@acorex/components/action-sheet';
|
|
18
19
|
import { AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent } from '@acorex/components/button';
|
|
19
20
|
import { AXPopoverComponent } from '@acorex/components/popover';
|
|
@@ -633,6 +634,20 @@ function isConversationReactionsEnabled(conversation) {
|
|
|
633
634
|
}
|
|
634
635
|
return conversation?.type !== 'bot';
|
|
635
636
|
}
|
|
637
|
+
/**
|
|
638
|
+
* How file attachments are shown in the composer.
|
|
639
|
+
* `metadata.composerAttachmentPresentation` wins when set; otherwise `bot` chats use `banner`.
|
|
640
|
+
*/
|
|
641
|
+
function resolveComposerAttachmentPresentation(conversation) {
|
|
642
|
+
const value = conversation?.metadata?.composerAttachmentPresentation;
|
|
643
|
+
if (value === 'overlay' || value === 'banner') {
|
|
644
|
+
return value;
|
|
645
|
+
}
|
|
646
|
+
return conversation?.type === 'bot' ? 'banner' : 'overlay';
|
|
647
|
+
}
|
|
648
|
+
function isComposerAttachmentBannerEnabled(conversation) {
|
|
649
|
+
return resolveComposerAttachmentPresentation(conversation) === 'banner';
|
|
650
|
+
}
|
|
636
651
|
|
|
637
652
|
/** Max consecutive emoji graphemes that render as a jumbo (sticker-sized) text message. */
|
|
638
653
|
const AX_CONVERSATION_JUMBO_EMOJI_MAX = 3;
|
|
@@ -5418,6 +5433,17 @@ function resolveComposerMaxFiles(action, config) {
|
|
|
5418
5433
|
return Math.max(1, action?.maxFiles ?? config.maxFilesPerMessage);
|
|
5419
5434
|
}
|
|
5420
5435
|
|
|
5436
|
+
/** Middle-ellipsis truncation for long file names in picker rows. */
|
|
5437
|
+
function truncatePickerFileName(text, maxLength = 36) {
|
|
5438
|
+
if (text.length <= maxLength) {
|
|
5439
|
+
return text;
|
|
5440
|
+
}
|
|
5441
|
+
const keep = maxLength - 3;
|
|
5442
|
+
const start = Math.ceil(keep / 2);
|
|
5443
|
+
const end = Math.floor(keep / 2);
|
|
5444
|
+
return `${text.slice(0, start)}...${text.slice(text.length - end)}`;
|
|
5445
|
+
}
|
|
5446
|
+
|
|
5421
5447
|
/** Gradient wash for the default chat wallpaper (pattern tile is applied in component CSS). */
|
|
5422
5448
|
const MESSAGE_LIST_LIGHT_WALLPAPER_GRADIENT = [
|
|
5423
5449
|
'radial-gradient(ellipse 85% 70% at 12% 0%, rgba(255, 252, 238, 0.42) 0%, transparent 48%)',
|
|
@@ -6536,6 +6562,12 @@ const AX_PASTED_FILE_MIME_BY_EXTENSION = {
|
|
|
6536
6562
|
xls: 'application/vnd.ms-excel',
|
|
6537
6563
|
xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
|
|
6538
6564
|
txt: 'text/plain',
|
|
6565
|
+
js: 'application/octet-stream',
|
|
6566
|
+
mjs: 'application/octet-stream',
|
|
6567
|
+
cjs: 'application/octet-stream',
|
|
6568
|
+
json: 'application/octet-stream',
|
|
6569
|
+
md: 'text/plain',
|
|
6570
|
+
ts: 'text/plain',
|
|
6539
6571
|
};
|
|
6540
6572
|
function inferMimeFromFileName(name) {
|
|
6541
6573
|
const ext = name.split('.').pop()?.trim().toLowerCase() ?? '';
|
|
@@ -6553,9 +6585,22 @@ function defaultPastedFileName(type) {
|
|
|
6553
6585
|
}
|
|
6554
6586
|
return 'file';
|
|
6555
6587
|
}
|
|
6588
|
+
function toCatalogSafeMime(type) {
|
|
6589
|
+
switch (type) {
|
|
6590
|
+
case 'application/javascript':
|
|
6591
|
+
case 'text/javascript':
|
|
6592
|
+
case 'application/json':
|
|
6593
|
+
case 'text/markdown':
|
|
6594
|
+
case 'application/typescript':
|
|
6595
|
+
case 'text/typescript':
|
|
6596
|
+
return 'application/octet-stream';
|
|
6597
|
+
default:
|
|
6598
|
+
return type;
|
|
6599
|
+
}
|
|
6600
|
+
}
|
|
6556
6601
|
/** Explorer/OS paste often has an empty MIME type; catalogs reject that. */
|
|
6557
|
-
function
|
|
6558
|
-
const type = file.type.trim() || inferMimeFromFileName(file.name);
|
|
6602
|
+
function normalizeConversationInboundFile(file) {
|
|
6603
|
+
const type = toCatalogSafeMime(file.type.trim() || inferMimeFromFileName(file.name));
|
|
6559
6604
|
const name = file.name.trim() || defaultPastedFileName(type);
|
|
6560
6605
|
if (file.type === type && file.name === name) {
|
|
6561
6606
|
return file;
|
|
@@ -6570,7 +6615,7 @@ function filesFromClipboardEvent(event) {
|
|
|
6570
6615
|
if (!file) {
|
|
6571
6616
|
return;
|
|
6572
6617
|
}
|
|
6573
|
-
const snapshotted =
|
|
6618
|
+
const snapshotted = normalizeConversationInboundFile(file);
|
|
6574
6619
|
const key = `${snapshotted.name}:${snapshotted.size}:${snapshotted.type}:${snapshotted.lastModified}`;
|
|
6575
6620
|
if (seen.has(key)) {
|
|
6576
6621
|
return;
|
|
@@ -6903,9 +6948,10 @@ async function promptComposerActionChoice(deps, actions, fileCount) {
|
|
|
6903
6948
|
return action;
|
|
6904
6949
|
}
|
|
6905
6950
|
/**
|
|
6906
|
-
* Match dropped/pasted files to composer picker action(s) and open the popup
|
|
6951
|
+
* Match dropped/pasted files to composer picker action(s) and open the popup,
|
|
6952
|
+
* or append them to the composer attachment banner when that mode is enabled.
|
|
6907
6953
|
* Unsupported files are skipped after a warning toast; supported files continue.
|
|
6908
|
-
* @returns true when a picker popup was opened
|
|
6954
|
+
* @returns true when a picker popup was opened or files were added to the banner
|
|
6909
6955
|
*/
|
|
6910
6956
|
async function openComposerPickerForFiles(deps, files) {
|
|
6911
6957
|
if (!files.length) {
|
|
@@ -6915,6 +6961,10 @@ async function openComposerPickerForFiles(deps, files) {
|
|
|
6915
6961
|
if (!conversation) {
|
|
6916
6962
|
return false;
|
|
6917
6963
|
}
|
|
6964
|
+
if (isComposerAttachmentBannerEnabled(conversation)) {
|
|
6965
|
+
const added = await deps.composerService.addDraftAttachments(files);
|
|
6966
|
+
return added > 0;
|
|
6967
|
+
}
|
|
6918
6968
|
const analysis = await analyzeInboundFiles(deps, files);
|
|
6919
6969
|
if (analysis.unsupportedFiles.length > 0) {
|
|
6920
6970
|
notifyPickerValidationErrors(deps.toast, deps.translation, analysis.unsupportedFiles);
|
|
@@ -7143,111 +7193,538 @@ function hasRegistryComponent(ref) {
|
|
|
7143
7193
|
return !!ref?.component || !!ref?.componentLoader;
|
|
7144
7194
|
}
|
|
7145
7195
|
|
|
7146
|
-
|
|
7147
|
-
const
|
|
7148
|
-
const
|
|
7149
|
-
|
|
7150
|
-
|
|
7196
|
+
function audioItemFromUpload(file, result, duration) {
|
|
7197
|
+
const url = resolvePersistableMediaUrl(result.url);
|
|
7198
|
+
const item = {
|
|
7199
|
+
mediaId: result.mediaId,
|
|
7200
|
+
mimeType: result.mimeType,
|
|
7201
|
+
size: result.size,
|
|
7202
|
+
duration,
|
|
7203
|
+
title: file.name,
|
|
7204
|
+
metadata: result.metadata,
|
|
7205
|
+
};
|
|
7206
|
+
if (url) {
|
|
7207
|
+
item.url = url;
|
|
7151
7208
|
}
|
|
7152
|
-
|
|
7153
|
-
|
|
7154
|
-
|
|
7155
|
-
|
|
7156
|
-
|
|
7157
|
-
|
|
7158
|
-
|
|
7159
|
-
|
|
7209
|
+
return item;
|
|
7210
|
+
}
|
|
7211
|
+
function mergeAudioUploadResult(payload, result) {
|
|
7212
|
+
const base = normalizeAudioPayload(payload);
|
|
7213
|
+
const audios = [...base.audios];
|
|
7214
|
+
const i = audios.findIndex((x) => !x.mediaId && !resolvePersistableMediaUrl(x.url));
|
|
7215
|
+
const slot = i >= 0 ? audios[i] : undefined;
|
|
7216
|
+
const url = resolvePersistableMediaUrl(result.url);
|
|
7217
|
+
const next = {
|
|
7218
|
+
...(slot ?? { duration: 0 }),
|
|
7219
|
+
mediaId: result.mediaId,
|
|
7220
|
+
mimeType: result.mimeType,
|
|
7221
|
+
size: result.size,
|
|
7222
|
+
metadata: result.metadata,
|
|
7160
7223
|
};
|
|
7161
|
-
if (
|
|
7162
|
-
|
|
7224
|
+
if (url) {
|
|
7225
|
+
next.url = url;
|
|
7163
7226
|
}
|
|
7164
|
-
|
|
7165
|
-
|
|
7166
|
-
|
|
7227
|
+
if (i >= 0)
|
|
7228
|
+
audios[i] = next;
|
|
7229
|
+
else
|
|
7230
|
+
audios.push(next);
|
|
7231
|
+
return { ...base, type: 'audio', audios };
|
|
7232
|
+
}
|
|
7233
|
+
function applyAudioLocalPreview(payload, localUrl, mimeType = 'application/octet-stream') {
|
|
7234
|
+
const base = normalizeAudioPayload(payload);
|
|
7235
|
+
const audios = [...base.audios];
|
|
7236
|
+
const slot = audios.findIndex((x) => !x.mediaId && !resolvePersistableMediaUrl(x.url));
|
|
7237
|
+
const preview = { url: localUrl, duration: 0, mimeType };
|
|
7238
|
+
if (slot >= 0) {
|
|
7239
|
+
audios[slot] = { ...audios[slot], ...preview };
|
|
7167
7240
|
}
|
|
7168
|
-
else if (
|
|
7169
|
-
|
|
7241
|
+
else if (audios.length === 0) {
|
|
7242
|
+
audios.push(preview);
|
|
7170
7243
|
}
|
|
7171
|
-
|
|
7172
|
-
|
|
7173
|
-
|
|
7174
|
-
|
|
7175
|
-
closeOnBackdropClick: false,
|
|
7176
|
-
panelClass: pickerPanelClass,
|
|
7177
|
-
inputs: contentInputs,
|
|
7178
|
-
});
|
|
7179
|
-
popupRef.onClose.subscribe(() => onClosed?.());
|
|
7180
|
-
return () => popupRef.close();
|
|
7244
|
+
else {
|
|
7245
|
+
audios[0] = { ...audios[0], ...preview };
|
|
7246
|
+
}
|
|
7247
|
+
return { ...base, type: 'audio', audios };
|
|
7181
7248
|
}
|
|
7182
7249
|
|
|
7183
|
-
|
|
7184
|
-
|
|
7185
|
-
|
|
7186
|
-
|
|
7187
|
-
|
|
7188
|
-
|
|
7189
|
-
|
|
7190
|
-
|
|
7191
|
-
|
|
7192
|
-
|
|
7193
|
-
|
|
7194
|
-
|
|
7195
|
-
|
|
7196
|
-
|
|
7197
|
-
|
|
7198
|
-
|
|
7199
|
-
|
|
7200
|
-
|
|
7201
|
-
|
|
7202
|
-
|
|
7203
|
-
|
|
7204
|
-
|
|
7205
|
-
|
|
7206
|
-
|
|
7207
|
-
|
|
7208
|
-
|
|
7209
|
-
|
|
7210
|
-
|
|
7211
|
-
|
|
7212
|
-
|
|
7213
|
-
|
|
7214
|
-
|
|
7215
|
-
|
|
7216
|
-
|
|
7217
|
-
|
|
7218
|
-
|
|
7219
|
-
|
|
7220
|
-
|
|
7221
|
-
|
|
7222
|
-
|
|
7223
|
-
|
|
7224
|
-
|
|
7225
|
-
|
|
7226
|
-
|
|
7227
|
-
|
|
7228
|
-
|
|
7229
|
-
|
|
7230
|
-
|
|
7231
|
-
|
|
7232
|
-
|
|
7233
|
-
|
|
7234
|
-
|
|
7235
|
-
|
|
7236
|
-
|
|
7237
|
-
|
|
7238
|
-
|
|
7239
|
-
|
|
7240
|
-
|
|
7241
|
-
|
|
7242
|
-
|
|
7243
|
-
|
|
7244
|
-
|
|
7245
|
-
|
|
7246
|
-
|
|
7247
|
-
|
|
7250
|
+
var audioComposer_payload = /*#__PURE__*/Object.freeze({
|
|
7251
|
+
__proto__: null,
|
|
7252
|
+
applyAudioLocalPreview: applyAudioLocalPreview,
|
|
7253
|
+
audioItemFromUpload: audioItemFromUpload,
|
|
7254
|
+
mergeAudioUploadResult: mergeAudioUploadResult
|
|
7255
|
+
});
|
|
7256
|
+
|
|
7257
|
+
function fileItemFromUpload(file, result, extras) {
|
|
7258
|
+
const extension = file.name.includes('.') ? file.name.split('.').pop() : undefined;
|
|
7259
|
+
const url = resolvePersistableMediaUrl(result.url);
|
|
7260
|
+
const duration = extras?.duration != null && Number.isFinite(extras.duration) ? extras.duration : undefined;
|
|
7261
|
+
const item = {
|
|
7262
|
+
mediaId: result.mediaId,
|
|
7263
|
+
mimeType: result.mimeType,
|
|
7264
|
+
size: result.size,
|
|
7265
|
+
name: file.name,
|
|
7266
|
+
thumbnailUrl: resolvePersistedThumbnailUrl(result.thumbnailUrl, url),
|
|
7267
|
+
extension,
|
|
7268
|
+
duration,
|
|
7269
|
+
metadata: result.metadata,
|
|
7270
|
+
};
|
|
7271
|
+
if (url) {
|
|
7272
|
+
item.url = url;
|
|
7273
|
+
}
|
|
7274
|
+
return item;
|
|
7275
|
+
}
|
|
7276
|
+
function mergeFileUploadResult(payload, result) {
|
|
7277
|
+
const base = normalizeFilePayload(payload);
|
|
7278
|
+
const files = [...base.files];
|
|
7279
|
+
const i = files.findIndex((x) => !x.mediaId && !resolvePersistableMediaUrl(x.url));
|
|
7280
|
+
const slot = i >= 0 ? files[i] : undefined;
|
|
7281
|
+
const name = slot?.name ?? result.metadata?.['fileName'] ?? 'file';
|
|
7282
|
+
const url = resolvePersistableMediaUrl(result.url);
|
|
7283
|
+
const next = {
|
|
7284
|
+
...(slot ?? { name, mimeType: result.mimeType }),
|
|
7285
|
+
mediaId: result.mediaId,
|
|
7286
|
+
mimeType: result.mimeType,
|
|
7287
|
+
size: result.size,
|
|
7288
|
+
name,
|
|
7289
|
+
thumbnailUrl: resolvePersistedThumbnailUrl(result.thumbnailUrl ?? slot?.thumbnailUrl, url),
|
|
7290
|
+
metadata: result.metadata,
|
|
7291
|
+
};
|
|
7292
|
+
if (url) {
|
|
7293
|
+
next.url = url;
|
|
7294
|
+
}
|
|
7295
|
+
if (i >= 0)
|
|
7296
|
+
files[i] = next;
|
|
7297
|
+
else
|
|
7298
|
+
files.push(next);
|
|
7299
|
+
return { ...base, type: 'file', files };
|
|
7300
|
+
}
|
|
7301
|
+
function applyFileLocalPreview(payload, localUrl, mimeType = 'application/octet-stream') {
|
|
7302
|
+
const base = normalizeFilePayload(payload);
|
|
7303
|
+
const files = [...base.files];
|
|
7304
|
+
const slot = files.findIndex((x) => !x.mediaId && !resolvePersistableMediaUrl(x.url));
|
|
7305
|
+
const preview = { url: localUrl, name: 'upload', mimeType };
|
|
7306
|
+
if (slot >= 0) {
|
|
7307
|
+
files[slot] = { ...files[slot], ...preview };
|
|
7308
|
+
}
|
|
7309
|
+
else if (files.length === 0) {
|
|
7310
|
+
files.push(preview);
|
|
7311
|
+
}
|
|
7312
|
+
else {
|
|
7313
|
+
files[0] = { ...files[0], ...preview };
|
|
7314
|
+
}
|
|
7315
|
+
return { ...base, type: 'file', files };
|
|
7316
|
+
}
|
|
7317
|
+
|
|
7318
|
+
var fileComposer_payload = /*#__PURE__*/Object.freeze({
|
|
7319
|
+
__proto__: null,
|
|
7320
|
+
applyFileLocalPreview: applyFileLocalPreview,
|
|
7321
|
+
fileItemFromUpload: fileItemFromUpload,
|
|
7322
|
+
mergeFileUploadResult: mergeFileUploadResult
|
|
7323
|
+
});
|
|
7324
|
+
|
|
7325
|
+
const EMPTY = { width: 0, height: 0, duration: 0 };
|
|
7326
|
+
async function probeImageDimensions(source) {
|
|
7327
|
+
if (typeof createImageBitmap === 'function' && typeof source !== 'string') {
|
|
7328
|
+
try {
|
|
7329
|
+
const bitmap = await createImageBitmap(source);
|
|
7330
|
+
const size = { width: bitmap.width, height: bitmap.height };
|
|
7331
|
+
bitmap.close();
|
|
7332
|
+
if (size.width > 0 && size.height > 0) {
|
|
7333
|
+
return size;
|
|
7248
7334
|
}
|
|
7249
|
-
|
|
7250
|
-
|
|
7335
|
+
}
|
|
7336
|
+
catch {
|
|
7337
|
+
// Fall through to HTMLImageElement.
|
|
7338
|
+
}
|
|
7339
|
+
}
|
|
7340
|
+
return new Promise((resolve) => {
|
|
7341
|
+
const img = new Image();
|
|
7342
|
+
let objectUrl = '';
|
|
7343
|
+
const finish = (width, height) => {
|
|
7344
|
+
if (objectUrl) {
|
|
7345
|
+
URL.revokeObjectURL(objectUrl);
|
|
7346
|
+
}
|
|
7347
|
+
resolve({ width, height });
|
|
7348
|
+
};
|
|
7349
|
+
img.onload = () => finish(img.naturalWidth, img.naturalHeight);
|
|
7350
|
+
img.onerror = () => finish(0, 0);
|
|
7351
|
+
if (typeof source === 'string') {
|
|
7352
|
+
img.src = source;
|
|
7353
|
+
return;
|
|
7354
|
+
}
|
|
7355
|
+
objectUrl = URL.createObjectURL(source);
|
|
7356
|
+
img.src = objectUrl;
|
|
7357
|
+
});
|
|
7358
|
+
}
|
|
7359
|
+
async function probeAudioDuration(source) {
|
|
7360
|
+
if (typeof document === 'undefined') {
|
|
7361
|
+
return 0;
|
|
7362
|
+
}
|
|
7363
|
+
return new Promise((resolve) => {
|
|
7364
|
+
const el = document.createElement('audio');
|
|
7365
|
+
el.preload = 'metadata';
|
|
7366
|
+
const objectUrl = URL.createObjectURL(source);
|
|
7367
|
+
const finish = (duration) => {
|
|
7368
|
+
URL.revokeObjectURL(objectUrl);
|
|
7369
|
+
el.src = '';
|
|
7370
|
+
resolve(duration);
|
|
7371
|
+
};
|
|
7372
|
+
el.onloadedmetadata = () => {
|
|
7373
|
+
finish(Number.isFinite(el.duration) ? el.duration : 0);
|
|
7374
|
+
};
|
|
7375
|
+
el.onerror = () => finish(0);
|
|
7376
|
+
el.src = objectUrl;
|
|
7377
|
+
});
|
|
7378
|
+
}
|
|
7379
|
+
async function probeVideoMedia(source) {
|
|
7380
|
+
if (typeof document === 'undefined') {
|
|
7381
|
+
return EMPTY;
|
|
7382
|
+
}
|
|
7383
|
+
return new Promise((resolve) => {
|
|
7384
|
+
const el = document.createElement('video');
|
|
7385
|
+
el.preload = 'metadata';
|
|
7386
|
+
const objectUrl = URL.createObjectURL(source);
|
|
7387
|
+
const finish = (dims) => {
|
|
7388
|
+
URL.revokeObjectURL(objectUrl);
|
|
7389
|
+
el.src = '';
|
|
7390
|
+
resolve(dims);
|
|
7391
|
+
};
|
|
7392
|
+
el.onloadedmetadata = () => {
|
|
7393
|
+
finish({
|
|
7394
|
+
width: el.videoWidth || 0,
|
|
7395
|
+
height: el.videoHeight || 0,
|
|
7396
|
+
duration: Number.isFinite(el.duration) ? el.duration : 0,
|
|
7397
|
+
});
|
|
7398
|
+
};
|
|
7399
|
+
el.onerror = () => finish(EMPTY);
|
|
7400
|
+
el.src = objectUrl;
|
|
7401
|
+
});
|
|
7402
|
+
}
|
|
7403
|
+
|
|
7404
|
+
var mediaDimensions = /*#__PURE__*/Object.freeze({
|
|
7405
|
+
__proto__: null,
|
|
7406
|
+
probeAudioDuration: probeAudioDuration,
|
|
7407
|
+
probeImageDimensions: probeImageDimensions,
|
|
7408
|
+
probeVideoMedia: probeVideoMedia
|
|
7409
|
+
});
|
|
7410
|
+
|
|
7411
|
+
async function imageItemFromUpload(file, result) {
|
|
7412
|
+
const url = resolvePersistableMediaUrl(result.url);
|
|
7413
|
+
const size = await probeImageDimensions(file);
|
|
7414
|
+
const item = {
|
|
7415
|
+
mediaId: result.mediaId,
|
|
7416
|
+
mimeType: result.mimeType,
|
|
7417
|
+
size: result.size,
|
|
7418
|
+
thumbnailUrl: resolvePersistedThumbnailUrl(result.thumbnailUrl, url),
|
|
7419
|
+
width: size.width,
|
|
7420
|
+
height: size.height,
|
|
7421
|
+
metadata: result.metadata,
|
|
7422
|
+
};
|
|
7423
|
+
if (url) {
|
|
7424
|
+
item.url = url;
|
|
7425
|
+
}
|
|
7426
|
+
return item;
|
|
7427
|
+
}
|
|
7428
|
+
|
|
7429
|
+
async function videoItemFromUpload(file, result, duration, size) {
|
|
7430
|
+
const url = resolvePersistableMediaUrl(result.url);
|
|
7431
|
+
const probed = size?.width && size.height
|
|
7432
|
+
? { width: size.width, height: size.height, duration }
|
|
7433
|
+
: await probeVideoMedia(file);
|
|
7434
|
+
const item = {
|
|
7435
|
+
mediaId: result.mediaId,
|
|
7436
|
+
mimeType: result.mimeType,
|
|
7437
|
+
size: result.size,
|
|
7438
|
+
thumbnailUrl: resolvePersistedThumbnailUrl(result.thumbnailUrl, url),
|
|
7439
|
+
duration: duration || probed.duration,
|
|
7440
|
+
width: probed.width,
|
|
7441
|
+
height: probed.height,
|
|
7442
|
+
metadata: result.metadata,
|
|
7443
|
+
};
|
|
7444
|
+
if (url) {
|
|
7445
|
+
item.url = url;
|
|
7446
|
+
}
|
|
7447
|
+
return item;
|
|
7448
|
+
}
|
|
7449
|
+
function mergeVideoUploadResult(payload, result) {
|
|
7450
|
+
const base = normalizeVideoPayload(payload);
|
|
7451
|
+
const videos = [...base.videos];
|
|
7452
|
+
const i = videos.findIndex((x) => !x.mediaId && !resolvePersistableMediaUrl(x.url));
|
|
7453
|
+
const slot = i >= 0 ? videos[i] : undefined;
|
|
7454
|
+
const url = resolvePersistableMediaUrl(result.url);
|
|
7455
|
+
const next = {
|
|
7456
|
+
...(slot ?? { duration: 0, width: 0, height: 0 }),
|
|
7457
|
+
mediaId: result.mediaId,
|
|
7458
|
+
mimeType: result.mimeType,
|
|
7459
|
+
size: result.size,
|
|
7460
|
+
thumbnailUrl: resolvePersistedThumbnailUrl(result.thumbnailUrl ?? slot?.thumbnailUrl, url),
|
|
7461
|
+
metadata: result.metadata,
|
|
7462
|
+
};
|
|
7463
|
+
if (url) {
|
|
7464
|
+
next.url = url;
|
|
7465
|
+
}
|
|
7466
|
+
if (i >= 0)
|
|
7467
|
+
videos[i] = next;
|
|
7468
|
+
else
|
|
7469
|
+
videos.push(next);
|
|
7470
|
+
return { ...base, type: 'video', videos };
|
|
7471
|
+
}
|
|
7472
|
+
function applyVideoLocalPreview(payload, localUrl, mimeType = 'application/octet-stream') {
|
|
7473
|
+
const base = normalizeVideoPayload(payload);
|
|
7474
|
+
const videos = [...base.videos];
|
|
7475
|
+
const slot = videos.findIndex((x) => !x.mediaId && !resolvePersistableMediaUrl(x.url));
|
|
7476
|
+
const preview = { url: localUrl, duration: 0, width: 0, height: 0, mimeType };
|
|
7477
|
+
if (slot >= 0) {
|
|
7478
|
+
videos[slot] = { ...videos[slot], ...preview };
|
|
7479
|
+
}
|
|
7480
|
+
else if (videos.length === 0) {
|
|
7481
|
+
videos.push(preview);
|
|
7482
|
+
}
|
|
7483
|
+
else {
|
|
7484
|
+
videos[0] = { ...videos[0], ...preview };
|
|
7485
|
+
}
|
|
7486
|
+
return { ...base, type: 'video', videos };
|
|
7487
|
+
}
|
|
7488
|
+
|
|
7489
|
+
var videoComposer_payload = /*#__PURE__*/Object.freeze({
|
|
7490
|
+
__proto__: null,
|
|
7491
|
+
applyVideoLocalPreview: applyVideoLocalPreview,
|
|
7492
|
+
mergeVideoUploadResult: mergeVideoUploadResult,
|
|
7493
|
+
videoItemFromUpload: videoItemFromUpload
|
|
7494
|
+
});
|
|
7495
|
+
|
|
7496
|
+
const DRAFT_KIND_CATALOGS = [
|
|
7497
|
+
{ catalog: AX_CONVERSATION_IMAGE_CATALOG, kind: 'image' },
|
|
7498
|
+
{ catalog: AX_CONVERSATION_VIDEO_CATALOG, kind: 'video' },
|
|
7499
|
+
{ catalog: AX_CONVERSATION_AUDIO_CATALOG, kind: 'audio' },
|
|
7500
|
+
{ catalog: AX_CONVERSATION_FILE_CATALOG, kind: 'file' },
|
|
7501
|
+
];
|
|
7502
|
+
const DRAFT_KIND_ICONS = {
|
|
7503
|
+
image: 'fa-light fa-image',
|
|
7504
|
+
video: 'fa-light fa-video',
|
|
7505
|
+
audio: 'fa-light fa-music',
|
|
7506
|
+
file: 'fa-light fa-file',
|
|
7507
|
+
};
|
|
7508
|
+
function isBannerEligibleComposerAction(action) {
|
|
7509
|
+
return !!action.fileType && action.fileType !== AX_CONVERSATION_VOICE_CATALOG;
|
|
7510
|
+
}
|
|
7511
|
+
function createDraftAttachmentPreviewUrl(file, kind) {
|
|
7512
|
+
if (typeof URL === 'undefined' || typeof URL.createObjectURL !== 'function') {
|
|
7513
|
+
return undefined;
|
|
7514
|
+
}
|
|
7515
|
+
if (kind === 'image' || kind === 'video') {
|
|
7516
|
+
return URL.createObjectURL(file);
|
|
7517
|
+
}
|
|
7518
|
+
return undefined;
|
|
7519
|
+
}
|
|
7520
|
+
function draftAttachmentIcon(kind) {
|
|
7521
|
+
return DRAFT_KIND_ICONS[kind];
|
|
7522
|
+
}
|
|
7523
|
+
function areDraftAttachmentsReady(items) {
|
|
7524
|
+
return items.length > 0 && items.every((item) => isPickerItemReadyToSend(item) && !item.uploading && !item.error);
|
|
7525
|
+
}
|
|
7526
|
+
async function classifyDraftAttachmentKind(fileService, file) {
|
|
7527
|
+
let lastErrors = [];
|
|
7528
|
+
for (const { catalog, kind } of DRAFT_KIND_CATALOGS) {
|
|
7529
|
+
const errors = await fileService.validate(file, catalog);
|
|
7530
|
+
if (errors.length === 0) {
|
|
7531
|
+
return { kind, errors: [] };
|
|
7532
|
+
}
|
|
7533
|
+
lastErrors = errors;
|
|
7534
|
+
}
|
|
7535
|
+
return { kind: 'file', errors: lastErrors };
|
|
7536
|
+
}
|
|
7537
|
+
async function probeDraftAttachmentDuration(file, kind) {
|
|
7538
|
+
if (kind === 'video') {
|
|
7539
|
+
const probed = await probeVideoMedia(file);
|
|
7540
|
+
return probed.duration;
|
|
7541
|
+
}
|
|
7542
|
+
if (kind === 'audio') {
|
|
7543
|
+
return probeAudioDuration(file);
|
|
7544
|
+
}
|
|
7545
|
+
return undefined;
|
|
7546
|
+
}
|
|
7547
|
+
async function buildComposerDraftAttachmentCommand(conversationId, items, caption) {
|
|
7548
|
+
const ready = items.filter((item) => isPickerItemReadyToSend(item));
|
|
7549
|
+
if (ready.length === 0) {
|
|
7550
|
+
return null;
|
|
7551
|
+
}
|
|
7552
|
+
const trimmedCaption = caption?.trim() || undefined;
|
|
7553
|
+
const kinds = new Set(ready.map((item) => item.kind));
|
|
7554
|
+
if (kinds.size === 1 && kinds.has('image')) {
|
|
7555
|
+
const images = (await Promise.all(ready.map(async (item) => {
|
|
7556
|
+
const result = pickerItemToUploadResult(item);
|
|
7557
|
+
return result ? imageItemFromUpload(item.file, result) : null;
|
|
7558
|
+
}))).filter((item) => item !== null);
|
|
7559
|
+
if (images.length === 0) {
|
|
7560
|
+
return null;
|
|
7561
|
+
}
|
|
7562
|
+
return {
|
|
7563
|
+
conversationId,
|
|
7564
|
+
type: 'image',
|
|
7565
|
+
payload: { type: 'image', images, caption: trimmedCaption },
|
|
7566
|
+
};
|
|
7567
|
+
}
|
|
7568
|
+
if (kinds.size === 1 && kinds.has('video')) {
|
|
7569
|
+
const videos = (await Promise.all(ready.map(async (item) => {
|
|
7570
|
+
const result = pickerItemToUploadResult(item);
|
|
7571
|
+
return result ? videoItemFromUpload(item.file, result, item.duration ?? 0) : null;
|
|
7572
|
+
}))).filter((item) => item !== null);
|
|
7573
|
+
if (videos.length === 0) {
|
|
7574
|
+
return null;
|
|
7575
|
+
}
|
|
7576
|
+
return {
|
|
7577
|
+
conversationId,
|
|
7578
|
+
type: 'video',
|
|
7579
|
+
payload: { type: 'video', videos, caption: trimmedCaption },
|
|
7580
|
+
};
|
|
7581
|
+
}
|
|
7582
|
+
if (kinds.size === 1 && kinds.has('audio')) {
|
|
7583
|
+
const audios = ready.flatMap((item) => {
|
|
7584
|
+
const result = pickerItemToUploadResult(item);
|
|
7585
|
+
return result ? [audioItemFromUpload(item.file, result, item.duration ?? 0)] : [];
|
|
7586
|
+
});
|
|
7587
|
+
if (audios.length === 0) {
|
|
7588
|
+
return null;
|
|
7589
|
+
}
|
|
7590
|
+
return {
|
|
7591
|
+
conversationId,
|
|
7592
|
+
type: 'audio',
|
|
7593
|
+
payload: { type: 'audio', audios, caption: trimmedCaption },
|
|
7594
|
+
};
|
|
7595
|
+
}
|
|
7596
|
+
const files = ready.flatMap((item) => {
|
|
7597
|
+
const result = pickerItemToUploadResult(item);
|
|
7598
|
+
return result ? [fileItemFromUpload(item.file, result, { duration: item.duration })] : [];
|
|
7599
|
+
});
|
|
7600
|
+
if (files.length === 0) {
|
|
7601
|
+
return null;
|
|
7602
|
+
}
|
|
7603
|
+
return {
|
|
7604
|
+
conversationId,
|
|
7605
|
+
type: 'file',
|
|
7606
|
+
payload: { type: 'file', files, caption: trimmedCaption },
|
|
7607
|
+
};
|
|
7608
|
+
}
|
|
7609
|
+
|
|
7610
|
+
async function openComposerActionOverlay(options) {
|
|
7611
|
+
const { popupService, composerService, action, conversation, config, inputs = {}, initialFiles, onClosed } = options;
|
|
7612
|
+
const component = action.component ?? (action.componentLoader ? await action.componentLoader() : undefined);
|
|
7613
|
+
if (!component) {
|
|
7614
|
+
return undefined;
|
|
7615
|
+
}
|
|
7616
|
+
const hasInitialFiles = !!initialFiles?.length;
|
|
7617
|
+
const shouldAutoRun = action.autoRun === true && !hasInitialFiles;
|
|
7618
|
+
const contentInputs = {
|
|
7619
|
+
conversation,
|
|
7620
|
+
maxFiles: resolveComposerMaxFiles(action, config),
|
|
7621
|
+
service: composerService,
|
|
7622
|
+
autoRun: shouldAutoRun,
|
|
7623
|
+
...inputs,
|
|
7624
|
+
};
|
|
7625
|
+
if (hasInitialFiles) {
|
|
7626
|
+
contentInputs['initialFiles'] = initialFiles;
|
|
7627
|
+
}
|
|
7628
|
+
const pickerPanelClass = ['ax-conversation-composer-picker-popup'];
|
|
7629
|
+
if (action.id === 'location') {
|
|
7630
|
+
pickerPanelClass.push('ax-conversation-composer-picker-popup--location');
|
|
7631
|
+
}
|
|
7632
|
+
else if (action.id === 'voice-recording') {
|
|
7633
|
+
pickerPanelClass.push('ax-conversation-composer-picker-popup--voice');
|
|
7634
|
+
}
|
|
7635
|
+
const popupRef = await popupService.openRef(component, {
|
|
7636
|
+
size: 'sm',
|
|
7637
|
+
closeButton: false,
|
|
7638
|
+
header: false,
|
|
7639
|
+
closeOnBackdropClick: false,
|
|
7640
|
+
panelClass: pickerPanelClass,
|
|
7641
|
+
inputs: contentInputs,
|
|
7642
|
+
});
|
|
7643
|
+
popupRef.onClose.subscribe(() => onClosed?.());
|
|
7644
|
+
return () => popupRef.close();
|
|
7645
|
+
}
|
|
7646
|
+
|
|
7647
|
+
/**
|
|
7648
|
+
* AXConversationComposerService
|
|
7649
|
+
* Facade/service for Composer to interact with conversation and manage reply/edit state.
|
|
7650
|
+
*/
|
|
7651
|
+
class AXConversationComposerService {
|
|
7652
|
+
constructor() {
|
|
7653
|
+
this.conversationService = inject(AXConversationService);
|
|
7654
|
+
this.generationState = inject(AXConversationComposerGenerationStateService);
|
|
7655
|
+
this.translation = inject(AXTranslationService);
|
|
7656
|
+
this.popupService = inject(AXPopupService);
|
|
7657
|
+
this.uploader = inject(AXUploaderService);
|
|
7658
|
+
this.fileService = inject(AXFileService);
|
|
7659
|
+
this.toast = inject(AXToastService);
|
|
7660
|
+
this.config = inject(AX_CONVERSATION_CONFIG);
|
|
7661
|
+
this.destroyRef = inject(DestroyRef);
|
|
7662
|
+
this._activeActionOverlay = signal(null, /* @ts-ignore */
|
|
7663
|
+
...(ngDevMode ? [{ debugName: "_activeActionOverlay" }] : /* istanbul ignore next */ []));
|
|
7664
|
+
// Reply/Edit state signals (public as readonly)
|
|
7665
|
+
this._replyMessage = signal(null, /* @ts-ignore */
|
|
7666
|
+
...(ngDevMode ? [{ debugName: "_replyMessage" }] : /* istanbul ignore next */ []));
|
|
7667
|
+
this._editMessage = signal(null, /* @ts-ignore */
|
|
7668
|
+
...(ngDevMode ? [{ debugName: "_editMessage" }] : /* istanbul ignore next */ []));
|
|
7669
|
+
this.replyMessage = this._replyMessage.asReadonly();
|
|
7670
|
+
this.editMessage = this._editMessage.asReadonly();
|
|
7671
|
+
this.activeConversation = this.conversationService.activeConversation;
|
|
7672
|
+
this.activeMessages = this.conversationService.activeMessages;
|
|
7673
|
+
/** Draft text */
|
|
7674
|
+
this.draftText = signal('', /* @ts-ignore */
|
|
7675
|
+
...(ngDevMode ? [{ debugName: "draftText" }] : /* istanbul ignore next */ []));
|
|
7676
|
+
/** Inline composer attachments shown above the input in banner mode. */
|
|
7677
|
+
this.draftAttachments = signal([], /* @ts-ignore */
|
|
7678
|
+
...(ngDevMode ? [{ debugName: "draftAttachments" }] : /* istanbul ignore next */ []));
|
|
7679
|
+
this.draftAttachmentsReady = computed(() => areDraftAttachmentsReady(this.draftAttachments()), /* @ts-ignore */
|
|
7680
|
+
...(ngDevMode ? [{ debugName: "draftAttachmentsReady" }] : /* istanbul ignore next */ []));
|
|
7681
|
+
this.usesAttachmentBanner = computed(() => isComposerAttachmentBannerEnabled(this.activeConversation()), /* @ts-ignore */
|
|
7682
|
+
...(ngDevMode ? [{ debugName: "usesAttachmentBanner" }] : /* istanbul ignore next */ []));
|
|
7683
|
+
/** Incremented to request focus on the composer text area (handled by AXConversationComposerComponent). */
|
|
7684
|
+
this._focusRequest = signal(0, /* @ts-ignore */
|
|
7685
|
+
...(ngDevMode ? [{ debugName: "_focusRequest" }] : /* istanbul ignore next */ []));
|
|
7686
|
+
this.focusRequest = this._focusRequest.asReadonly();
|
|
7687
|
+
/** Input placeholder */
|
|
7688
|
+
this.placeholder = computed(() => {
|
|
7689
|
+
const conversation = this.activeConversation();
|
|
7690
|
+
if (!conversation)
|
|
7691
|
+
return this.translation.translateSync('@acorex:chat.placeholders.select-conversation');
|
|
7692
|
+
return this.translation.translateSync('@acorex:chat.placeholders.type-message');
|
|
7693
|
+
}, /* @ts-ignore */
|
|
7694
|
+
...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
|
|
7695
|
+
/** Number of input rows */
|
|
7696
|
+
this.inputRows = computed(() => {
|
|
7697
|
+
const text = this.draftText();
|
|
7698
|
+
const lines = text.split('\n').length;
|
|
7699
|
+
return Math.min(Math.max(lines, 1), 12);
|
|
7700
|
+
}, /* @ts-ignore */
|
|
7701
|
+
...(ngDevMode ? [{ debugName: "inputRows" }] : /* istanbul ignore next */ []));
|
|
7702
|
+
/** Can send message (draft has content; does not include generation state). */
|
|
7703
|
+
this.canSend = computed(() => {
|
|
7704
|
+
const attachments = this.draftAttachments();
|
|
7705
|
+
if (attachments.length > 0) {
|
|
7706
|
+
return this.draftAttachmentsReady();
|
|
7707
|
+
}
|
|
7708
|
+
return this.draftText().trim().length > 0;
|
|
7709
|
+
}, /* @ts-ignore */
|
|
7710
|
+
...(ngDevMode ? [{ debugName: "canSend" }] : /* istanbul ignore next */ []));
|
|
7711
|
+
/** Whether a background generation (e.g. AI response) is in progress. */
|
|
7712
|
+
this.isGenerating = this.generationState.isGenerating;
|
|
7713
|
+
/** Whether cancel cleanup is in progress (spinner on primary button). */
|
|
7714
|
+
this.isStopping = this.generationState.isStopping;
|
|
7715
|
+
/** Primary end-button mode for send / cancel / stopping / voice / locked. */
|
|
7716
|
+
this.primaryButtonMode = computed(() => {
|
|
7717
|
+
if (this.isStopping()) {
|
|
7718
|
+
return 'stopping';
|
|
7719
|
+
}
|
|
7720
|
+
if (this.editMessage() && this.canSend()) {
|
|
7721
|
+
return 'send';
|
|
7722
|
+
}
|
|
7723
|
+
if (this.isGenerating()) {
|
|
7724
|
+
return 'cancel';
|
|
7725
|
+
}
|
|
7726
|
+
if (this.draftAttachments().length > 0) {
|
|
7727
|
+
return 'send';
|
|
7251
7728
|
}
|
|
7252
7729
|
if (this.canSend()) {
|
|
7253
7730
|
return 'send';
|
|
@@ -7325,6 +7802,7 @@ class AXConversationComposerService {
|
|
|
7325
7802
|
return this.registry.composerActions.getVisibleActions('end', context).find((action) => action.default);
|
|
7326
7803
|
}, /* @ts-ignore */
|
|
7327
7804
|
...(ngDevMode ? [{ debugName: "defaultAction" }] : /* istanbul ignore next */ []));
|
|
7805
|
+
this.destroyRef.onDestroy(() => this.clearDraftAttachments());
|
|
7328
7806
|
}
|
|
7329
7807
|
// Access registry through conversation service
|
|
7330
7808
|
get registry() {
|
|
@@ -7347,11 +7825,15 @@ class AXConversationComposerService {
|
|
|
7347
7825
|
focusComposer() {
|
|
7348
7826
|
this._focusRequest.update((n) => n + 1);
|
|
7349
7827
|
}
|
|
7350
|
-
|
|
7351
|
-
this.hideComponent();
|
|
7828
|
+
clearReplyEdit() {
|
|
7352
7829
|
this._replyMessage.set(null);
|
|
7353
7830
|
this._editMessage.set(null);
|
|
7354
7831
|
}
|
|
7832
|
+
clear() {
|
|
7833
|
+
this.hideComponent();
|
|
7834
|
+
this.clearReplyEdit();
|
|
7835
|
+
this.clearDraftAttachments();
|
|
7836
|
+
}
|
|
7355
7837
|
/**
|
|
7356
7838
|
* Persist draft for the previous conversation and reset composer UI state when switching conversations.
|
|
7357
7839
|
*/
|
|
@@ -7360,7 +7842,6 @@ class AXConversationComposerService {
|
|
|
7360
7842
|
this.saveDraft(previousConversationId, this.draftText());
|
|
7361
7843
|
}
|
|
7362
7844
|
this.clear();
|
|
7363
|
-
this.attachments.set([]);
|
|
7364
7845
|
this.draftText.set(currentConversationId ? this.loadDraft(currentConversationId) : '');
|
|
7365
7846
|
this.generationState.setGenerating(false);
|
|
7366
7847
|
if (currentConversationId) {
|
|
@@ -7381,7 +7862,7 @@ class AXConversationComposerService {
|
|
|
7381
7862
|
*/
|
|
7382
7863
|
clearComposerInput(conversationId) {
|
|
7383
7864
|
this.draftText.set('');
|
|
7384
|
-
this.
|
|
7865
|
+
this.clearDraftAttachments({ retainUploaded: true });
|
|
7385
7866
|
this.hideComponent();
|
|
7386
7867
|
this._replyMessage.set(null);
|
|
7387
7868
|
this._editMessage.set(null);
|
|
@@ -7394,6 +7875,14 @@ class AXConversationComposerService {
|
|
|
7394
7875
|
* Open a composer action component in a popup (desktop) or action sheet (mobile).
|
|
7395
7876
|
*/
|
|
7396
7877
|
async openActionComponent(action, inputs, options) {
|
|
7878
|
+
if (this.usesAttachmentBanner() && isBannerEligibleComposerAction(action)) {
|
|
7879
|
+
if (options?.initialFiles?.length) {
|
|
7880
|
+
await this.addDraftAttachments(options.initialFiles);
|
|
7881
|
+
return;
|
|
7882
|
+
}
|
|
7883
|
+
await this.browseDraftAttachments(action.fileType);
|
|
7884
|
+
return;
|
|
7885
|
+
}
|
|
7397
7886
|
if (options?.toggleable) {
|
|
7398
7887
|
const current = this._activeActionOverlay();
|
|
7399
7888
|
if (current?.actionId === action.id) {
|
|
@@ -7427,6 +7916,114 @@ class AXConversationComposerService {
|
|
|
7427
7916
|
},
|
|
7428
7917
|
});
|
|
7429
7918
|
}
|
|
7919
|
+
async browseDraftAttachments(fileType) {
|
|
7920
|
+
const { accepted, rejected } = await this.uploader.chooseFiles({
|
|
7921
|
+
multiple: true,
|
|
7922
|
+
fileType,
|
|
7923
|
+
});
|
|
7924
|
+
notifyPickerValidationErrors(this.toast, this.translation, rejected);
|
|
7925
|
+
if (!accepted.length) {
|
|
7926
|
+
return 0;
|
|
7927
|
+
}
|
|
7928
|
+
return this.addDraftAttachments(accepted);
|
|
7929
|
+
}
|
|
7930
|
+
async addDraftAttachments(files) {
|
|
7931
|
+
const conversation = this.activeConversation();
|
|
7932
|
+
if (!conversation || files.length === 0) {
|
|
7933
|
+
return 0;
|
|
7934
|
+
}
|
|
7935
|
+
const max = Math.max(1, this.config.maxFilesPerMessage);
|
|
7936
|
+
const incoming = files.map((file) => normalizeConversationInboundFile(file));
|
|
7937
|
+
const capacity = limitFilesToCapacity(incoming, this.draftAttachments().length, max);
|
|
7938
|
+
if (capacity.length < incoming.length) {
|
|
7939
|
+
notifyMaxFilesCapacityExceeded(this.toast, this.translation, max);
|
|
7940
|
+
}
|
|
7941
|
+
if (capacity.length === 0) {
|
|
7942
|
+
return 0;
|
|
7943
|
+
}
|
|
7944
|
+
const accepted = [];
|
|
7945
|
+
const rejected = [];
|
|
7946
|
+
for (const file of capacity) {
|
|
7947
|
+
const classified = await classifyDraftAttachmentKind(this.fileService, file);
|
|
7948
|
+
if (classified.errors.length > 0) {
|
|
7949
|
+
rejected.push({ file, errors: classified.errors });
|
|
7950
|
+
continue;
|
|
7951
|
+
}
|
|
7952
|
+
const id = createPickerUploadItemId();
|
|
7953
|
+
const preview = createDraftAttachmentPreviewUrl(file, classified.kind);
|
|
7954
|
+
const duration = await probeDraftAttachmentDuration(file, classified.kind);
|
|
7955
|
+
const item = {
|
|
7956
|
+
id,
|
|
7957
|
+
file,
|
|
7958
|
+
kind: classified.kind,
|
|
7959
|
+
icon: draftAttachmentIcon(classified.kind),
|
|
7960
|
+
preview,
|
|
7961
|
+
duration,
|
|
7962
|
+
uploadProgress: 0,
|
|
7963
|
+
uploading: true,
|
|
7964
|
+
};
|
|
7965
|
+
this.draftAttachments.update((current) => [...current, item]);
|
|
7966
|
+
accepted.push(file);
|
|
7967
|
+
void this.uploadDraftAttachment(id, conversation.id, file);
|
|
7968
|
+
}
|
|
7969
|
+
notifyPickerValidationErrors(this.toast, this.translation, rejected);
|
|
7970
|
+
return accepted.length;
|
|
7971
|
+
}
|
|
7972
|
+
removeDraftAttachment(id) {
|
|
7973
|
+
const item = this.draftAttachments().find((attachment) => attachment.id === id);
|
|
7974
|
+
if (!item) {
|
|
7975
|
+
return;
|
|
7976
|
+
}
|
|
7977
|
+
cleanupPickerUploads(this.uploader, [item]);
|
|
7978
|
+
this.draftAttachments.update((items) => items.filter((attachment) => attachment.id !== id));
|
|
7979
|
+
}
|
|
7980
|
+
clearDraftAttachments(options) {
|
|
7981
|
+
const snapshot = this.draftAttachments();
|
|
7982
|
+
if (snapshot.length === 0) {
|
|
7983
|
+
return;
|
|
7984
|
+
}
|
|
7985
|
+
cleanupPickerUploads(this.uploader, snapshot, { retainUploaded: options?.retainUploaded });
|
|
7986
|
+
this.draftAttachments.set([]);
|
|
7987
|
+
}
|
|
7988
|
+
async buildDraftAttachmentCommand(caption) {
|
|
7989
|
+
const conversation = this.activeConversation();
|
|
7990
|
+
if (!conversation) {
|
|
7991
|
+
return null;
|
|
7992
|
+
}
|
|
7993
|
+
return buildComposerDraftAttachmentCommand(conversation.id, this.draftAttachments(), caption);
|
|
7994
|
+
}
|
|
7995
|
+
async uploadDraftAttachment(id, conversationId, file) {
|
|
7996
|
+
const abortController = new AbortController();
|
|
7997
|
+
this.patchDraftAttachment(id, { abortController });
|
|
7998
|
+
try {
|
|
7999
|
+
const result = await uploadPickerFile(this.uploader, conversationId, file, (progress) => {
|
|
8000
|
+
this.patchDraftAttachment(id, { uploadProgress: progress, uploading: true });
|
|
8001
|
+
}, abortController.signal);
|
|
8002
|
+
this.patchDraftAttachment(id, {
|
|
8003
|
+
uploadProgress: 100,
|
|
8004
|
+
uploading: false,
|
|
8005
|
+
uploaded: true,
|
|
8006
|
+
uploadedUrl: result.url,
|
|
8007
|
+
mediaId: result.mediaId,
|
|
8008
|
+
error: undefined,
|
|
8009
|
+
});
|
|
8010
|
+
}
|
|
8011
|
+
catch (error) {
|
|
8012
|
+
if (isUploadAborted(error, abortController.signal)) {
|
|
8013
|
+
return;
|
|
8014
|
+
}
|
|
8015
|
+
console.error('Failed to upload composer attachment:', error);
|
|
8016
|
+
this.patchDraftAttachment(id, {
|
|
8017
|
+
uploadProgress: 0,
|
|
8018
|
+
uploading: false,
|
|
8019
|
+
uploaded: false,
|
|
8020
|
+
error: this.translation.translateSync('@acorex:chat.errors.upload-failed'),
|
|
8021
|
+
});
|
|
8022
|
+
}
|
|
8023
|
+
}
|
|
8024
|
+
patchDraftAttachment(id, patch) {
|
|
8025
|
+
this.draftAttachments.update((items) => items.map((item) => (item.id === id ? { ...item, ...patch } : item)));
|
|
8026
|
+
}
|
|
7430
8027
|
/**
|
|
7431
8028
|
* Hide the active action overlay.
|
|
7432
8029
|
*/
|
|
@@ -7495,7 +8092,7 @@ class AXConversationComposerService {
|
|
|
7495
8092
|
}
|
|
7496
8093
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationComposerService, decorators: [{
|
|
7497
8094
|
type: Injectable
|
|
7498
|
-
}] });
|
|
8095
|
+
}], ctorParameters: () => [] });
|
|
7499
8096
|
|
|
7500
8097
|
/**
|
|
7501
8098
|
* Composer Component
|
|
@@ -7523,8 +8120,9 @@ class AXConversationComposerComponent {
|
|
|
7523
8120
|
this.textAreaRef = viewChild('inputElement', { ...(ngDevMode ? { debugName: "textAreaRef" } : /* istanbul ignore next */ {}), read: AXTextAreaComponent });
|
|
7524
8121
|
/** Draft text - use service */
|
|
7525
8122
|
this.draftText = this.composerService.draftText;
|
|
7526
|
-
/**
|
|
7527
|
-
this.
|
|
8123
|
+
/** Draft attachments shown above the composer in banner mode. */
|
|
8124
|
+
this.draftAttachments = this.composerService.draftAttachments;
|
|
8125
|
+
this.usesAttachmentBanner = this.composerService.usesAttachmentBanner;
|
|
7528
8126
|
/** Editing message */
|
|
7529
8127
|
this.editingMessage = signal(null, /* @ts-ignore */
|
|
7530
8128
|
...(ngDevMode ? [{ debugName: "editingMessage" }] : /* istanbul ignore next */ []));
|
|
@@ -7711,7 +8309,6 @@ class AXConversationComposerComponent {
|
|
|
7711
8309
|
try {
|
|
7712
8310
|
await this.conversationService.editMessage(editingMsg.id, { type: 'text', text });
|
|
7713
8311
|
this.draftText.set('');
|
|
7714
|
-
this.attachments.set([]);
|
|
7715
8312
|
this.cancelEditReply();
|
|
7716
8313
|
this.composerService.clearDraft(conversation.id);
|
|
7717
8314
|
this.messageListService.requestScrollToBottom();
|
|
@@ -7722,6 +8319,29 @@ class AXConversationComposerComponent {
|
|
|
7722
8319
|
}
|
|
7723
8320
|
return;
|
|
7724
8321
|
}
|
|
8322
|
+
const draftAttachments = this.draftAttachments();
|
|
8323
|
+
if (draftAttachments.length > 0) {
|
|
8324
|
+
if (!this.composerService.draftAttachmentsReady()) {
|
|
8325
|
+
return;
|
|
8326
|
+
}
|
|
8327
|
+
const command = await this.composerService.buildDraftAttachmentCommand(text || undefined);
|
|
8328
|
+
if (!command) {
|
|
8329
|
+
return;
|
|
8330
|
+
}
|
|
8331
|
+
this.editingMessage.set(null);
|
|
8332
|
+
this.replyingToMessage.set(null);
|
|
8333
|
+
this.conversationService.notifyComposerStoppedTyping(conversation.id);
|
|
8334
|
+
this.messageListService.requestScrollToBottom();
|
|
8335
|
+
void this.composerService
|
|
8336
|
+
.sendMessage(command)
|
|
8337
|
+
.then(() => {
|
|
8338
|
+
this.messageSent.emit(command);
|
|
8339
|
+
})
|
|
8340
|
+
.catch((error) => {
|
|
8341
|
+
console.error('Failed to send message:', error);
|
|
8342
|
+
});
|
|
8343
|
+
return;
|
|
8344
|
+
}
|
|
7725
8345
|
const command = {
|
|
7726
8346
|
conversationId: conversation.id,
|
|
7727
8347
|
type: 'text',
|
|
@@ -7969,6 +8589,9 @@ class AXConversationComposerComponent {
|
|
|
7969
8589
|
if (mode === 'locked' || mode === 'stopping') {
|
|
7970
8590
|
return true;
|
|
7971
8591
|
}
|
|
8592
|
+
if (mode === 'send') {
|
|
8593
|
+
return !this.canSend();
|
|
8594
|
+
}
|
|
7972
8595
|
if (mode === 'default-action') {
|
|
7973
8596
|
const action = this.defaultAction();
|
|
7974
8597
|
return action ? !this.isActionEnabled(action) : true;
|
|
@@ -7983,16 +8606,28 @@ class AXConversationComposerComponent {
|
|
|
7983
8606
|
onVoiceClick() {
|
|
7984
8607
|
this.voiceClick.emit();
|
|
7985
8608
|
}
|
|
7986
|
-
/** Remove attachment */
|
|
7987
|
-
|
|
7988
|
-
this.
|
|
8609
|
+
/** Remove a draft attachment from the composer banner. */
|
|
8610
|
+
removeDraftAttachment(id) {
|
|
8611
|
+
this.composerService.removeDraftAttachment(id);
|
|
8612
|
+
}
|
|
8613
|
+
addDraftAttachments() {
|
|
8614
|
+
void this.composerService.browseDraftAttachments();
|
|
8615
|
+
}
|
|
8616
|
+
dismissDraftAttachments() {
|
|
8617
|
+
this.composerService.clearDraftAttachments();
|
|
8618
|
+
}
|
|
8619
|
+
draftAttachmentLabel(name) {
|
|
8620
|
+
return truncatePickerFileName(name, 18);
|
|
8621
|
+
}
|
|
8622
|
+
canAddDraftAttachments() {
|
|
8623
|
+
return this.draftAttachments().length < Math.max(1, this.config.maxFilesPerMessage);
|
|
7989
8624
|
}
|
|
7990
|
-
/** Cancel edit/reply mode */
|
|
8625
|
+
/** Cancel edit/reply mode without dropping draft attachments. */
|
|
7991
8626
|
cancelEditReply() {
|
|
7992
8627
|
this.seededEditMessageId = null;
|
|
7993
8628
|
this.editingMessage.set(null);
|
|
7994
8629
|
this.replyingToMessage.set(null);
|
|
7995
|
-
this.composerService.
|
|
8630
|
+
this.composerService.clearReplyEdit();
|
|
7996
8631
|
}
|
|
7997
8632
|
/** Start editing a message */
|
|
7998
8633
|
startEdit(message) {
|
|
@@ -8170,7 +8805,7 @@ class AXConversationComposerComponent {
|
|
|
8170
8805
|
};
|
|
8171
8806
|
}
|
|
8172
8807
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationComposerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8173
|
-
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 (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\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 }); }
|
|
8808
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXConversationComposerComponent, isStandalone: true, selector: "ax-conversation-composer", outputs: { messageSent: "messageSent", generationCancelled: "generationCancelled", emojiClick: "emojiClick", attachClick: "attachClick", voiceClick: "voiceClick" }, host: { listeners: { "paste": "onComposerPaste($event)" } }, viewQueries: [{ propertyName: "textAreaRef", first: true, predicate: ["inputElement"], descendants: true, read: AXTextAreaComponent, isSignal: true }, { propertyName: "emojiPopoverRef", first: true, predicate: ["emojiPopover"], descendants: true, isSignal: true }, { propertyName: "attachPopoverRef", first: true, predicate: ["attachPopover"], descendants: true, isSignal: true }, { propertyName: "attachMenuButtonRef", first: true, predicate: ["attachMenuButton"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (activeConversation()) {\n <div class=\"composer\">\n <!-- Edit/Reply Banner -->\n @if (editingMessage() || replyingToMessage()) {\n <div\n class=\"ax-conversation-composer-banner\"\n [class.ax-conversation-composer-banner--edit]=\"!!editingMessage()\"\n [class.ax-conversation-composer-banner--reply]=\"!!replyingToMessage()\"\n >\n <div class=\"ax-conversation-composer-banner__accent\" aria-hidden=\"true\"></div>\n @if (editingMessage()) {\n <div class=\"ax-conversation-composer-banner__content\">\n <span class=\"ax-conversation-composer-banner__icon\" aria-hidden=\"true\"\n ><i class=\"fa-light fa-pen-to-square\"></i\n ></span>\n <div class=\"ax-conversation-composer-banner__body\">\n <span class=\"ax-conversation-composer-banner__label\">{{\n '@acorex:chat.composer.editing-message' | translate | async\n }}</span>\n @if (getEditingPreview(); as preview) {\n <span class=\"ax-conversation-composer-banner__preview\">\n @if (preview.type !== 'text') {\n <i [class]=\"preview.icon\"></i>\n }\n {{ getComposerPreviewLabel(preview) }}\n </span>\n }\n </div>\n </div>\n } @else if (replyingToMessage()) {\n <div class=\"ax-conversation-composer-banner__content\">\n <span class=\"ax-conversation-composer-banner__icon\" aria-hidden=\"true\"\n ><i class=\"fa-light fa-reply\"></i\n ></span>\n <div\n class=\"ax-conversation-composer-banner__body ax-conversation-composer-banner__body--clickable\"\n (click)=\"onReplyPreviewClick()\"\n >\n <span class=\"ax-conversation-composer-banner__label\">\n {{ '@acorex:chat.composer.replying-to' | translate | async }} {{ getReplyingSenderName() }}\n </span>\n @if (getReplyingPreview(); as preview) {\n <span class=\"ax-conversation-composer-banner__preview\">\n @if (preview.type !== 'text') {\n <i [class]=\"preview.icon\"></i>\n }\n {{ getComposerPreviewLabel(preview) }}\n </span>\n }\n </div>\n </div>\n }\n <ax-button\n class=\"ax-conversation-composer-banner__close rounded-full\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n (onClick)=\"cancelEditReply()\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n }\n\n @if (usesAttachmentBanner() && draftAttachments().length > 0) {\n <div class=\"ax-conversation-composer-attachments\">\n <div class=\"ax-conversation-composer-attachments__scroll\" role=\"list\" axHorizontalScroll>\n @for (attachment of draftAttachments(); track attachment.id) {\n <div\n class=\"ax-conversation-composer-attachment\"\n role=\"listitem\"\n [class.ax-conversation-composer-attachment--media]=\"attachment.kind === 'image' || attachment.kind === 'video'\"\n [class.ax-conversation-composer-attachment--file]=\"attachment.kind === 'audio' || attachment.kind === 'file'\"\n [class.ax-conversation-composer-attachment--uploading]=\"attachment.uploading\"\n [class.ax-conversation-composer-attachment--error]=\"!!attachment.error\"\n [title]=\"attachment.file.name\"\n >\n @if (attachment.kind === 'image' || attachment.kind === 'video') {\n <span class=\"ax-conversation-composer-attachment__thumb\" aria-hidden=\"true\">\n @if (attachment.kind === 'video' && attachment.preview) {\n <video [src]=\"attachment.preview\" muted playsinline preload=\"metadata\"></video>\n } @else if (attachment.preview) {\n <img [src]=\"attachment.preview\" alt=\"\" />\n } @else {\n <i [class]=\"attachment.icon\"></i>\n }\n </span>\n } @else {\n <span class=\"ax-conversation-composer-attachment__icon\" aria-hidden=\"true\">\n <i [class]=\"attachment.icon\"></i>\n </span>\n <span class=\"ax-conversation-composer-attachment__name\">{{\n draftAttachmentLabel(attachment.file.name)\n }}</span>\n }\n @if (attachment.uploading) {\n <span class=\"ax-conversation-composer-attachment__progress\" aria-hidden=\"true\"></span>\n }\n <button\n type=\"button\"\n class=\"ax-conversation-composer-attachment__remove\"\n [attr.aria-label]=\"translation.translateSync('@acorex:chat.actions.remove-attachment')\"\n (click)=\"removeDraftAttachment(attachment.id); $event.stopPropagation()\"\n >\n <i class=\"fa-solid fa-xmark\"></i>\n </button>\n </div>\n }\n <button\n type=\"button\"\n class=\"ax-conversation-composer-attachment-add\"\n [disabled]=\"!canAddDraftAttachments()\"\n [attr.aria-label]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (click)=\"addDraftAttachments()\"\n >\n <i class=\"fa-light fa-plus\"></i>\n </button>\n </div>\n <ax-button\n class=\"ax-conversation-composer-attachments__close rounded-full\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n (onClick)=\"dismissDraftAttachments()\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n }\n\n <!-- Input Area -->\n <div class=\"composer-input-container\">\n <!-- Start actions -->\n <div class=\"composer-actions-left\">\n @if (startMenuActions().length > 0) {\n <span\n #attachMenuButton\n class=\"composer-attach-menu-trigger\"\n (mouseenter)=\"onAttachMenuMouseEnter()\"\n (mouseleave)=\"onAttachMenuMouseLeave()\"\n >\n <ax-button\n class=\"rounded-full text-xl\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"('@acorex:chat.tooltips.attach-file' | translate | async) ?? ''\"\n (onClick)=\"onAttachMenuClick($event)\"\n >\n <ax-prefix>\n <i class=\"fa-light fa-paperclip\"></i>\n </ax-prefix>\n </ax-button>\n </span>\n }\n\n @for (action of startInlineActions(); track action.id) {\n <ax-button\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"getActionLabel(action)\"\n [disabled]=\"!isActionEnabled(action)\"\n [class]=\"getActionButtonClass(action)\"\n (onClick)=\"onActionClick(action.id, $event)\"\n >\n <ax-icon>\n <i [class]=\"action.icon\"></i>\n </ax-icon>\n </ax-button>\n }\n </div>\n\n <!-- Text Input -->\n <div class=\"composer-input-wrapper\">\n <ax-text-area\n #inputElement\n [ngModel]=\"draftText()\"\n (ngModelChange)=\"onDraftModelChange($event)\"\n (onKeyDown)=\"onKeyDown($event)\"\n (onValueChanged)=\"onDraftValueChanged($event)\"\n [placeholder]=\"placeholder()\"\n [rows]=\"inputRows()\"\n [axAutoFocus]=\"true\"\n ></ax-text-area>\n </div>\n\n <!-- End actions -->\n <div class=\"composer-actions-right\">\n @for (action of endInlineActions(); track action.id) {\n <ax-button\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"getActionLabel(action)\"\n [disabled]=\"!isActionEnabled(action)\"\n [class]=\"getActionButtonClass(action)\"\n (onClick)=\"onActionClick(action.id, $event)\"\n >\n <ax-icon>\n <i [class]=\"action.icon\"></i>\n </ax-icon>\n </ax-button>\n }\n\n <div class=\"composer-primary-button-slot\">\n @switch (primaryButtonMode()) {\n @case ('cancel') {\n <ax-button\n class=\"rounded-full\"\n [iconOnly]=\"true\"\n look=\"blank\"\n [text]=\"getPrimaryButtonLabel()\"\n (onClick)=\"onPrimaryButtonClick()\"\n >\n <ax-icon [class]=\"getPrimaryButtonIcon()\"> </ax-icon>\n </ax-button>\n }\n @case ('stopping') {\n <ax-button\n class=\"rounded-full\"\n [iconOnly]=\"true\"\n look=\"blank\"\n [text]=\"getPrimaryButtonLabel()\"\n [disabled]=\"true\"\n >\n <ax-prefix>\n <i [class]=\"getPrimaryButtonIcon()\"></i>\n </ax-prefix>\n </ax-button>\n }\n @case ('send') {\n <ax-button\n class=\"rounded-full composer-primary-button--send\"\n [iconOnly]=\"true\"\n look=\"blank\"\n color=\"primary\"\n [text]=\"getPrimaryButtonLabel()\"\n [disabled]=\"isPrimaryButtonDisabled()\"\n (onClick)=\"onPrimaryButtonClick()\"\n >\n <ax-prefix>\n <i [class]=\"getPrimaryButtonIcon()\"></i>\n </ax-prefix>\n </ax-button>\n }\n @default {\n <ax-button\n class=\"rounded-full\"\n [iconOnly]=\"true\"\n look=\"blank\"\n [text]=\"getPrimaryButtonLabel()\"\n [disabled]=\"isPrimaryButtonDisabled()\"\n (onClick)=\"onPrimaryButtonClick()\"\n >\n <ax-prefix>\n <i [class]=\"getPrimaryButtonIcon()\"></i>\n </ax-prefix>\n </ax-button>\n }\n }\n </div>\n </div>\n </div>\n </div>\n}\n\n<!-- Popover for attachment menu -->\n@if (attachMenuTarget()) {\n <ax-popover\n #attachPopover\n [target]=\"attachMenuTarget()\"\n [openOn]=\"'manual'\"\n [closeOn]=\"'clickOut'\"\n [placement]=\"'top-start'\"\n >\n <div\n class=\"composer-attach-menu-panel\"\n (mouseenter)=\"onAttachMenuPanelMouseEnter()\"\n (mouseleave)=\"onAttachMenuPanelMouseLeave()\"\n >\n <ax-button-item-list>\n @for (action of startMenuActions(); track action.id) {\n <ax-button-item\n [text]=\"getActionLabel(action)\"\n (click)=\"onAttachMenuAction(action.id)\"\n [disabled]=\"!isActionEnabled(action)\"\n >\n <ax-prefix>\n <i [class]=\"action.icon\"></i>\n </ax-prefix>\n </ax-button-item>\n }\n </ax-button-item-list>\n </div>\n </ax-popover>\n}\n\n<!-- Popover for emoji/sticker picker -->\n@if (emojiPopoverTarget()) {\n <ax-popover\n #emojiPopover\n [target]=\"emojiPopoverTarget()\"\n [openOn]=\"'manual'\"\n [closeOn]=\"'clickOut'\"\n [placement]=\"'top-start'\"\n panelClass=\"composer-emoji-popover-panel\"\n (onClosed)=\"onEmojiPopoverClosed()\"\n >\n <div class=\"composer-emoji-popover\">\n <ax-conversation-registry-component-outlet\n [componentLoader]=\"composerPopupLoader\"\n [inputs]=\"getEmojiPopupInputs()\"\n />\n </div>\n </ax-popover>\n}\n", styles: ["@layer properties;@layer components{ax-conversation-composer{display:block;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);overflow:hidden;font-variant-emoji:emoji;@keyframes ax-conversation-composer-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}ax-conversation-composer .composer{width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0)}ax-conversation-composer .ax-conversation-composer-banner{display:flex;min-height:2.75rem;align-items:stretch;gap:calc(var(--spacing, .25rem) * 0);border-block-style:var(--tw-border-style);border-block-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-light-surface))}ax-conversation-composer .ax-conversation-composer-banner__accent{width:3px;flex-shrink:0;border-start-end-radius:var(--radius-sm, .25rem);border-end-end-radius:var(--radius-sm, .25rem);background-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-composer .ax-conversation-composer-banner--reply .ax-conversation-composer-banner__accent{background-color:rgba(var(--ax-sys-color-secondary-500))}ax-conversation-composer .ax-conversation-composer-banner__content{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap:calc(var(--spacing, .25rem) * 2.5);padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2)}ax-conversation-composer .ax-conversation-composer-banner__icon{display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);flex-shrink:0;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);font-size:.8125rem;color:rgba(var(--ax-sys-color-primary-600));background:rgba(var(--ax-sys-color-primary-500),.1)}ax-conversation-composer .ax-conversation-composer-banner--reply .ax-conversation-composer-banner__icon{color:rgba(var(--ax-sys-color-secondary-600));background:rgba(var(--ax-sys-color-secondary-500),.1)}ax-conversation-composer .ax-conversation-composer-banner__body{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}ax-conversation-composer .ax-conversation-composer-banner__body--clickable{cursor:pointer;border-radius:var(--ax-sys-border-radius);transition:opacity .15s ease}@media(hover:hover){ax-conversation-composer .ax-conversation-composer-banner__body--clickable:hover{opacity:.85}}ax-conversation-composer .ax-conversation-composer-banner__label{font-size:.6875rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);color:rgba(var(--ax-sys-color-primary-600));text-transform:uppercase}ax-conversation-composer .ax-conversation-composer-banner--reply .ax-conversation-composer-banner__label{color:rgba(var(--ax-sys-color-secondary-600))}ax-conversation-composer .ax-conversation-composer-banner__preview{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5);overflow:hidden;font-size:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface));opacity:.88}ax-conversation-composer .ax-conversation-composer-banner__preview i{flex-shrink:0;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));opacity:70%}ax-conversation-composer .ax-conversation-composer-banner__close{margin-inline-end:calc(var(--spacing, .25rem) * 1.5);flex-shrink:0;align-self:center}ax-conversation-composer .ax-conversation-composer-banner__close>button{display:flex;height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9);cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;border-radius:var(--ax-sys-border-radius);--tw-border-style: none;border-style:none;background-color:transparent;padding:calc(var(--spacing, .25rem) * 0);font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));color:rgba(var(--ax-sys-color-on-primary-lightest-surface),.55);box-shadow:none;background-image:none;transition:background-color .15s ease,color .15s ease}@media(hover:hover){ax-conversation-composer .ax-conversation-composer-banner__close:hover>button{color:rgba(var(--ax-sys-color-on-surface));background:rgba(var(--ax-sys-color-on-surface),.06)}}ax-conversation-composer .ax-conversation-composer-banner__close>button:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-composer .emoji-icon{flex-shrink:0;font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}ax-conversation-composer .composer-input-container{display:flex;width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-items:center;gap:calc(var(--spacing, .25rem) * 2);background-color:rgba(var(--ax-sys-color-lightest-surface));padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1)}ax-conversation-composer .composer-actions-left,ax-conversation-composer .composer-actions-right{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1)}:is(ax-conversation-composer .composer-actions-left,ax-conversation-composer .composer-actions-right) ax-icon i,:is(ax-conversation-composer .composer-actions-left,ax-conversation-composer .composer-actions-right) ax-prefix i{font-size:1.375rem;--tw-leading: 1;line-height:1}ax-conversation-composer .composer-attach-menu-trigger{display:inline-flex}ax-conversation-composer .composer-primary-button-slot{display:flex;height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9);flex-shrink:0;align-items:center;justify-content:center}ax-conversation-composer .composer-primary-button-slot .composer-primary-button ax-prefix i{transition:opacity .15s ease}ax-conversation-composer .composer-primary-button-slot .fa-paper-plane-top:dir(rtl){transform:scaleX(-1)}@media(hover:hover){ax-conversation-composer .composer-actions-left ax-button>button:hover:not(:disabled),ax-conversation-composer .composer-actions-right ax-button:not(.composer-primary-button--send)>button:hover:not(:disabled){color:rgba(var(--ax-sys-color-on-surface),.68);background:rgba(var(--ax-sys-color-on-surface),.05)}}ax-conversation-composer .composer-input-wrapper{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;--tw-border-style: none;border-style:none;--tw-outline-style: none;outline-style:none}ax-conversation-composer .composer-input-wrapper textarea{resize:none;font-variant-emoji:emoji}ax-conversation-composer .composer-input-wrapper .ax-editor-container{--tw-border-style: none;border-style:none;background-color:transparent!important;padding:calc(var(--spacing, .25rem) * 0);--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style: none;outline-style:none;background-image:none}ax-conversation-composer .composer-input-wrapper .ax-editor-container ax-text-area{line-height:2}ax-conversation-composer .composer-input-wrapper .ax-editor-container:after{display:none}ax-conversation-composer .composer-input-wrapper .ax-editor-container:hover:not(.ax-state-disabled,.ax-state-readonly,.ax-state-error),ax-conversation-composer .composer-input-wrapper .ax-editor-container:focus-within:not(.ax-state-disabled,.ax-state-readonly,.ax-state-error){--tw-border-style: none;border-style:none;--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style: none;outline-style:none;background-image:none}ax-conversation-composer .composer-input{max-height:120px;min-height:calc(var(--spacing, .25rem) * 10);width:100%;resize:none;border-radius:1.25rem;border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);font-size:.9375rem;--tw-leading: var(--leading-normal, 1.5);line-height:var(--leading-normal, 1.5);--tw-outline-style: none;outline-style:none;font-variant-emoji:emoji;transition:border-color .2s}ax-conversation-composer .composer-input:focus{border-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-composer .ax-conversation-composer-attachments{display:flex;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-items:center;gap:calc(var(--spacing, .25rem) * 1);overflow:hidden;border-block-style:var(--tw-border-style);border-block-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));padding-block:calc(var(--spacing, .25rem) * 1);padding-inline-start:calc(var(--spacing, .25rem) * 3);padding-inline-end:calc(var(--spacing, .25rem) * 1)}ax-conversation-composer .ax-conversation-composer-attachments__scroll{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-wrap:nowrap;align-items:center;gap:calc(var(--spacing, .25rem) * 2);overflow-x:auto;overflow-y:hidden;padding-block:calc(var(--spacing, .25rem) * 1.5);padding-inline-end:calc(var(--spacing, .25rem) * 1);width:0;scrollbar-width:thin;overscroll-behavior-x:contain}ax-conversation-composer .ax-conversation-composer-attachments__scroll::-webkit-scrollbar{height:6px}ax-conversation-composer .ax-conversation-composer-attachments__scroll::-webkit-scrollbar-thumb{border-radius:calc(infinity * 1px);background-color:rgba(var(--ax-sys-color-border-light-surface))}ax-conversation-composer .ax-conversation-composer-attachment{position:relative;display:flex;max-width:11rem;flex-shrink:0;align-items:center}ax-conversation-composer .ax-conversation-composer-attachment--media .ax-conversation-composer-attachment__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 11);width:calc(var(--spacing, .25rem) * 11);align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface))}ax-conversation-composer .ax-conversation-composer-attachment__thumb img,ax-conversation-composer .ax-conversation-composer-attachment__thumb video{height:100%;width:100%;object-fit:cover}ax-conversation-composer .ax-conversation-composer-attachment--file{height:calc(var(--spacing, .25rem) * 11);width:11rem;max-width:11rem;gap:calc(var(--spacing, .25rem) * 2);border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface));padding-inline-start:calc(var(--spacing, .25rem) * 2);padding-inline-end:calc(var(--spacing, .25rem) * 7)}ax-conversation-composer .ax-conversation-composer-attachment__icon{display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);flex-shrink:0;align-items:center;justify-content:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-on-surface));opacity:80%}ax-conversation-composer .ax-conversation-composer-attachment__name{min-width:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden;font-size:.8125rem;text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}ax-conversation-composer .ax-conversation-composer-attachment__progress{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);border-radius:var(--radius-lg, .5rem);background:rgba(var(--ax-sys-color-on-surface),.18)}ax-conversation-composer .ax-conversation-composer-attachment--error{border-color:rgba(var(--ax-sys-color-danger-500))}ax-conversation-composer .ax-conversation-composer-attachment__remove{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * -1.5);top:calc(var(--spacing, .25rem) * -1.5);z-index:1;display:flex;height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5);cursor:pointer;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);--tw-border-style: none;border-style:none;background-color:rgba(var(--ax-sys-color-danger-500));padding:calc(var(--spacing, .25rem) * 0);font-size:.625rem;color:rgba(var(--ax-sys-color-lightest-surface));opacity:0;pointer-events:none;transition:opacity .15s ease}ax-conversation-composer .ax-conversation-composer-attachment:hover .ax-conversation-composer-attachment__remove,ax-conversation-composer .ax-conversation-composer-attachment:focus-within .ax-conversation-composer-attachment__remove,ax-conversation-composer .ax-conversation-composer-attachment__remove:focus-visible{opacity:1;pointer-events:auto}@media(hover:none){ax-conversation-composer .ax-conversation-composer-attachment__remove{opacity:1;pointer-events:auto}}ax-conversation-composer .ax-conversation-composer-attachment-add{display:flex;height:calc(var(--spacing, .25rem) * 11);width:calc(var(--spacing, .25rem) * 11);flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: dashed;border-style:dashed;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:transparent;padding:calc(var(--spacing, .25rem) * 0);font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));color:rgba(var(--ax-sys-color-on-surface));transition:background-color .15s ease,color .15s ease}@media(hover:hover){ax-conversation-composer .ax-conversation-composer-attachment-add:hover:not(:disabled){background:rgba(var(--ax-sys-color-on-surface),.06)}}ax-conversation-composer .ax-conversation-composer-attachment-add:disabled{cursor:default;opacity:40%}ax-conversation-composer .ax-conversation-composer-attachments__close{flex-shrink:0;align-self:center}ax-conversation-composer .ax-conversation-composer-attachments__close>button{display:flex;height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9);cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;border-radius:var(--ax-sys-border-radius);--tw-border-style: none;border-style:none;background-color:transparent;padding:calc(var(--spacing, .25rem) * 0);font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));color:rgba(var(--ax-sys-color-on-primary-lightest-surface),.55);box-shadow:none;background-image:none;transition:background-color .15s ease,color .15s ease}@media(hover:hover){ax-conversation-composer .ax-conversation-composer-attachments__close:hover>button{color:rgba(var(--ax-sys-color-on-surface));background:rgba(var(--ax-sys-color-on-surface),.06)}}ax-conversation-composer .ax-conversation-composer-attachments__close>button:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-composer .composer-component-fullwidth{min-height:72px;width:100%;background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-conversation-composer .composer-emoji-popover{width:100%}ax-conversation-composer .ax-conversation-composer-primary--stopping .fa-spinner{animation:ax-conversation-composer-spin .75s linear infinite}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-outline-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial;--tw-tracking: initial;--tw-leading: initial;--tw-outline-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AXConversationRegistryComponentOutletComponent, selector: "ax-conversation-registry-component-outlet", inputs: ["component", "componentLoader", "inputs", "skeleton"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXTextAreaComponent, selector: "ax-text-area", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "placeholder", "maxLength", "look", "rows", "allowResize", "showCounter", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXCommonModule }, { kind: "directive", type: i2.AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: ["axAutoFocus", "axAutoFocusTime"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "visualContextScope", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "closeOnNavigation", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "directive", type: AXHorizontalScrollDirective, selector: "[axHorizontalScroll]", inputs: ["disabled", "orientation", "speed"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
8174
8809
|
}
|
|
8175
8810
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationComposerComponent, decorators: [{
|
|
8176
8811
|
type: Component,
|
|
@@ -8189,7 +8824,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
|
|
|
8189
8824
|
AXButtonItemComponent,
|
|
8190
8825
|
AXButtonItemListComponent,
|
|
8191
8826
|
AXDecoratorModule,
|
|
8192
|
-
], 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 (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\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"] }]
|
|
8827
|
+
AXHorizontalScrollDirective,
|
|
8828
|
+
], template: "@if (activeConversation()) {\n <div class=\"composer\">\n <!-- Edit/Reply Banner -->\n @if (editingMessage() || replyingToMessage()) {\n <div\n class=\"ax-conversation-composer-banner\"\n [class.ax-conversation-composer-banner--edit]=\"!!editingMessage()\"\n [class.ax-conversation-composer-banner--reply]=\"!!replyingToMessage()\"\n >\n <div class=\"ax-conversation-composer-banner__accent\" aria-hidden=\"true\"></div>\n @if (editingMessage()) {\n <div class=\"ax-conversation-composer-banner__content\">\n <span class=\"ax-conversation-composer-banner__icon\" aria-hidden=\"true\"\n ><i class=\"fa-light fa-pen-to-square\"></i\n ></span>\n <div class=\"ax-conversation-composer-banner__body\">\n <span class=\"ax-conversation-composer-banner__label\">{{\n '@acorex:chat.composer.editing-message' | translate | async\n }}</span>\n @if (getEditingPreview(); as preview) {\n <span class=\"ax-conversation-composer-banner__preview\">\n @if (preview.type !== 'text') {\n <i [class]=\"preview.icon\"></i>\n }\n {{ getComposerPreviewLabel(preview) }}\n </span>\n }\n </div>\n </div>\n } @else if (replyingToMessage()) {\n <div class=\"ax-conversation-composer-banner__content\">\n <span class=\"ax-conversation-composer-banner__icon\" aria-hidden=\"true\"\n ><i class=\"fa-light fa-reply\"></i\n ></span>\n <div\n class=\"ax-conversation-composer-banner__body ax-conversation-composer-banner__body--clickable\"\n (click)=\"onReplyPreviewClick()\"\n >\n <span class=\"ax-conversation-composer-banner__label\">\n {{ '@acorex:chat.composer.replying-to' | translate | async }} {{ getReplyingSenderName() }}\n </span>\n @if (getReplyingPreview(); as preview) {\n <span class=\"ax-conversation-composer-banner__preview\">\n @if (preview.type !== 'text') {\n <i [class]=\"preview.icon\"></i>\n }\n {{ getComposerPreviewLabel(preview) }}\n </span>\n }\n </div>\n </div>\n }\n <ax-button\n class=\"ax-conversation-composer-banner__close rounded-full\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n (onClick)=\"cancelEditReply()\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n }\n\n @if (usesAttachmentBanner() && draftAttachments().length > 0) {\n <div class=\"ax-conversation-composer-attachments\">\n <div class=\"ax-conversation-composer-attachments__scroll\" role=\"list\" axHorizontalScroll>\n @for (attachment of draftAttachments(); track attachment.id) {\n <div\n class=\"ax-conversation-composer-attachment\"\n role=\"listitem\"\n [class.ax-conversation-composer-attachment--media]=\"attachment.kind === 'image' || attachment.kind === 'video'\"\n [class.ax-conversation-composer-attachment--file]=\"attachment.kind === 'audio' || attachment.kind === 'file'\"\n [class.ax-conversation-composer-attachment--uploading]=\"attachment.uploading\"\n [class.ax-conversation-composer-attachment--error]=\"!!attachment.error\"\n [title]=\"attachment.file.name\"\n >\n @if (attachment.kind === 'image' || attachment.kind === 'video') {\n <span class=\"ax-conversation-composer-attachment__thumb\" aria-hidden=\"true\">\n @if (attachment.kind === 'video' && attachment.preview) {\n <video [src]=\"attachment.preview\" muted playsinline preload=\"metadata\"></video>\n } @else if (attachment.preview) {\n <img [src]=\"attachment.preview\" alt=\"\" />\n } @else {\n <i [class]=\"attachment.icon\"></i>\n }\n </span>\n } @else {\n <span class=\"ax-conversation-composer-attachment__icon\" aria-hidden=\"true\">\n <i [class]=\"attachment.icon\"></i>\n </span>\n <span class=\"ax-conversation-composer-attachment__name\">{{\n draftAttachmentLabel(attachment.file.name)\n }}</span>\n }\n @if (attachment.uploading) {\n <span class=\"ax-conversation-composer-attachment__progress\" aria-hidden=\"true\"></span>\n }\n <button\n type=\"button\"\n class=\"ax-conversation-composer-attachment__remove\"\n [attr.aria-label]=\"translation.translateSync('@acorex:chat.actions.remove-attachment')\"\n (click)=\"removeDraftAttachment(attachment.id); $event.stopPropagation()\"\n >\n <i class=\"fa-solid fa-xmark\"></i>\n </button>\n </div>\n }\n <button\n type=\"button\"\n class=\"ax-conversation-composer-attachment-add\"\n [disabled]=\"!canAddDraftAttachments()\"\n [attr.aria-label]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (click)=\"addDraftAttachments()\"\n >\n <i class=\"fa-light fa-plus\"></i>\n </button>\n </div>\n <ax-button\n class=\"ax-conversation-composer-attachments__close rounded-full\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n (onClick)=\"dismissDraftAttachments()\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n }\n\n <!-- Input Area -->\n <div class=\"composer-input-container\">\n <!-- Start actions -->\n <div class=\"composer-actions-left\">\n @if (startMenuActions().length > 0) {\n <span\n #attachMenuButton\n class=\"composer-attach-menu-trigger\"\n (mouseenter)=\"onAttachMenuMouseEnter()\"\n (mouseleave)=\"onAttachMenuMouseLeave()\"\n >\n <ax-button\n class=\"rounded-full text-xl\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"('@acorex:chat.tooltips.attach-file' | translate | async) ?? ''\"\n (onClick)=\"onAttachMenuClick($event)\"\n >\n <ax-prefix>\n <i class=\"fa-light fa-paperclip\"></i>\n </ax-prefix>\n </ax-button>\n </span>\n }\n\n @for (action of startInlineActions(); track action.id) {\n <ax-button\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"getActionLabel(action)\"\n [disabled]=\"!isActionEnabled(action)\"\n [class]=\"getActionButtonClass(action)\"\n (onClick)=\"onActionClick(action.id, $event)\"\n >\n <ax-icon>\n <i [class]=\"action.icon\"></i>\n </ax-icon>\n </ax-button>\n }\n </div>\n\n <!-- Text Input -->\n <div class=\"composer-input-wrapper\">\n <ax-text-area\n #inputElement\n [ngModel]=\"draftText()\"\n (ngModelChange)=\"onDraftModelChange($event)\"\n (onKeyDown)=\"onKeyDown($event)\"\n (onValueChanged)=\"onDraftValueChanged($event)\"\n [placeholder]=\"placeholder()\"\n [rows]=\"inputRows()\"\n [axAutoFocus]=\"true\"\n ></ax-text-area>\n </div>\n\n <!-- End actions -->\n <div class=\"composer-actions-right\">\n @for (action of endInlineActions(); track action.id) {\n <ax-button\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"getActionLabel(action)\"\n [disabled]=\"!isActionEnabled(action)\"\n [class]=\"getActionButtonClass(action)\"\n (onClick)=\"onActionClick(action.id, $event)\"\n >\n <ax-icon>\n <i [class]=\"action.icon\"></i>\n </ax-icon>\n </ax-button>\n }\n\n <div class=\"composer-primary-button-slot\">\n @switch (primaryButtonMode()) {\n @case ('cancel') {\n <ax-button\n class=\"rounded-full\"\n [iconOnly]=\"true\"\n look=\"blank\"\n [text]=\"getPrimaryButtonLabel()\"\n (onClick)=\"onPrimaryButtonClick()\"\n >\n <ax-icon [class]=\"getPrimaryButtonIcon()\"> </ax-icon>\n </ax-button>\n }\n @case ('stopping') {\n <ax-button\n class=\"rounded-full\"\n [iconOnly]=\"true\"\n look=\"blank\"\n [text]=\"getPrimaryButtonLabel()\"\n [disabled]=\"true\"\n >\n <ax-prefix>\n <i [class]=\"getPrimaryButtonIcon()\"></i>\n </ax-prefix>\n </ax-button>\n }\n @case ('send') {\n <ax-button\n class=\"rounded-full composer-primary-button--send\"\n [iconOnly]=\"true\"\n look=\"blank\"\n color=\"primary\"\n [text]=\"getPrimaryButtonLabel()\"\n [disabled]=\"isPrimaryButtonDisabled()\"\n (onClick)=\"onPrimaryButtonClick()\"\n >\n <ax-prefix>\n <i [class]=\"getPrimaryButtonIcon()\"></i>\n </ax-prefix>\n </ax-button>\n }\n @default {\n <ax-button\n class=\"rounded-full\"\n [iconOnly]=\"true\"\n look=\"blank\"\n [text]=\"getPrimaryButtonLabel()\"\n [disabled]=\"isPrimaryButtonDisabled()\"\n (onClick)=\"onPrimaryButtonClick()\"\n >\n <ax-prefix>\n <i [class]=\"getPrimaryButtonIcon()\"></i>\n </ax-prefix>\n </ax-button>\n }\n }\n </div>\n </div>\n </div>\n </div>\n}\n\n<!-- Popover for attachment menu -->\n@if (attachMenuTarget()) {\n <ax-popover\n #attachPopover\n [target]=\"attachMenuTarget()\"\n [openOn]=\"'manual'\"\n [closeOn]=\"'clickOut'\"\n [placement]=\"'top-start'\"\n >\n <div\n class=\"composer-attach-menu-panel\"\n (mouseenter)=\"onAttachMenuPanelMouseEnter()\"\n (mouseleave)=\"onAttachMenuPanelMouseLeave()\"\n >\n <ax-button-item-list>\n @for (action of startMenuActions(); track action.id) {\n <ax-button-item\n [text]=\"getActionLabel(action)\"\n (click)=\"onAttachMenuAction(action.id)\"\n [disabled]=\"!isActionEnabled(action)\"\n >\n <ax-prefix>\n <i [class]=\"action.icon\"></i>\n </ax-prefix>\n </ax-button-item>\n }\n </ax-button-item-list>\n </div>\n </ax-popover>\n}\n\n<!-- Popover for emoji/sticker picker -->\n@if (emojiPopoverTarget()) {\n <ax-popover\n #emojiPopover\n [target]=\"emojiPopoverTarget()\"\n [openOn]=\"'manual'\"\n [closeOn]=\"'clickOut'\"\n [placement]=\"'top-start'\"\n panelClass=\"composer-emoji-popover-panel\"\n (onClosed)=\"onEmojiPopoverClosed()\"\n >\n <div class=\"composer-emoji-popover\">\n <ax-conversation-registry-component-outlet\n [componentLoader]=\"composerPopupLoader\"\n [inputs]=\"getEmojiPopupInputs()\"\n />\n </div>\n </ax-popover>\n}\n", styles: ["@layer properties;@layer components{ax-conversation-composer{display:block;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);overflow:hidden;font-variant-emoji:emoji;@keyframes ax-conversation-composer-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}ax-conversation-composer .composer{width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0)}ax-conversation-composer .ax-conversation-composer-banner{display:flex;min-height:2.75rem;align-items:stretch;gap:calc(var(--spacing, .25rem) * 0);border-block-style:var(--tw-border-style);border-block-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-light-surface))}ax-conversation-composer .ax-conversation-composer-banner__accent{width:3px;flex-shrink:0;border-start-end-radius:var(--radius-sm, .25rem);border-end-end-radius:var(--radius-sm, .25rem);background-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-composer .ax-conversation-composer-banner--reply .ax-conversation-composer-banner__accent{background-color:rgba(var(--ax-sys-color-secondary-500))}ax-conversation-composer .ax-conversation-composer-banner__content{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap:calc(var(--spacing, .25rem) * 2.5);padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2)}ax-conversation-composer .ax-conversation-composer-banner__icon{display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);flex-shrink:0;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);font-size:.8125rem;color:rgba(var(--ax-sys-color-primary-600));background:rgba(var(--ax-sys-color-primary-500),.1)}ax-conversation-composer .ax-conversation-composer-banner--reply .ax-conversation-composer-banner__icon{color:rgba(var(--ax-sys-color-secondary-600));background:rgba(var(--ax-sys-color-secondary-500),.1)}ax-conversation-composer .ax-conversation-composer-banner__body{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}ax-conversation-composer .ax-conversation-composer-banner__body--clickable{cursor:pointer;border-radius:var(--ax-sys-border-radius);transition:opacity .15s ease}@media(hover:hover){ax-conversation-composer .ax-conversation-composer-banner__body--clickable:hover{opacity:.85}}ax-conversation-composer .ax-conversation-composer-banner__label{font-size:.6875rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);color:rgba(var(--ax-sys-color-primary-600));text-transform:uppercase}ax-conversation-composer .ax-conversation-composer-banner--reply .ax-conversation-composer-banner__label{color:rgba(var(--ax-sys-color-secondary-600))}ax-conversation-composer .ax-conversation-composer-banner__preview{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5);overflow:hidden;font-size:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface));opacity:.88}ax-conversation-composer .ax-conversation-composer-banner__preview i{flex-shrink:0;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));opacity:70%}ax-conversation-composer .ax-conversation-composer-banner__close{margin-inline-end:calc(var(--spacing, .25rem) * 1.5);flex-shrink:0;align-self:center}ax-conversation-composer .ax-conversation-composer-banner__close>button{display:flex;height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9);cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;border-radius:var(--ax-sys-border-radius);--tw-border-style: none;border-style:none;background-color:transparent;padding:calc(var(--spacing, .25rem) * 0);font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));color:rgba(var(--ax-sys-color-on-primary-lightest-surface),.55);box-shadow:none;background-image:none;transition:background-color .15s ease,color .15s ease}@media(hover:hover){ax-conversation-composer .ax-conversation-composer-banner__close:hover>button{color:rgba(var(--ax-sys-color-on-surface));background:rgba(var(--ax-sys-color-on-surface),.06)}}ax-conversation-composer .ax-conversation-composer-banner__close>button:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-composer .emoji-icon{flex-shrink:0;font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}ax-conversation-composer .composer-input-container{display:flex;width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-items:center;gap:calc(var(--spacing, .25rem) * 2);background-color:rgba(var(--ax-sys-color-lightest-surface));padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1)}ax-conversation-composer .composer-actions-left,ax-conversation-composer .composer-actions-right{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1)}:is(ax-conversation-composer .composer-actions-left,ax-conversation-composer .composer-actions-right) ax-icon i,:is(ax-conversation-composer .composer-actions-left,ax-conversation-composer .composer-actions-right) ax-prefix i{font-size:1.375rem;--tw-leading: 1;line-height:1}ax-conversation-composer .composer-attach-menu-trigger{display:inline-flex}ax-conversation-composer .composer-primary-button-slot{display:flex;height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9);flex-shrink:0;align-items:center;justify-content:center}ax-conversation-composer .composer-primary-button-slot .composer-primary-button ax-prefix i{transition:opacity .15s ease}ax-conversation-composer .composer-primary-button-slot .fa-paper-plane-top:dir(rtl){transform:scaleX(-1)}@media(hover:hover){ax-conversation-composer .composer-actions-left ax-button>button:hover:not(:disabled),ax-conversation-composer .composer-actions-right ax-button:not(.composer-primary-button--send)>button:hover:not(:disabled){color:rgba(var(--ax-sys-color-on-surface),.68);background:rgba(var(--ax-sys-color-on-surface),.05)}}ax-conversation-composer .composer-input-wrapper{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;--tw-border-style: none;border-style:none;--tw-outline-style: none;outline-style:none}ax-conversation-composer .composer-input-wrapper textarea{resize:none;font-variant-emoji:emoji}ax-conversation-composer .composer-input-wrapper .ax-editor-container{--tw-border-style: none;border-style:none;background-color:transparent!important;padding:calc(var(--spacing, .25rem) * 0);--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style: none;outline-style:none;background-image:none}ax-conversation-composer .composer-input-wrapper .ax-editor-container ax-text-area{line-height:2}ax-conversation-composer .composer-input-wrapper .ax-editor-container:after{display:none}ax-conversation-composer .composer-input-wrapper .ax-editor-container:hover:not(.ax-state-disabled,.ax-state-readonly,.ax-state-error),ax-conversation-composer .composer-input-wrapper .ax-editor-container:focus-within:not(.ax-state-disabled,.ax-state-readonly,.ax-state-error){--tw-border-style: none;border-style:none;--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style: none;outline-style:none;background-image:none}ax-conversation-composer .composer-input{max-height:120px;min-height:calc(var(--spacing, .25rem) * 10);width:100%;resize:none;border-radius:1.25rem;border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);font-size:.9375rem;--tw-leading: var(--leading-normal, 1.5);line-height:var(--leading-normal, 1.5);--tw-outline-style: none;outline-style:none;font-variant-emoji:emoji;transition:border-color .2s}ax-conversation-composer .composer-input:focus{border-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-composer .ax-conversation-composer-attachments{display:flex;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-items:center;gap:calc(var(--spacing, .25rem) * 1);overflow:hidden;border-block-style:var(--tw-border-style);border-block-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));padding-block:calc(var(--spacing, .25rem) * 1);padding-inline-start:calc(var(--spacing, .25rem) * 3);padding-inline-end:calc(var(--spacing, .25rem) * 1)}ax-conversation-composer .ax-conversation-composer-attachments__scroll{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-wrap:nowrap;align-items:center;gap:calc(var(--spacing, .25rem) * 2);overflow-x:auto;overflow-y:hidden;padding-block:calc(var(--spacing, .25rem) * 1.5);padding-inline-end:calc(var(--spacing, .25rem) * 1);width:0;scrollbar-width:thin;overscroll-behavior-x:contain}ax-conversation-composer .ax-conversation-composer-attachments__scroll::-webkit-scrollbar{height:6px}ax-conversation-composer .ax-conversation-composer-attachments__scroll::-webkit-scrollbar-thumb{border-radius:calc(infinity * 1px);background-color:rgba(var(--ax-sys-color-border-light-surface))}ax-conversation-composer .ax-conversation-composer-attachment{position:relative;display:flex;max-width:11rem;flex-shrink:0;align-items:center}ax-conversation-composer .ax-conversation-composer-attachment--media .ax-conversation-composer-attachment__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 11);width:calc(var(--spacing, .25rem) * 11);align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface))}ax-conversation-composer .ax-conversation-composer-attachment__thumb img,ax-conversation-composer .ax-conversation-composer-attachment__thumb video{height:100%;width:100%;object-fit:cover}ax-conversation-composer .ax-conversation-composer-attachment--file{height:calc(var(--spacing, .25rem) * 11);width:11rem;max-width:11rem;gap:calc(var(--spacing, .25rem) * 2);border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface));padding-inline-start:calc(var(--spacing, .25rem) * 2);padding-inline-end:calc(var(--spacing, .25rem) * 7)}ax-conversation-composer .ax-conversation-composer-attachment__icon{display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);flex-shrink:0;align-items:center;justify-content:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-on-surface));opacity:80%}ax-conversation-composer .ax-conversation-composer-attachment__name{min-width:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden;font-size:.8125rem;text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}ax-conversation-composer .ax-conversation-composer-attachment__progress{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);border-radius:var(--radius-lg, .5rem);background:rgba(var(--ax-sys-color-on-surface),.18)}ax-conversation-composer .ax-conversation-composer-attachment--error{border-color:rgba(var(--ax-sys-color-danger-500))}ax-conversation-composer .ax-conversation-composer-attachment__remove{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * -1.5);top:calc(var(--spacing, .25rem) * -1.5);z-index:1;display:flex;height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5);cursor:pointer;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);--tw-border-style: none;border-style:none;background-color:rgba(var(--ax-sys-color-danger-500));padding:calc(var(--spacing, .25rem) * 0);font-size:.625rem;color:rgba(var(--ax-sys-color-lightest-surface));opacity:0;pointer-events:none;transition:opacity .15s ease}ax-conversation-composer .ax-conversation-composer-attachment:hover .ax-conversation-composer-attachment__remove,ax-conversation-composer .ax-conversation-composer-attachment:focus-within .ax-conversation-composer-attachment__remove,ax-conversation-composer .ax-conversation-composer-attachment__remove:focus-visible{opacity:1;pointer-events:auto}@media(hover:none){ax-conversation-composer .ax-conversation-composer-attachment__remove{opacity:1;pointer-events:auto}}ax-conversation-composer .ax-conversation-composer-attachment-add{display:flex;height:calc(var(--spacing, .25rem) * 11);width:calc(var(--spacing, .25rem) * 11);flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: dashed;border-style:dashed;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:transparent;padding:calc(var(--spacing, .25rem) * 0);font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));color:rgba(var(--ax-sys-color-on-surface));transition:background-color .15s ease,color .15s ease}@media(hover:hover){ax-conversation-composer .ax-conversation-composer-attachment-add:hover:not(:disabled){background:rgba(var(--ax-sys-color-on-surface),.06)}}ax-conversation-composer .ax-conversation-composer-attachment-add:disabled{cursor:default;opacity:40%}ax-conversation-composer .ax-conversation-composer-attachments__close{flex-shrink:0;align-self:center}ax-conversation-composer .ax-conversation-composer-attachments__close>button{display:flex;height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9);cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;border-radius:var(--ax-sys-border-radius);--tw-border-style: none;border-style:none;background-color:transparent;padding:calc(var(--spacing, .25rem) * 0);font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));color:rgba(var(--ax-sys-color-on-primary-lightest-surface),.55);box-shadow:none;background-image:none;transition:background-color .15s ease,color .15s ease}@media(hover:hover){ax-conversation-composer .ax-conversation-composer-attachments__close:hover>button{color:rgba(var(--ax-sys-color-on-surface));background:rgba(var(--ax-sys-color-on-surface),.06)}}ax-conversation-composer .ax-conversation-composer-attachments__close>button:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-composer .composer-component-fullwidth{min-height:72px;width:100%;background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-conversation-composer .composer-emoji-popover{width:100%}ax-conversation-composer .ax-conversation-composer-primary--stopping .fa-spinner{animation:ax-conversation-composer-spin .75s linear infinite}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-outline-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial;--tw-tracking: initial;--tw-leading: initial;--tw-outline-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
|
|
8193
8829
|
}], ctorParameters: () => [], propDecorators: { textAreaRef: [{ type: i0.ViewChild, args: ['inputElement', { ...{ read: AXTextAreaComponent }, isSignal: true }] }], messageSent: [{ type: i0.Output, args: ["messageSent"] }], generationCancelled: [{ type: i0.Output, args: ["generationCancelled"] }], emojiClick: [{ type: i0.Output, args: ["emojiClick"] }], attachClick: [{ type: i0.Output, args: ["attachClick"] }], voiceClick: [{ type: i0.Output, args: ["voiceClick"] }], emojiPopoverRef: [{ type: i0.ViewChild, args: ['emojiPopover', { isSignal: true }] }], attachPopoverRef: [{ type: i0.ViewChild, args: ['attachPopover', { isSignal: true }] }], attachMenuButtonRef: [{ type: i0.ViewChild, args: ['attachMenuButton', { isSignal: true }] }] } });
|
|
8194
8830
|
|
|
8195
8831
|
/**
|
|
@@ -8257,14 +8893,14 @@ class AXConversationContainerComponent {
|
|
|
8257
8893
|
}, files);
|
|
8258
8894
|
}
|
|
8259
8895
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8260
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXConversationContainerComponent, isStandalone: true, selector: "ax-conversation-container", inputs: { customClass: { classPropertyName: "customClass", publicName: "customClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.conversation-container-host": "true", "tabindex": "\"-1\"" } }, ngImport: i0, template: " <div\n [class]=\"containerClasses()\"\n role=\"main\"\n [attr.aria-label]=\"'@acorex:chat.aria.conversation-interface' | translate | async\"\n >\n <!-- Sidebar -->\n <div\n class=\"conversation-sidebar-container\"\n [axResizable]=\"true\"\n [minWidth]=\"config.minSidebarWidth\"\n [maxWidth]=\"config.maxSidebarWidth\"\n [width]=\"config.defaultSidebarWidth\"\n role=\"navigation\"\n [attr.aria-label]=\"'@acorex:chat.aria.conversation-list' | translate | async\"\n >\n <ng-content select=\"ax-conversation-sidebar, [ax-conversation-sidebar]\"></ng-content>\n </div>\n\n <!-- Main conversation view -->\n <div\n class=\"conversation-main-container\"\n role=\"region\"\n [attr.aria-label]=\"\n activeConversation()\n ? ('@acorex:chat.aria.active-conversation' | translate | async)\n : ('@acorex:chat.status.no-conversation-selected' | translate | async)\n \"\n >\n @if (activeConversation(); as conversation) {\n <div class=\"conversation-view\">\n <!-- Info Bar -->\n <ng-content select=\"ax-conversation-info-bar, [ax-conversation-info-bar]\"></ng-content>\n\n <!-- Messages -->\n <div class=\"conversation-messages\">\n <ng-content select=\"ax-conversation-message-list, [ax-conversation-message-list]\"></ng-content>\n </div>\n\n <!-- Composer -->\n <ng-content select=\"ax-conversation-composer, [ax-conversation-composer]\"></ng-content>\n </div>\n } @else {\n <div class=\"conversation-empty-state\">\n <div class=\"empty-state-content\">\n <ng-content select=\"ax-conversation-empty\">\n <svg class=\"empty-state-icon\" width=\"120\" height=\"120\" viewBox=\"0 0 120 120\" fill=\"none\">\n <circle class=\"text-light\" cx=\"60\" cy=\"60\" r=\"50\" fill=\"currentColor\" />\n <path\n class=\"text-on-surface/55\"\n d=\"M40 50h40M40 70h30\"\n stroke=\"currentColor\"\n stroke-width=\"3\"\n stroke-linecap=\"round\"\n />\n </svg>\n <h3 class=\"empty-state-title\">\n {{ '@acorex:chat.empty.no-conversation-selected-title' | translate | async }}\n </h3>\n <p class=\"empty-state-description\">\n {{ '@acorex:chat.empty.select-conversation-description' | translate | async }}\n </p>\n </ng-content>\n </div>\n </div>\n }\n </div>\n </div>\n", styles: ["@layer properties;@layer components{ax-conversation-container{display:block;height:100%;width:100%;--tw-outline-style: none;outline-style:none;font-variant-emoji:emoji}ax-conversation-container .conversation-container{display:flex;height:100%;width:100%;overflow:hidden;background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-conversation-container .conversation-container-loading{display:flex;align-items:center;justify-content:center}ax-conversation-container .conversation-sidebar-container{display:none;height:100%;width:calc(var(--spacing, .25rem) * 0);flex-shrink:0;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface))}ax-conversation-container .conversation-sidebar-container:has(*){display:block;width:var(--ax-conversation-sidebar-width, 320px)}ax-conversation-container .conversation-main-container{display:flex;height:100%;flex:1;flex-direction:column;overflow:hidden;container-type:inline-size;container-name:conversation}ax-conversation-container .conversation-view{display:flex;height:100%;width:100%;flex-direction:column}ax-conversation-container .conversation-view:has(.message-list--default-wallpaper.message-list--wallpaper-light){background:var(--ax-conversation-wallpaper-light)}ax-conversation-container .conversation-view:has(.message-list--default-wallpaper.message-list--wallpaper-dark){background:var(--ax-conversation-wallpaper-dark)}ax-conversation-container .conversation-messages{flex:1;overflow:hidden}ax-conversation-container .conversation-empty-state{display:flex;height:100%;width:100%;align-items:center;justify-content:center;background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-conversation-container .empty-state-content{max-width:var(--container-md, 28rem);padding:calc(var(--spacing, .25rem) * 8);text-align:center}ax-conversation-container .empty-state-icon{margin-inline:auto;margin-bottom:calc(var(--spacing, .25rem) * 6);opacity:80%}ax-conversation-container .empty-state-title{margin:calc(var(--spacing, .25rem) * 0);margin-bottom:calc(var(--spacing, .25rem) * 2);font-size:var(--text-2xl, 1.5rem);line-height:var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}ax-conversation-container .empty-state-description{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));opacity:70%}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: AXResizableDirective, selector: "[axResizable]", inputs: ["axResizable", "minWidth", "maxWidth", "dblClickAction", "width", "defaultWidth"], outputs: ["axResizableChange", "minWidthChange", "maxWidthChange", "dblClickActionChange", "widthChange", "defaultWidthChange", "onResizingStarted", "onResizingEnded", "onResizingDblClick"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
8896
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXConversationContainerComponent, isStandalone: true, selector: "ax-conversation-container", inputs: { customClass: { classPropertyName: "customClass", publicName: "customClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.conversation-container-host": "true", "tabindex": "\"-1\"" } }, ngImport: i0, template: " <div\n [class]=\"containerClasses()\"\n role=\"main\"\n [attr.aria-label]=\"'@acorex:chat.aria.conversation-interface' | translate | async\"\n >\n <!-- Sidebar -->\n <div\n class=\"conversation-sidebar-container\"\n [axResizable]=\"true\"\n [minWidth]=\"config.minSidebarWidth\"\n [maxWidth]=\"config.maxSidebarWidth\"\n [width]=\"config.defaultSidebarWidth\"\n role=\"navigation\"\n [attr.aria-label]=\"'@acorex:chat.aria.conversation-list' | translate | async\"\n >\n <ng-content select=\"ax-conversation-sidebar, [ax-conversation-sidebar]\"></ng-content>\n </div>\n\n <!-- Main conversation view -->\n <div\n class=\"conversation-main-container\"\n role=\"region\"\n [attr.aria-label]=\"\n activeConversation()\n ? ('@acorex:chat.aria.active-conversation' | translate | async)\n : ('@acorex:chat.status.no-conversation-selected' | translate | async)\n \"\n >\n @if (activeConversation(); as conversation) {\n <div class=\"conversation-view\">\n <!-- Info Bar -->\n <ng-content select=\"ax-conversation-info-bar, [ax-conversation-info-bar]\"></ng-content>\n\n <!-- Messages -->\n <div class=\"conversation-messages\">\n <ng-content select=\"ax-conversation-message-list, [ax-conversation-message-list]\"></ng-content>\n </div>\n\n <!-- Composer -->\n <ng-content select=\"ax-conversation-composer, [ax-conversation-composer]\"></ng-content>\n </div>\n } @else {\n <div class=\"conversation-empty-state\">\n <div class=\"empty-state-content\">\n <ng-content select=\"ax-conversation-empty\">\n <svg class=\"empty-state-icon\" width=\"120\" height=\"120\" viewBox=\"0 0 120 120\" fill=\"none\">\n <circle class=\"text-light\" cx=\"60\" cy=\"60\" r=\"50\" fill=\"currentColor\" />\n <path\n class=\"text-on-surface/55\"\n d=\"M40 50h40M40 70h30\"\n stroke=\"currentColor\"\n stroke-width=\"3\"\n stroke-linecap=\"round\"\n />\n </svg>\n <h3 class=\"empty-state-title\">\n {{ '@acorex:chat.empty.no-conversation-selected-title' | translate | async }}\n </h3>\n <p class=\"empty-state-description\">\n {{ '@acorex:chat.empty.select-conversation-description' | translate | async }}\n </p>\n </ng-content>\n </div>\n </div>\n }\n </div>\n </div>\n", styles: ["@layer properties;@layer components{ax-conversation-container{display:block;height:100%;width:100%;--tw-outline-style: none;outline-style:none;font-variant-emoji:emoji}ax-conversation-container .conversation-container{display:flex;height:100%;width:100%;overflow:hidden;background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-conversation-container .conversation-container-loading{display:flex;align-items:center;justify-content:center}ax-conversation-container .conversation-sidebar-container{display:none;height:100%;width:calc(var(--spacing, .25rem) * 0);flex-shrink:0;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface))}ax-conversation-container .conversation-sidebar-container:has(*){display:block;width:var(--ax-conversation-sidebar-width, 320px)}ax-conversation-container .conversation-main-container{display:flex;height:100%;flex:1;flex-direction:column;overflow:hidden;container-type:inline-size;container-name:conversation}ax-conversation-container .conversation-view{display:flex;height:100%;width:100%;min-width:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden}ax-conversation-container .conversation-view:has(.message-list--default-wallpaper.message-list--wallpaper-light){background:var(--ax-conversation-wallpaper-light)}ax-conversation-container .conversation-view:has(.message-list--default-wallpaper.message-list--wallpaper-dark){background:var(--ax-conversation-wallpaper-dark)}ax-conversation-container .conversation-messages{flex:1;overflow:hidden}ax-conversation-container .conversation-empty-state{display:flex;height:100%;width:100%;align-items:center;justify-content:center;background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-conversation-container .empty-state-content{max-width:var(--container-md, 28rem);padding:calc(var(--spacing, .25rem) * 8);text-align:center}ax-conversation-container .empty-state-icon{margin-inline:auto;margin-bottom:calc(var(--spacing, .25rem) * 6);opacity:80%}ax-conversation-container .empty-state-title{margin:calc(var(--spacing, .25rem) * 0);margin-bottom:calc(var(--spacing, .25rem) * 2);font-size:var(--text-2xl, 1.5rem);line-height:var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}ax-conversation-container .empty-state-description{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));opacity:70%}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: AXResizableDirective, selector: "[axResizable]", inputs: ["axResizable", "minWidth", "maxWidth", "dblClickAction", "width", "defaultWidth"], outputs: ["axResizableChange", "minWidthChange", "maxWidthChange", "dblClickActionChange", "widthChange", "defaultWidthChange", "onResizingStarted", "onResizingEnded", "onResizingDblClick"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
8261
8897
|
}
|
|
8262
8898
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationContainerComponent, decorators: [{
|
|
8263
8899
|
type: Component,
|
|
8264
8900
|
args: [{ selector: 'ax-conversation-container', encapsulation: ViewEncapsulation.None, imports: [CommonModule, AXResizableDirective, AXTranslationModule], host: {
|
|
8265
8901
|
'[class.conversation-container-host]': 'true',
|
|
8266
8902
|
'[tabindex]': '"-1"',
|
|
8267
|
-
}, template: " <div\n [class]=\"containerClasses()\"\n role=\"main\"\n [attr.aria-label]=\"'@acorex:chat.aria.conversation-interface' | translate | async\"\n >\n <!-- Sidebar -->\n <div\n class=\"conversation-sidebar-container\"\n [axResizable]=\"true\"\n [minWidth]=\"config.minSidebarWidth\"\n [maxWidth]=\"config.maxSidebarWidth\"\n [width]=\"config.defaultSidebarWidth\"\n role=\"navigation\"\n [attr.aria-label]=\"'@acorex:chat.aria.conversation-list' | translate | async\"\n >\n <ng-content select=\"ax-conversation-sidebar, [ax-conversation-sidebar]\"></ng-content>\n </div>\n\n <!-- Main conversation view -->\n <div\n class=\"conversation-main-container\"\n role=\"region\"\n [attr.aria-label]=\"\n activeConversation()\n ? ('@acorex:chat.aria.active-conversation' | translate | async)\n : ('@acorex:chat.status.no-conversation-selected' | translate | async)\n \"\n >\n @if (activeConversation(); as conversation) {\n <div class=\"conversation-view\">\n <!-- Info Bar -->\n <ng-content select=\"ax-conversation-info-bar, [ax-conversation-info-bar]\"></ng-content>\n\n <!-- Messages -->\n <div class=\"conversation-messages\">\n <ng-content select=\"ax-conversation-message-list, [ax-conversation-message-list]\"></ng-content>\n </div>\n\n <!-- Composer -->\n <ng-content select=\"ax-conversation-composer, [ax-conversation-composer]\"></ng-content>\n </div>\n } @else {\n <div class=\"conversation-empty-state\">\n <div class=\"empty-state-content\">\n <ng-content select=\"ax-conversation-empty\">\n <svg class=\"empty-state-icon\" width=\"120\" height=\"120\" viewBox=\"0 0 120 120\" fill=\"none\">\n <circle class=\"text-light\" cx=\"60\" cy=\"60\" r=\"50\" fill=\"currentColor\" />\n <path\n class=\"text-on-surface/55\"\n d=\"M40 50h40M40 70h30\"\n stroke=\"currentColor\"\n stroke-width=\"3\"\n stroke-linecap=\"round\"\n />\n </svg>\n <h3 class=\"empty-state-title\">\n {{ '@acorex:chat.empty.no-conversation-selected-title' | translate | async }}\n </h3>\n <p class=\"empty-state-description\">\n {{ '@acorex:chat.empty.select-conversation-description' | translate | async }}\n </p>\n </ng-content>\n </div>\n </div>\n }\n </div>\n </div>\n", styles: ["@layer properties;@layer components{ax-conversation-container{display:block;height:100%;width:100%;--tw-outline-style: none;outline-style:none;font-variant-emoji:emoji}ax-conversation-container .conversation-container{display:flex;height:100%;width:100%;overflow:hidden;background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-conversation-container .conversation-container-loading{display:flex;align-items:center;justify-content:center}ax-conversation-container .conversation-sidebar-container{display:none;height:100%;width:calc(var(--spacing, .25rem) * 0);flex-shrink:0;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface))}ax-conversation-container .conversation-sidebar-container:has(*){display:block;width:var(--ax-conversation-sidebar-width, 320px)}ax-conversation-container .conversation-main-container{display:flex;height:100%;flex:1;flex-direction:column;overflow:hidden;container-type:inline-size;container-name:conversation}ax-conversation-container .conversation-view{display:flex;height:100%;width:100%;flex-direction:column}ax-conversation-container .conversation-view:has(.message-list--default-wallpaper.message-list--wallpaper-light){background:var(--ax-conversation-wallpaper-light)}ax-conversation-container .conversation-view:has(.message-list--default-wallpaper.message-list--wallpaper-dark){background:var(--ax-conversation-wallpaper-dark)}ax-conversation-container .conversation-messages{flex:1;overflow:hidden}ax-conversation-container .conversation-empty-state{display:flex;height:100%;width:100%;align-items:center;justify-content:center;background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-conversation-container .empty-state-content{max-width:var(--container-md, 28rem);padding:calc(var(--spacing, .25rem) * 8);text-align:center}ax-conversation-container .empty-state-icon{margin-inline:auto;margin-bottom:calc(var(--spacing, .25rem) * 6);opacity:80%}ax-conversation-container .empty-state-title{margin:calc(var(--spacing, .25rem) * 0);margin-bottom:calc(var(--spacing, .25rem) * 2);font-size:var(--text-2xl, 1.5rem);line-height:var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}ax-conversation-container .empty-state-description{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));opacity:70%}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
|
|
8903
|
+
}, template: " <div\n [class]=\"containerClasses()\"\n role=\"main\"\n [attr.aria-label]=\"'@acorex:chat.aria.conversation-interface' | translate | async\"\n >\n <!-- Sidebar -->\n <div\n class=\"conversation-sidebar-container\"\n [axResizable]=\"true\"\n [minWidth]=\"config.minSidebarWidth\"\n [maxWidth]=\"config.maxSidebarWidth\"\n [width]=\"config.defaultSidebarWidth\"\n role=\"navigation\"\n [attr.aria-label]=\"'@acorex:chat.aria.conversation-list' | translate | async\"\n >\n <ng-content select=\"ax-conversation-sidebar, [ax-conversation-sidebar]\"></ng-content>\n </div>\n\n <!-- Main conversation view -->\n <div\n class=\"conversation-main-container\"\n role=\"region\"\n [attr.aria-label]=\"\n activeConversation()\n ? ('@acorex:chat.aria.active-conversation' | translate | async)\n : ('@acorex:chat.status.no-conversation-selected' | translate | async)\n \"\n >\n @if (activeConversation(); as conversation) {\n <div class=\"conversation-view\">\n <!-- Info Bar -->\n <ng-content select=\"ax-conversation-info-bar, [ax-conversation-info-bar]\"></ng-content>\n\n <!-- Messages -->\n <div class=\"conversation-messages\">\n <ng-content select=\"ax-conversation-message-list, [ax-conversation-message-list]\"></ng-content>\n </div>\n\n <!-- Composer -->\n <ng-content select=\"ax-conversation-composer, [ax-conversation-composer]\"></ng-content>\n </div>\n } @else {\n <div class=\"conversation-empty-state\">\n <div class=\"empty-state-content\">\n <ng-content select=\"ax-conversation-empty\">\n <svg class=\"empty-state-icon\" width=\"120\" height=\"120\" viewBox=\"0 0 120 120\" fill=\"none\">\n <circle class=\"text-light\" cx=\"60\" cy=\"60\" r=\"50\" fill=\"currentColor\" />\n <path\n class=\"text-on-surface/55\"\n d=\"M40 50h40M40 70h30\"\n stroke=\"currentColor\"\n stroke-width=\"3\"\n stroke-linecap=\"round\"\n />\n </svg>\n <h3 class=\"empty-state-title\">\n {{ '@acorex:chat.empty.no-conversation-selected-title' | translate | async }}\n </h3>\n <p class=\"empty-state-description\">\n {{ '@acorex:chat.empty.select-conversation-description' | translate | async }}\n </p>\n </ng-content>\n </div>\n </div>\n }\n </div>\n </div>\n", styles: ["@layer properties;@layer components{ax-conversation-container{display:block;height:100%;width:100%;--tw-outline-style: none;outline-style:none;font-variant-emoji:emoji}ax-conversation-container .conversation-container{display:flex;height:100%;width:100%;overflow:hidden;background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-conversation-container .conversation-container-loading{display:flex;align-items:center;justify-content:center}ax-conversation-container .conversation-sidebar-container{display:none;height:100%;width:calc(var(--spacing, .25rem) * 0);flex-shrink:0;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface))}ax-conversation-container .conversation-sidebar-container:has(*){display:block;width:var(--ax-conversation-sidebar-width, 320px)}ax-conversation-container .conversation-main-container{display:flex;height:100%;flex:1;flex-direction:column;overflow:hidden;container-type:inline-size;container-name:conversation}ax-conversation-container .conversation-view{display:flex;height:100%;width:100%;min-width:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden}ax-conversation-container .conversation-view:has(.message-list--default-wallpaper.message-list--wallpaper-light){background:var(--ax-conversation-wallpaper-light)}ax-conversation-container .conversation-view:has(.message-list--default-wallpaper.message-list--wallpaper-dark){background:var(--ax-conversation-wallpaper-dark)}ax-conversation-container .conversation-messages{flex:1;overflow:hidden}ax-conversation-container .conversation-empty-state{display:flex;height:100%;width:100%;align-items:center;justify-content:center;background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-conversation-container .empty-state-content{max-width:var(--container-md, 28rem);padding:calc(var(--spacing, .25rem) * 8);text-align:center}ax-conversation-container .empty-state-icon{margin-inline:auto;margin-bottom:calc(var(--spacing, .25rem) * 6);opacity:80%}ax-conversation-container .empty-state-title{margin:calc(var(--spacing, .25rem) * 0);margin-bottom:calc(var(--spacing, .25rem) * 2);font-size:var(--text-2xl, 1.5rem);line-height:var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}ax-conversation-container .empty-state-description{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));opacity:70%}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
|
|
8268
8904
|
}], ctorParameters: () => [], propDecorators: { customClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "customClass", required: false }] }] } });
|
|
8269
8905
|
|
|
8270
8906
|
/**
|
|
@@ -12054,93 +12690,32 @@ function createConversationAudioFileType() {
|
|
|
12054
12690
|
url: item.url?.trim(),
|
|
12055
12691
|
title: item.title?.trim(),
|
|
12056
12692
|
}));
|
|
12057
|
-
return {
|
|
12058
|
-
text: caption ?? '',
|
|
12059
|
-
meta: { kind: 'audio', caption, items, count: audio.audios.length },
|
|
12060
|
-
};
|
|
12061
|
-
},
|
|
12062
|
-
};
|
|
12063
|
-
}
|
|
12064
|
-
class AXConversationAudioFileTypeProvider extends AXFileTypeInfoProvider {
|
|
12065
|
-
items() {
|
|
12066
|
-
return Promise.resolve([createConversationAudioFileType()]);
|
|
12067
|
-
}
|
|
12068
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationAudioFileTypeProvider, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
12069
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationAudioFileTypeProvider, providedIn: 'root' }); }
|
|
12070
|
-
}
|
|
12071
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationAudioFileTypeProvider, decorators: [{
|
|
12072
|
-
type: Injectable,
|
|
12073
|
-
args: [{ providedIn: 'root' }]
|
|
12074
|
-
}] });
|
|
12075
|
-
|
|
12076
|
-
var conversationAudio_fileType = /*#__PURE__*/Object.freeze({
|
|
12077
|
-
__proto__: null,
|
|
12078
|
-
AXConversationAudioFileTypeProvider: AXConversationAudioFileTypeProvider,
|
|
12079
|
-
AX_CONVERSATION_AUDIO_CATALOG: AX_CONVERSATION_AUDIO_CATALOG,
|
|
12080
|
-
AX_CONVERSATION_AUDIO_PRESENTATION: AX_CONVERSATION_AUDIO_PRESENTATION,
|
|
12081
|
-
conversationAudioUtilities: conversationAudioUtilities,
|
|
12082
|
-
createConversationAudioFileType: createConversationAudioFileType
|
|
12083
|
-
});
|
|
12084
|
-
|
|
12085
|
-
function audioItemFromUpload(file, result, duration) {
|
|
12086
|
-
const url = resolvePersistableMediaUrl(result.url);
|
|
12087
|
-
const item = {
|
|
12088
|
-
mediaId: result.mediaId,
|
|
12089
|
-
mimeType: result.mimeType,
|
|
12090
|
-
size: result.size,
|
|
12091
|
-
duration,
|
|
12092
|
-
title: file.name,
|
|
12093
|
-
metadata: result.metadata,
|
|
12094
|
-
};
|
|
12095
|
-
if (url) {
|
|
12096
|
-
item.url = url;
|
|
12097
|
-
}
|
|
12098
|
-
return item;
|
|
12099
|
-
}
|
|
12100
|
-
function mergeAudioUploadResult(payload, result) {
|
|
12101
|
-
const base = normalizeAudioPayload(payload);
|
|
12102
|
-
const audios = [...base.audios];
|
|
12103
|
-
const i = audios.findIndex((x) => !x.mediaId && !resolvePersistableMediaUrl(x.url));
|
|
12104
|
-
const slot = i >= 0 ? audios[i] : undefined;
|
|
12105
|
-
const url = resolvePersistableMediaUrl(result.url);
|
|
12106
|
-
const next = {
|
|
12107
|
-
...(slot ?? { duration: 0 }),
|
|
12108
|
-
mediaId: result.mediaId,
|
|
12109
|
-
mimeType: result.mimeType,
|
|
12110
|
-
size: result.size,
|
|
12111
|
-
metadata: result.metadata,
|
|
12112
|
-
};
|
|
12113
|
-
if (url) {
|
|
12114
|
-
next.url = url;
|
|
12115
|
-
}
|
|
12116
|
-
if (i >= 0)
|
|
12117
|
-
audios[i] = next;
|
|
12118
|
-
else
|
|
12119
|
-
audios.push(next);
|
|
12120
|
-
return { ...base, type: 'audio', audios };
|
|
12121
|
-
}
|
|
12122
|
-
function applyAudioLocalPreview(payload, localUrl, mimeType = 'application/octet-stream') {
|
|
12123
|
-
const base = normalizeAudioPayload(payload);
|
|
12124
|
-
const audios = [...base.audios];
|
|
12125
|
-
const slot = audios.findIndex((x) => !x.mediaId && !resolvePersistableMediaUrl(x.url));
|
|
12126
|
-
const preview = { url: localUrl, duration: 0, mimeType };
|
|
12127
|
-
if (slot >= 0) {
|
|
12128
|
-
audios[slot] = { ...audios[slot], ...preview };
|
|
12129
|
-
}
|
|
12130
|
-
else if (audios.length === 0) {
|
|
12131
|
-
audios.push(preview);
|
|
12132
|
-
}
|
|
12133
|
-
else {
|
|
12134
|
-
audios[0] = { ...audios[0], ...preview };
|
|
12693
|
+
return {
|
|
12694
|
+
text: caption ?? '',
|
|
12695
|
+
meta: { kind: 'audio', caption, items, count: audio.audios.length },
|
|
12696
|
+
};
|
|
12697
|
+
},
|
|
12698
|
+
};
|
|
12699
|
+
}
|
|
12700
|
+
class AXConversationAudioFileTypeProvider extends AXFileTypeInfoProvider {
|
|
12701
|
+
items() {
|
|
12702
|
+
return Promise.resolve([createConversationAudioFileType()]);
|
|
12135
12703
|
}
|
|
12136
|
-
|
|
12704
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationAudioFileTypeProvider, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
12705
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationAudioFileTypeProvider, providedIn: 'root' }); }
|
|
12137
12706
|
}
|
|
12707
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationAudioFileTypeProvider, decorators: [{
|
|
12708
|
+
type: Injectable,
|
|
12709
|
+
args: [{ providedIn: 'root' }]
|
|
12710
|
+
}] });
|
|
12138
12711
|
|
|
12139
|
-
var
|
|
12712
|
+
var conversationAudio_fileType = /*#__PURE__*/Object.freeze({
|
|
12140
12713
|
__proto__: null,
|
|
12141
|
-
|
|
12142
|
-
|
|
12143
|
-
|
|
12714
|
+
AXConversationAudioFileTypeProvider: AXConversationAudioFileTypeProvider,
|
|
12715
|
+
AX_CONVERSATION_AUDIO_CATALOG: AX_CONVERSATION_AUDIO_CATALOG,
|
|
12716
|
+
AX_CONVERSATION_AUDIO_PRESENTATION: AX_CONVERSATION_AUDIO_PRESENTATION,
|
|
12717
|
+
conversationAudioUtilities: conversationAudioUtilities,
|
|
12718
|
+
createConversationAudioFileType: createConversationAudioFileType
|
|
12144
12719
|
});
|
|
12145
12720
|
|
|
12146
12721
|
/**
|
|
@@ -12149,17 +12724,20 @@ var audioComposer_payload = /*#__PURE__*/Object.freeze({
|
|
|
12149
12724
|
*/
|
|
12150
12725
|
class AXConversationPickerHeaderComponent {
|
|
12151
12726
|
constructor() {
|
|
12727
|
+
this.translation = inject(AXTranslationService);
|
|
12152
12728
|
this.title = input.required(/* @ts-ignore */
|
|
12153
12729
|
...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
|
|
12154
12730
|
this.showMenu = input(false, /* @ts-ignore */
|
|
12155
12731
|
...(ngDevMode ? [{ debugName: "showMenu" }] : /* istanbul ignore next */ []));
|
|
12156
12732
|
this.addMoreLabel = input('Add more files', /* @ts-ignore */
|
|
12157
12733
|
...(ngDevMode ? [{ debugName: "addMoreLabel" }] : /* istanbul ignore next */ []));
|
|
12734
|
+
this.closeLabel = input(this.translation.translateSync('@acorex:chat.actions.close'), /* @ts-ignore */
|
|
12735
|
+
...(ngDevMode ? [{ debugName: "closeLabel" }] : /* istanbul ignore next */ []));
|
|
12158
12736
|
this.onClose = output();
|
|
12159
12737
|
this.onAddMore = output();
|
|
12160
12738
|
}
|
|
12161
12739
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationPickerHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12162
|
-
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 <
|
|
12740
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXConversationPickerHeaderComponent, isStandalone: true, selector: "ax-conversation-picker-header", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, showMenu: { classPropertyName: "showMenu", publicName: "showMenu", isSignal: true, isRequired: false, transformFunction: null }, addMoreLabel: { classPropertyName: "addMoreLabel", publicName: "addMoreLabel", isSignal: true, isRequired: false, transformFunction: null }, closeLabel: { classPropertyName: "closeLabel", publicName: "closeLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClose: "onClose", onAddMore: "onAddMore" }, ngImport: i0, template: "<div class=\"ax-conversation-picker-header\">\n <span class=\"ax-conversation-picker-header__title\">{{ title() }}</span>\n\n @if (showMenu()) {\n <ax-button class=\"ax-conversation-picker-header__menu rounded-full\" look=\"blank\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-light fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item [text]=\"addMoreLabel()\" (onClick)=\"onAddMore.emit()\">\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-plus\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n } @else {\n <ax-button\n class=\"ax-conversation-picker-header__close rounded-full\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"closeLabel()\"\n (onClick)=\"onClose.emit()\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n }\n</div>\n", styles: ["@layer properties;@layer components{ax-conversation-picker-header .ax-conversation-picker-header{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3);min-height:3rem}ax-conversation-picker-header .ax-conversation-picker-header__title{min-width:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden;font-size:.9375rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}ax-conversation-picker-header .ax-conversation-picker-header__menu{flex-shrink:0}ax-conversation-picker-header .ax-conversation-picker-header__menu ax-icon i,ax-conversation-picker-header .ax-conversation-picker-header__close ax-icon i{font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));color:rgba(var(--ax-sys-color-on-surface),.55)}ax-conversation-picker-header .ax-conversation-picker-header__close{flex-shrink:0}@media(hover:hover){ax-conversation-picker-header .ax-conversation-picker-header__close:hover>button{background:rgba(var(--ax-sys-color-on-surface),.06)}}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
12163
12741
|
}
|
|
12164
12742
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationPickerHeaderComponent, decorators: [{
|
|
12165
12743
|
type: Component,
|
|
@@ -12170,8 +12748,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
|
|
|
12170
12748
|
AXButtonItemListComponent,
|
|
12171
12749
|
AXDecoratorModule,
|
|
12172
12750
|
AXDropdownPanelComponent,
|
|
12173
|
-
], 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 <
|
|
12174
|
-
}], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], showMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "showMenu", required: false }] }], addMoreLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "addMoreLabel", required: false }] }], onClose: [{ type: i0.Output, args: ["onClose"] }], onAddMore: [{ type: i0.Output, args: ["onAddMore"] }] } });
|
|
12751
|
+
], template: "<div class=\"ax-conversation-picker-header\">\n <span class=\"ax-conversation-picker-header__title\">{{ title() }}</span>\n\n @if (showMenu()) {\n <ax-button class=\"ax-conversation-picker-header__menu rounded-full\" look=\"blank\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-light fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item [text]=\"addMoreLabel()\" (onClick)=\"onAddMore.emit()\">\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-plus\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n } @else {\n <ax-button\n class=\"ax-conversation-picker-header__close rounded-full\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"closeLabel()\"\n (onClick)=\"onClose.emit()\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n }\n</div>\n", styles: ["@layer properties;@layer components{ax-conversation-picker-header .ax-conversation-picker-header{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3);min-height:3rem}ax-conversation-picker-header .ax-conversation-picker-header__title{min-width:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden;font-size:.9375rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}ax-conversation-picker-header .ax-conversation-picker-header__menu{flex-shrink:0}ax-conversation-picker-header .ax-conversation-picker-header__menu ax-icon i,ax-conversation-picker-header .ax-conversation-picker-header__close ax-icon i{font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));color:rgba(var(--ax-sys-color-on-surface),.55)}ax-conversation-picker-header .ax-conversation-picker-header__close{flex-shrink:0}@media(hover:hover){ax-conversation-picker-header .ax-conversation-picker-header__close:hover>button{background:rgba(var(--ax-sys-color-on-surface),.06)}}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
|
|
12752
|
+
}], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], showMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "showMenu", required: false }] }], addMoreLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "addMoreLabel", required: false }] }], closeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeLabel", required: false }] }], onClose: [{ type: i0.Output, args: ["onClose"] }], onAddMore: [{ type: i0.Output, args: ["onAddMore"] }] } });
|
|
12175
12753
|
|
|
12176
12754
|
/**
|
|
12177
12755
|
* Picker Footer Component
|
|
@@ -12356,17 +12934,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
|
|
|
12356
12934
|
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"] }]
|
|
12357
12935
|
}], 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"] }] } });
|
|
12358
12936
|
|
|
12359
|
-
/** Middle-ellipsis truncation for long file names in picker rows. */
|
|
12360
|
-
function truncatePickerFileName(text, maxLength = 36) {
|
|
12361
|
-
if (text.length <= maxLength) {
|
|
12362
|
-
return text;
|
|
12363
|
-
}
|
|
12364
|
-
const keep = maxLength - 3;
|
|
12365
|
-
const start = Math.ceil(keep / 2);
|
|
12366
|
-
const end = Math.floor(keep / 2);
|
|
12367
|
-
return `${text.slice(0, start)}...${text.slice(text.length - end)}`;
|
|
12368
|
-
}
|
|
12369
|
-
|
|
12370
12937
|
/** Creates a new File instance with an updated display name. */
|
|
12371
12938
|
function renamePickerFileObject(file, nextName) {
|
|
12372
12939
|
const trimmed = nextName.trim();
|
|
@@ -12506,74 +13073,6 @@ function installComposerPickerAutoRun(host) {
|
|
|
12506
13073
|
});
|
|
12507
13074
|
}
|
|
12508
13075
|
|
|
12509
|
-
function fileItemFromUpload(file, result, extras) {
|
|
12510
|
-
const extension = file.name.includes('.') ? file.name.split('.').pop() : undefined;
|
|
12511
|
-
const url = resolvePersistableMediaUrl(result.url);
|
|
12512
|
-
const duration = extras?.duration != null && Number.isFinite(extras.duration) ? extras.duration : undefined;
|
|
12513
|
-
const item = {
|
|
12514
|
-
mediaId: result.mediaId,
|
|
12515
|
-
mimeType: result.mimeType,
|
|
12516
|
-
size: result.size,
|
|
12517
|
-
name: file.name,
|
|
12518
|
-
thumbnailUrl: resolvePersistedThumbnailUrl(result.thumbnailUrl, url),
|
|
12519
|
-
extension,
|
|
12520
|
-
duration,
|
|
12521
|
-
metadata: result.metadata,
|
|
12522
|
-
};
|
|
12523
|
-
if (url) {
|
|
12524
|
-
item.url = url;
|
|
12525
|
-
}
|
|
12526
|
-
return item;
|
|
12527
|
-
}
|
|
12528
|
-
function mergeFileUploadResult(payload, result) {
|
|
12529
|
-
const base = normalizeFilePayload(payload);
|
|
12530
|
-
const files = [...base.files];
|
|
12531
|
-
const i = files.findIndex((x) => !x.mediaId && !resolvePersistableMediaUrl(x.url));
|
|
12532
|
-
const slot = i >= 0 ? files[i] : undefined;
|
|
12533
|
-
const name = slot?.name ?? result.metadata?.['fileName'] ?? 'file';
|
|
12534
|
-
const url = resolvePersistableMediaUrl(result.url);
|
|
12535
|
-
const next = {
|
|
12536
|
-
...(slot ?? { name, mimeType: result.mimeType }),
|
|
12537
|
-
mediaId: result.mediaId,
|
|
12538
|
-
mimeType: result.mimeType,
|
|
12539
|
-
size: result.size,
|
|
12540
|
-
name,
|
|
12541
|
-
thumbnailUrl: resolvePersistedThumbnailUrl(result.thumbnailUrl ?? slot?.thumbnailUrl, url),
|
|
12542
|
-
metadata: result.metadata,
|
|
12543
|
-
};
|
|
12544
|
-
if (url) {
|
|
12545
|
-
next.url = url;
|
|
12546
|
-
}
|
|
12547
|
-
if (i >= 0)
|
|
12548
|
-
files[i] = next;
|
|
12549
|
-
else
|
|
12550
|
-
files.push(next);
|
|
12551
|
-
return { ...base, type: 'file', files };
|
|
12552
|
-
}
|
|
12553
|
-
function applyFileLocalPreview(payload, localUrl, mimeType = 'application/octet-stream') {
|
|
12554
|
-
const base = normalizeFilePayload(payload);
|
|
12555
|
-
const files = [...base.files];
|
|
12556
|
-
const slot = files.findIndex((x) => !x.mediaId && !resolvePersistableMediaUrl(x.url));
|
|
12557
|
-
const preview = { url: localUrl, name: 'upload', mimeType };
|
|
12558
|
-
if (slot >= 0) {
|
|
12559
|
-
files[slot] = { ...files[slot], ...preview };
|
|
12560
|
-
}
|
|
12561
|
-
else if (files.length === 0) {
|
|
12562
|
-
files.push(preview);
|
|
12563
|
-
}
|
|
12564
|
-
else {
|
|
12565
|
-
files[0] = { ...files[0], ...preview };
|
|
12566
|
-
}
|
|
12567
|
-
return { ...base, type: 'file', files };
|
|
12568
|
-
}
|
|
12569
|
-
|
|
12570
|
-
var fileComposer_payload = /*#__PURE__*/Object.freeze({
|
|
12571
|
-
__proto__: null,
|
|
12572
|
-
applyFileLocalPreview: applyFileLocalPreview,
|
|
12573
|
-
fileItemFromUpload: fileItemFromUpload,
|
|
12574
|
-
mergeFileUploadResult: mergeFileUploadResult
|
|
12575
|
-
});
|
|
12576
|
-
|
|
12577
13076
|
/**
|
|
12578
13077
|
* Audio Picker Component
|
|
12579
13078
|
* Full-width audio file selection interface for the composer
|
|
@@ -12740,7 +13239,7 @@ class AXConversationAudioPickerComponent {
|
|
|
12740
13239
|
if (!item) {
|
|
12741
13240
|
return;
|
|
12742
13241
|
}
|
|
12743
|
-
const { AXConversationPickerRenameFileDialogComponent } = await import('./acorex-components-conversation-picker-rename-file-dialog.component-
|
|
13242
|
+
const { AXConversationPickerRenameFileDialogComponent } = await import('./acorex-components-conversation-picker-rename-file-dialog.component-CD_u5lrB.mjs');
|
|
12744
13243
|
const result = await this.popupService.open(AXConversationPickerRenameFileDialogComponent, {
|
|
12745
13244
|
title: this.translation.translateSync('@acorex:chat.pickers.files.rename-title'),
|
|
12746
13245
|
size: 'sm',
|
|
@@ -12985,7 +13484,7 @@ class AXConversationAudioPickerComponent {
|
|
|
12985
13484
|
});
|
|
12986
13485
|
}
|
|
12987
13486
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationAudioPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12988
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXConversationAudioPickerComponent, isStandalone: true, selector: "ax-conversation-audio-picker", inputs: { service: { classPropertyName: "service", publicName: "service", isSignal: true, isRequired: false, transformFunction: null }, conversation: { classPropertyName: "conversation", publicName: "conversation", isSignal: true, isRequired: true, transformFunction: null }, maxFiles: { classPropertyName: "maxFiles", publicName: "maxFiles", isSignal: true, isRequired: false, transformFunction: null }, initialFiles: { classPropertyName: "initialFiles", publicName: "initialFiles", isSignal: true, isRequired: false, transformFunction: null }, autoRun: { classPropertyName: "autoRun", publicName: "autoRun", isSignal: true, isRequired: false, transformFunction: null }, __popup__: { classPropertyName: "__popup__", publicName: "__popup__", isSignal: true, isRequired: false, transformFunction: null }, __actionSheet__: { classPropertyName: "__actionSheet__", publicName: "__actionSheet__", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "pickerShell", first: true, predicate: ["pickerShell"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-conversation-picker-shell\n #pickerShell\n [fileType]=\"catalogFileType\"\n [multiple]=\"allowMultiple()\"\n (filesSelected)=\"handleFiles($event)\"\n (dragEnter)=\"isDragging.set(true)\"\n (dragLeave)=\"isDragging.set(false)\"\n>\n <ax-conversation-picker-header\n [title]=\"getHeaderTitle()\"\n [showMenu]=\"audioFiles().length > 0\"\n [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (onAddMore)=\"onAddMoreFiles()\"\n />\n\n <div class=\"ax-conversation-picker__scroll\">\n @if (audioFiles().length === 0) {\n <ax-conversation-picker-empty\n [title]=\"getEmptyTitle()\"\n [hint]=\"getEmptySubtitle()\"\n [iconClass]=\"emptyIconClass()\"\n [dragOver]=\"isDragging()\"\n />\n } @else {\n <div class=\"ax-conversation-picker__body\">\n <div class=\"ax-conversation-picker__panel\">\n <div class=\"ax-conversation-picker__list\">\n @for (audio of audioFiles(); track audio.id) {\n <div class=\"ax-conversation-picker__row ax-conversation-picker__row--file\">\n <span class=\"ax-conversation-file__badge\" aria-hidden=\"true\">\n <span class=\"ax-conversation-file__badge-doc\">\n <i class=\"fa-solid fa-music\"></i>\n </span>\n </span>\n\n <div class=\"ax-conversation-picker__details\">\n <div class=\"ax-conversation-picker__name\" [title]=\"audio.file.name\">\n {{ truncateFileName(audio.file.name) }}\n </div>\n <div class=\"ax-conversation-picker__status\">\n @if (audio.uploading) {\n <span>{{ getUploadingLabel(audio.uploadProgress ?? 0) }}</span>\n } @else if (audio.error) {\n <span class=\"ax-conversation-picker__status--err\"\n ><i class=\"fa-light fa-xmark\"></i> {{ audio.error }}</span\n >\n } @else {\n <span>{{ formatFileSize(audio.file.size) }}</span>\n @if (audio.duration) {\n <span>{{ formatDuration(audio.duration) }}</span>\n }\n }\n </div>\n @if (audio.uploading) {\n <div class=\"ax-conversation-picker__progress\">\n <ax-progress-bar [progress]=\"audio.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n </div>\n }\n </div>\n\n <div class=\"ax-conversation-picker__row-actions\">\n <ax-button class=\"ax-sm rounded-full\" look=\"blank\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-light fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.rename-file')\"\n (onClick)=\"renameAudio($index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-i-cursor\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.replace-attachment')\"\n (onClick)=\"replaceAttachment($index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-arrows-rotate\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n\n <ax-button\n class=\"ax-conversation-picker__row-remove rounded-full\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.pickers.common.remove')\"\n (onClick)=\"removeAudio($index)\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n </div>\n }\n </div>\n </div>\n </div>\n }\n </div>\n\n @if (audioFiles().length > 0) {\n <ax-conversation-picker-options\n [(groupItems)]=\"groupItems\"\n [(sendAsDocuments)]=\"sendAsDocuments\"\n [showGroupItems]=\"allowMultiple() && audioFiles().length > 1\"\n [showSendAsDocuments]=\"true\"\n />\n <ax-conversation-picker-caption [(caption)]=\"caption\" [sendDisabled]=\"!canSend()\" (onSend)=\"sendAudio()\" />\n <ax-conversation-picker-footer\n [addLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add')\"\n [cancelLabel]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n [sendLabel]=\"translation.translateSync('@acorex:chat.actions.send')\"\n [sendDisabled]=\"!canSend()\"\n (onAdd)=\"onAddMoreFiles()\"\n (onCancel)=\"cancel()\"\n (onSend)=\"sendAudio()\"\n />\n }\n</ax-conversation-picker-shell>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(36rem,92dvh);width:min(22.5rem,94vw);border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000002e}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;overflow:hidden;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(92dvh,92dvh);width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{max-height:none;width:min(26rem,94vw);border-radius:1.25rem}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-main-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container>ng-component{display:flex;height:auto;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:visible;flex:0 0 auto}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,94vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(92dvh,92dvh)}}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(48rem,94dvh);width:min(48rem,96vw);overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-main-container,.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(94dvh,94dvh);width:100vw}}}@layer components{:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-primary-500));--ax-file-badge-fg: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-size: 3rem}.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-fg: rgb(var(--ax-sys-color-primary-surface))}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;text-decoration-line:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-doc,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);width:var(--ax-file-badge-size);height:var(--ax-file-badge-size);background:var(--ax-file-badge-color);color:var(--ax-file-badge-fg)}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-fold{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-ext{position:relative;z-index:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.1rem;text-align:center;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: 1;line-height:1;text-transform:lowercase}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:none;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}@media(hover:hover){:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-doc{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-file__badge-download{display:flex}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover){background:transparent}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) img,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) video,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover)>i{opacity:0}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-file__badge-download{display:none}}ax-conversation-file-attachment .ax-conversation-file__thumb .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:2}ax-conversation-audio-attachment .ax-conversation-audio--file .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:3}@media(hover:hover){ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-icon{opacity:0%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-icon{opacity:100%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__cover{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__cover{opacity:1}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-btn:before{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-btn:before{opacity:1}}}@layer components{ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;flex:1;flex-direction:column;overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-shell{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-header,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-options,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-caption,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-footer{flex-shrink:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__scroll{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 4);display:flex;min-height:9rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 6);text-align:center;border:1px dashed rgba(var(--ax-sys-color-on-surface),.14);transition:border-color .15s ease,background-color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty--drag{border-color:rgba(var(--ax-sys-color-primary-500),.45);background:rgba(var(--ax-sys-color-primary-500),.05)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-icon{font-size:1.75rem;--tw-leading: 1;line-height:1;color:rgba(var(--ax-sys-color-on-surface),.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.875rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-hint{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__panel{overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__list{display:flex;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row+.ax-conversation-picker__row{border-top:1px solid rgba(var(--ax-sys-color-on-surface),.08)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row--file{gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row--file .ax-conversation-file__badge-doc i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.08);color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb--square{border-radius:var(--radius-lg, .5rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb--circle{border-radius:calc(infinity * 1px)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb video{pointer-events:none;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-play{position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-white, #fff);background:#00000047}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-play .fa-play{padding-inline-start:.12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row-main{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__details{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__name{overflow:hidden;font-size:.9375rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 1.5);font-size:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.52)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--err{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-danger-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__progress{margin-top:calc(var(--spacing, .25rem) * .5);width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row-actions{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-hint{margin:calc(var(--spacing, .25rem) * 0);margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.45)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid{overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single{display:block}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile{min-height:12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:10rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple{display:grid;gap:calc(var(--spacing, .25rem) * .5);grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple>:first-child{grid-row:span 2}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple .ax-conversation-picker__media-tile{min-height:0;height:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--masonry{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5);overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row{display:flex;min-height:8.5rem;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row .ax-conversation-picker__media-tile{min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex:1}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile video{object-fit:contain;max-height:min(50dvh,22rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile{position:relative;min-height:6.5rem;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.06)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile video{display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile video{position:absolute;inset:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * .5);padding:calc(var(--spacing, .25rem) * 1.5);background:linear-gradient(rgb(0 0 0 / .35),transparent 70%)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status-layer{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 2);background:linear-gradient(transparent,#0000008c)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status{font-size:.6875rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__input-hidden{display:none}@container picker (max-width: 480px){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 1)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{gap:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 3);min-height:8rem}}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXProgressBarModule }, { kind: "component", type: i2$2.AXProgressBarComponent, selector: "ax-progress-bar", inputs: ["color", "mode", "progress", "height"], outputs: ["ValueChange", "sizeChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXConversationPickerHeaderComponent, selector: "ax-conversation-picker-header", inputs: ["title", "showMenu", "addMoreLabel"], outputs: ["onClose", "onAddMore"] }, { kind: "component", type: AXConversationPickerFooterComponent, selector: "ax-conversation-picker-footer", inputs: ["showAdd", "addLabel", "cancelLabel", "sendLabel", "sendDisabled"], outputs: ["onAdd", "onCancel", "onSend"] }, { kind: "component", type: AXConversationPickerEmptyComponent, selector: "ax-conversation-picker-empty", inputs: ["title", "hint", "iconClass", "dragOver"] }, { kind: "component", type: AXConversationPickerCaptionComponent, selector: "ax-conversation-picker-caption", inputs: ["caption", "showInlineSend", "sendDisabled"], outputs: ["captionChange", "onSend"] }, { kind: "component", type: AXConversationPickerOptionsComponent, selector: "ax-conversation-picker-options", inputs: ["showGroupItems", "showSendAsDocuments", "groupItems", "sendAsDocuments"], outputs: ["groupItemsChange", "sendAsDocumentsChange"] }, { kind: "component", type: AXConversationPickerShellComponent, selector: "ax-conversation-picker-shell", inputs: ["fileType", "multiple"], outputs: ["filesSelected", "dragEnter", "dragLeave", "dragOver"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
13487
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXConversationAudioPickerComponent, isStandalone: true, selector: "ax-conversation-audio-picker", inputs: { service: { classPropertyName: "service", publicName: "service", isSignal: true, isRequired: false, transformFunction: null }, conversation: { classPropertyName: "conversation", publicName: "conversation", isSignal: true, isRequired: true, transformFunction: null }, maxFiles: { classPropertyName: "maxFiles", publicName: "maxFiles", isSignal: true, isRequired: false, transformFunction: null }, initialFiles: { classPropertyName: "initialFiles", publicName: "initialFiles", isSignal: true, isRequired: false, transformFunction: null }, autoRun: { classPropertyName: "autoRun", publicName: "autoRun", isSignal: true, isRequired: false, transformFunction: null }, __popup__: { classPropertyName: "__popup__", publicName: "__popup__", isSignal: true, isRequired: false, transformFunction: null }, __actionSheet__: { classPropertyName: "__actionSheet__", publicName: "__actionSheet__", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "pickerShell", first: true, predicate: ["pickerShell"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-conversation-picker-shell\n #pickerShell\n [fileType]=\"catalogFileType\"\n [multiple]=\"allowMultiple()\"\n (filesSelected)=\"handleFiles($event)\"\n (dragEnter)=\"isDragging.set(true)\"\n (dragLeave)=\"isDragging.set(false)\"\n>\n <ax-conversation-picker-header\n [title]=\"getHeaderTitle()\"\n [showMenu]=\"audioFiles().length > 0\"\n [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (onAddMore)=\"onAddMoreFiles()\"\n (onClose)=\"cancel()\"\n />\n\n <div class=\"ax-conversation-picker__scroll\">\n @if (audioFiles().length === 0) {\n <ax-conversation-picker-empty\n [title]=\"getEmptyTitle()\"\n [hint]=\"getEmptySubtitle()\"\n [iconClass]=\"emptyIconClass()\"\n [dragOver]=\"isDragging()\"\n />\n } @else {\n <div class=\"ax-conversation-picker__body\">\n <div class=\"ax-conversation-picker__panel\">\n <div class=\"ax-conversation-picker__list\">\n @for (audio of audioFiles(); track audio.id) {\n <div class=\"ax-conversation-picker__row ax-conversation-picker__row--file\">\n <span class=\"ax-conversation-file__badge\" aria-hidden=\"true\">\n <span class=\"ax-conversation-file__badge-doc\">\n <i class=\"fa-solid fa-music\"></i>\n </span>\n </span>\n\n <div class=\"ax-conversation-picker__details\">\n <div class=\"ax-conversation-picker__name\" [title]=\"audio.file.name\">\n {{ truncateFileName(audio.file.name) }}\n </div>\n <div class=\"ax-conversation-picker__status\">\n @if (audio.uploading) {\n <span>{{ getUploadingLabel(audio.uploadProgress ?? 0) }}</span>\n } @else if (audio.error) {\n <span class=\"ax-conversation-picker__status--err\"\n ><i class=\"fa-light fa-xmark\"></i> {{ audio.error }}</span\n >\n } @else {\n <span>{{ formatFileSize(audio.file.size) }}</span>\n @if (audio.duration) {\n <span>{{ formatDuration(audio.duration) }}</span>\n }\n }\n </div>\n @if (audio.uploading) {\n <div class=\"ax-conversation-picker__progress\">\n <ax-progress-bar [progress]=\"audio.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n </div>\n }\n </div>\n\n <div class=\"ax-conversation-picker__row-actions\">\n <ax-button class=\"ax-sm rounded-full\" look=\"blank\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-light fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.rename-file')\"\n (onClick)=\"renameAudio($index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-i-cursor\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.replace-attachment')\"\n (onClick)=\"replaceAttachment($index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-arrows-rotate\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n\n <ax-button\n class=\"ax-conversation-picker__row-remove rounded-full\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.pickers.common.remove')\"\n (onClick)=\"removeAudio($index)\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n </div>\n }\n </div>\n </div>\n </div>\n }\n </div>\n\n @if (audioFiles().length > 0) {\n <ax-conversation-picker-options\n [(groupItems)]=\"groupItems\"\n [(sendAsDocuments)]=\"sendAsDocuments\"\n [showGroupItems]=\"allowMultiple() && audioFiles().length > 1\"\n [showSendAsDocuments]=\"true\"\n />\n <ax-conversation-picker-caption [(caption)]=\"caption\" [sendDisabled]=\"!canSend()\" (onSend)=\"sendAudio()\" />\n <ax-conversation-picker-footer\n [addLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add')\"\n [cancelLabel]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n [sendLabel]=\"translation.translateSync('@acorex:chat.actions.send')\"\n [sendDisabled]=\"!canSend()\"\n (onAdd)=\"onAddMoreFiles()\"\n (onCancel)=\"cancel()\"\n (onSend)=\"sendAudio()\"\n />\n }\n</ax-conversation-picker-shell>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(36rem,92dvh);width:min(22.5rem,94vw);border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000002e}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;overflow:hidden;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(92dvh,92dvh);width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{max-height:none;width:min(26rem,94vw);border-radius:1.25rem}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-main-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container>ng-component{display:flex;height:auto;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:visible;flex:0 0 auto}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,94vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(92dvh,92dvh)}}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(48rem,94dvh);width:min(48rem,96vw);overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-main-container,.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(94dvh,94dvh);width:100vw}}}@layer components{:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-primary-500));--ax-file-badge-fg: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-size: 3rem}.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-fg: rgb(var(--ax-sys-color-primary-surface))}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;text-decoration-line:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-doc,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);width:var(--ax-file-badge-size);height:var(--ax-file-badge-size);background:var(--ax-file-badge-color);color:var(--ax-file-badge-fg)}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-fold{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-ext{position:relative;z-index:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.1rem;text-align:center;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: 1;line-height:1;text-transform:lowercase}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:none;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}@media(hover:hover){:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-doc{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-file__badge-download{display:flex}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover){background:transparent}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) img,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) video,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover)>i{opacity:0}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-file__badge-download{display:none}}ax-conversation-file-attachment .ax-conversation-file__thumb .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:2}ax-conversation-audio-attachment .ax-conversation-audio--file .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:3}@media(hover:hover){ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-icon{opacity:0%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-icon{opacity:100%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__cover{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__cover{opacity:1}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-btn:before{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-btn:before{opacity:1}}}@layer components{ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;flex:1;flex-direction:column;overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-shell{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-header,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-options,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-caption,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-footer{flex-shrink:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__scroll{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 4);display:flex;min-height:9rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 6);text-align:center;border:1px dashed rgba(var(--ax-sys-color-on-surface),.14);transition:border-color .15s ease,background-color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty--drag{border-color:rgba(var(--ax-sys-color-primary-500),.45);background:rgba(var(--ax-sys-color-primary-500),.05)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-icon{font-size:1.75rem;--tw-leading: 1;line-height:1;color:rgba(var(--ax-sys-color-on-surface),.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.875rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-hint{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__panel{overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__list{display:flex;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row+.ax-conversation-picker__row{border-top:1px solid rgba(var(--ax-sys-color-on-surface),.08)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row--file{gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row--file .ax-conversation-file__badge-doc i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.08);color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb--square{border-radius:var(--radius-lg, .5rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb--circle{border-radius:calc(infinity * 1px)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb video{pointer-events:none;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-play{position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-white, #fff);background:#00000047}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-play .fa-play{padding-inline-start:.12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row-main{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__details{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__name{overflow:hidden;font-size:.9375rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 1.5);font-size:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.52)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--err{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-danger-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__progress{margin-top:calc(var(--spacing, .25rem) * .5);width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row-actions{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-hint{margin:calc(var(--spacing, .25rem) * 0);margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.45)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid{overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single{display:block}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile{min-height:12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:10rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple{display:grid;gap:calc(var(--spacing, .25rem) * .5);grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple>:first-child{grid-row:span 2}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple .ax-conversation-picker__media-tile{min-height:0;height:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--masonry{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5);overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row{display:flex;min-height:8.5rem;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row .ax-conversation-picker__media-tile{min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex:1}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile video{object-fit:contain;max-height:min(50dvh,22rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile{position:relative;min-height:6.5rem;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.06)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile video{display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile video{position:absolute;inset:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * .5);padding:calc(var(--spacing, .25rem) * 1.5);background:linear-gradient(rgb(0 0 0 / .35),transparent 70%)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status-layer{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 2);background:linear-gradient(transparent,#0000008c)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status{font-size:.6875rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__input-hidden{display:none}@container picker (max-width: 480px){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 1)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{gap:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 3);min-height:8rem}}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXProgressBarModule }, { kind: "component", type: i2$2.AXProgressBarComponent, selector: "ax-progress-bar", inputs: ["color", "mode", "progress", "height"], outputs: ["ValueChange", "sizeChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXConversationPickerHeaderComponent, selector: "ax-conversation-picker-header", inputs: ["title", "showMenu", "addMoreLabel", "closeLabel"], outputs: ["onClose", "onAddMore"] }, { kind: "component", type: AXConversationPickerFooterComponent, selector: "ax-conversation-picker-footer", inputs: ["showAdd", "addLabel", "cancelLabel", "sendLabel", "sendDisabled"], outputs: ["onAdd", "onCancel", "onSend"] }, { kind: "component", type: AXConversationPickerEmptyComponent, selector: "ax-conversation-picker-empty", inputs: ["title", "hint", "iconClass", "dragOver"] }, { kind: "component", type: AXConversationPickerCaptionComponent, selector: "ax-conversation-picker-caption", inputs: ["caption", "showInlineSend", "sendDisabled"], outputs: ["captionChange", "onSend"] }, { kind: "component", type: AXConversationPickerOptionsComponent, selector: "ax-conversation-picker-options", inputs: ["showGroupItems", "showSendAsDocuments", "groupItems", "sendAsDocuments"], outputs: ["groupItemsChange", "sendAsDocumentsChange"] }, { kind: "component", type: AXConversationPickerShellComponent, selector: "ax-conversation-picker-shell", inputs: ["fileType", "multiple"], outputs: ["filesSelected", "dragEnter", "dragLeave", "dragOver"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
12989
13488
|
}
|
|
12990
13489
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationAudioPickerComponent, decorators: [{
|
|
12991
13490
|
type: Component,
|
|
@@ -13004,7 +13503,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
|
|
|
13004
13503
|
AXConversationPickerCaptionComponent,
|
|
13005
13504
|
AXConversationPickerOptionsComponent,
|
|
13006
13505
|
AXConversationPickerShellComponent,
|
|
13007
|
-
], template: "<ax-conversation-picker-shell\n #pickerShell\n [fileType]=\"catalogFileType\"\n [multiple]=\"allowMultiple()\"\n (filesSelected)=\"handleFiles($event)\"\n (dragEnter)=\"isDragging.set(true)\"\n (dragLeave)=\"isDragging.set(false)\"\n>\n <ax-conversation-picker-header\n [title]=\"getHeaderTitle()\"\n [showMenu]=\"audioFiles().length > 0\"\n [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (onAddMore)=\"onAddMoreFiles()\"\n />\n\n <div class=\"ax-conversation-picker__scroll\">\n @if (audioFiles().length === 0) {\n <ax-conversation-picker-empty\n [title]=\"getEmptyTitle()\"\n [hint]=\"getEmptySubtitle()\"\n [iconClass]=\"emptyIconClass()\"\n [dragOver]=\"isDragging()\"\n />\n } @else {\n <div class=\"ax-conversation-picker__body\">\n <div class=\"ax-conversation-picker__panel\">\n <div class=\"ax-conversation-picker__list\">\n @for (audio of audioFiles(); track audio.id) {\n <div class=\"ax-conversation-picker__row ax-conversation-picker__row--file\">\n <span class=\"ax-conversation-file__badge\" aria-hidden=\"true\">\n <span class=\"ax-conversation-file__badge-doc\">\n <i class=\"fa-solid fa-music\"></i>\n </span>\n </span>\n\n <div class=\"ax-conversation-picker__details\">\n <div class=\"ax-conversation-picker__name\" [title]=\"audio.file.name\">\n {{ truncateFileName(audio.file.name) }}\n </div>\n <div class=\"ax-conversation-picker__status\">\n @if (audio.uploading) {\n <span>{{ getUploadingLabel(audio.uploadProgress ?? 0) }}</span>\n } @else if (audio.error) {\n <span class=\"ax-conversation-picker__status--err\"\n ><i class=\"fa-light fa-xmark\"></i> {{ audio.error }}</span\n >\n } @else {\n <span>{{ formatFileSize(audio.file.size) }}</span>\n @if (audio.duration) {\n <span>{{ formatDuration(audio.duration) }}</span>\n }\n }\n </div>\n @if (audio.uploading) {\n <div class=\"ax-conversation-picker__progress\">\n <ax-progress-bar [progress]=\"audio.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n </div>\n }\n </div>\n\n <div class=\"ax-conversation-picker__row-actions\">\n <ax-button class=\"ax-sm rounded-full\" look=\"blank\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-light fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.rename-file')\"\n (onClick)=\"renameAudio($index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-i-cursor\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.replace-attachment')\"\n (onClick)=\"replaceAttachment($index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-arrows-rotate\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n\n <ax-button\n class=\"ax-conversation-picker__row-remove rounded-full\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.pickers.common.remove')\"\n (onClick)=\"removeAudio($index)\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n </div>\n }\n </div>\n </div>\n </div>\n }\n </div>\n\n @if (audioFiles().length > 0) {\n <ax-conversation-picker-options\n [(groupItems)]=\"groupItems\"\n [(sendAsDocuments)]=\"sendAsDocuments\"\n [showGroupItems]=\"allowMultiple() && audioFiles().length > 1\"\n [showSendAsDocuments]=\"true\"\n />\n <ax-conversation-picker-caption [(caption)]=\"caption\" [sendDisabled]=\"!canSend()\" (onSend)=\"sendAudio()\" />\n <ax-conversation-picker-footer\n [addLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add')\"\n [cancelLabel]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n [sendLabel]=\"translation.translateSync('@acorex:chat.actions.send')\"\n [sendDisabled]=\"!canSend()\"\n (onAdd)=\"onAddMoreFiles()\"\n (onCancel)=\"cancel()\"\n (onSend)=\"sendAudio()\"\n />\n }\n</ax-conversation-picker-shell>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(36rem,92dvh);width:min(22.5rem,94vw);border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000002e}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;overflow:hidden;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(92dvh,92dvh);width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{max-height:none;width:min(26rem,94vw);border-radius:1.25rem}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-main-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container>ng-component{display:flex;height:auto;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:visible;flex:0 0 auto}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,94vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(92dvh,92dvh)}}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(48rem,94dvh);width:min(48rem,96vw);overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-main-container,.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(94dvh,94dvh);width:100vw}}}@layer components{:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-primary-500));--ax-file-badge-fg: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-size: 3rem}.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-fg: rgb(var(--ax-sys-color-primary-surface))}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;text-decoration-line:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-doc,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);width:var(--ax-file-badge-size);height:var(--ax-file-badge-size);background:var(--ax-file-badge-color);color:var(--ax-file-badge-fg)}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-fold{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-ext{position:relative;z-index:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.1rem;text-align:center;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: 1;line-height:1;text-transform:lowercase}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:none;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}@media(hover:hover){:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-doc{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-file__badge-download{display:flex}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover){background:transparent}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) img,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) video,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover)>i{opacity:0}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-file__badge-download{display:none}}ax-conversation-file-attachment .ax-conversation-file__thumb .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:2}ax-conversation-audio-attachment .ax-conversation-audio--file .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:3}@media(hover:hover){ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-icon{opacity:0%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-icon{opacity:100%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__cover{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__cover{opacity:1}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-btn:before{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-btn:before{opacity:1}}}@layer components{ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;flex:1;flex-direction:column;overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-shell{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-header,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-options,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-caption,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-footer{flex-shrink:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__scroll{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 4);display:flex;min-height:9rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 6);text-align:center;border:1px dashed rgba(var(--ax-sys-color-on-surface),.14);transition:border-color .15s ease,background-color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty--drag{border-color:rgba(var(--ax-sys-color-primary-500),.45);background:rgba(var(--ax-sys-color-primary-500),.05)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-icon{font-size:1.75rem;--tw-leading: 1;line-height:1;color:rgba(var(--ax-sys-color-on-surface),.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.875rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-hint{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__panel{overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__list{display:flex;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row+.ax-conversation-picker__row{border-top:1px solid rgba(var(--ax-sys-color-on-surface),.08)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row--file{gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row--file .ax-conversation-file__badge-doc i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.08);color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb--square{border-radius:var(--radius-lg, .5rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb--circle{border-radius:calc(infinity * 1px)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb video{pointer-events:none;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-play{position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-white, #fff);background:#00000047}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-play .fa-play{padding-inline-start:.12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row-main{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__details{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__name{overflow:hidden;font-size:.9375rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 1.5);font-size:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.52)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--err{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-danger-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__progress{margin-top:calc(var(--spacing, .25rem) * .5);width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row-actions{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-hint{margin:calc(var(--spacing, .25rem) * 0);margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.45)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid{overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single{display:block}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile{min-height:12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:10rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple{display:grid;gap:calc(var(--spacing, .25rem) * .5);grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple>:first-child{grid-row:span 2}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple .ax-conversation-picker__media-tile{min-height:0;height:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--masonry{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5);overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row{display:flex;min-height:8.5rem;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row .ax-conversation-picker__media-tile{min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex:1}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile video{object-fit:contain;max-height:min(50dvh,22rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile{position:relative;min-height:6.5rem;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.06)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile video{display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile video{position:absolute;inset:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * .5);padding:calc(var(--spacing, .25rem) * 1.5);background:linear-gradient(rgb(0 0 0 / .35),transparent 70%)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status-layer{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 2);background:linear-gradient(transparent,#0000008c)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status{font-size:.6875rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__input-hidden{display:none}@container picker (max-width: 480px){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 1)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{gap:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 3);min-height:8rem}}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
|
|
13506
|
+
], template: "<ax-conversation-picker-shell\n #pickerShell\n [fileType]=\"catalogFileType\"\n [multiple]=\"allowMultiple()\"\n (filesSelected)=\"handleFiles($event)\"\n (dragEnter)=\"isDragging.set(true)\"\n (dragLeave)=\"isDragging.set(false)\"\n>\n <ax-conversation-picker-header\n [title]=\"getHeaderTitle()\"\n [showMenu]=\"audioFiles().length > 0\"\n [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (onAddMore)=\"onAddMoreFiles()\"\n (onClose)=\"cancel()\"\n />\n\n <div class=\"ax-conversation-picker__scroll\">\n @if (audioFiles().length === 0) {\n <ax-conversation-picker-empty\n [title]=\"getEmptyTitle()\"\n [hint]=\"getEmptySubtitle()\"\n [iconClass]=\"emptyIconClass()\"\n [dragOver]=\"isDragging()\"\n />\n } @else {\n <div class=\"ax-conversation-picker__body\">\n <div class=\"ax-conversation-picker__panel\">\n <div class=\"ax-conversation-picker__list\">\n @for (audio of audioFiles(); track audio.id) {\n <div class=\"ax-conversation-picker__row ax-conversation-picker__row--file\">\n <span class=\"ax-conversation-file__badge\" aria-hidden=\"true\">\n <span class=\"ax-conversation-file__badge-doc\">\n <i class=\"fa-solid fa-music\"></i>\n </span>\n </span>\n\n <div class=\"ax-conversation-picker__details\">\n <div class=\"ax-conversation-picker__name\" [title]=\"audio.file.name\">\n {{ truncateFileName(audio.file.name) }}\n </div>\n <div class=\"ax-conversation-picker__status\">\n @if (audio.uploading) {\n <span>{{ getUploadingLabel(audio.uploadProgress ?? 0) }}</span>\n } @else if (audio.error) {\n <span class=\"ax-conversation-picker__status--err\"\n ><i class=\"fa-light fa-xmark\"></i> {{ audio.error }}</span\n >\n } @else {\n <span>{{ formatFileSize(audio.file.size) }}</span>\n @if (audio.duration) {\n <span>{{ formatDuration(audio.duration) }}</span>\n }\n }\n </div>\n @if (audio.uploading) {\n <div class=\"ax-conversation-picker__progress\">\n <ax-progress-bar [progress]=\"audio.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n </div>\n }\n </div>\n\n <div class=\"ax-conversation-picker__row-actions\">\n <ax-button class=\"ax-sm rounded-full\" look=\"blank\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-light fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.rename-file')\"\n (onClick)=\"renameAudio($index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-i-cursor\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.replace-attachment')\"\n (onClick)=\"replaceAttachment($index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-arrows-rotate\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n\n <ax-button\n class=\"ax-conversation-picker__row-remove rounded-full\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.pickers.common.remove')\"\n (onClick)=\"removeAudio($index)\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n </div>\n }\n </div>\n </div>\n </div>\n }\n </div>\n\n @if (audioFiles().length > 0) {\n <ax-conversation-picker-options\n [(groupItems)]=\"groupItems\"\n [(sendAsDocuments)]=\"sendAsDocuments\"\n [showGroupItems]=\"allowMultiple() && audioFiles().length > 1\"\n [showSendAsDocuments]=\"true\"\n />\n <ax-conversation-picker-caption [(caption)]=\"caption\" [sendDisabled]=\"!canSend()\" (onSend)=\"sendAudio()\" />\n <ax-conversation-picker-footer\n [addLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add')\"\n [cancelLabel]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n [sendLabel]=\"translation.translateSync('@acorex:chat.actions.send')\"\n [sendDisabled]=\"!canSend()\"\n (onAdd)=\"onAddMoreFiles()\"\n (onCancel)=\"cancel()\"\n (onSend)=\"sendAudio()\"\n />\n }\n</ax-conversation-picker-shell>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(36rem,92dvh);width:min(22.5rem,94vw);border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000002e}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;overflow:hidden;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(92dvh,92dvh);width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{max-height:none;width:min(26rem,94vw);border-radius:1.25rem}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-main-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container>ng-component{display:flex;height:auto;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:visible;flex:0 0 auto}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,94vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(92dvh,92dvh)}}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(48rem,94dvh);width:min(48rem,96vw);overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-main-container,.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(94dvh,94dvh);width:100vw}}}@layer components{:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-primary-500));--ax-file-badge-fg: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-size: 3rem}.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-fg: rgb(var(--ax-sys-color-primary-surface))}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;text-decoration-line:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-doc,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);width:var(--ax-file-badge-size);height:var(--ax-file-badge-size);background:var(--ax-file-badge-color);color:var(--ax-file-badge-fg)}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-fold{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-ext{position:relative;z-index:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.1rem;text-align:center;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: 1;line-height:1;text-transform:lowercase}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:none;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}@media(hover:hover){:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-doc{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-file__badge-download{display:flex}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover){background:transparent}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) img,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) video,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover)>i{opacity:0}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-file__badge-download{display:none}}ax-conversation-file-attachment .ax-conversation-file__thumb .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:2}ax-conversation-audio-attachment .ax-conversation-audio--file .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:3}@media(hover:hover){ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-icon{opacity:0%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-icon{opacity:100%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__cover{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__cover{opacity:1}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-btn:before{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-btn:before{opacity:1}}}@layer components{ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;flex:1;flex-direction:column;overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-shell{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-header,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-options,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-caption,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-footer{flex-shrink:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__scroll{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 4);display:flex;min-height:9rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 6);text-align:center;border:1px dashed rgba(var(--ax-sys-color-on-surface),.14);transition:border-color .15s ease,background-color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty--drag{border-color:rgba(var(--ax-sys-color-primary-500),.45);background:rgba(var(--ax-sys-color-primary-500),.05)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-icon{font-size:1.75rem;--tw-leading: 1;line-height:1;color:rgba(var(--ax-sys-color-on-surface),.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.875rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-hint{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__panel{overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__list{display:flex;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row+.ax-conversation-picker__row{border-top:1px solid rgba(var(--ax-sys-color-on-surface),.08)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row--file{gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row--file .ax-conversation-file__badge-doc i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.08);color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb--square{border-radius:var(--radius-lg, .5rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb--circle{border-radius:calc(infinity * 1px)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb video{pointer-events:none;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-play{position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-white, #fff);background:#00000047}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-play .fa-play{padding-inline-start:.12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row-main{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__details{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__name{overflow:hidden;font-size:.9375rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 1.5);font-size:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.52)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--err{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-danger-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__progress{margin-top:calc(var(--spacing, .25rem) * .5);width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row-actions{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-hint{margin:calc(var(--spacing, .25rem) * 0);margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.45)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid{overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single{display:block}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile{min-height:12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:10rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple{display:grid;gap:calc(var(--spacing, .25rem) * .5);grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple>:first-child{grid-row:span 2}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple .ax-conversation-picker__media-tile{min-height:0;height:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--masonry{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5);overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row{display:flex;min-height:8.5rem;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row .ax-conversation-picker__media-tile{min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex:1}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile video{object-fit:contain;max-height:min(50dvh,22rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile{position:relative;min-height:6.5rem;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.06)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile video{display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile video{position:absolute;inset:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * .5);padding:calc(var(--spacing, .25rem) * 1.5);background:linear-gradient(rgb(0 0 0 / .35),transparent 70%)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status-layer{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 2);background:linear-gradient(transparent,#0000008c)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status{font-size:.6875rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__input-hidden{display:none}@container picker (max-width: 480px){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 1)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{gap:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 3);min-height:8rem}}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
|
|
13008
13507
|
}], ctorParameters: () => [], propDecorators: { service: [{ type: i0.Input, args: [{ isSignal: true, alias: "service", required: false }] }], conversation: [{ type: i0.Input, args: [{ isSignal: true, alias: "conversation", required: true }] }], maxFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxFiles", required: false }] }], initialFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialFiles", required: false }] }], autoRun: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoRun", required: false }] }], __popup__: [{ type: i0.Input, args: [{ isSignal: true, alias: "__popup__", required: false }] }], __actionSheet__: [{ type: i0.Input, args: [{ isSignal: true, alias: "__actionSheet__", required: false }] }], pickerShell: [{ type: i0.ViewChild, args: ['pickerShell', { isSignal: true }] }] } });
|
|
13009
13508
|
|
|
13010
13509
|
var audioPicker_component = /*#__PURE__*/Object.freeze({
|
|
@@ -13361,7 +13860,7 @@ class AXConversationFilePickerComponent {
|
|
|
13361
13860
|
if (!item) {
|
|
13362
13861
|
return;
|
|
13363
13862
|
}
|
|
13364
|
-
const { AXConversationPickerRenameFileDialogComponent } = await import('./acorex-components-conversation-picker-rename-file-dialog.component-
|
|
13863
|
+
const { AXConversationPickerRenameFileDialogComponent } = await import('./acorex-components-conversation-picker-rename-file-dialog.component-CD_u5lrB.mjs');
|
|
13365
13864
|
const result = await this.popupService.open(AXConversationPickerRenameFileDialogComponent, {
|
|
13366
13865
|
title: this.translation.translateSync('@acorex:chat.pickers.files.rename-title'),
|
|
13367
13866
|
size: 'sm',
|
|
@@ -13601,7 +14100,7 @@ class AXConversationFilePickerComponent {
|
|
|
13601
14100
|
});
|
|
13602
14101
|
}
|
|
13603
14102
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationFilePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13604
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXConversationFilePickerComponent, isStandalone: true, selector: "ax-conversation-file-picker", inputs: { service: { classPropertyName: "service", publicName: "service", isSignal: true, isRequired: false, transformFunction: null }, conversation: { classPropertyName: "conversation", publicName: "conversation", isSignal: true, isRequired: true, transformFunction: null }, maxFiles: { classPropertyName: "maxFiles", publicName: "maxFiles", isSignal: true, isRequired: false, transformFunction: null }, initialFiles: { classPropertyName: "initialFiles", publicName: "initialFiles", isSignal: true, isRequired: false, transformFunction: null }, autoRun: { classPropertyName: "autoRun", publicName: "autoRun", isSignal: true, isRequired: false, transformFunction: null }, __popup__: { classPropertyName: "__popup__", publicName: "__popup__", isSignal: true, isRequired: false, transformFunction: null }, __actionSheet__: { classPropertyName: "__actionSheet__", publicName: "__actionSheet__", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "pickerShell", first: true, predicate: ["pickerShell"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-conversation-picker-shell\n #pickerShell\n [fileType]=\"catalogFileType\"\n [multiple]=\"allowMultiple()\"\n (filesSelected)=\"handleFiles($event)\"\n (dragEnter)=\"isDragging.set(true)\"\n (dragLeave)=\"isDragging.set(false)\"\n>\n <ax-conversation-picker-header\n [title]=\"getHeaderTitle()\"\n [showMenu]=\"files().length > 0\"\n [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (onAddMore)=\"onAddMoreFiles()\"\n />\n\n <div class=\"ax-conversation-picker__scroll\">\n @if (files().length === 0) {\n <ax-conversation-picker-empty\n [title]=\"getEmptyTitle()\"\n [hint]=\"getEmptySubtitle()\"\n [iconClass]=\"emptyIconClass()\"\n [dragOver]=\"isDragging()\"\n />\n } @else {\n <div class=\"ax-conversation-picker__body\">\n <div class=\"ax-conversation-picker__panel\">\n <div class=\"ax-conversation-picker__list\">\n @for (file of files(); track file.id) {\n <div class=\"ax-conversation-picker__row ax-conversation-picker__row--file\">\n @switch (file.type) {\n @case ('image') {\n <span\n class=\"ax-conversation-picker__thumb ax-conversation-picker__thumb--square\"\n aria-hidden=\"true\"\n >\n @if (file.preview) {\n <img [src]=\"file.preview\" alt=\"\" />\n } @else {\n <i class=\"fa-light fa-image\"></i>\n }\n </span>\n }\n @case ('video') {\n <span\n class=\"ax-conversation-picker__thumb ax-conversation-picker__thumb--square\"\n aria-hidden=\"true\"\n >\n @if (file.preview) {\n <video [src]=\"file.preview\" muted playsinline preload=\"metadata\"></video>\n } @else {\n <i class=\"fa-light fa-video\"></i>\n }\n </span>\n }\n @case ('audio') {\n <span\n class=\"ax-conversation-picker__thumb ax-conversation-picker__thumb--circle\"\n aria-hidden=\"true\"\n >\n @if (file.preview) {\n <img [src]=\"file.preview\" alt=\"\" />\n } @else {\n <i class=\"fa-light fa-music\"></i>\n }\n <!-- <span class=\"ax-conversation-picker__thumb-play\">\n <i class=\"fa-solid fa-play\"></i>\n </span> -->\n </span>\n }\n @default {\n <span class=\"ax-conversation-file__badge\" aria-hidden=\"true\">\n <span class=\"ax-conversation-file__badge-doc\">\n <i class=\"fa-solid fa-file-lines\"></i>\n </span>\n </span>\n }\n }\n\n <div class=\"ax-conversation-picker__details\">\n <div class=\"ax-conversation-picker__name\" [title]=\"file.file.name\">\n {{ truncateFileName(file.file.name) }}\n </div>\n <div class=\"ax-conversation-picker__status\">\n @if (file.uploading) {\n <span>{{ getUploadingLabel(file.uploadProgress ?? 0) }}</span>\n } @else if (file.error) {\n <span class=\"ax-conversation-picker__status--err\"\n ><i class=\"fa-light fa-xmark\"></i> {{ file.error }}</span\n >\n } @else {\n <span>{{ formatFileSize(file.file.size) }}</span>\n }\n </div>\n @if (file.uploading) {\n <div class=\"ax-conversation-picker__progress\">\n <ax-progress-bar [progress]=\"file.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n </div>\n }\n </div>\n\n <div class=\"ax-conversation-picker__row-actions\">\n <ax-button class=\"ax-sm rounded-full\" look=\"blank\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-light fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.rename-file')\"\n (onClick)=\"renameFile($index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-i-cursor\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.replace-attachment')\"\n (onClick)=\"replaceAttachment($index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-arrows-rotate\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n\n <ax-button\n class=\"ax-conversation-picker__row-remove rounded-full\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.pickers.common.remove')\"\n (onClick)=\"removeFile($index)\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n </div>\n }\n </div>\n </div>\n </div>\n }\n </div>\n\n @if (files().length > 0) {\n <ax-conversation-picker-options\n [(groupItems)]=\"groupItems\"\n [showGroupItems]=\"allowMultiple() && files().length > 1\"\n />\n <ax-conversation-picker-caption [(caption)]=\"caption\" [sendDisabled]=\"!canSend()\" (onSend)=\"sendFiles()\" />\n <ax-conversation-picker-footer\n [addLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add')\"\n [cancelLabel]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n [sendLabel]=\"translation.translateSync('@acorex:chat.actions.send')\"\n [sendDisabled]=\"!canSend()\"\n (onAdd)=\"onAddMoreFiles()\"\n (onCancel)=\"cancel()\"\n (onSend)=\"sendFiles()\"\n />\n }\n</ax-conversation-picker-shell>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(36rem,92dvh);width:min(22.5rem,94vw);border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000002e}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;overflow:hidden;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(92dvh,92dvh);width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{max-height:none;width:min(26rem,94vw);border-radius:1.25rem}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-main-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container>ng-component{display:flex;height:auto;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:visible;flex:0 0 auto}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,94vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(92dvh,92dvh)}}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(48rem,94dvh);width:min(48rem,96vw);overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-main-container,.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(94dvh,94dvh);width:100vw}}}@layer components{:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-primary-500));--ax-file-badge-fg: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-size: 3rem}.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-fg: rgb(var(--ax-sys-color-primary-surface))}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;text-decoration-line:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-doc,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);width:var(--ax-file-badge-size);height:var(--ax-file-badge-size);background:var(--ax-file-badge-color);color:var(--ax-file-badge-fg)}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-fold{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-ext{position:relative;z-index:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.1rem;text-align:center;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: 1;line-height:1;text-transform:lowercase}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:none;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}@media(hover:hover){:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-doc{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-file__badge-download{display:flex}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover){background:transparent}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) img,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) video,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover)>i{opacity:0}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-file__badge-download{display:none}}ax-conversation-file-attachment .ax-conversation-file__thumb .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:2}ax-conversation-audio-attachment .ax-conversation-audio--file .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:3}@media(hover:hover){ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-icon{opacity:0%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-icon{opacity:100%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__cover{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__cover{opacity:1}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-btn:before{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-btn:before{opacity:1}}}@layer components{ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;flex:1;flex-direction:column;overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-shell{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-header,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-options,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-caption,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-footer{flex-shrink:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__scroll{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 4);display:flex;min-height:9rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 6);text-align:center;border:1px dashed rgba(var(--ax-sys-color-on-surface),.14);transition:border-color .15s ease,background-color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty--drag{border-color:rgba(var(--ax-sys-color-primary-500),.45);background:rgba(var(--ax-sys-color-primary-500),.05)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-icon{font-size:1.75rem;--tw-leading: 1;line-height:1;color:rgba(var(--ax-sys-color-on-surface),.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.875rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-hint{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__panel{overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__list{display:flex;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row+.ax-conversation-picker__row{border-top:1px solid rgba(var(--ax-sys-color-on-surface),.08)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row--file{gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row--file .ax-conversation-file__badge-doc i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.08);color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb--square{border-radius:var(--radius-lg, .5rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb--circle{border-radius:calc(infinity * 1px)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb video{pointer-events:none;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-play{position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-white, #fff);background:#00000047}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-play .fa-play{padding-inline-start:.12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row-main{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__details{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__name{overflow:hidden;font-size:.9375rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 1.5);font-size:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.52)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--err{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-danger-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__progress{margin-top:calc(var(--spacing, .25rem) * .5);width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row-actions{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-hint{margin:calc(var(--spacing, .25rem) * 0);margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.45)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid{overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single{display:block}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile{min-height:12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:10rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple{display:grid;gap:calc(var(--spacing, .25rem) * .5);grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple>:first-child{grid-row:span 2}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple .ax-conversation-picker__media-tile{min-height:0;height:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--masonry{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5);overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row{display:flex;min-height:8.5rem;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row .ax-conversation-picker__media-tile{min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex:1}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile video{object-fit:contain;max-height:min(50dvh,22rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile{position:relative;min-height:6.5rem;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.06)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile video{display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile video{position:absolute;inset:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * .5);padding:calc(var(--spacing, .25rem) * 1.5);background:linear-gradient(rgb(0 0 0 / .35),transparent 70%)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status-layer{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 2);background:linear-gradient(transparent,#0000008c)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status{font-size:.6875rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__input-hidden{display:none}@container picker (max-width: 480px){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 1)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{gap:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 3);min-height:8rem}}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXProgressBarModule }, { kind: "component", type: i2$2.AXProgressBarComponent, selector: "ax-progress-bar", inputs: ["color", "mode", "progress", "height"], outputs: ["ValueChange", "sizeChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXConversationPickerHeaderComponent, selector: "ax-conversation-picker-header", inputs: ["title", "showMenu", "addMoreLabel"], outputs: ["onClose", "onAddMore"] }, { kind: "component", type: AXConversationPickerFooterComponent, selector: "ax-conversation-picker-footer", inputs: ["showAdd", "addLabel", "cancelLabel", "sendLabel", "sendDisabled"], outputs: ["onAdd", "onCancel", "onSend"] }, { kind: "component", type: AXConversationPickerEmptyComponent, selector: "ax-conversation-picker-empty", inputs: ["title", "hint", "iconClass", "dragOver"] }, { kind: "component", type: AXConversationPickerCaptionComponent, selector: "ax-conversation-picker-caption", inputs: ["caption", "showInlineSend", "sendDisabled"], outputs: ["captionChange", "onSend"] }, { kind: "component", type: AXConversationPickerOptionsComponent, selector: "ax-conversation-picker-options", inputs: ["showGroupItems", "showSendAsDocuments", "groupItems", "sendAsDocuments"], outputs: ["groupItemsChange", "sendAsDocumentsChange"] }, { kind: "component", type: AXConversationPickerShellComponent, selector: "ax-conversation-picker-shell", inputs: ["fileType", "multiple"], outputs: ["filesSelected", "dragEnter", "dragLeave", "dragOver"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
14103
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXConversationFilePickerComponent, isStandalone: true, selector: "ax-conversation-file-picker", inputs: { service: { classPropertyName: "service", publicName: "service", isSignal: true, isRequired: false, transformFunction: null }, conversation: { classPropertyName: "conversation", publicName: "conversation", isSignal: true, isRequired: true, transformFunction: null }, maxFiles: { classPropertyName: "maxFiles", publicName: "maxFiles", isSignal: true, isRequired: false, transformFunction: null }, initialFiles: { classPropertyName: "initialFiles", publicName: "initialFiles", isSignal: true, isRequired: false, transformFunction: null }, autoRun: { classPropertyName: "autoRun", publicName: "autoRun", isSignal: true, isRequired: false, transformFunction: null }, __popup__: { classPropertyName: "__popup__", publicName: "__popup__", isSignal: true, isRequired: false, transformFunction: null }, __actionSheet__: { classPropertyName: "__actionSheet__", publicName: "__actionSheet__", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "pickerShell", first: true, predicate: ["pickerShell"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-conversation-picker-shell\n #pickerShell\n [fileType]=\"catalogFileType\"\n [multiple]=\"allowMultiple()\"\n (filesSelected)=\"handleFiles($event)\"\n (dragEnter)=\"isDragging.set(true)\"\n (dragLeave)=\"isDragging.set(false)\"\n>\n <ax-conversation-picker-header\n [title]=\"getHeaderTitle()\"\n [showMenu]=\"files().length > 0\"\n [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (onAddMore)=\"onAddMoreFiles()\"\n (onClose)=\"cancel()\"\n />\n\n <div class=\"ax-conversation-picker__scroll\">\n @if (files().length === 0) {\n <ax-conversation-picker-empty\n [title]=\"getEmptyTitle()\"\n [hint]=\"getEmptySubtitle()\"\n [iconClass]=\"emptyIconClass()\"\n [dragOver]=\"isDragging()\"\n />\n } @else {\n <div class=\"ax-conversation-picker__body\">\n <div class=\"ax-conversation-picker__panel\">\n <div class=\"ax-conversation-picker__list\">\n @for (file of files(); track file.id) {\n <div class=\"ax-conversation-picker__row ax-conversation-picker__row--file\">\n @switch (file.type) {\n @case ('image') {\n <span\n class=\"ax-conversation-picker__thumb ax-conversation-picker__thumb--square\"\n aria-hidden=\"true\"\n >\n @if (file.preview) {\n <img [src]=\"file.preview\" alt=\"\" />\n } @else {\n <i class=\"fa-light fa-image\"></i>\n }\n </span>\n }\n @case ('video') {\n <span\n class=\"ax-conversation-picker__thumb ax-conversation-picker__thumb--square\"\n aria-hidden=\"true\"\n >\n @if (file.preview) {\n <video [src]=\"file.preview\" muted playsinline preload=\"metadata\"></video>\n } @else {\n <i class=\"fa-light fa-video\"></i>\n }\n </span>\n }\n @case ('audio') {\n <span\n class=\"ax-conversation-picker__thumb ax-conversation-picker__thumb--circle\"\n aria-hidden=\"true\"\n >\n @if (file.preview) {\n <img [src]=\"file.preview\" alt=\"\" />\n } @else {\n <i class=\"fa-light fa-music\"></i>\n }\n <!-- <span class=\"ax-conversation-picker__thumb-play\">\n <i class=\"fa-solid fa-play\"></i>\n </span> -->\n </span>\n }\n @default {\n <span class=\"ax-conversation-file__badge\" aria-hidden=\"true\">\n <span class=\"ax-conversation-file__badge-doc\">\n <i class=\"fa-solid fa-file-lines\"></i>\n </span>\n </span>\n }\n }\n\n <div class=\"ax-conversation-picker__details\">\n <div class=\"ax-conversation-picker__name\" [title]=\"file.file.name\">\n {{ truncateFileName(file.file.name) }}\n </div>\n <div class=\"ax-conversation-picker__status\">\n @if (file.uploading) {\n <span>{{ getUploadingLabel(file.uploadProgress ?? 0) }}</span>\n } @else if (file.error) {\n <span class=\"ax-conversation-picker__status--err\"\n ><i class=\"fa-light fa-xmark\"></i> {{ file.error }}</span\n >\n } @else {\n <span>{{ formatFileSize(file.file.size) }}</span>\n }\n </div>\n @if (file.uploading) {\n <div class=\"ax-conversation-picker__progress\">\n <ax-progress-bar [progress]=\"file.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n </div>\n }\n </div>\n\n <div class=\"ax-conversation-picker__row-actions\">\n <ax-button class=\"ax-sm rounded-full\" look=\"blank\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-light fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.rename-file')\"\n (onClick)=\"renameFile($index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-i-cursor\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.replace-attachment')\"\n (onClick)=\"replaceAttachment($index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-arrows-rotate\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n\n <ax-button\n class=\"ax-conversation-picker__row-remove rounded-full\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.pickers.common.remove')\"\n (onClick)=\"removeFile($index)\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n </div>\n }\n </div>\n </div>\n </div>\n }\n </div>\n\n @if (files().length > 0) {\n <ax-conversation-picker-options\n [(groupItems)]=\"groupItems\"\n [showGroupItems]=\"allowMultiple() && files().length > 1\"\n />\n <ax-conversation-picker-caption [(caption)]=\"caption\" [sendDisabled]=\"!canSend()\" (onSend)=\"sendFiles()\" />\n <ax-conversation-picker-footer\n [addLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add')\"\n [cancelLabel]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n [sendLabel]=\"translation.translateSync('@acorex:chat.actions.send')\"\n [sendDisabled]=\"!canSend()\"\n (onAdd)=\"onAddMoreFiles()\"\n (onCancel)=\"cancel()\"\n (onSend)=\"sendFiles()\"\n />\n }\n</ax-conversation-picker-shell>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(36rem,92dvh);width:min(22.5rem,94vw);border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000002e}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;overflow:hidden;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(92dvh,92dvh);width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{max-height:none;width:min(26rem,94vw);border-radius:1.25rem}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-main-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container>ng-component{display:flex;height:auto;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:visible;flex:0 0 auto}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,94vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(92dvh,92dvh)}}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(48rem,94dvh);width:min(48rem,96vw);overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-main-container,.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(94dvh,94dvh);width:100vw}}}@layer components{:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-primary-500));--ax-file-badge-fg: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-size: 3rem}.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-fg: rgb(var(--ax-sys-color-primary-surface))}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;text-decoration-line:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-doc,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);width:var(--ax-file-badge-size);height:var(--ax-file-badge-size);background:var(--ax-file-badge-color);color:var(--ax-file-badge-fg)}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-fold{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-ext{position:relative;z-index:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.1rem;text-align:center;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: 1;line-height:1;text-transform:lowercase}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:none;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}@media(hover:hover){:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-doc{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-file__badge-download{display:flex}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover){background:transparent}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) img,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) video,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover)>i{opacity:0}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-file__badge-download{display:none}}ax-conversation-file-attachment .ax-conversation-file__thumb .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:2}ax-conversation-audio-attachment .ax-conversation-audio--file .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:3}@media(hover:hover){ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-icon{opacity:0%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-icon{opacity:100%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__cover{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__cover{opacity:1}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-btn:before{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-btn:before{opacity:1}}}@layer components{ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;flex:1;flex-direction:column;overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-shell{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-header,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-options,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-caption,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-footer{flex-shrink:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__scroll{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 4);display:flex;min-height:9rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 6);text-align:center;border:1px dashed rgba(var(--ax-sys-color-on-surface),.14);transition:border-color .15s ease,background-color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty--drag{border-color:rgba(var(--ax-sys-color-primary-500),.45);background:rgba(var(--ax-sys-color-primary-500),.05)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-icon{font-size:1.75rem;--tw-leading: 1;line-height:1;color:rgba(var(--ax-sys-color-on-surface),.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.875rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-hint{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__panel{overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__list{display:flex;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row+.ax-conversation-picker__row{border-top:1px solid rgba(var(--ax-sys-color-on-surface),.08)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row--file{gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row--file .ax-conversation-file__badge-doc i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.08);color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb--square{border-radius:var(--radius-lg, .5rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb--circle{border-radius:calc(infinity * 1px)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb video{pointer-events:none;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-play{position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-white, #fff);background:#00000047}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-play .fa-play{padding-inline-start:.12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row-main{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__details{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__name{overflow:hidden;font-size:.9375rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 1.5);font-size:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.52)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--err{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-danger-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__progress{margin-top:calc(var(--spacing, .25rem) * .5);width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row-actions{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-hint{margin:calc(var(--spacing, .25rem) * 0);margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.45)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid{overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single{display:block}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile{min-height:12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:10rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple{display:grid;gap:calc(var(--spacing, .25rem) * .5);grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple>:first-child{grid-row:span 2}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple .ax-conversation-picker__media-tile{min-height:0;height:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--masonry{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5);overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row{display:flex;min-height:8.5rem;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row .ax-conversation-picker__media-tile{min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex:1}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile video{object-fit:contain;max-height:min(50dvh,22rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile{position:relative;min-height:6.5rem;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.06)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile video{display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile video{position:absolute;inset:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * .5);padding:calc(var(--spacing, .25rem) * 1.5);background:linear-gradient(rgb(0 0 0 / .35),transparent 70%)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status-layer{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 2);background:linear-gradient(transparent,#0000008c)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status{font-size:.6875rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__input-hidden{display:none}@container picker (max-width: 480px){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 1)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{gap:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 3);min-height:8rem}}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXProgressBarModule }, { kind: "component", type: i2$2.AXProgressBarComponent, selector: "ax-progress-bar", inputs: ["color", "mode", "progress", "height"], outputs: ["ValueChange", "sizeChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXConversationPickerHeaderComponent, selector: "ax-conversation-picker-header", inputs: ["title", "showMenu", "addMoreLabel", "closeLabel"], outputs: ["onClose", "onAddMore"] }, { kind: "component", type: AXConversationPickerFooterComponent, selector: "ax-conversation-picker-footer", inputs: ["showAdd", "addLabel", "cancelLabel", "sendLabel", "sendDisabled"], outputs: ["onAdd", "onCancel", "onSend"] }, { kind: "component", type: AXConversationPickerEmptyComponent, selector: "ax-conversation-picker-empty", inputs: ["title", "hint", "iconClass", "dragOver"] }, { kind: "component", type: AXConversationPickerCaptionComponent, selector: "ax-conversation-picker-caption", inputs: ["caption", "showInlineSend", "sendDisabled"], outputs: ["captionChange", "onSend"] }, { kind: "component", type: AXConversationPickerOptionsComponent, selector: "ax-conversation-picker-options", inputs: ["showGroupItems", "showSendAsDocuments", "groupItems", "sendAsDocuments"], outputs: ["groupItemsChange", "sendAsDocumentsChange"] }, { kind: "component", type: AXConversationPickerShellComponent, selector: "ax-conversation-picker-shell", inputs: ["fileType", "multiple"], outputs: ["filesSelected", "dragEnter", "dragLeave", "dragOver"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
13605
14104
|
}
|
|
13606
14105
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationFilePickerComponent, decorators: [{
|
|
13607
14106
|
type: Component,
|
|
@@ -13620,7 +14119,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
|
|
|
13620
14119
|
AXConversationPickerCaptionComponent,
|
|
13621
14120
|
AXConversationPickerOptionsComponent,
|
|
13622
14121
|
AXConversationPickerShellComponent,
|
|
13623
|
-
], template: "<ax-conversation-picker-shell\n #pickerShell\n [fileType]=\"catalogFileType\"\n [multiple]=\"allowMultiple()\"\n (filesSelected)=\"handleFiles($event)\"\n (dragEnter)=\"isDragging.set(true)\"\n (dragLeave)=\"isDragging.set(false)\"\n>\n <ax-conversation-picker-header\n [title]=\"getHeaderTitle()\"\n [showMenu]=\"files().length > 0\"\n [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (onAddMore)=\"onAddMoreFiles()\"\n />\n\n <div class=\"ax-conversation-picker__scroll\">\n @if (files().length === 0) {\n <ax-conversation-picker-empty\n [title]=\"getEmptyTitle()\"\n [hint]=\"getEmptySubtitle()\"\n [iconClass]=\"emptyIconClass()\"\n [dragOver]=\"isDragging()\"\n />\n } @else {\n <div class=\"ax-conversation-picker__body\">\n <div class=\"ax-conversation-picker__panel\">\n <div class=\"ax-conversation-picker__list\">\n @for (file of files(); track file.id) {\n <div class=\"ax-conversation-picker__row ax-conversation-picker__row--file\">\n @switch (file.type) {\n @case ('image') {\n <span\n class=\"ax-conversation-picker__thumb ax-conversation-picker__thumb--square\"\n aria-hidden=\"true\"\n >\n @if (file.preview) {\n <img [src]=\"file.preview\" alt=\"\" />\n } @else {\n <i class=\"fa-light fa-image\"></i>\n }\n </span>\n }\n @case ('video') {\n <span\n class=\"ax-conversation-picker__thumb ax-conversation-picker__thumb--square\"\n aria-hidden=\"true\"\n >\n @if (file.preview) {\n <video [src]=\"file.preview\" muted playsinline preload=\"metadata\"></video>\n } @else {\n <i class=\"fa-light fa-video\"></i>\n }\n </span>\n }\n @case ('audio') {\n <span\n class=\"ax-conversation-picker__thumb ax-conversation-picker__thumb--circle\"\n aria-hidden=\"true\"\n >\n @if (file.preview) {\n <img [src]=\"file.preview\" alt=\"\" />\n } @else {\n <i class=\"fa-light fa-music\"></i>\n }\n <!-- <span class=\"ax-conversation-picker__thumb-play\">\n <i class=\"fa-solid fa-play\"></i>\n </span> -->\n </span>\n }\n @default {\n <span class=\"ax-conversation-file__badge\" aria-hidden=\"true\">\n <span class=\"ax-conversation-file__badge-doc\">\n <i class=\"fa-solid fa-file-lines\"></i>\n </span>\n </span>\n }\n }\n\n <div class=\"ax-conversation-picker__details\">\n <div class=\"ax-conversation-picker__name\" [title]=\"file.file.name\">\n {{ truncateFileName(file.file.name) }}\n </div>\n <div class=\"ax-conversation-picker__status\">\n @if (file.uploading) {\n <span>{{ getUploadingLabel(file.uploadProgress ?? 0) }}</span>\n } @else if (file.error) {\n <span class=\"ax-conversation-picker__status--err\"\n ><i class=\"fa-light fa-xmark\"></i> {{ file.error }}</span\n >\n } @else {\n <span>{{ formatFileSize(file.file.size) }}</span>\n }\n </div>\n @if (file.uploading) {\n <div class=\"ax-conversation-picker__progress\">\n <ax-progress-bar [progress]=\"file.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n </div>\n }\n </div>\n\n <div class=\"ax-conversation-picker__row-actions\">\n <ax-button class=\"ax-sm rounded-full\" look=\"blank\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-light fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.rename-file')\"\n (onClick)=\"renameFile($index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-i-cursor\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.replace-attachment')\"\n (onClick)=\"replaceAttachment($index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-arrows-rotate\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n\n <ax-button\n class=\"ax-conversation-picker__row-remove rounded-full\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.pickers.common.remove')\"\n (onClick)=\"removeFile($index)\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n </div>\n }\n </div>\n </div>\n </div>\n }\n </div>\n\n @if (files().length > 0) {\n <ax-conversation-picker-options\n [(groupItems)]=\"groupItems\"\n [showGroupItems]=\"allowMultiple() && files().length > 1\"\n />\n <ax-conversation-picker-caption [(caption)]=\"caption\" [sendDisabled]=\"!canSend()\" (onSend)=\"sendFiles()\" />\n <ax-conversation-picker-footer\n [addLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add')\"\n [cancelLabel]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n [sendLabel]=\"translation.translateSync('@acorex:chat.actions.send')\"\n [sendDisabled]=\"!canSend()\"\n (onAdd)=\"onAddMoreFiles()\"\n (onCancel)=\"cancel()\"\n (onSend)=\"sendFiles()\"\n />\n }\n</ax-conversation-picker-shell>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(36rem,92dvh);width:min(22.5rem,94vw);border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000002e}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;overflow:hidden;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(92dvh,92dvh);width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{max-height:none;width:min(26rem,94vw);border-radius:1.25rem}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-main-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container>ng-component{display:flex;height:auto;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:visible;flex:0 0 auto}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,94vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(92dvh,92dvh)}}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(48rem,94dvh);width:min(48rem,96vw);overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-main-container,.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(94dvh,94dvh);width:100vw}}}@layer components{:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-primary-500));--ax-file-badge-fg: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-size: 3rem}.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-fg: rgb(var(--ax-sys-color-primary-surface))}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;text-decoration-line:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-doc,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);width:var(--ax-file-badge-size);height:var(--ax-file-badge-size);background:var(--ax-file-badge-color);color:var(--ax-file-badge-fg)}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-fold{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-ext{position:relative;z-index:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.1rem;text-align:center;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: 1;line-height:1;text-transform:lowercase}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:none;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}@media(hover:hover){:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-doc{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-file__badge-download{display:flex}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover){background:transparent}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) img,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) video,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover)>i{opacity:0}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-file__badge-download{display:none}}ax-conversation-file-attachment .ax-conversation-file__thumb .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:2}ax-conversation-audio-attachment .ax-conversation-audio--file .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:3}@media(hover:hover){ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-icon{opacity:0%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-icon{opacity:100%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__cover{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__cover{opacity:1}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-btn:before{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-btn:before{opacity:1}}}@layer components{ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;flex:1;flex-direction:column;overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-shell{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-header,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-options,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-caption,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-footer{flex-shrink:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__scroll{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 4);display:flex;min-height:9rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 6);text-align:center;border:1px dashed rgba(var(--ax-sys-color-on-surface),.14);transition:border-color .15s ease,background-color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty--drag{border-color:rgba(var(--ax-sys-color-primary-500),.45);background:rgba(var(--ax-sys-color-primary-500),.05)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-icon{font-size:1.75rem;--tw-leading: 1;line-height:1;color:rgba(var(--ax-sys-color-on-surface),.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.875rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-hint{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__panel{overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__list{display:flex;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row+.ax-conversation-picker__row{border-top:1px solid rgba(var(--ax-sys-color-on-surface),.08)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row--file{gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row--file .ax-conversation-file__badge-doc i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.08);color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb--square{border-radius:var(--radius-lg, .5rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb--circle{border-radius:calc(infinity * 1px)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb video{pointer-events:none;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-play{position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-white, #fff);background:#00000047}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-play .fa-play{padding-inline-start:.12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row-main{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__details{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__name{overflow:hidden;font-size:.9375rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 1.5);font-size:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.52)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--err{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-danger-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__progress{margin-top:calc(var(--spacing, .25rem) * .5);width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row-actions{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-hint{margin:calc(var(--spacing, .25rem) * 0);margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.45)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid{overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single{display:block}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile{min-height:12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:10rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple{display:grid;gap:calc(var(--spacing, .25rem) * .5);grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple>:first-child{grid-row:span 2}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple .ax-conversation-picker__media-tile{min-height:0;height:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--masonry{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5);overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row{display:flex;min-height:8.5rem;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row .ax-conversation-picker__media-tile{min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex:1}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile video{object-fit:contain;max-height:min(50dvh,22rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile{position:relative;min-height:6.5rem;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.06)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile video{display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile video{position:absolute;inset:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * .5);padding:calc(var(--spacing, .25rem) * 1.5);background:linear-gradient(rgb(0 0 0 / .35),transparent 70%)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status-layer{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 2);background:linear-gradient(transparent,#0000008c)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status{font-size:.6875rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__input-hidden{display:none}@container picker (max-width: 480px){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 1)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{gap:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 3);min-height:8rem}}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
|
|
14122
|
+
], template: "<ax-conversation-picker-shell\n #pickerShell\n [fileType]=\"catalogFileType\"\n [multiple]=\"allowMultiple()\"\n (filesSelected)=\"handleFiles($event)\"\n (dragEnter)=\"isDragging.set(true)\"\n (dragLeave)=\"isDragging.set(false)\"\n>\n <ax-conversation-picker-header\n [title]=\"getHeaderTitle()\"\n [showMenu]=\"files().length > 0\"\n [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (onAddMore)=\"onAddMoreFiles()\"\n (onClose)=\"cancel()\"\n />\n\n <div class=\"ax-conversation-picker__scroll\">\n @if (files().length === 0) {\n <ax-conversation-picker-empty\n [title]=\"getEmptyTitle()\"\n [hint]=\"getEmptySubtitle()\"\n [iconClass]=\"emptyIconClass()\"\n [dragOver]=\"isDragging()\"\n />\n } @else {\n <div class=\"ax-conversation-picker__body\">\n <div class=\"ax-conversation-picker__panel\">\n <div class=\"ax-conversation-picker__list\">\n @for (file of files(); track file.id) {\n <div class=\"ax-conversation-picker__row ax-conversation-picker__row--file\">\n @switch (file.type) {\n @case ('image') {\n <span\n class=\"ax-conversation-picker__thumb ax-conversation-picker__thumb--square\"\n aria-hidden=\"true\"\n >\n @if (file.preview) {\n <img [src]=\"file.preview\" alt=\"\" />\n } @else {\n <i class=\"fa-light fa-image\"></i>\n }\n </span>\n }\n @case ('video') {\n <span\n class=\"ax-conversation-picker__thumb ax-conversation-picker__thumb--square\"\n aria-hidden=\"true\"\n >\n @if (file.preview) {\n <video [src]=\"file.preview\" muted playsinline preload=\"metadata\"></video>\n } @else {\n <i class=\"fa-light fa-video\"></i>\n }\n </span>\n }\n @case ('audio') {\n <span\n class=\"ax-conversation-picker__thumb ax-conversation-picker__thumb--circle\"\n aria-hidden=\"true\"\n >\n @if (file.preview) {\n <img [src]=\"file.preview\" alt=\"\" />\n } @else {\n <i class=\"fa-light fa-music\"></i>\n }\n <!-- <span class=\"ax-conversation-picker__thumb-play\">\n <i class=\"fa-solid fa-play\"></i>\n </span> -->\n </span>\n }\n @default {\n <span class=\"ax-conversation-file__badge\" aria-hidden=\"true\">\n <span class=\"ax-conversation-file__badge-doc\">\n <i class=\"fa-solid fa-file-lines\"></i>\n </span>\n </span>\n }\n }\n\n <div class=\"ax-conversation-picker__details\">\n <div class=\"ax-conversation-picker__name\" [title]=\"file.file.name\">\n {{ truncateFileName(file.file.name) }}\n </div>\n <div class=\"ax-conversation-picker__status\">\n @if (file.uploading) {\n <span>{{ getUploadingLabel(file.uploadProgress ?? 0) }}</span>\n } @else if (file.error) {\n <span class=\"ax-conversation-picker__status--err\"\n ><i class=\"fa-light fa-xmark\"></i> {{ file.error }}</span\n >\n } @else {\n <span>{{ formatFileSize(file.file.size) }}</span>\n }\n </div>\n @if (file.uploading) {\n <div class=\"ax-conversation-picker__progress\">\n <ax-progress-bar [progress]=\"file.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n </div>\n }\n </div>\n\n <div class=\"ax-conversation-picker__row-actions\">\n <ax-button class=\"ax-sm rounded-full\" look=\"blank\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-light fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.rename-file')\"\n (onClick)=\"renameFile($index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-i-cursor\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.replace-attachment')\"\n (onClick)=\"replaceAttachment($index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-arrows-rotate\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n\n <ax-button\n class=\"ax-conversation-picker__row-remove rounded-full\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.pickers.common.remove')\"\n (onClick)=\"removeFile($index)\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n </div>\n }\n </div>\n </div>\n </div>\n }\n </div>\n\n @if (files().length > 0) {\n <ax-conversation-picker-options\n [(groupItems)]=\"groupItems\"\n [showGroupItems]=\"allowMultiple() && files().length > 1\"\n />\n <ax-conversation-picker-caption [(caption)]=\"caption\" [sendDisabled]=\"!canSend()\" (onSend)=\"sendFiles()\" />\n <ax-conversation-picker-footer\n [addLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add')\"\n [cancelLabel]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n [sendLabel]=\"translation.translateSync('@acorex:chat.actions.send')\"\n [sendDisabled]=\"!canSend()\"\n (onAdd)=\"onAddMoreFiles()\"\n (onCancel)=\"cancel()\"\n (onSend)=\"sendFiles()\"\n />\n }\n</ax-conversation-picker-shell>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(36rem,92dvh);width:min(22.5rem,94vw);border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000002e}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;overflow:hidden;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(92dvh,92dvh);width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{max-height:none;width:min(26rem,94vw);border-radius:1.25rem}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-main-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container>ng-component{display:flex;height:auto;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:visible;flex:0 0 auto}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,94vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(92dvh,92dvh)}}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(48rem,94dvh);width:min(48rem,96vw);overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-main-container,.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(94dvh,94dvh);width:100vw}}}@layer components{:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-primary-500));--ax-file-badge-fg: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-size: 3rem}.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-fg: rgb(var(--ax-sys-color-primary-surface))}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;text-decoration-line:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-doc,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);width:var(--ax-file-badge-size);height:var(--ax-file-badge-size);background:var(--ax-file-badge-color);color:var(--ax-file-badge-fg)}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-fold{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-ext{position:relative;z-index:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.1rem;text-align:center;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: 1;line-height:1;text-transform:lowercase}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:none;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}@media(hover:hover){:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-doc{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-file__badge-download{display:flex}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover){background:transparent}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) img,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) video,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover)>i{opacity:0}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-file__badge-download{display:none}}ax-conversation-file-attachment .ax-conversation-file__thumb .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:2}ax-conversation-audio-attachment .ax-conversation-audio--file .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:3}@media(hover:hover){ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-icon{opacity:0%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-icon{opacity:100%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__cover{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__cover{opacity:1}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-btn:before{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-btn:before{opacity:1}}}@layer components{ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;flex:1;flex-direction:column;overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-shell{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-header,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-options,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-caption,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-footer{flex-shrink:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__scroll{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 4);display:flex;min-height:9rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 6);text-align:center;border:1px dashed rgba(var(--ax-sys-color-on-surface),.14);transition:border-color .15s ease,background-color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty--drag{border-color:rgba(var(--ax-sys-color-primary-500),.45);background:rgba(var(--ax-sys-color-primary-500),.05)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-icon{font-size:1.75rem;--tw-leading: 1;line-height:1;color:rgba(var(--ax-sys-color-on-surface),.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.875rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-hint{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__panel{overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__list{display:flex;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row+.ax-conversation-picker__row{border-top:1px solid rgba(var(--ax-sys-color-on-surface),.08)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row--file{gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row--file .ax-conversation-file__badge-doc i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.08);color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb--square{border-radius:var(--radius-lg, .5rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb--circle{border-radius:calc(infinity * 1px)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb video{pointer-events:none;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-play{position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-white, #fff);background:#00000047}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-play .fa-play{padding-inline-start:.12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row-main{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__details{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__name{overflow:hidden;font-size:.9375rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 1.5);font-size:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.52)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--err{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-danger-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__progress{margin-top:calc(var(--spacing, .25rem) * .5);width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row-actions{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-hint{margin:calc(var(--spacing, .25rem) * 0);margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.45)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid{overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single{display:block}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile{min-height:12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:10rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple{display:grid;gap:calc(var(--spacing, .25rem) * .5);grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple>:first-child{grid-row:span 2}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple .ax-conversation-picker__media-tile{min-height:0;height:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--masonry{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5);overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row{display:flex;min-height:8.5rem;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row .ax-conversation-picker__media-tile{min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex:1}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile video{object-fit:contain;max-height:min(50dvh,22rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile{position:relative;min-height:6.5rem;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.06)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile video{display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile video{position:absolute;inset:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * .5);padding:calc(var(--spacing, .25rem) * 1.5);background:linear-gradient(rgb(0 0 0 / .35),transparent 70%)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status-layer{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 2);background:linear-gradient(transparent,#0000008c)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status{font-size:.6875rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__input-hidden{display:none}@container picker (max-width: 480px){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 1)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{gap:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 3);min-height:8rem}}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
|
|
13624
14123
|
}], ctorParameters: () => [], propDecorators: { service: [{ type: i0.Input, args: [{ isSignal: true, alias: "service", required: false }] }], conversation: [{ type: i0.Input, args: [{ isSignal: true, alias: "conversation", required: true }] }], maxFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxFiles", required: false }] }], initialFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialFiles", required: false }] }], autoRun: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoRun", required: false }] }], __popup__: [{ type: i0.Input, args: [{ isSignal: true, alias: "__popup__", required: false }] }], __actionSheet__: [{ type: i0.Input, args: [{ isSignal: true, alias: "__actionSheet__", required: false }] }], pickerShell: [{ type: i0.ViewChild, args: ['pickerShell', { isSignal: true }] }] } });
|
|
13625
14124
|
|
|
13626
14125
|
var filePicker_component = /*#__PURE__*/Object.freeze({
|
|
@@ -13712,92 +14211,10 @@ var conversationImage_fileType = /*#__PURE__*/Object.freeze({
|
|
|
13712
14211
|
createConversationImageFileType: createConversationImageFileType
|
|
13713
14212
|
});
|
|
13714
14213
|
|
|
13715
|
-
const EMPTY = { width: 0, height: 0, duration: 0 };
|
|
13716
|
-
async function probeImageDimensions(source) {
|
|
13717
|
-
if (typeof createImageBitmap === 'function' && typeof source !== 'string') {
|
|
13718
|
-
try {
|
|
13719
|
-
const bitmap = await createImageBitmap(source);
|
|
13720
|
-
const size = { width: bitmap.width, height: bitmap.height };
|
|
13721
|
-
bitmap.close();
|
|
13722
|
-
if (size.width > 0 && size.height > 0) {
|
|
13723
|
-
return size;
|
|
13724
|
-
}
|
|
13725
|
-
}
|
|
13726
|
-
catch {
|
|
13727
|
-
// Fall through to HTMLImageElement.
|
|
13728
|
-
}
|
|
13729
|
-
}
|
|
13730
|
-
return new Promise((resolve) => {
|
|
13731
|
-
const img = new Image();
|
|
13732
|
-
let objectUrl = '';
|
|
13733
|
-
const finish = (width, height) => {
|
|
13734
|
-
if (objectUrl) {
|
|
13735
|
-
URL.revokeObjectURL(objectUrl);
|
|
13736
|
-
}
|
|
13737
|
-
resolve({ width, height });
|
|
13738
|
-
};
|
|
13739
|
-
img.onload = () => finish(img.naturalWidth, img.naturalHeight);
|
|
13740
|
-
img.onerror = () => finish(0, 0);
|
|
13741
|
-
if (typeof source === 'string') {
|
|
13742
|
-
img.src = source;
|
|
13743
|
-
return;
|
|
13744
|
-
}
|
|
13745
|
-
objectUrl = URL.createObjectURL(source);
|
|
13746
|
-
img.src = objectUrl;
|
|
13747
|
-
});
|
|
13748
|
-
}
|
|
13749
|
-
async function probeVideoMedia(source) {
|
|
13750
|
-
if (typeof document === 'undefined') {
|
|
13751
|
-
return EMPTY;
|
|
13752
|
-
}
|
|
13753
|
-
return new Promise((resolve) => {
|
|
13754
|
-
const el = document.createElement('video');
|
|
13755
|
-
el.preload = 'metadata';
|
|
13756
|
-
const objectUrl = URL.createObjectURL(source);
|
|
13757
|
-
const finish = (dims) => {
|
|
13758
|
-
URL.revokeObjectURL(objectUrl);
|
|
13759
|
-
el.src = '';
|
|
13760
|
-
resolve(dims);
|
|
13761
|
-
};
|
|
13762
|
-
el.onloadedmetadata = () => {
|
|
13763
|
-
finish({
|
|
13764
|
-
width: el.videoWidth || 0,
|
|
13765
|
-
height: el.videoHeight || 0,
|
|
13766
|
-
duration: Number.isFinite(el.duration) ? el.duration : 0,
|
|
13767
|
-
});
|
|
13768
|
-
};
|
|
13769
|
-
el.onerror = () => finish(EMPTY);
|
|
13770
|
-
el.src = objectUrl;
|
|
13771
|
-
});
|
|
13772
|
-
}
|
|
13773
|
-
|
|
13774
|
-
var mediaDimensions = /*#__PURE__*/Object.freeze({
|
|
13775
|
-
__proto__: null,
|
|
13776
|
-
probeImageDimensions: probeImageDimensions,
|
|
13777
|
-
probeVideoMedia: probeVideoMedia
|
|
13778
|
-
});
|
|
13779
|
-
|
|
13780
14214
|
/**
|
|
13781
14215
|
* Image Picker Component
|
|
13782
14216
|
* Full-width image selection and preview interface for the composer
|
|
13783
14217
|
*/
|
|
13784
|
-
async function imageItemFromUpload(file, result) {
|
|
13785
|
-
const url = resolvePersistableMediaUrl(result.url);
|
|
13786
|
-
const size = await probeImageDimensions(file);
|
|
13787
|
-
const item = {
|
|
13788
|
-
mediaId: result.mediaId,
|
|
13789
|
-
mimeType: result.mimeType,
|
|
13790
|
-
size: result.size,
|
|
13791
|
-
thumbnailUrl: resolvePersistedThumbnailUrl(result.thumbnailUrl, url),
|
|
13792
|
-
width: size.width,
|
|
13793
|
-
height: size.height,
|
|
13794
|
-
metadata: result.metadata,
|
|
13795
|
-
};
|
|
13796
|
-
if (url) {
|
|
13797
|
-
item.url = url;
|
|
13798
|
-
}
|
|
13799
|
-
return item;
|
|
13800
|
-
}
|
|
13801
14218
|
class AXConversationImagePickerComponent {
|
|
13802
14219
|
get composerService() {
|
|
13803
14220
|
const svc = this.service() ?? this.composerServiceFromInjector;
|
|
@@ -14199,7 +14616,7 @@ class AXConversationImagePickerComponent {
|
|
|
14199
14616
|
});
|
|
14200
14617
|
}
|
|
14201
14618
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationImagePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14202
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXConversationImagePickerComponent, isStandalone: true, selector: "ax-conversation-image-picker", inputs: { service: { classPropertyName: "service", publicName: "service", isSignal: true, isRequired: false, transformFunction: null }, conversation: { classPropertyName: "conversation", publicName: "conversation", isSignal: true, isRequired: true, transformFunction: null }, maxFiles: { classPropertyName: "maxFiles", publicName: "maxFiles", isSignal: true, isRequired: false, transformFunction: null }, initialFiles: { classPropertyName: "initialFiles", publicName: "initialFiles", isSignal: true, isRequired: false, transformFunction: null }, autoRun: { classPropertyName: "autoRun", publicName: "autoRun", isSignal: true, isRequired: false, transformFunction: null }, __popup__: { classPropertyName: "__popup__", publicName: "__popup__", isSignal: true, isRequired: false, transformFunction: null }, __actionSheet__: { classPropertyName: "__actionSheet__", publicName: "__actionSheet__", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "pickerShell", first: true, predicate: ["pickerShell"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-conversation-picker-shell\n #pickerShell\n [fileType]=\"catalogFileType\"\n [multiple]=\"allowMultiple()\"\n (filesSelected)=\"handleFiles($event)\"\n (dragEnter)=\"isDragging.set(true)\"\n (dragLeave)=\"isDragging.set(false)\"\n>\n <ax-conversation-picker-header\n [title]=\"getHeaderTitle()\"\n [showMenu]=\"images().length > 0\"\n [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (onAddMore)=\"onAddMoreFiles()\"\n />\n\n <div class=\"ax-conversation-picker__scroll\">\n @if (images().length === 0) {\n <ax-conversation-picker-empty\n [title]=\"getEmptyTitle()\"\n [hint]=\"getEmptySubtitle()\"\n [iconClass]=\"emptyIconClass()\"\n [dragOver]=\"isDragging()\"\n />\n } @else {\n <div class=\"ax-conversation-picker__body\">\n @switch (layoutMode()) {\n @case ('masonry') {\n <div class=\"ax-conversation-picker__media-grid ax-conversation-picker__media-grid--masonry\">\n @for (row of mediaRows(); track $index) {\n <div class=\"ax-conversation-picker__media-row\">\n @for (image of row.items; track image.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container\n *ngTemplateOutlet=\"mediaTile; context: { $implicit: image, index: row.startIndex + index }\"\n ></ng-container>\n </div>\n }\n </div>\n }\n </div>\n }\n @case ('triple') {\n <div class=\"ax-conversation-picker__media-grid ax-conversation-picker__media-grid--triple\">\n @for (image of images(); track image.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container *ngTemplateOutlet=\"mediaTile; context: { $implicit: image, index }\"></ng-container>\n </div>\n }\n </div>\n }\n @default {\n <div [class]=\"'ax-conversation-picker__media-grid ax-conversation-picker__media-grid--' + layoutMode()\">\n @for (image of images(); track image.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container *ngTemplateOutlet=\"mediaTile; context: { $implicit: image, index }\"></ng-container>\n </div>\n }\n </div>\n }\n }\n </div>\n }\n </div>\n\n @if (images().length > 0) {\n <ax-conversation-picker-options\n [(groupItems)]=\"groupItems\"\n [(sendAsDocuments)]=\"sendAsDocuments\"\n [showGroupItems]=\"allowMultiple() && images().length > 1\"\n [showSendAsDocuments]=\"true\"\n />\n <ax-conversation-picker-caption [(caption)]=\"caption\" [sendDisabled]=\"!canSend()\" (onSend)=\"sendImages()\" />\n <ax-conversation-picker-footer\n [addLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add')\"\n [cancelLabel]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n [sendLabel]=\"translation.translateSync('@acorex:chat.actions.send')\"\n [sendDisabled]=\"!canSend()\"\n (onAdd)=\"onAddMoreFiles()\"\n (onCancel)=\"cancel()\"\n (onSend)=\"sendImages()\"\n />\n }\n</ax-conversation-picker-shell>\n\n<ng-template #mediaTile let-image let-index=\"index\">\n <img [src]=\"image.preview\" [alt]=\"image.file.name\" />\n\n <div class=\"ax-conversation-picker__media-tile-overlay\">\n <ax-button class=\"rounded-full ax-sm\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-light fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.actions.edit')\"\n [disabled]=\"image.uploading\"\n (onClick)=\"editImage(index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-pen\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.replace-attachment')\"\n (onClick)=\"replaceAttachment(index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-arrows-rotate\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n\n <ax-button\n class=\"rounded-full ax-sm\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.pickers.common.remove')\"\n (onClick)=\"removeImage(index)\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n\n @if (image.uploading || image.error) {\n <div class=\"ax-conversation-picker__media-status-layer\">\n @if (image.uploading) {\n <span class=\"ax-conversation-picker__media-status\">{{ getUploadingLabel(image.uploadProgress ?? 0) }}</span>\n <ax-progress-bar [progress]=\"image.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n } @else if (image.error) {\n <span class=\"ax-conversation-picker__media-status\">{{ image.error }}</span>\n }\n </div>\n }\n</ng-template>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(36rem,92dvh);width:min(22.5rem,94vw);border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000002e}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;overflow:hidden;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(92dvh,92dvh);width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{max-height:none;width:min(26rem,94vw);border-radius:1.25rem}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-main-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container>ng-component{display:flex;height:auto;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:visible;flex:0 0 auto}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,94vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(92dvh,92dvh)}}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(48rem,94dvh);width:min(48rem,96vw);overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-main-container,.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(94dvh,94dvh);width:100vw}}}@layer components{:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-primary-500));--ax-file-badge-fg: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-size: 3rem}.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-fg: rgb(var(--ax-sys-color-primary-surface))}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;text-decoration-line:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-doc,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);width:var(--ax-file-badge-size);height:var(--ax-file-badge-size);background:var(--ax-file-badge-color);color:var(--ax-file-badge-fg)}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-fold{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-ext{position:relative;z-index:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.1rem;text-align:center;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: 1;line-height:1;text-transform:lowercase}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:none;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}@media(hover:hover){:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-doc{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-file__badge-download{display:flex}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover){background:transparent}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) img,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) video,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover)>i{opacity:0}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-file__badge-download{display:none}}ax-conversation-file-attachment .ax-conversation-file__thumb .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:2}ax-conversation-audio-attachment .ax-conversation-audio--file .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:3}@media(hover:hover){ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-icon{opacity:0%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-icon{opacity:100%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__cover{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__cover{opacity:1}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-btn:before{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-btn:before{opacity:1}}}@layer components{ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;flex:1;flex-direction:column;overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-shell{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-header,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-options,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-caption,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-footer{flex-shrink:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__scroll{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 4);display:flex;min-height:9rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 6);text-align:center;border:1px dashed rgba(var(--ax-sys-color-on-surface),.14);transition:border-color .15s ease,background-color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty--drag{border-color:rgba(var(--ax-sys-color-primary-500),.45);background:rgba(var(--ax-sys-color-primary-500),.05)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-icon{font-size:1.75rem;--tw-leading: 1;line-height:1;color:rgba(var(--ax-sys-color-on-surface),.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.875rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-hint{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__panel{overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__list{display:flex;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row+.ax-conversation-picker__row{border-top:1px solid rgba(var(--ax-sys-color-on-surface),.08)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row--file{gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row--file .ax-conversation-file__badge-doc i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.08);color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb--square{border-radius:var(--radius-lg, .5rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb--circle{border-radius:calc(infinity * 1px)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb video{pointer-events:none;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-play{position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-white, #fff);background:#00000047}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-play .fa-play{padding-inline-start:.12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row-main{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__details{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__name{overflow:hidden;font-size:.9375rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 1.5);font-size:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.52)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--err{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-danger-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__progress{margin-top:calc(var(--spacing, .25rem) * .5);width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row-actions{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-hint{margin:calc(var(--spacing, .25rem) * 0);margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.45)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid{overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single{display:block}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile{min-height:12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:10rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple{display:grid;gap:calc(var(--spacing, .25rem) * .5);grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple>:first-child{grid-row:span 2}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple .ax-conversation-picker__media-tile{min-height:0;height:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--masonry{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5);overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row{display:flex;min-height:8.5rem;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row .ax-conversation-picker__media-tile{min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex:1}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile video{object-fit:contain;max-height:min(50dvh,22rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile{position:relative;min-height:6.5rem;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.06)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile video{display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile video{position:absolute;inset:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * .5);padding:calc(var(--spacing, .25rem) * 1.5);background:linear-gradient(rgb(0 0 0 / .35),transparent 70%)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status-layer{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 2);background:linear-gradient(transparent,#0000008c)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status{font-size:.6875rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__input-hidden{display:none}@container picker (max-width: 480px){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 1)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{gap:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 3);min-height:8rem}}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXProgressBarModule }, { kind: "component", type: i2$2.AXProgressBarComponent, selector: "ax-progress-bar", inputs: ["color", "mode", "progress", "height"], outputs: ["ValueChange", "sizeChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXConversationPickerHeaderComponent, selector: "ax-conversation-picker-header", inputs: ["title", "showMenu", "addMoreLabel"], outputs: ["onClose", "onAddMore"] }, { kind: "component", type: AXConversationPickerFooterComponent, selector: "ax-conversation-picker-footer", inputs: ["showAdd", "addLabel", "cancelLabel", "sendLabel", "sendDisabled"], outputs: ["onAdd", "onCancel", "onSend"] }, { kind: "component", type: AXConversationPickerEmptyComponent, selector: "ax-conversation-picker-empty", inputs: ["title", "hint", "iconClass", "dragOver"] }, { kind: "component", type: AXConversationPickerCaptionComponent, selector: "ax-conversation-picker-caption", inputs: ["caption", "showInlineSend", "sendDisabled"], outputs: ["captionChange", "onSend"] }, { kind: "component", type: AXConversationPickerOptionsComponent, selector: "ax-conversation-picker-options", inputs: ["showGroupItems", "showSendAsDocuments", "groupItems", "sendAsDocuments"], outputs: ["groupItemsChange", "sendAsDocumentsChange"] }, { kind: "component", type: AXConversationPickerShellComponent, selector: "ax-conversation-picker-shell", inputs: ["fileType", "multiple"], outputs: ["filesSelected", "dragEnter", "dragLeave", "dragOver"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
14619
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXConversationImagePickerComponent, isStandalone: true, selector: "ax-conversation-image-picker", inputs: { service: { classPropertyName: "service", publicName: "service", isSignal: true, isRequired: false, transformFunction: null }, conversation: { classPropertyName: "conversation", publicName: "conversation", isSignal: true, isRequired: true, transformFunction: null }, maxFiles: { classPropertyName: "maxFiles", publicName: "maxFiles", isSignal: true, isRequired: false, transformFunction: null }, initialFiles: { classPropertyName: "initialFiles", publicName: "initialFiles", isSignal: true, isRequired: false, transformFunction: null }, autoRun: { classPropertyName: "autoRun", publicName: "autoRun", isSignal: true, isRequired: false, transformFunction: null }, __popup__: { classPropertyName: "__popup__", publicName: "__popup__", isSignal: true, isRequired: false, transformFunction: null }, __actionSheet__: { classPropertyName: "__actionSheet__", publicName: "__actionSheet__", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "pickerShell", first: true, predicate: ["pickerShell"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-conversation-picker-shell\n #pickerShell\n [fileType]=\"catalogFileType\"\n [multiple]=\"allowMultiple()\"\n (filesSelected)=\"handleFiles($event)\"\n (dragEnter)=\"isDragging.set(true)\"\n (dragLeave)=\"isDragging.set(false)\"\n>\n <ax-conversation-picker-header\n [title]=\"getHeaderTitle()\"\n [showMenu]=\"images().length > 0\"\n [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (onAddMore)=\"onAddMoreFiles()\"\n (onClose)=\"cancel()\"\n />\n\n <div class=\"ax-conversation-picker__scroll\">\n @if (images().length === 0) {\n <ax-conversation-picker-empty\n [title]=\"getEmptyTitle()\"\n [hint]=\"getEmptySubtitle()\"\n [iconClass]=\"emptyIconClass()\"\n [dragOver]=\"isDragging()\"\n />\n } @else {\n <div class=\"ax-conversation-picker__body\">\n @switch (layoutMode()) {\n @case ('masonry') {\n <div class=\"ax-conversation-picker__media-grid ax-conversation-picker__media-grid--masonry\">\n @for (row of mediaRows(); track $index) {\n <div class=\"ax-conversation-picker__media-row\">\n @for (image of row.items; track image.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container\n *ngTemplateOutlet=\"mediaTile; context: { $implicit: image, index: row.startIndex + index }\"\n ></ng-container>\n </div>\n }\n </div>\n }\n </div>\n }\n @case ('triple') {\n <div class=\"ax-conversation-picker__media-grid ax-conversation-picker__media-grid--triple\">\n @for (image of images(); track image.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container *ngTemplateOutlet=\"mediaTile; context: { $implicit: image, index }\"></ng-container>\n </div>\n }\n </div>\n }\n @default {\n <div [class]=\"'ax-conversation-picker__media-grid ax-conversation-picker__media-grid--' + layoutMode()\">\n @for (image of images(); track image.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container *ngTemplateOutlet=\"mediaTile; context: { $implicit: image, index }\"></ng-container>\n </div>\n }\n </div>\n }\n }\n </div>\n }\n </div>\n\n @if (images().length > 0) {\n <ax-conversation-picker-options\n [(groupItems)]=\"groupItems\"\n [(sendAsDocuments)]=\"sendAsDocuments\"\n [showGroupItems]=\"allowMultiple() && images().length > 1\"\n [showSendAsDocuments]=\"true\"\n />\n <ax-conversation-picker-caption [(caption)]=\"caption\" [sendDisabled]=\"!canSend()\" (onSend)=\"sendImages()\" />\n <ax-conversation-picker-footer\n [addLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add')\"\n [cancelLabel]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n [sendLabel]=\"translation.translateSync('@acorex:chat.actions.send')\"\n [sendDisabled]=\"!canSend()\"\n (onAdd)=\"onAddMoreFiles()\"\n (onCancel)=\"cancel()\"\n (onSend)=\"sendImages()\"\n />\n }\n</ax-conversation-picker-shell>\n\n<ng-template #mediaTile let-image let-index=\"index\">\n <img [src]=\"image.preview\" [alt]=\"image.file.name\" />\n\n <div class=\"ax-conversation-picker__media-tile-overlay\">\n <ax-button class=\"rounded-full ax-sm\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-light fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.actions.edit')\"\n [disabled]=\"image.uploading\"\n (onClick)=\"editImage(index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-pen\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.replace-attachment')\"\n (onClick)=\"replaceAttachment(index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-arrows-rotate\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n\n <ax-button\n class=\"rounded-full ax-sm\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.pickers.common.remove')\"\n (onClick)=\"removeImage(index)\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n\n @if (image.uploading || image.error) {\n <div class=\"ax-conversation-picker__media-status-layer\">\n @if (image.uploading) {\n <span class=\"ax-conversation-picker__media-status\">{{ getUploadingLabel(image.uploadProgress ?? 0) }}</span>\n <ax-progress-bar [progress]=\"image.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n } @else if (image.error) {\n <span class=\"ax-conversation-picker__media-status\">{{ image.error }}</span>\n }\n </div>\n }\n</ng-template>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(36rem,92dvh);width:min(22.5rem,94vw);border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000002e}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;overflow:hidden;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(92dvh,92dvh);width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{max-height:none;width:min(26rem,94vw);border-radius:1.25rem}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-main-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container>ng-component{display:flex;height:auto;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:visible;flex:0 0 auto}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,94vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(92dvh,92dvh)}}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(48rem,94dvh);width:min(48rem,96vw);overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-main-container,.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(94dvh,94dvh);width:100vw}}}@layer components{:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-primary-500));--ax-file-badge-fg: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-size: 3rem}.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-fg: rgb(var(--ax-sys-color-primary-surface))}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;text-decoration-line:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-doc,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);width:var(--ax-file-badge-size);height:var(--ax-file-badge-size);background:var(--ax-file-badge-color);color:var(--ax-file-badge-fg)}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-fold{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-ext{position:relative;z-index:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.1rem;text-align:center;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: 1;line-height:1;text-transform:lowercase}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:none;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}@media(hover:hover){:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-doc{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-file__badge-download{display:flex}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover){background:transparent}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) img,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) video,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover)>i{opacity:0}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-file__badge-download{display:none}}ax-conversation-file-attachment .ax-conversation-file__thumb .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:2}ax-conversation-audio-attachment .ax-conversation-audio--file .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:3}@media(hover:hover){ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-icon{opacity:0%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-icon{opacity:100%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__cover{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__cover{opacity:1}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-btn:before{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-btn:before{opacity:1}}}@layer components{ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;flex:1;flex-direction:column;overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-shell{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-header,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-options,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-caption,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-footer{flex-shrink:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__scroll{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 4);display:flex;min-height:9rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 6);text-align:center;border:1px dashed rgba(var(--ax-sys-color-on-surface),.14);transition:border-color .15s ease,background-color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty--drag{border-color:rgba(var(--ax-sys-color-primary-500),.45);background:rgba(var(--ax-sys-color-primary-500),.05)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-icon{font-size:1.75rem;--tw-leading: 1;line-height:1;color:rgba(var(--ax-sys-color-on-surface),.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.875rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-hint{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__panel{overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__list{display:flex;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row+.ax-conversation-picker__row{border-top:1px solid rgba(var(--ax-sys-color-on-surface),.08)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row--file{gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row--file .ax-conversation-file__badge-doc i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.08);color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb--square{border-radius:var(--radius-lg, .5rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb--circle{border-radius:calc(infinity * 1px)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb video{pointer-events:none;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-play{position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-white, #fff);background:#00000047}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-play .fa-play{padding-inline-start:.12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row-main{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__details{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__name{overflow:hidden;font-size:.9375rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 1.5);font-size:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.52)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--err{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-danger-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__progress{margin-top:calc(var(--spacing, .25rem) * .5);width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row-actions{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-hint{margin:calc(var(--spacing, .25rem) * 0);margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.45)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid{overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single{display:block}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile{min-height:12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:10rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple{display:grid;gap:calc(var(--spacing, .25rem) * .5);grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple>:first-child{grid-row:span 2}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple .ax-conversation-picker__media-tile{min-height:0;height:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--masonry{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5);overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row{display:flex;min-height:8.5rem;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row .ax-conversation-picker__media-tile{min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex:1}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile video{object-fit:contain;max-height:min(50dvh,22rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile{position:relative;min-height:6.5rem;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.06)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile video{display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile video{position:absolute;inset:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * .5);padding:calc(var(--spacing, .25rem) * 1.5);background:linear-gradient(rgb(0 0 0 / .35),transparent 70%)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status-layer{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 2);background:linear-gradient(transparent,#0000008c)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status{font-size:.6875rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__input-hidden{display:none}@container picker (max-width: 480px){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 1)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{gap:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 3);min-height:8rem}}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXProgressBarModule }, { kind: "component", type: i2$2.AXProgressBarComponent, selector: "ax-progress-bar", inputs: ["color", "mode", "progress", "height"], outputs: ["ValueChange", "sizeChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXConversationPickerHeaderComponent, selector: "ax-conversation-picker-header", inputs: ["title", "showMenu", "addMoreLabel", "closeLabel"], outputs: ["onClose", "onAddMore"] }, { kind: "component", type: AXConversationPickerFooterComponent, selector: "ax-conversation-picker-footer", inputs: ["showAdd", "addLabel", "cancelLabel", "sendLabel", "sendDisabled"], outputs: ["onAdd", "onCancel", "onSend"] }, { kind: "component", type: AXConversationPickerEmptyComponent, selector: "ax-conversation-picker-empty", inputs: ["title", "hint", "iconClass", "dragOver"] }, { kind: "component", type: AXConversationPickerCaptionComponent, selector: "ax-conversation-picker-caption", inputs: ["caption", "showInlineSend", "sendDisabled"], outputs: ["captionChange", "onSend"] }, { kind: "component", type: AXConversationPickerOptionsComponent, selector: "ax-conversation-picker-options", inputs: ["showGroupItems", "showSendAsDocuments", "groupItems", "sendAsDocuments"], outputs: ["groupItemsChange", "sendAsDocumentsChange"] }, { kind: "component", type: AXConversationPickerShellComponent, selector: "ax-conversation-picker-shell", inputs: ["fileType", "multiple"], outputs: ["filesSelected", "dragEnter", "dragLeave", "dragOver"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
14203
14620
|
}
|
|
14204
14621
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationImagePickerComponent, decorators: [{
|
|
14205
14622
|
type: Component,
|
|
@@ -14218,7 +14635,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
|
|
|
14218
14635
|
AXConversationPickerCaptionComponent,
|
|
14219
14636
|
AXConversationPickerOptionsComponent,
|
|
14220
14637
|
AXConversationPickerShellComponent,
|
|
14221
|
-
], template: "<ax-conversation-picker-shell\n #pickerShell\n [fileType]=\"catalogFileType\"\n [multiple]=\"allowMultiple()\"\n (filesSelected)=\"handleFiles($event)\"\n (dragEnter)=\"isDragging.set(true)\"\n (dragLeave)=\"isDragging.set(false)\"\n>\n <ax-conversation-picker-header\n [title]=\"getHeaderTitle()\"\n [showMenu]=\"images().length > 0\"\n [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (onAddMore)=\"onAddMoreFiles()\"\n />\n\n <div class=\"ax-conversation-picker__scroll\">\n @if (images().length === 0) {\n <ax-conversation-picker-empty\n [title]=\"getEmptyTitle()\"\n [hint]=\"getEmptySubtitle()\"\n [iconClass]=\"emptyIconClass()\"\n [dragOver]=\"isDragging()\"\n />\n } @else {\n <div class=\"ax-conversation-picker__body\">\n @switch (layoutMode()) {\n @case ('masonry') {\n <div class=\"ax-conversation-picker__media-grid ax-conversation-picker__media-grid--masonry\">\n @for (row of mediaRows(); track $index) {\n <div class=\"ax-conversation-picker__media-row\">\n @for (image of row.items; track image.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container\n *ngTemplateOutlet=\"mediaTile; context: { $implicit: image, index: row.startIndex + index }\"\n ></ng-container>\n </div>\n }\n </div>\n }\n </div>\n }\n @case ('triple') {\n <div class=\"ax-conversation-picker__media-grid ax-conversation-picker__media-grid--triple\">\n @for (image of images(); track image.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container *ngTemplateOutlet=\"mediaTile; context: { $implicit: image, index }\"></ng-container>\n </div>\n }\n </div>\n }\n @default {\n <div [class]=\"'ax-conversation-picker__media-grid ax-conversation-picker__media-grid--' + layoutMode()\">\n @for (image of images(); track image.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container *ngTemplateOutlet=\"mediaTile; context: { $implicit: image, index }\"></ng-container>\n </div>\n }\n </div>\n }\n }\n </div>\n }\n </div>\n\n @if (images().length > 0) {\n <ax-conversation-picker-options\n [(groupItems)]=\"groupItems\"\n [(sendAsDocuments)]=\"sendAsDocuments\"\n [showGroupItems]=\"allowMultiple() && images().length > 1\"\n [showSendAsDocuments]=\"true\"\n />\n <ax-conversation-picker-caption [(caption)]=\"caption\" [sendDisabled]=\"!canSend()\" (onSend)=\"sendImages()\" />\n <ax-conversation-picker-footer\n [addLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add')\"\n [cancelLabel]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n [sendLabel]=\"translation.translateSync('@acorex:chat.actions.send')\"\n [sendDisabled]=\"!canSend()\"\n (onAdd)=\"onAddMoreFiles()\"\n (onCancel)=\"cancel()\"\n (onSend)=\"sendImages()\"\n />\n }\n</ax-conversation-picker-shell>\n\n<ng-template #mediaTile let-image let-index=\"index\">\n <img [src]=\"image.preview\" [alt]=\"image.file.name\" />\n\n <div class=\"ax-conversation-picker__media-tile-overlay\">\n <ax-button class=\"rounded-full ax-sm\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-light fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.actions.edit')\"\n [disabled]=\"image.uploading\"\n (onClick)=\"editImage(index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-pen\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.replace-attachment')\"\n (onClick)=\"replaceAttachment(index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-arrows-rotate\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n\n <ax-button\n class=\"rounded-full ax-sm\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.pickers.common.remove')\"\n (onClick)=\"removeImage(index)\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n\n @if (image.uploading || image.error) {\n <div class=\"ax-conversation-picker__media-status-layer\">\n @if (image.uploading) {\n <span class=\"ax-conversation-picker__media-status\">{{ getUploadingLabel(image.uploadProgress ?? 0) }}</span>\n <ax-progress-bar [progress]=\"image.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n } @else if (image.error) {\n <span class=\"ax-conversation-picker__media-status\">{{ image.error }}</span>\n }\n </div>\n }\n</ng-template>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(36rem,92dvh);width:min(22.5rem,94vw);border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000002e}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;overflow:hidden;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(92dvh,92dvh);width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{max-height:none;width:min(26rem,94vw);border-radius:1.25rem}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-main-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container>ng-component{display:flex;height:auto;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:visible;flex:0 0 auto}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,94vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(92dvh,92dvh)}}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(48rem,94dvh);width:min(48rem,96vw);overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-main-container,.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(94dvh,94dvh);width:100vw}}}@layer components{:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-primary-500));--ax-file-badge-fg: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-size: 3rem}.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-fg: rgb(var(--ax-sys-color-primary-surface))}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;text-decoration-line:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-doc,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);width:var(--ax-file-badge-size);height:var(--ax-file-badge-size);background:var(--ax-file-badge-color);color:var(--ax-file-badge-fg)}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-fold{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-ext{position:relative;z-index:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.1rem;text-align:center;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: 1;line-height:1;text-transform:lowercase}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:none;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}@media(hover:hover){:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-doc{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-file__badge-download{display:flex}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover){background:transparent}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) img,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) video,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover)>i{opacity:0}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-file__badge-download{display:none}}ax-conversation-file-attachment .ax-conversation-file__thumb .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:2}ax-conversation-audio-attachment .ax-conversation-audio--file .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:3}@media(hover:hover){ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-icon{opacity:0%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-icon{opacity:100%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__cover{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__cover{opacity:1}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-btn:before{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-btn:before{opacity:1}}}@layer components{ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;flex:1;flex-direction:column;overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-shell{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-header,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-options,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-caption,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-footer{flex-shrink:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__scroll{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 4);display:flex;min-height:9rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 6);text-align:center;border:1px dashed rgba(var(--ax-sys-color-on-surface),.14);transition:border-color .15s ease,background-color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty--drag{border-color:rgba(var(--ax-sys-color-primary-500),.45);background:rgba(var(--ax-sys-color-primary-500),.05)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-icon{font-size:1.75rem;--tw-leading: 1;line-height:1;color:rgba(var(--ax-sys-color-on-surface),.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.875rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-hint{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__panel{overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__list{display:flex;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row+.ax-conversation-picker__row{border-top:1px solid rgba(var(--ax-sys-color-on-surface),.08)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row--file{gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row--file .ax-conversation-file__badge-doc i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.08);color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb--square{border-radius:var(--radius-lg, .5rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb--circle{border-radius:calc(infinity * 1px)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb video{pointer-events:none;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-play{position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-white, #fff);background:#00000047}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-play .fa-play{padding-inline-start:.12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row-main{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__details{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__name{overflow:hidden;font-size:.9375rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 1.5);font-size:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.52)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--err{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-danger-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__progress{margin-top:calc(var(--spacing, .25rem) * .5);width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row-actions{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-hint{margin:calc(var(--spacing, .25rem) * 0);margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.45)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid{overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single{display:block}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile{min-height:12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:10rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple{display:grid;gap:calc(var(--spacing, .25rem) * .5);grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple>:first-child{grid-row:span 2}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple .ax-conversation-picker__media-tile{min-height:0;height:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--masonry{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5);overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row{display:flex;min-height:8.5rem;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row .ax-conversation-picker__media-tile{min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex:1}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile video{object-fit:contain;max-height:min(50dvh,22rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile{position:relative;min-height:6.5rem;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.06)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile video{display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile video{position:absolute;inset:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * .5);padding:calc(var(--spacing, .25rem) * 1.5);background:linear-gradient(rgb(0 0 0 / .35),transparent 70%)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status-layer{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 2);background:linear-gradient(transparent,#0000008c)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status{font-size:.6875rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__input-hidden{display:none}@container picker (max-width: 480px){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 1)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{gap:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 3);min-height:8rem}}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
|
|
14638
|
+
], template: "<ax-conversation-picker-shell\n #pickerShell\n [fileType]=\"catalogFileType\"\n [multiple]=\"allowMultiple()\"\n (filesSelected)=\"handleFiles($event)\"\n (dragEnter)=\"isDragging.set(true)\"\n (dragLeave)=\"isDragging.set(false)\"\n>\n <ax-conversation-picker-header\n [title]=\"getHeaderTitle()\"\n [showMenu]=\"images().length > 0\"\n [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (onAddMore)=\"onAddMoreFiles()\"\n (onClose)=\"cancel()\"\n />\n\n <div class=\"ax-conversation-picker__scroll\">\n @if (images().length === 0) {\n <ax-conversation-picker-empty\n [title]=\"getEmptyTitle()\"\n [hint]=\"getEmptySubtitle()\"\n [iconClass]=\"emptyIconClass()\"\n [dragOver]=\"isDragging()\"\n />\n } @else {\n <div class=\"ax-conversation-picker__body\">\n @switch (layoutMode()) {\n @case ('masonry') {\n <div class=\"ax-conversation-picker__media-grid ax-conversation-picker__media-grid--masonry\">\n @for (row of mediaRows(); track $index) {\n <div class=\"ax-conversation-picker__media-row\">\n @for (image of row.items; track image.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container\n *ngTemplateOutlet=\"mediaTile; context: { $implicit: image, index: row.startIndex + index }\"\n ></ng-container>\n </div>\n }\n </div>\n }\n </div>\n }\n @case ('triple') {\n <div class=\"ax-conversation-picker__media-grid ax-conversation-picker__media-grid--triple\">\n @for (image of images(); track image.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container *ngTemplateOutlet=\"mediaTile; context: { $implicit: image, index }\"></ng-container>\n </div>\n }\n </div>\n }\n @default {\n <div [class]=\"'ax-conversation-picker__media-grid ax-conversation-picker__media-grid--' + layoutMode()\">\n @for (image of images(); track image.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container *ngTemplateOutlet=\"mediaTile; context: { $implicit: image, index }\"></ng-container>\n </div>\n }\n </div>\n }\n }\n </div>\n }\n </div>\n\n @if (images().length > 0) {\n <ax-conversation-picker-options\n [(groupItems)]=\"groupItems\"\n [(sendAsDocuments)]=\"sendAsDocuments\"\n [showGroupItems]=\"allowMultiple() && images().length > 1\"\n [showSendAsDocuments]=\"true\"\n />\n <ax-conversation-picker-caption [(caption)]=\"caption\" [sendDisabled]=\"!canSend()\" (onSend)=\"sendImages()\" />\n <ax-conversation-picker-footer\n [addLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add')\"\n [cancelLabel]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n [sendLabel]=\"translation.translateSync('@acorex:chat.actions.send')\"\n [sendDisabled]=\"!canSend()\"\n (onAdd)=\"onAddMoreFiles()\"\n (onCancel)=\"cancel()\"\n (onSend)=\"sendImages()\"\n />\n }\n</ax-conversation-picker-shell>\n\n<ng-template #mediaTile let-image let-index=\"index\">\n <img [src]=\"image.preview\" [alt]=\"image.file.name\" />\n\n <div class=\"ax-conversation-picker__media-tile-overlay\">\n <ax-button class=\"rounded-full ax-sm\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-light fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.actions.edit')\"\n [disabled]=\"image.uploading\"\n (onClick)=\"editImage(index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-pen\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.replace-attachment')\"\n (onClick)=\"replaceAttachment(index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-arrows-rotate\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n\n <ax-button\n class=\"rounded-full ax-sm\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.pickers.common.remove')\"\n (onClick)=\"removeImage(index)\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n\n @if (image.uploading || image.error) {\n <div class=\"ax-conversation-picker__media-status-layer\">\n @if (image.uploading) {\n <span class=\"ax-conversation-picker__media-status\">{{ getUploadingLabel(image.uploadProgress ?? 0) }}</span>\n <ax-progress-bar [progress]=\"image.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n } @else if (image.error) {\n <span class=\"ax-conversation-picker__media-status\">{{ image.error }}</span>\n }\n </div>\n }\n</ng-template>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(36rem,92dvh);width:min(22.5rem,94vw);border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000002e}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;overflow:hidden;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(92dvh,92dvh);width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{max-height:none;width:min(26rem,94vw);border-radius:1.25rem}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-main-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container>ng-component{display:flex;height:auto;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:visible;flex:0 0 auto}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,94vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(92dvh,92dvh)}}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(48rem,94dvh);width:min(48rem,96vw);overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-main-container,.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(94dvh,94dvh);width:100vw}}}@layer components{:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-primary-500));--ax-file-badge-fg: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-size: 3rem}.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-fg: rgb(var(--ax-sys-color-primary-surface))}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;text-decoration-line:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-doc,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);width:var(--ax-file-badge-size);height:var(--ax-file-badge-size);background:var(--ax-file-badge-color);color:var(--ax-file-badge-fg)}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-fold{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-ext{position:relative;z-index:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.1rem;text-align:center;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: 1;line-height:1;text-transform:lowercase}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:none;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}@media(hover:hover){:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-doc{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-file__badge-download{display:flex}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover){background:transparent}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) img,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) video,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover)>i{opacity:0}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-file__badge-download{display:none}}ax-conversation-file-attachment .ax-conversation-file__thumb .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:2}ax-conversation-audio-attachment .ax-conversation-audio--file .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:3}@media(hover:hover){ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-icon{opacity:0%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-icon{opacity:100%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__cover{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__cover{opacity:1}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-btn:before{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-btn:before{opacity:1}}}@layer components{ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;flex:1;flex-direction:column;overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-shell{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-header,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-options,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-caption,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-footer{flex-shrink:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__scroll{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 4);display:flex;min-height:9rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 6);text-align:center;border:1px dashed rgba(var(--ax-sys-color-on-surface),.14);transition:border-color .15s ease,background-color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty--drag{border-color:rgba(var(--ax-sys-color-primary-500),.45);background:rgba(var(--ax-sys-color-primary-500),.05)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-icon{font-size:1.75rem;--tw-leading: 1;line-height:1;color:rgba(var(--ax-sys-color-on-surface),.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.875rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-hint{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__panel{overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__list{display:flex;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row+.ax-conversation-picker__row{border-top:1px solid rgba(var(--ax-sys-color-on-surface),.08)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row--file{gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row--file .ax-conversation-file__badge-doc i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.08);color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb--square{border-radius:var(--radius-lg, .5rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb--circle{border-radius:calc(infinity * 1px)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb video{pointer-events:none;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-play{position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-white, #fff);background:#00000047}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-play .fa-play{padding-inline-start:.12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row-main{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__details{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__name{overflow:hidden;font-size:.9375rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 1.5);font-size:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.52)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--err{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-danger-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__progress{margin-top:calc(var(--spacing, .25rem) * .5);width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row-actions{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-hint{margin:calc(var(--spacing, .25rem) * 0);margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.45)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid{overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single{display:block}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile{min-height:12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:10rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple{display:grid;gap:calc(var(--spacing, .25rem) * .5);grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple>:first-child{grid-row:span 2}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple .ax-conversation-picker__media-tile{min-height:0;height:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--masonry{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5);overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row{display:flex;min-height:8.5rem;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row .ax-conversation-picker__media-tile{min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex:1}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile video{object-fit:contain;max-height:min(50dvh,22rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile{position:relative;min-height:6.5rem;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.06)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile video{display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile video{position:absolute;inset:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * .5);padding:calc(var(--spacing, .25rem) * 1.5);background:linear-gradient(rgb(0 0 0 / .35),transparent 70%)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status-layer{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 2);background:linear-gradient(transparent,#0000008c)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status{font-size:.6875rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__input-hidden{display:none}@container picker (max-width: 480px){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 1)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{gap:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 3);min-height:8rem}}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
|
|
14222
14639
|
}], ctorParameters: () => [], propDecorators: { service: [{ type: i0.Input, args: [{ isSignal: true, alias: "service", required: false }] }], conversation: [{ type: i0.Input, args: [{ isSignal: true, alias: "conversation", required: true }] }], maxFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxFiles", required: false }] }], initialFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialFiles", required: false }] }], autoRun: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoRun", required: false }] }], __popup__: [{ type: i0.Input, args: [{ isSignal: true, alias: "__popup__", required: false }] }], __actionSheet__: [{ type: i0.Input, args: [{ isSignal: true, alias: "__actionSheet__", required: false }] }], pickerShell: [{ type: i0.ViewChild, args: ['pickerShell', { isSignal: true }] }] } });
|
|
14223
14640
|
|
|
14224
14641
|
var imagePicker_component = /*#__PURE__*/Object.freeze({
|
|
@@ -14283,7 +14700,7 @@ class AXConversationLocationPickerComponent {
|
|
|
14283
14700
|
dismissComposerPickerHost(this.composerService, this.__popup__(), this.__actionSheet__());
|
|
14284
14701
|
}
|
|
14285
14702
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationLocationPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14286
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: AXConversationLocationPickerComponent, isStandalone: true, selector: "ax-conversation-location-picker", inputs: { service: { classPropertyName: "service", publicName: "service", isSignal: true, isRequired: false, transformFunction: null }, conversation: { classPropertyName: "conversation", publicName: "conversation", isSignal: true, isRequired: true, transformFunction: null }, __popup__: { classPropertyName: "__popup__", publicName: "__popup__", isSignal: true, isRequired: false, transformFunction: null }, __actionSheet__: { classPropertyName: "__actionSheet__", publicName: "__actionSheet__", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"ax-conversation-picker ax-conversation-picker--location\">\n <ax-conversation-picker-header\n [title]=\"translation.translateSync('@acorex:chat.pickers.location.title')\"\n (onClose)=\"cancel()\"\n />\n\n <div class=\"ax-conversation-picker__scroll\">\n <!-- Map with Single Marker -->\n <div class=\"map-container\">\n <ax-map\n [latitude]=\"currentLocation().latitude\"\n [longitude]=\"currentLocation().longitude\"\n [maxMarker]=\"1\"\n [addMarkerOnTap]=\"true\"\n [hasLocator]=\"true\"\n (onMarkerAdded)=\"onMarkerAdded($event)\"\n />\n </div>\n\n <!-- Location Info -->\n <!-- <div class=\"location-info\">\n <div class=\"info-row\">\n <i class=\"fa-light fa-location-dot\"></i>\n <div class=\"info-text\">\n <div class=\"info-label\">{{ '@acorex:chat.pickers.location.coordinates' | translate | async }}</div>\n <div class=\"info-value\">\n {{ currentLocation().latitude.toFixed(6) }}, {{ currentLocation().longitude.toFixed(6) }}\n </div>\n </div>\n </div>\n </div> -->\n </div>\n\n <ax-conversation-picker-footer\n [showAdd]=\"false\"\n [cancelLabel]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n [sendLabel]=\"translation.translateSync('@acorex:chat.pickers.location.send')\"\n [sendDisabled]=\"false\"\n (onCancel)=\"cancel()\"\n (onSend)=\"sendLocation()\"\n />\n</div>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(36rem,92dvh);width:min(22.5rem,94vw);border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000002e}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;overflow:hidden;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(92dvh,92dvh);width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{max-height:none;width:min(26rem,94vw);border-radius:1.25rem}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-main-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container>ng-component{display:flex;height:auto;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:visible;flex:0 0 auto}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,94vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(92dvh,92dvh)}}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(48rem,94dvh);width:min(48rem,96vw);overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-main-container,.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(94dvh,94dvh);width:100vw}}}@layer components{:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-primary-500));--ax-file-badge-fg: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-size: 3rem}.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-fg: rgb(var(--ax-sys-color-primary-surface))}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;text-decoration-line:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-doc,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);width:var(--ax-file-badge-size);height:var(--ax-file-badge-size);background:var(--ax-file-badge-color);color:var(--ax-file-badge-fg)}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-fold{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-ext{position:relative;z-index:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.1rem;text-align:center;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: 1;line-height:1;text-transform:lowercase}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:none;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}@media(hover:hover){:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-doc{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-file__badge-download{display:flex}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover){background:transparent}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) img,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) video,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover)>i{opacity:0}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-file__badge-download{display:none}}ax-conversation-file-attachment .ax-conversation-file__thumb .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:2}ax-conversation-audio-attachment .ax-conversation-audio--file .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:3}@media(hover:hover){ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-icon{opacity:0%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-icon{opacity:100%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__cover{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__cover{opacity:1}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-btn:before{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-btn:before{opacity:1}}}@layer components{ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;flex:1;flex-direction:column;overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-shell{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-header,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-options,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-caption,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-footer{flex-shrink:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__scroll{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 4);display:flex;min-height:9rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 6);text-align:center;border:1px dashed rgba(var(--ax-sys-color-on-surface),.14);transition:border-color .15s ease,background-color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty--drag{border-color:rgba(var(--ax-sys-color-primary-500),.45);background:rgba(var(--ax-sys-color-primary-500),.05)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-icon{font-size:1.75rem;--tw-leading: 1;line-height:1;color:rgba(var(--ax-sys-color-on-surface),.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.875rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-hint{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__panel{overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__list{display:flex;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row+.ax-conversation-picker__row{border-top:1px solid rgba(var(--ax-sys-color-on-surface),.08)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row--file{gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row--file .ax-conversation-file__badge-doc i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.08);color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb--square{border-radius:var(--radius-lg, .5rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb--circle{border-radius:calc(infinity * 1px)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb video{pointer-events:none;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-play{position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-white, #fff);background:#00000047}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-play .fa-play{padding-inline-start:.12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row-main{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__details{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__name{overflow:hidden;font-size:.9375rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 1.5);font-size:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.52)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--err{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-danger-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__progress{margin-top:calc(var(--spacing, .25rem) * .5);width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row-actions{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-hint{margin:calc(var(--spacing, .25rem) * 0);margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.45)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid{overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single{display:block}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile{min-height:12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:10rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple{display:grid;gap:calc(var(--spacing, .25rem) * .5);grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple>:first-child{grid-row:span 2}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple .ax-conversation-picker__media-tile{min-height:0;height:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--masonry{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5);overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row{display:flex;min-height:8.5rem;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row .ax-conversation-picker__media-tile{min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex:1}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile video{object-fit:contain;max-height:min(50dvh,22rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile{position:relative;min-height:6.5rem;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.06)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile video{display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile video{position:absolute;inset:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * .5);padding:calc(var(--spacing, .25rem) * 1.5);background:linear-gradient(rgb(0 0 0 / .35),transparent 70%)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status-layer{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 2);background:linear-gradient(transparent,#0000008c)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status{font-size:.6875rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__input-hidden{display:none}@container picker (max-width: 480px){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 1)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{gap:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 3);min-height:8rem}}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n", "@layer properties;@layer components{ax-conversation-location-picker{display:block;width:100%;container-type:inline-size;container-name:picker}ax-conversation-location-picker .ax-conversation-picker--location{max-height:min(85dvh,40rem)}@container picker (max-width: 480px){ax-conversation-location-picker .ax-conversation-picker--location{max-height:90dvh}}ax-conversation-location-picker .map-container{height:calc(var(--spacing, .25rem) * 72);min-height:calc(var(--spacing, .25rem) * 72);overflow:hidden}ax-conversation-location-picker .map-container ax-map{display:block;height:100%;width:100%}ax-conversation-location-picker .location-info{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface));padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3)}ax-conversation-location-picker .info-row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}ax-conversation-location-picker .info-row i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-location-picker .info-text{flex:1}ax-conversation-location-picker .info-label{margin-bottom:calc(var(--spacing, .25rem) * 1);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.7)}ax-conversation-location-picker .info-value{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-surface))}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXMapModule }, { kind: "component", type: i1$5.AXMapComponent, selector: "ax-map", inputs: ["zoomLevel", "latitude", "longitude", "maxMarker", "maxPolygon", "maxPolyline", "maxRectangle", "maxCircle", "hasDraw", "hasLocator", "fitToDraw", "limitDraw", "addPoiToFitDraw", "addMarkerOnTap", "readonly", "disabled", "markerPlace", "locatePlace", "poiMinZoom", "markers", "polygons", "polylines", "rectangles", "circles", "pois"], outputs: ["zoomLevelChange", "latitudeChange", "longitudeChange", "onMarkerAdded", "onMarkerClick", "onMarkerChanged", "onPolygonAdded", "onPolygonClick", "onPolygonChanged", "onPolylineAdded", "onPolylineClick", "onPolylineChanged", "onRectangleAdded", "onRectangleClick", "onRectangleChanged", "onCircleAdded", "onCircleClick", "onCircleChanged", "onLocationFound", "onPoiChanged", "onPoiAdded", "onMapReady", "onLoadError"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXConversationPickerHeaderComponent, selector: "ax-conversation-picker-header", inputs: ["title", "showMenu", "addMoreLabel"], outputs: ["onClose", "onAddMore"] }, { kind: "component", type: AXConversationPickerFooterComponent, selector: "ax-conversation-picker-footer", inputs: ["showAdd", "addLabel", "cancelLabel", "sendLabel", "sendDisabled"], outputs: ["onAdd", "onCancel", "onSend"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
14703
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: AXConversationLocationPickerComponent, isStandalone: true, selector: "ax-conversation-location-picker", inputs: { service: { classPropertyName: "service", publicName: "service", isSignal: true, isRequired: false, transformFunction: null }, conversation: { classPropertyName: "conversation", publicName: "conversation", isSignal: true, isRequired: true, transformFunction: null }, __popup__: { classPropertyName: "__popup__", publicName: "__popup__", isSignal: true, isRequired: false, transformFunction: null }, __actionSheet__: { classPropertyName: "__actionSheet__", publicName: "__actionSheet__", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"ax-conversation-picker ax-conversation-picker--location\">\n <ax-conversation-picker-header\n [title]=\"translation.translateSync('@acorex:chat.pickers.location.title')\"\n (onClose)=\"cancel()\"\n />\n\n <div class=\"ax-conversation-picker__scroll\">\n <!-- Map with Single Marker -->\n <div class=\"map-container\">\n <ax-map\n [latitude]=\"currentLocation().latitude\"\n [longitude]=\"currentLocation().longitude\"\n [maxMarker]=\"1\"\n [addMarkerOnTap]=\"true\"\n [hasLocator]=\"true\"\n (onMarkerAdded)=\"onMarkerAdded($event)\"\n />\n </div>\n\n <!-- Location Info -->\n <!-- <div class=\"location-info\">\n <div class=\"info-row\">\n <i class=\"fa-light fa-location-dot\"></i>\n <div class=\"info-text\">\n <div class=\"info-label\">{{ '@acorex:chat.pickers.location.coordinates' | translate | async }}</div>\n <div class=\"info-value\">\n {{ currentLocation().latitude.toFixed(6) }}, {{ currentLocation().longitude.toFixed(6) }}\n </div>\n </div>\n </div>\n </div> -->\n </div>\n\n <ax-conversation-picker-footer\n [showAdd]=\"false\"\n [cancelLabel]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n [sendLabel]=\"translation.translateSync('@acorex:chat.pickers.location.send')\"\n [sendDisabled]=\"false\"\n (onCancel)=\"cancel()\"\n (onSend)=\"sendLocation()\"\n />\n</div>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(36rem,92dvh);width:min(22.5rem,94vw);border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000002e}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;overflow:hidden;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(92dvh,92dvh);width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{max-height:none;width:min(26rem,94vw);border-radius:1.25rem}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-main-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container>ng-component{display:flex;height:auto;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:visible;flex:0 0 auto}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,94vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(92dvh,92dvh)}}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(48rem,94dvh);width:min(48rem,96vw);overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-main-container,.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(94dvh,94dvh);width:100vw}}}@layer components{:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-primary-500));--ax-file-badge-fg: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-size: 3rem}.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-fg: rgb(var(--ax-sys-color-primary-surface))}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;text-decoration-line:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-doc,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);width:var(--ax-file-badge-size);height:var(--ax-file-badge-size);background:var(--ax-file-badge-color);color:var(--ax-file-badge-fg)}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-fold{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-ext{position:relative;z-index:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.1rem;text-align:center;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: 1;line-height:1;text-transform:lowercase}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:none;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}@media(hover:hover){:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-doc{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-file__badge-download{display:flex}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover){background:transparent}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) img,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) video,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover)>i{opacity:0}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-file__badge-download{display:none}}ax-conversation-file-attachment .ax-conversation-file__thumb .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:2}ax-conversation-audio-attachment .ax-conversation-audio--file .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:3}@media(hover:hover){ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-icon{opacity:0%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-icon{opacity:100%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__cover{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__cover{opacity:1}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-btn:before{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-btn:before{opacity:1}}}@layer components{ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;flex:1;flex-direction:column;overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-shell{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-header,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-options,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-caption,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-footer{flex-shrink:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__scroll{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 4);display:flex;min-height:9rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 6);text-align:center;border:1px dashed rgba(var(--ax-sys-color-on-surface),.14);transition:border-color .15s ease,background-color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty--drag{border-color:rgba(var(--ax-sys-color-primary-500),.45);background:rgba(var(--ax-sys-color-primary-500),.05)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-icon{font-size:1.75rem;--tw-leading: 1;line-height:1;color:rgba(var(--ax-sys-color-on-surface),.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.875rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-hint{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__panel{overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__list{display:flex;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row+.ax-conversation-picker__row{border-top:1px solid rgba(var(--ax-sys-color-on-surface),.08)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row--file{gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row--file .ax-conversation-file__badge-doc i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.08);color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb--square{border-radius:var(--radius-lg, .5rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb--circle{border-radius:calc(infinity * 1px)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb video{pointer-events:none;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-play{position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-white, #fff);background:#00000047}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-play .fa-play{padding-inline-start:.12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row-main{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__details{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__name{overflow:hidden;font-size:.9375rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 1.5);font-size:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.52)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--err{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-danger-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__progress{margin-top:calc(var(--spacing, .25rem) * .5);width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row-actions{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-hint{margin:calc(var(--spacing, .25rem) * 0);margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.45)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid{overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single{display:block}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile{min-height:12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:10rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple{display:grid;gap:calc(var(--spacing, .25rem) * .5);grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple>:first-child{grid-row:span 2}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple .ax-conversation-picker__media-tile{min-height:0;height:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--masonry{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5);overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row{display:flex;min-height:8.5rem;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row .ax-conversation-picker__media-tile{min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex:1}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile video{object-fit:contain;max-height:min(50dvh,22rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile{position:relative;min-height:6.5rem;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.06)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile video{display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile video{position:absolute;inset:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * .5);padding:calc(var(--spacing, .25rem) * 1.5);background:linear-gradient(rgb(0 0 0 / .35),transparent 70%)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status-layer{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 2);background:linear-gradient(transparent,#0000008c)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status{font-size:.6875rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__input-hidden{display:none}@container picker (max-width: 480px){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 1)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{gap:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 3);min-height:8rem}}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n", "@layer properties;@layer components{ax-conversation-location-picker{display:block;width:100%;container-type:inline-size;container-name:picker}ax-conversation-location-picker .ax-conversation-picker--location{max-height:min(85dvh,40rem)}@container picker (max-width: 480px){ax-conversation-location-picker .ax-conversation-picker--location{max-height:90dvh}}ax-conversation-location-picker .map-container{height:calc(var(--spacing, .25rem) * 72);min-height:calc(var(--spacing, .25rem) * 72);overflow:hidden}ax-conversation-location-picker .map-container ax-map{display:block;height:100%;width:100%}ax-conversation-location-picker .location-info{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface));padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3)}ax-conversation-location-picker .info-row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}ax-conversation-location-picker .info-row i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-location-picker .info-text{flex:1}ax-conversation-location-picker .info-label{margin-bottom:calc(var(--spacing, .25rem) * 1);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.7)}ax-conversation-location-picker .info-value{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-surface))}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXMapModule }, { kind: "component", type: i1$5.AXMapComponent, selector: "ax-map", inputs: ["zoomLevel", "latitude", "longitude", "maxMarker", "maxPolygon", "maxPolyline", "maxRectangle", "maxCircle", "hasDraw", "hasLocator", "fitToDraw", "limitDraw", "addPoiToFitDraw", "addMarkerOnTap", "readonly", "disabled", "markerPlace", "locatePlace", "poiMinZoom", "markers", "polygons", "polylines", "rectangles", "circles", "pois"], outputs: ["zoomLevelChange", "latitudeChange", "longitudeChange", "onMarkerAdded", "onMarkerClick", "onMarkerChanged", "onPolygonAdded", "onPolygonClick", "onPolygonChanged", "onPolylineAdded", "onPolylineClick", "onPolylineChanged", "onRectangleAdded", "onRectangleClick", "onRectangleChanged", "onCircleAdded", "onCircleClick", "onCircleChanged", "onLocationFound", "onPoiChanged", "onPoiAdded", "onMapReady", "onLoadError"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXConversationPickerHeaderComponent, selector: "ax-conversation-picker-header", inputs: ["title", "showMenu", "addMoreLabel", "closeLabel"], outputs: ["onClose", "onAddMore"] }, { kind: "component", type: AXConversationPickerFooterComponent, selector: "ax-conversation-picker-footer", inputs: ["showAdd", "addLabel", "cancelLabel", "sendLabel", "sendDisabled"], outputs: ["onAdd", "onCancel", "onSend"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
14287
14704
|
}
|
|
14288
14705
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationLocationPickerComponent, decorators: [{
|
|
14289
14706
|
type: Component,
|
|
@@ -14587,73 +15004,6 @@ var conversationVideo_fileType = /*#__PURE__*/Object.freeze({
|
|
|
14587
15004
|
createConversationVideoFileType: createConversationVideoFileType
|
|
14588
15005
|
});
|
|
14589
15006
|
|
|
14590
|
-
async function videoItemFromUpload(file, result, duration, size) {
|
|
14591
|
-
const url = resolvePersistableMediaUrl(result.url);
|
|
14592
|
-
const probed = size?.width && size.height
|
|
14593
|
-
? { width: size.width, height: size.height, duration }
|
|
14594
|
-
: await probeVideoMedia(file);
|
|
14595
|
-
const item = {
|
|
14596
|
-
mediaId: result.mediaId,
|
|
14597
|
-
mimeType: result.mimeType,
|
|
14598
|
-
size: result.size,
|
|
14599
|
-
thumbnailUrl: resolvePersistedThumbnailUrl(result.thumbnailUrl, url),
|
|
14600
|
-
duration: duration || probed.duration,
|
|
14601
|
-
width: probed.width,
|
|
14602
|
-
height: probed.height,
|
|
14603
|
-
metadata: result.metadata,
|
|
14604
|
-
};
|
|
14605
|
-
if (url) {
|
|
14606
|
-
item.url = url;
|
|
14607
|
-
}
|
|
14608
|
-
return item;
|
|
14609
|
-
}
|
|
14610
|
-
function mergeVideoUploadResult(payload, result) {
|
|
14611
|
-
const base = normalizeVideoPayload(payload);
|
|
14612
|
-
const videos = [...base.videos];
|
|
14613
|
-
const i = videos.findIndex((x) => !x.mediaId && !resolvePersistableMediaUrl(x.url));
|
|
14614
|
-
const slot = i >= 0 ? videos[i] : undefined;
|
|
14615
|
-
const url = resolvePersistableMediaUrl(result.url);
|
|
14616
|
-
const next = {
|
|
14617
|
-
...(slot ?? { duration: 0, width: 0, height: 0 }),
|
|
14618
|
-
mediaId: result.mediaId,
|
|
14619
|
-
mimeType: result.mimeType,
|
|
14620
|
-
size: result.size,
|
|
14621
|
-
thumbnailUrl: resolvePersistedThumbnailUrl(result.thumbnailUrl ?? slot?.thumbnailUrl, url),
|
|
14622
|
-
metadata: result.metadata,
|
|
14623
|
-
};
|
|
14624
|
-
if (url) {
|
|
14625
|
-
next.url = url;
|
|
14626
|
-
}
|
|
14627
|
-
if (i >= 0)
|
|
14628
|
-
videos[i] = next;
|
|
14629
|
-
else
|
|
14630
|
-
videos.push(next);
|
|
14631
|
-
return { ...base, type: 'video', videos };
|
|
14632
|
-
}
|
|
14633
|
-
function applyVideoLocalPreview(payload, localUrl, mimeType = 'application/octet-stream') {
|
|
14634
|
-
const base = normalizeVideoPayload(payload);
|
|
14635
|
-
const videos = [...base.videos];
|
|
14636
|
-
const slot = videos.findIndex((x) => !x.mediaId && !resolvePersistableMediaUrl(x.url));
|
|
14637
|
-
const preview = { url: localUrl, duration: 0, width: 0, height: 0, mimeType };
|
|
14638
|
-
if (slot >= 0) {
|
|
14639
|
-
videos[slot] = { ...videos[slot], ...preview };
|
|
14640
|
-
}
|
|
14641
|
-
else if (videos.length === 0) {
|
|
14642
|
-
videos.push(preview);
|
|
14643
|
-
}
|
|
14644
|
-
else {
|
|
14645
|
-
videos[0] = { ...videos[0], ...preview };
|
|
14646
|
-
}
|
|
14647
|
-
return { ...base, type: 'video', videos };
|
|
14648
|
-
}
|
|
14649
|
-
|
|
14650
|
-
var videoComposer_payload = /*#__PURE__*/Object.freeze({
|
|
14651
|
-
__proto__: null,
|
|
14652
|
-
applyVideoLocalPreview: applyVideoLocalPreview,
|
|
14653
|
-
mergeVideoUploadResult: mergeVideoUploadResult,
|
|
14654
|
-
videoItemFromUpload: videoItemFromUpload
|
|
14655
|
-
});
|
|
14656
|
-
|
|
14657
15007
|
/**
|
|
14658
15008
|
* Video Picker Component
|
|
14659
15009
|
* Full-width video selection and preview interface for the composer
|
|
@@ -15047,7 +15397,7 @@ class AXConversationVideoPickerComponent {
|
|
|
15047
15397
|
});
|
|
15048
15398
|
}
|
|
15049
15399
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationVideoPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15050
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXConversationVideoPickerComponent, isStandalone: true, selector: "ax-conversation-video-picker", inputs: { service: { classPropertyName: "service", publicName: "service", isSignal: true, isRequired: false, transformFunction: null }, conversation: { classPropertyName: "conversation", publicName: "conversation", isSignal: true, isRequired: true, transformFunction: null }, maxFiles: { classPropertyName: "maxFiles", publicName: "maxFiles", isSignal: true, isRequired: false, transformFunction: null }, initialFiles: { classPropertyName: "initialFiles", publicName: "initialFiles", isSignal: true, isRequired: false, transformFunction: null }, autoRun: { classPropertyName: "autoRun", publicName: "autoRun", isSignal: true, isRequired: false, transformFunction: null }, __popup__: { classPropertyName: "__popup__", publicName: "__popup__", isSignal: true, isRequired: false, transformFunction: null }, __actionSheet__: { classPropertyName: "__actionSheet__", publicName: "__actionSheet__", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "pickerShell", first: true, predicate: ["pickerShell"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-conversation-picker-shell\n #pickerShell\n [fileType]=\"catalogFileType\"\n [multiple]=\"allowMultiple()\"\n (filesSelected)=\"handleFiles($event)\"\n (dragEnter)=\"isDragging.set(true)\"\n (dragLeave)=\"isDragging.set(false)\"\n>\n <ax-conversation-picker-header\n [title]=\"getHeaderTitle()\"\n [showMenu]=\"videos().length > 0\"\n [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (onAddMore)=\"onAddMoreFiles()\"\n />\n\n <div class=\"ax-conversation-picker__scroll\">\n @if (videos().length === 0) {\n <ax-conversation-picker-empty\n [title]=\"getEmptyTitle()\"\n [hint]=\"getEmptySubtitle()\"\n [iconClass]=\"emptyIconClass()\"\n [dragOver]=\"isDragging()\"\n />\n } @else {\n <div class=\"ax-conversation-picker__body\">\n @switch (layoutMode()) {\n @case ('masonry') {\n <div class=\"ax-conversation-picker__media-grid ax-conversation-picker__media-grid--masonry\">\n @for (row of mediaRows(); track $index) {\n <div class=\"ax-conversation-picker__media-row\">\n @for (video of row.items; track video.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container\n *ngTemplateOutlet=\"mediaTile; context: { $implicit: video, index: row.startIndex + index }\"\n ></ng-container>\n </div>\n }\n </div>\n }\n </div>\n }\n @case ('triple') {\n <div class=\"ax-conversation-picker__media-grid ax-conversation-picker__media-grid--triple\">\n @for (video of videos(); track video.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container *ngTemplateOutlet=\"mediaTile; context: { $implicit: video, index }\"></ng-container>\n </div>\n }\n </div>\n }\n @default {\n <div [class]=\"'ax-conversation-picker__media-grid ax-conversation-picker__media-grid--' + layoutMode()\">\n @for (video of videos(); track video.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container *ngTemplateOutlet=\"mediaTile; context: { $implicit: video, index }\"></ng-container>\n </div>\n }\n </div>\n }\n }\n\n <p class=\"ax-conversation-picker__media-hint\">\n {{ translation.translateSync('@acorex:chat.pickers.common.edit-photo-hint') }}\n </p>\n </div>\n }\n </div>\n\n @if (videos().length > 0) {\n <ax-conversation-picker-options\n [(groupItems)]=\"groupItems\"\n [(sendAsDocuments)]=\"sendAsDocuments\"\n [showGroupItems]=\"allowMultiple() && videos().length > 1\"\n [showSendAsDocuments]=\"true\"\n />\n <ax-conversation-picker-caption [(caption)]=\"caption\" [sendDisabled]=\"!canSend()\" (onSend)=\"sendVideos()\" />\n <ax-conversation-picker-footer\n [addLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add')\"\n [cancelLabel]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n [sendLabel]=\"translation.translateSync('@acorex:chat.actions.send')\"\n [sendDisabled]=\"!canSend()\"\n (onAdd)=\"onAddMoreFiles()\"\n (onCancel)=\"cancel()\"\n (onSend)=\"sendVideos()\"\n />\n }\n</ax-conversation-picker-shell>\n\n<ng-template #mediaTile let-video let-index=\"index\">\n @if (video.preview) {\n <video [src]=\"video.preview\" muted playsinline preload=\"metadata\"></video>\n }\n\n <div class=\"ax-conversation-picker__media-tile-overlay\">\n <ax-button class=\"rounded-full ax-xs\" look=\"blank\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-solid fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.replace-attachment')\"\n (onClick)=\"replaceAttachment(index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-arrows-rotate\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n\n <ax-button\n class=\"rounded-full ax-xs\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.pickers.common.remove')\"\n (onClick)=\"removeVideo(index)\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n\n @if (video.uploading || video.error) {\n <div class=\"ax-conversation-picker__media-status-layer\">\n @if (video.uploading) {\n <span class=\"ax-conversation-picker__media-status\">{{ getUploadingLabel(video.uploadProgress ?? 0) }}</span>\n <ax-progress-bar [progress]=\"video.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n } @else if (video.error) {\n <span class=\"ax-conversation-picker__media-status\">{{ video.error }}</span>\n }\n </div>\n }\n</ng-template>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(36rem,92dvh);width:min(22.5rem,94vw);border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000002e}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;overflow:hidden;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(92dvh,92dvh);width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{max-height:none;width:min(26rem,94vw);border-radius:1.25rem}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-main-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container>ng-component{display:flex;height:auto;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:visible;flex:0 0 auto}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,94vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(92dvh,92dvh)}}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(48rem,94dvh);width:min(48rem,96vw);overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-main-container,.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(94dvh,94dvh);width:100vw}}}@layer components{:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-primary-500));--ax-file-badge-fg: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-size: 3rem}.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-fg: rgb(var(--ax-sys-color-primary-surface))}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;text-decoration-line:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-doc,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);width:var(--ax-file-badge-size);height:var(--ax-file-badge-size);background:var(--ax-file-badge-color);color:var(--ax-file-badge-fg)}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-fold{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-ext{position:relative;z-index:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.1rem;text-align:center;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: 1;line-height:1;text-transform:lowercase}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:none;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}@media(hover:hover){:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-doc{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-file__badge-download{display:flex}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover){background:transparent}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) img,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) video,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover)>i{opacity:0}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-file__badge-download{display:none}}ax-conversation-file-attachment .ax-conversation-file__thumb .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:2}ax-conversation-audio-attachment .ax-conversation-audio--file .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:3}@media(hover:hover){ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-icon{opacity:0%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-icon{opacity:100%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__cover{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__cover{opacity:1}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-btn:before{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-btn:before{opacity:1}}}@layer components{ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;flex:1;flex-direction:column;overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-shell{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-header,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-options,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-caption,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-footer{flex-shrink:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__scroll{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 4);display:flex;min-height:9rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 6);text-align:center;border:1px dashed rgba(var(--ax-sys-color-on-surface),.14);transition:border-color .15s ease,background-color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty--drag{border-color:rgba(var(--ax-sys-color-primary-500),.45);background:rgba(var(--ax-sys-color-primary-500),.05)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-icon{font-size:1.75rem;--tw-leading: 1;line-height:1;color:rgba(var(--ax-sys-color-on-surface),.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.875rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-hint{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__panel{overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__list{display:flex;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row+.ax-conversation-picker__row{border-top:1px solid rgba(var(--ax-sys-color-on-surface),.08)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row--file{gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row--file .ax-conversation-file__badge-doc i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.08);color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb--square{border-radius:var(--radius-lg, .5rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb--circle{border-radius:calc(infinity * 1px)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb video{pointer-events:none;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-play{position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-white, #fff);background:#00000047}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-play .fa-play{padding-inline-start:.12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row-main{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__details{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__name{overflow:hidden;font-size:.9375rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 1.5);font-size:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.52)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--err{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-danger-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__progress{margin-top:calc(var(--spacing, .25rem) * .5);width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row-actions{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-hint{margin:calc(var(--spacing, .25rem) * 0);margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.45)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid{overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single{display:block}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile{min-height:12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:10rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple{display:grid;gap:calc(var(--spacing, .25rem) * .5);grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple>:first-child{grid-row:span 2}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple .ax-conversation-picker__media-tile{min-height:0;height:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--masonry{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5);overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row{display:flex;min-height:8.5rem;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row .ax-conversation-picker__media-tile{min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex:1}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile video{object-fit:contain;max-height:min(50dvh,22rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile{position:relative;min-height:6.5rem;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.06)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile video{display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile video{position:absolute;inset:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * .5);padding:calc(var(--spacing, .25rem) * 1.5);background:linear-gradient(rgb(0 0 0 / .35),transparent 70%)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status-layer{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 2);background:linear-gradient(transparent,#0000008c)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status{font-size:.6875rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__input-hidden{display:none}@container picker (max-width: 480px){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 1)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{gap:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 3);min-height:8rem}}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXProgressBarModule }, { kind: "component", type: i2$2.AXProgressBarComponent, selector: "ax-progress-bar", inputs: ["color", "mode", "progress", "height"], outputs: ["ValueChange", "sizeChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXConversationPickerHeaderComponent, selector: "ax-conversation-picker-header", inputs: ["title", "showMenu", "addMoreLabel"], outputs: ["onClose", "onAddMore"] }, { kind: "component", type: AXConversationPickerFooterComponent, selector: "ax-conversation-picker-footer", inputs: ["showAdd", "addLabel", "cancelLabel", "sendLabel", "sendDisabled"], outputs: ["onAdd", "onCancel", "onSend"] }, { kind: "component", type: AXConversationPickerEmptyComponent, selector: "ax-conversation-picker-empty", inputs: ["title", "hint", "iconClass", "dragOver"] }, { kind: "component", type: AXConversationPickerCaptionComponent, selector: "ax-conversation-picker-caption", inputs: ["caption", "showInlineSend", "sendDisabled"], outputs: ["captionChange", "onSend"] }, { kind: "component", type: AXConversationPickerOptionsComponent, selector: "ax-conversation-picker-options", inputs: ["showGroupItems", "showSendAsDocuments", "groupItems", "sendAsDocuments"], outputs: ["groupItemsChange", "sendAsDocumentsChange"] }, { kind: "component", type: AXConversationPickerShellComponent, selector: "ax-conversation-picker-shell", inputs: ["fileType", "multiple"], outputs: ["filesSelected", "dragEnter", "dragLeave", "dragOver"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
15400
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXConversationVideoPickerComponent, isStandalone: true, selector: "ax-conversation-video-picker", inputs: { service: { classPropertyName: "service", publicName: "service", isSignal: true, isRequired: false, transformFunction: null }, conversation: { classPropertyName: "conversation", publicName: "conversation", isSignal: true, isRequired: true, transformFunction: null }, maxFiles: { classPropertyName: "maxFiles", publicName: "maxFiles", isSignal: true, isRequired: false, transformFunction: null }, initialFiles: { classPropertyName: "initialFiles", publicName: "initialFiles", isSignal: true, isRequired: false, transformFunction: null }, autoRun: { classPropertyName: "autoRun", publicName: "autoRun", isSignal: true, isRequired: false, transformFunction: null }, __popup__: { classPropertyName: "__popup__", publicName: "__popup__", isSignal: true, isRequired: false, transformFunction: null }, __actionSheet__: { classPropertyName: "__actionSheet__", publicName: "__actionSheet__", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "pickerShell", first: true, predicate: ["pickerShell"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-conversation-picker-shell\n #pickerShell\n [fileType]=\"catalogFileType\"\n [multiple]=\"allowMultiple()\"\n (filesSelected)=\"handleFiles($event)\"\n (dragEnter)=\"isDragging.set(true)\"\n (dragLeave)=\"isDragging.set(false)\"\n>\n <ax-conversation-picker-header\n [title]=\"getHeaderTitle()\"\n [showMenu]=\"videos().length > 0\"\n [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (onAddMore)=\"onAddMoreFiles()\"\n (onClose)=\"cancel()\"\n />\n\n <div class=\"ax-conversation-picker__scroll\">\n @if (videos().length === 0) {\n <ax-conversation-picker-empty\n [title]=\"getEmptyTitle()\"\n [hint]=\"getEmptySubtitle()\"\n [iconClass]=\"emptyIconClass()\"\n [dragOver]=\"isDragging()\"\n />\n } @else {\n <div class=\"ax-conversation-picker__body\">\n @switch (layoutMode()) {\n @case ('masonry') {\n <div class=\"ax-conversation-picker__media-grid ax-conversation-picker__media-grid--masonry\">\n @for (row of mediaRows(); track $index) {\n <div class=\"ax-conversation-picker__media-row\">\n @for (video of row.items; track video.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container\n *ngTemplateOutlet=\"mediaTile; context: { $implicit: video, index: row.startIndex + index }\"\n ></ng-container>\n </div>\n }\n </div>\n }\n </div>\n }\n @case ('triple') {\n <div class=\"ax-conversation-picker__media-grid ax-conversation-picker__media-grid--triple\">\n @for (video of videos(); track video.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container *ngTemplateOutlet=\"mediaTile; context: { $implicit: video, index }\"></ng-container>\n </div>\n }\n </div>\n }\n @default {\n <div [class]=\"'ax-conversation-picker__media-grid ax-conversation-picker__media-grid--' + layoutMode()\">\n @for (video of videos(); track video.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container *ngTemplateOutlet=\"mediaTile; context: { $implicit: video, index }\"></ng-container>\n </div>\n }\n </div>\n }\n }\n\n <p class=\"ax-conversation-picker__media-hint\">\n {{ translation.translateSync('@acorex:chat.pickers.common.edit-photo-hint') }}\n </p>\n </div>\n }\n </div>\n\n @if (videos().length > 0) {\n <ax-conversation-picker-options\n [(groupItems)]=\"groupItems\"\n [(sendAsDocuments)]=\"sendAsDocuments\"\n [showGroupItems]=\"allowMultiple() && videos().length > 1\"\n [showSendAsDocuments]=\"true\"\n />\n <ax-conversation-picker-caption [(caption)]=\"caption\" [sendDisabled]=\"!canSend()\" (onSend)=\"sendVideos()\" />\n <ax-conversation-picker-footer\n [addLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add')\"\n [cancelLabel]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n [sendLabel]=\"translation.translateSync('@acorex:chat.actions.send')\"\n [sendDisabled]=\"!canSend()\"\n (onAdd)=\"onAddMoreFiles()\"\n (onCancel)=\"cancel()\"\n (onSend)=\"sendVideos()\"\n />\n }\n</ax-conversation-picker-shell>\n\n<ng-template #mediaTile let-video let-index=\"index\">\n @if (video.preview) {\n <video [src]=\"video.preview\" muted playsinline preload=\"metadata\"></video>\n }\n\n <div class=\"ax-conversation-picker__media-tile-overlay\">\n <ax-button class=\"rounded-full ax-xs\" look=\"blank\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-solid fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.replace-attachment')\"\n (onClick)=\"replaceAttachment(index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-arrows-rotate\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n\n <ax-button\n class=\"rounded-full ax-xs\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.pickers.common.remove')\"\n (onClick)=\"removeVideo(index)\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n\n @if (video.uploading || video.error) {\n <div class=\"ax-conversation-picker__media-status-layer\">\n @if (video.uploading) {\n <span class=\"ax-conversation-picker__media-status\">{{ getUploadingLabel(video.uploadProgress ?? 0) }}</span>\n <ax-progress-bar [progress]=\"video.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n } @else if (video.error) {\n <span class=\"ax-conversation-picker__media-status\">{{ video.error }}</span>\n }\n </div>\n }\n</ng-template>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(36rem,92dvh);width:min(22.5rem,94vw);border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000002e}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;overflow:hidden;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(92dvh,92dvh);width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{max-height:none;width:min(26rem,94vw);border-radius:1.25rem}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-main-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container>ng-component{display:flex;height:auto;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:visible;flex:0 0 auto}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,94vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(92dvh,92dvh)}}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(48rem,94dvh);width:min(48rem,96vw);overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-main-container,.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(94dvh,94dvh);width:100vw}}}@layer components{:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-primary-500));--ax-file-badge-fg: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-size: 3rem}.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-fg: rgb(var(--ax-sys-color-primary-surface))}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;text-decoration-line:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-doc,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);width:var(--ax-file-badge-size);height:var(--ax-file-badge-size);background:var(--ax-file-badge-color);color:var(--ax-file-badge-fg)}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-fold{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-ext{position:relative;z-index:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.1rem;text-align:center;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: 1;line-height:1;text-transform:lowercase}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:none;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}@media(hover:hover){:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-doc{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-file__badge-download{display:flex}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover){background:transparent}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) img,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) video,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover)>i{opacity:0}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-file__badge-download{display:none}}ax-conversation-file-attachment .ax-conversation-file__thumb .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:2}ax-conversation-audio-attachment .ax-conversation-audio--file .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:3}@media(hover:hover){ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-icon{opacity:0%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-icon{opacity:100%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__cover{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__cover{opacity:1}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-btn:before{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-btn:before{opacity:1}}}@layer components{ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;flex:1;flex-direction:column;overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-shell{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-header,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-options,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-caption,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-footer{flex-shrink:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__scroll{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 4);display:flex;min-height:9rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 6);text-align:center;border:1px dashed rgba(var(--ax-sys-color-on-surface),.14);transition:border-color .15s ease,background-color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty--drag{border-color:rgba(var(--ax-sys-color-primary-500),.45);background:rgba(var(--ax-sys-color-primary-500),.05)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-icon{font-size:1.75rem;--tw-leading: 1;line-height:1;color:rgba(var(--ax-sys-color-on-surface),.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.875rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-hint{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__panel{overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__list{display:flex;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row+.ax-conversation-picker__row{border-top:1px solid rgba(var(--ax-sys-color-on-surface),.08)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row--file{gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row--file .ax-conversation-file__badge-doc i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.08);color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb--square{border-radius:var(--radius-lg, .5rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb--circle{border-radius:calc(infinity * 1px)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb video{pointer-events:none;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-play{position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-white, #fff);background:#00000047}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-play .fa-play{padding-inline-start:.12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row-main{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__details{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__name{overflow:hidden;font-size:.9375rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 1.5);font-size:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.52)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--err{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-danger-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__progress{margin-top:calc(var(--spacing, .25rem) * .5);width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row-actions{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-hint{margin:calc(var(--spacing, .25rem) * 0);margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.45)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid{overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single{display:block}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile{min-height:12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:10rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple{display:grid;gap:calc(var(--spacing, .25rem) * .5);grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple>:first-child{grid-row:span 2}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple .ax-conversation-picker__media-tile{min-height:0;height:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--masonry{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5);overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row{display:flex;min-height:8.5rem;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row .ax-conversation-picker__media-tile{min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex:1}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile video{object-fit:contain;max-height:min(50dvh,22rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile{position:relative;min-height:6.5rem;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.06)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile video{display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile video{position:absolute;inset:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * .5);padding:calc(var(--spacing, .25rem) * 1.5);background:linear-gradient(rgb(0 0 0 / .35),transparent 70%)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status-layer{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 2);background:linear-gradient(transparent,#0000008c)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status{font-size:.6875rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__input-hidden{display:none}@container picker (max-width: 480px){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 1)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{gap:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 3);min-height:8rem}}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXProgressBarModule }, { kind: "component", type: i2$2.AXProgressBarComponent, selector: "ax-progress-bar", inputs: ["color", "mode", "progress", "height"], outputs: ["ValueChange", "sizeChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXConversationPickerHeaderComponent, selector: "ax-conversation-picker-header", inputs: ["title", "showMenu", "addMoreLabel", "closeLabel"], outputs: ["onClose", "onAddMore"] }, { kind: "component", type: AXConversationPickerFooterComponent, selector: "ax-conversation-picker-footer", inputs: ["showAdd", "addLabel", "cancelLabel", "sendLabel", "sendDisabled"], outputs: ["onAdd", "onCancel", "onSend"] }, { kind: "component", type: AXConversationPickerEmptyComponent, selector: "ax-conversation-picker-empty", inputs: ["title", "hint", "iconClass", "dragOver"] }, { kind: "component", type: AXConversationPickerCaptionComponent, selector: "ax-conversation-picker-caption", inputs: ["caption", "showInlineSend", "sendDisabled"], outputs: ["captionChange", "onSend"] }, { kind: "component", type: AXConversationPickerOptionsComponent, selector: "ax-conversation-picker-options", inputs: ["showGroupItems", "showSendAsDocuments", "groupItems", "sendAsDocuments"], outputs: ["groupItemsChange", "sendAsDocumentsChange"] }, { kind: "component", type: AXConversationPickerShellComponent, selector: "ax-conversation-picker-shell", inputs: ["fileType", "multiple"], outputs: ["filesSelected", "dragEnter", "dragLeave", "dragOver"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
15051
15401
|
}
|
|
15052
15402
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationVideoPickerComponent, decorators: [{
|
|
15053
15403
|
type: Component,
|
|
@@ -15066,7 +15416,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
|
|
|
15066
15416
|
AXConversationPickerCaptionComponent,
|
|
15067
15417
|
AXConversationPickerOptionsComponent,
|
|
15068
15418
|
AXConversationPickerShellComponent,
|
|
15069
|
-
], template: "<ax-conversation-picker-shell\n #pickerShell\n [fileType]=\"catalogFileType\"\n [multiple]=\"allowMultiple()\"\n (filesSelected)=\"handleFiles($event)\"\n (dragEnter)=\"isDragging.set(true)\"\n (dragLeave)=\"isDragging.set(false)\"\n>\n <ax-conversation-picker-header\n [title]=\"getHeaderTitle()\"\n [showMenu]=\"videos().length > 0\"\n [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (onAddMore)=\"onAddMoreFiles()\"\n />\n\n <div class=\"ax-conversation-picker__scroll\">\n @if (videos().length === 0) {\n <ax-conversation-picker-empty\n [title]=\"getEmptyTitle()\"\n [hint]=\"getEmptySubtitle()\"\n [iconClass]=\"emptyIconClass()\"\n [dragOver]=\"isDragging()\"\n />\n } @else {\n <div class=\"ax-conversation-picker__body\">\n @switch (layoutMode()) {\n @case ('masonry') {\n <div class=\"ax-conversation-picker__media-grid ax-conversation-picker__media-grid--masonry\">\n @for (row of mediaRows(); track $index) {\n <div class=\"ax-conversation-picker__media-row\">\n @for (video of row.items; track video.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container\n *ngTemplateOutlet=\"mediaTile; context: { $implicit: video, index: row.startIndex + index }\"\n ></ng-container>\n </div>\n }\n </div>\n }\n </div>\n }\n @case ('triple') {\n <div class=\"ax-conversation-picker__media-grid ax-conversation-picker__media-grid--triple\">\n @for (video of videos(); track video.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container *ngTemplateOutlet=\"mediaTile; context: { $implicit: video, index }\"></ng-container>\n </div>\n }\n </div>\n }\n @default {\n <div [class]=\"'ax-conversation-picker__media-grid ax-conversation-picker__media-grid--' + layoutMode()\">\n @for (video of videos(); track video.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container *ngTemplateOutlet=\"mediaTile; context: { $implicit: video, index }\"></ng-container>\n </div>\n }\n </div>\n }\n }\n\n <p class=\"ax-conversation-picker__media-hint\">\n {{ translation.translateSync('@acorex:chat.pickers.common.edit-photo-hint') }}\n </p>\n </div>\n }\n </div>\n\n @if (videos().length > 0) {\n <ax-conversation-picker-options\n [(groupItems)]=\"groupItems\"\n [(sendAsDocuments)]=\"sendAsDocuments\"\n [showGroupItems]=\"allowMultiple() && videos().length > 1\"\n [showSendAsDocuments]=\"true\"\n />\n <ax-conversation-picker-caption [(caption)]=\"caption\" [sendDisabled]=\"!canSend()\" (onSend)=\"sendVideos()\" />\n <ax-conversation-picker-footer\n [addLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add')\"\n [cancelLabel]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n [sendLabel]=\"translation.translateSync('@acorex:chat.actions.send')\"\n [sendDisabled]=\"!canSend()\"\n (onAdd)=\"onAddMoreFiles()\"\n (onCancel)=\"cancel()\"\n (onSend)=\"sendVideos()\"\n />\n }\n</ax-conversation-picker-shell>\n\n<ng-template #mediaTile let-video let-index=\"index\">\n @if (video.preview) {\n <video [src]=\"video.preview\" muted playsinline preload=\"metadata\"></video>\n }\n\n <div class=\"ax-conversation-picker__media-tile-overlay\">\n <ax-button class=\"rounded-full ax-xs\" look=\"blank\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-solid fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.replace-attachment')\"\n (onClick)=\"replaceAttachment(index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-arrows-rotate\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n\n <ax-button\n class=\"rounded-full ax-xs\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.pickers.common.remove')\"\n (onClick)=\"removeVideo(index)\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n\n @if (video.uploading || video.error) {\n <div class=\"ax-conversation-picker__media-status-layer\">\n @if (video.uploading) {\n <span class=\"ax-conversation-picker__media-status\">{{ getUploadingLabel(video.uploadProgress ?? 0) }}</span>\n <ax-progress-bar [progress]=\"video.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n } @else if (video.error) {\n <span class=\"ax-conversation-picker__media-status\">{{ video.error }}</span>\n }\n </div>\n }\n</ng-template>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(36rem,92dvh);width:min(22.5rem,94vw);border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000002e}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;overflow:hidden;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(92dvh,92dvh);width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{max-height:none;width:min(26rem,94vw);border-radius:1.25rem}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-main-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container>ng-component{display:flex;height:auto;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:visible;flex:0 0 auto}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,94vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(92dvh,92dvh)}}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(48rem,94dvh);width:min(48rem,96vw);overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-main-container,.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(94dvh,94dvh);width:100vw}}}@layer components{:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-primary-500));--ax-file-badge-fg: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-size: 3rem}.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-fg: rgb(var(--ax-sys-color-primary-surface))}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;text-decoration-line:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-doc,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);width:var(--ax-file-badge-size);height:var(--ax-file-badge-size);background:var(--ax-file-badge-color);color:var(--ax-file-badge-fg)}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-fold{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-ext{position:relative;z-index:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.1rem;text-align:center;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: 1;line-height:1;text-transform:lowercase}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:none;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}@media(hover:hover){:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-doc{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-file__badge-download{display:flex}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover){background:transparent}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) img,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) video,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover)>i{opacity:0}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-file__badge-download{display:none}}ax-conversation-file-attachment .ax-conversation-file__thumb .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:2}ax-conversation-audio-attachment .ax-conversation-audio--file .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:3}@media(hover:hover){ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-icon{opacity:0%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-icon{opacity:100%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__cover{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__cover{opacity:1}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-btn:before{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-btn:before{opacity:1}}}@layer components{ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;flex:1;flex-direction:column;overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-shell{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-header,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-options,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-caption,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-footer{flex-shrink:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__scroll{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 4);display:flex;min-height:9rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 6);text-align:center;border:1px dashed rgba(var(--ax-sys-color-on-surface),.14);transition:border-color .15s ease,background-color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty--drag{border-color:rgba(var(--ax-sys-color-primary-500),.45);background:rgba(var(--ax-sys-color-primary-500),.05)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-icon{font-size:1.75rem;--tw-leading: 1;line-height:1;color:rgba(var(--ax-sys-color-on-surface),.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.875rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-hint{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__panel{overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__list{display:flex;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row+.ax-conversation-picker__row{border-top:1px solid rgba(var(--ax-sys-color-on-surface),.08)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row--file{gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row--file .ax-conversation-file__badge-doc i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.08);color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb--square{border-radius:var(--radius-lg, .5rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb--circle{border-radius:calc(infinity * 1px)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb video{pointer-events:none;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-play{position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-white, #fff);background:#00000047}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-play .fa-play{padding-inline-start:.12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row-main{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__details{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__name{overflow:hidden;font-size:.9375rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 1.5);font-size:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.52)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--err{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-danger-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__progress{margin-top:calc(var(--spacing, .25rem) * .5);width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row-actions{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-hint{margin:calc(var(--spacing, .25rem) * 0);margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.45)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid{overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single{display:block}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile{min-height:12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:10rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple{display:grid;gap:calc(var(--spacing, .25rem) * .5);grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple>:first-child{grid-row:span 2}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple .ax-conversation-picker__media-tile{min-height:0;height:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--masonry{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5);overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row{display:flex;min-height:8.5rem;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row .ax-conversation-picker__media-tile{min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex:1}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile video{object-fit:contain;max-height:min(50dvh,22rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile{position:relative;min-height:6.5rem;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.06)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile video{display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile video{position:absolute;inset:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * .5);padding:calc(var(--spacing, .25rem) * 1.5);background:linear-gradient(rgb(0 0 0 / .35),transparent 70%)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status-layer{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 2);background:linear-gradient(transparent,#0000008c)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status{font-size:.6875rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__input-hidden{display:none}@container picker (max-width: 480px){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 1)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{gap:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 3);min-height:8rem}}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
|
|
15419
|
+
], template: "<ax-conversation-picker-shell\n #pickerShell\n [fileType]=\"catalogFileType\"\n [multiple]=\"allowMultiple()\"\n (filesSelected)=\"handleFiles($event)\"\n (dragEnter)=\"isDragging.set(true)\"\n (dragLeave)=\"isDragging.set(false)\"\n>\n <ax-conversation-picker-header\n [title]=\"getHeaderTitle()\"\n [showMenu]=\"videos().length > 0\"\n [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (onAddMore)=\"onAddMoreFiles()\"\n (onClose)=\"cancel()\"\n />\n\n <div class=\"ax-conversation-picker__scroll\">\n @if (videos().length === 0) {\n <ax-conversation-picker-empty\n [title]=\"getEmptyTitle()\"\n [hint]=\"getEmptySubtitle()\"\n [iconClass]=\"emptyIconClass()\"\n [dragOver]=\"isDragging()\"\n />\n } @else {\n <div class=\"ax-conversation-picker__body\">\n @switch (layoutMode()) {\n @case ('masonry') {\n <div class=\"ax-conversation-picker__media-grid ax-conversation-picker__media-grid--masonry\">\n @for (row of mediaRows(); track $index) {\n <div class=\"ax-conversation-picker__media-row\">\n @for (video of row.items; track video.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container\n *ngTemplateOutlet=\"mediaTile; context: { $implicit: video, index: row.startIndex + index }\"\n ></ng-container>\n </div>\n }\n </div>\n }\n </div>\n }\n @case ('triple') {\n <div class=\"ax-conversation-picker__media-grid ax-conversation-picker__media-grid--triple\">\n @for (video of videos(); track video.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container *ngTemplateOutlet=\"mediaTile; context: { $implicit: video, index }\"></ng-container>\n </div>\n }\n </div>\n }\n @default {\n <div [class]=\"'ax-conversation-picker__media-grid ax-conversation-picker__media-grid--' + layoutMode()\">\n @for (video of videos(); track video.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container *ngTemplateOutlet=\"mediaTile; context: { $implicit: video, index }\"></ng-container>\n </div>\n }\n </div>\n }\n }\n\n <p class=\"ax-conversation-picker__media-hint\">\n {{ translation.translateSync('@acorex:chat.pickers.common.edit-photo-hint') }}\n </p>\n </div>\n }\n </div>\n\n @if (videos().length > 0) {\n <ax-conversation-picker-options\n [(groupItems)]=\"groupItems\"\n [(sendAsDocuments)]=\"sendAsDocuments\"\n [showGroupItems]=\"allowMultiple() && videos().length > 1\"\n [showSendAsDocuments]=\"true\"\n />\n <ax-conversation-picker-caption [(caption)]=\"caption\" [sendDisabled]=\"!canSend()\" (onSend)=\"sendVideos()\" />\n <ax-conversation-picker-footer\n [addLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add')\"\n [cancelLabel]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n [sendLabel]=\"translation.translateSync('@acorex:chat.actions.send')\"\n [sendDisabled]=\"!canSend()\"\n (onAdd)=\"onAddMoreFiles()\"\n (onCancel)=\"cancel()\"\n (onSend)=\"sendVideos()\"\n />\n }\n</ax-conversation-picker-shell>\n\n<ng-template #mediaTile let-video let-index=\"index\">\n @if (video.preview) {\n <video [src]=\"video.preview\" muted playsinline preload=\"metadata\"></video>\n }\n\n <div class=\"ax-conversation-picker__media-tile-overlay\">\n <ax-button class=\"rounded-full ax-xs\" look=\"blank\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-solid fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.replace-attachment')\"\n (onClick)=\"replaceAttachment(index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-arrows-rotate\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n\n <ax-button\n class=\"rounded-full ax-xs\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.pickers.common.remove')\"\n (onClick)=\"removeVideo(index)\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n\n @if (video.uploading || video.error) {\n <div class=\"ax-conversation-picker__media-status-layer\">\n @if (video.uploading) {\n <span class=\"ax-conversation-picker__media-status\">{{ getUploadingLabel(video.uploadProgress ?? 0) }}</span>\n <ax-progress-bar [progress]=\"video.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n } @else if (video.error) {\n <span class=\"ax-conversation-picker__media-status\">{{ video.error }}</span>\n }\n </div>\n }\n</ng-template>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(36rem,92dvh);width:min(22.5rem,94vw);border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000002e}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;overflow:hidden;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(92dvh,92dvh);width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{max-height:none;width:min(26rem,94vw);border-radius:1.25rem}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-main-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container>ng-component{display:flex;height:auto;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:visible;flex:0 0 auto}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,94vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(92dvh,92dvh)}}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(48rem,94dvh);width:min(48rem,96vw);overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-main-container,.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(94dvh,94dvh);width:100vw}}}@layer components{:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-primary-500));--ax-file-badge-fg: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-size: 3rem}.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-fg: rgb(var(--ax-sys-color-primary-surface))}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;text-decoration-line:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-doc,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);width:var(--ax-file-badge-size);height:var(--ax-file-badge-size);background:var(--ax-file-badge-color);color:var(--ax-file-badge-fg)}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-fold{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-ext{position:relative;z-index:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.1rem;text-align:center;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: 1;line-height:1;text-transform:lowercase}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:none;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}@media(hover:hover){:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-doc{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-file__badge-download{display:flex}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover){background:transparent}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) img,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) video,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover)>i{opacity:0}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-file__badge-download{display:none}}ax-conversation-file-attachment .ax-conversation-file__thumb .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:2}ax-conversation-audio-attachment .ax-conversation-audio--file .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:3}@media(hover:hover){ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-icon{opacity:0%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-icon{opacity:100%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__cover{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__cover{opacity:1}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-btn:before{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-btn:before{opacity:1}}}@layer components{ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;flex:1;flex-direction:column;overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-shell{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-header,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-options,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-caption,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-footer{flex-shrink:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__scroll{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 4);display:flex;min-height:9rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 6);text-align:center;border:1px dashed rgba(var(--ax-sys-color-on-surface),.14);transition:border-color .15s ease,background-color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty--drag{border-color:rgba(var(--ax-sys-color-primary-500),.45);background:rgba(var(--ax-sys-color-primary-500),.05)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-icon{font-size:1.75rem;--tw-leading: 1;line-height:1;color:rgba(var(--ax-sys-color-on-surface),.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.875rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-hint{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__panel{overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__list{display:flex;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row+.ax-conversation-picker__row{border-top:1px solid rgba(var(--ax-sys-color-on-surface),.08)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row--file{gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row--file .ax-conversation-file__badge-doc i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.08);color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb--square{border-radius:var(--radius-lg, .5rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb--circle{border-radius:calc(infinity * 1px)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb video{pointer-events:none;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-play{position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-white, #fff);background:#00000047}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-play .fa-play{padding-inline-start:.12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row-main{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__details{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__name{overflow:hidden;font-size:.9375rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 1.5);font-size:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.52)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--err{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-danger-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__progress{margin-top:calc(var(--spacing, .25rem) * .5);width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row-actions{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-hint{margin:calc(var(--spacing, .25rem) * 0);margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.45)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid{overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single{display:block}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile{min-height:12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:10rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple{display:grid;gap:calc(var(--spacing, .25rem) * .5);grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple>:first-child{grid-row:span 2}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple .ax-conversation-picker__media-tile{min-height:0;height:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--masonry{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5);overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row{display:flex;min-height:8.5rem;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row .ax-conversation-picker__media-tile{min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex:1}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile video{object-fit:contain;max-height:min(50dvh,22rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile{position:relative;min-height:6.5rem;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.06)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile video{display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile video{position:absolute;inset:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * .5);padding:calc(var(--spacing, .25rem) * 1.5);background:linear-gradient(rgb(0 0 0 / .35),transparent 70%)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status-layer{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 2);background:linear-gradient(transparent,#0000008c)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status{font-size:.6875rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__input-hidden{display:none}@container picker (max-width: 480px){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 1)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{gap:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 3);min-height:8rem}}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
|
|
15070
15420
|
}], ctorParameters: () => [], propDecorators: { service: [{ type: i0.Input, args: [{ isSignal: true, alias: "service", required: false }] }], conversation: [{ type: i0.Input, args: [{ isSignal: true, alias: "conversation", required: true }] }], maxFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxFiles", required: false }] }], initialFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialFiles", required: false }] }], autoRun: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoRun", required: false }] }], __popup__: [{ type: i0.Input, args: [{ isSignal: true, alias: "__popup__", required: false }] }], __actionSheet__: [{ type: i0.Input, args: [{ isSignal: true, alias: "__actionSheet__", required: false }] }], pickerShell: [{ type: i0.ViewChild, args: ['pickerShell', { isSignal: true }] }] } });
|
|
15071
15421
|
|
|
15072
15422
|
var videoPicker_component = /*#__PURE__*/Object.freeze({
|
|
@@ -17577,7 +17927,7 @@ class AXConversationLocationRendererComponent extends AXConversationMessageRende
|
|
|
17577
17927
|
});
|
|
17578
17928
|
}
|
|
17579
17929
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationLocationRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17580
|
-
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 }); }
|
|
17930
|
+
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 }); }
|
|
17581
17931
|
}
|
|
17582
17932
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationLocationRendererComponent, decorators: [{
|
|
17583
17933
|
type: Component,
|
|
@@ -17589,7 +17939,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
|
|
|
17589
17939
|
AXDecoratorIconComponent,
|
|
17590
17940
|
AXConversationMessageRendererStateComponent,
|
|
17591
17941
|
AXTranslationModule,
|
|
17592
|
-
], 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;
|
|
17942
|
+
], 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"] }]
|
|
17593
17943
|
}], 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 }] }] } });
|
|
17594
17944
|
|
|
17595
17945
|
var locationRenderer_component = /*#__PURE__*/Object.freeze({
|
|
@@ -19187,5 +19537,5 @@ function getErrorMessage(code, params) {
|
|
|
19187
19537
|
* Generated bundle index. Do not edit.
|
|
19188
19538
|
*/
|
|
19189
19539
|
|
|
19190
|
-
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 };
|
|
19191
|
-
//# sourceMappingURL=acorex-components-conversation-acorex-components-conversation-
|
|
19540
|
+
export { AXConversationPickerCaptionComponent as $, AXConversationApi as A, AXConversationFileRendererComponent as B, AXConversationForwardMessageDialogComponent as C, AXConversationImageAttachmentComponent as D, AXConversationImageFileTypeProvider as E, AXConversationImagePickerComponent as F, AXConversationImageRendererComponent as G, AXConversationInfiniteScrollDirective as H, AXConversationInfoBarActionRegistry as I, AXConversationInfoBarComponent as J, AXConversationInfoBarSearchComponent as K, AXConversationInfoBarService as L, AXConversationItemActionRegistry as M, AXConversationLocationPickerComponent as N, AXConversationLocationRendererComponent as O, AXConversationMediaPlaybackInfoBarBannerComponent as P, AXConversationMessageActionRegistry as Q, AXConversationMessageApi as R, AXConversationMessageListComponent as S, AXConversationMessageListNoActiveDefaultComponent as T, AXConversationMessageListService as U, AXConversationMessageRendererCopyHostComponent as V, AXConversationMessageRendererRegistry as W, AXConversationMessageRendererStateComponent as X, AXConversationMessageUtilsService as Y, AXConversationModule as Z, AXConversationNewDialogComponent as _, AXConversationApiLoggerService as a, AX_CONVERSATION_IMAGE_CATALOG as a$, AXConversationPickerEmptyComponent as a0, AXConversationPickerFooterComponent as a1, AXConversationPickerHeaderComponent as a2, AXConversationPickerOptionsComponent as a3, AXConversationPickerShellComponent as a4, AXConversationPickerToolbarComponent as a5, AXConversationRealtimeApi as a6, AXConversationRegistryComponentOutletComponent as a7, AXConversationRegistryService as a8, AXConversationService as a9, AX_CONVERSATION_COMPOSER_VIDEO_ACTION as aA, AX_CONVERSATION_COMPOSER_VOICE_RECORDING_ACTION as aB, AX_CONVERSATION_CONFIG as aC, AX_CONVERSATION_CONNECTION_ERRORS as aD, AX_CONVERSATION_CONVERSATION_AVATAR_COMPONENT as aE, AX_CONVERSATION_DEFAULT_COMPOSER_ACTIONS as aF, AX_CONVERSATION_DEFAULT_COMPOSER_TABS as aG, AX_CONVERSATION_DEFAULT_CONVERSATION_ITEM_ACTIONS as aH, AX_CONVERSATION_DEFAULT_CONVERSATION_TABS as aI, AX_CONVERSATION_DEFAULT_GROUP_ICON as aJ, AX_CONVERSATION_DEFAULT_INFO_BAR_ACTIONS as aK, AX_CONVERSATION_DEFAULT_MESSAGE_ACTIONS as aL, AX_CONVERSATION_DEFAULT_MESSAGE_LIST_BACKGROUND as aM, AX_CONVERSATION_DEFAULT_MESSAGE_LIST_BACKGROUND_PRESET_ID as aN, AX_CONVERSATION_DEFAULT_MESSAGE_LIST_THEME_BACKGROUND as aO, AX_CONVERSATION_DEFAULT_MESSAGE_RENDERERS as aP, AX_CONVERSATION_DEFAULT_ROOM_PREFERENCES as aQ, AX_CONVERSATION_DEFAULT_USER_ICON as aR, AX_CONVERSATION_ERRORS as aS, AX_CONVERSATION_ERROR_HANDLER_CONFIG as aT, AX_CONVERSATION_ERROR_MESSAGES as aU, AX_CONVERSATION_FALLBACK_RENDERER as aV, AX_CONVERSATION_FILE_CATALOG as aW, AX_CONVERSATION_FILE_ERRORS as aX, AX_CONVERSATION_FILE_PRESENTATION as aY, AX_CONVERSATION_FILE_RENDERER as aZ, AX_CONVERSATION_FILE_TYPES_READY as a_, AXConversationSidebarComponent as aa, AXConversationSidebarService as ab, AXConversationStickerRendererComponent as ac, AXConversationStickerTabComponent as ad, AXConversationSystemRendererComponent as ae, AXConversationTabRegistry as af, AXConversationTextRendererComponent as ag, AXConversationUserApi as ah, AXConversationVideoAttachmentComponent as ai, AXConversationVideoFileTypeProvider as aj, AXConversationVideoPickerComponent as ak, AXConversationVideoRendererComponent as al, AXConversationVoiceFileTypeProvider as am, AXConversationVoiceRecorderComponent as an, AXConversationVoiceRendererComponent as ao, AX_CONVERSATION_AUDIO_CATALOG as ap, AX_CONVERSATION_AUDIO_PRESENTATION as aq, AX_CONVERSATION_AUDIO_RENDERER as ar, AX_CONVERSATION_BUILTIN_COMPOSER_TABS as as, AX_CONVERSATION_COMPOSER_AUDIO_ACTION as at, AX_CONVERSATION_COMPOSER_EMOJI_ACTION as au, AX_CONVERSATION_COMPOSER_EMOJI_TAB as av, AX_CONVERSATION_COMPOSER_FILE_ACTION as aw, AX_CONVERSATION_COMPOSER_IMAGE_ACTION as ax, AX_CONVERSATION_COMPOSER_LOCATION_ACTION as ay, AX_CONVERSATION_COMPOSER_STICKER_TAB as az, AXConversationAudioAttachmentComponent as b, copyWithFileTypeFallback as b$, AX_CONVERSATION_IMAGE_PRESENTATION as b0, AX_CONVERSATION_IMAGE_RENDERER as b1, AX_CONVERSATION_INFO_BAR_ARCHIVE_ACTION as b2, AX_CONVERSATION_INFO_BAR_BLOCK_ACTION as b3, AX_CONVERSATION_INFO_BAR_DELETE_ACTION as b4, AX_CONVERSATION_INFO_BAR_DIVIDER as b5, AX_CONVERSATION_INFO_BAR_MUTE_ACTION as b6, AX_CONVERSATION_INFO_BAR_SEARCH_ACTION as b7, AX_CONVERSATION_ITEM_BLOCK_ACTION as b8, AX_CONVERSATION_ITEM_DELETE_ACTION as b9, AX_CONVERSATION_TEXT_RENDERER as bA, AX_CONVERSATION_URL_ERRORS as bB, AX_CONVERSATION_USER_AVATAR_COMPONENT as bC, AX_CONVERSATION_USER_ERRORS as bD, AX_CONVERSATION_VIDEO_CATALOG as bE, AX_CONVERSATION_VIDEO_PRESENTATION as bF, AX_CONVERSATION_VIDEO_RENDERER as bG, AX_CONVERSATION_VOICE_CATALOG as bH, AX_CONVERSATION_VOICE_PRESENTATION as bI, AX_CONVERSATION_VOICE_RENDERER as bJ, AX_DEFAULT_CONVERSATION_CONFIG as bK, abortPickerUploads as bL, applyAudioLocalPreview as bM, applyFileLocalPreview as bN, applyLocalPreview as bO, applyVideoLocalPreview as bP, applyVoiceLocalPreview as bQ, audioItemFromUpload as bR, bindMediaRendererContentState as bS, buildMediaGalleryTiles as bT, canShowRendererContentError as bU, cleanupPickerUploads as bV, conversationAudioUtilities as bW, conversationFileUtilities as bX, conversationImageUtilities as bY, conversationVideoUtilities as bZ, conversationVoiceUtilities as b_, AX_CONVERSATION_ITEM_DIVIDER as ba, AX_CONVERSATION_ITEM_MARK_READ_ACTION as bb, AX_CONVERSATION_ITEM_MUTE_ACTION as bc, AX_CONVERSATION_ITEM_PIN_ACTION as bd, AX_CONVERSATION_JUMBO_EMOJI_MAX as be, AX_CONVERSATION_LOCATION_ERRORS as bf, AX_CONVERSATION_LOCATION_RENDERER as bg, AX_CONVERSATION_MESSAGE_DELETE_ACTION as bh, AX_CONVERSATION_MESSAGE_EDIT_ACTION as bi, AX_CONVERSATION_MESSAGE_ERRORS as bj, AX_CONVERSATION_MESSAGE_FORWARD_ACTION as bk, AX_CONVERSATION_MESSAGE_LIST_BACKGROUND_PRESETS as bl, AX_CONVERSATION_MESSAGE_REPLY_ACTION as bm, AX_CONVERSATION_MESSAGE_TYPE_FILE_TYPE as bn, AX_CONVERSATION_PEER_AVATAR_TYPES as bo, AX_CONVERSATION_REGISTRY_CONFIG as bp, AX_CONVERSATION_STICKER_API_KEY as bq, AX_CONVERSATION_STICKER_RENDERER as br, AX_CONVERSATION_SYSTEM_RENDERER as bs, AX_CONVERSATION_TAB_ALL as bt, AX_CONVERSATION_TAB_ARCHIVED as bu, AX_CONVERSATION_TAB_BOT as bv, AX_CONVERSATION_TAB_CHANNELS as bw, AX_CONVERSATION_TAB_GROUPS as bx, AX_CONVERSATION_TAB_PRIVATE as by, AX_CONVERSATION_TAB_UNREAD as bz, AXConversationAudioFileTypeProvider as c, mergeVoiceUploadResult as c$, countLoneEmojis as c0, createConversationAudioFileType as c1, createConversationFileFileType as c2, createConversationImageFileType as c3, createConversationVideoFileType as c4, createConversationVoiceFileType as c5, createLocalPreviewUrl as c6, createObjectUrl as c7, createPickerDragHandlers as c8, createPickerUploadItemId as c9, inferFileExtensionHintFromMessage as cA, isAttachmentListCategory as cB, isComposerAttachmentBannerEnabled as cC, isComposerTabEnabled as cD, isConversationReactionsEnabled as cE, isConversationRoomCreator as cF, isGenericPrivateConversationTitle as cG, isGridMediaCategory as cH, isGroupLikeConversation as cI, isJumboEmojiText as cJ, isJumboEmojiTextMessage as cK, isMessageDeliveryPending as cL, isMessageListThemeBackground as cM, isMessageVisibleAfterHistoryCutoff as cN, isNonPersistableMediaUrl as cO, isPickerItemReadyToSend as cP, isPlainChromeMessage as cQ, isSameMessageListBackground as cR, isUploadAborted as cS, limitFilesToCapacity as cT, listTextGraphemes as cU, mediaCopyText as cV, mergeAudioUploadResult as cW, mergeFileUploadResult as cX, mergeInfoPanelMessages as cY, mergeUploadResult as cZ, mergeVideoUploadResult as c_, createResolvedMediaUrlSignal as ca, deleteUploadedPickerMedia as cb, dismissComposerPickerHost as cc, ensureConversationFileCatalogRegistered as cd, fetchConversationMediaPage as ce, fileItemAsAudioMedia as cf, fileItemFromUpload as cg, filesFromClipboardEvent as ch, filterMessagesByMediaCategory as ci, filterSupplementalInfoPanelMessages as cj, findExistingPrivateConversation as ck, formatDuration as cl, formatErrorMessage as cm, formatFileByteSize as cn, formatFileSize as co, formatMediaDuration as cp, formatPickerValidationMessage as cq, getActiveComposerPickerPasteHandler as cr, getConversationMediaCategories as cs, getConversationProfileFields as ct, getErrorMessage as cu, getMessageAudioItems as cv, getMessageVideoItems as cw, getPickerCancelUploadLabel as cx, getPrivatePeerParticipant as cy, hasRegistryComponent as cz, AXConversationAudioPickerComponent as d, validateUserId as d$, mergeWithDefaults as d0, messageContainsLink as d1, normalizeAudioPayload as d2, normalizeConversationInboundFile as d3, normalizeFilePayload as d4, normalizeImagePayload as d5, normalizeMessageListBackgroundValue as d6, normalizeVideoPayload as d7, notifyMaxFilesCapacityExceeded as d8, notifyPickerValidationErrors as d9, resolveMessageListBackgroundRaw as dA, resolveMessageListBackgroundStyle as dB, resolveParticipantProfile as dC, resolvePersistableMediaUrl as dD, resolvePersistedThumbnailUrl as dE, resolvePrivatePeerParticipant as dF, resolvePrivatePeerUserId as dG, resolveUserAvatarDisplay as dH, resolveVideoThumbnailUrl as dI, revokeObjectUrl as dJ, revokePickerBlobPreviews as dK, sanitizeInput as dL, shouldUseUserAvatarForConversation as dM, sortUsersForForward as dN, syncPlaybackInfoBarBanner as dO, toUploaderReference$1 as dP, toUploaderReference as dQ, uploadPickerFile as dR, usesDefaultMessageListWallpaper as dS, validateConversationId as dT, validateEmail as dU, validateLatitude as dV, validateLongitude as dW, validateMessagePayload as dX, validateMessageText as dY, validateMessageType as dZ, validateUrl as d_, openWithFileType as da, pickDisplayMediaUrl as db, pickEarliestJoinedParticipant as dc, pickerItemToMediaReference as dd, pickerItemToUploadResult as de, probeAudioDuration as df, probeImageDimensions as dg, probeVideoMedia as dh, provideConversation as di, provideConversationComposerFileTypes as dj, provideConversationFileCatalog as dk, registerComposerPickerPasteHandler as dl, reportMediaLoadError as dm, resolveComposerAttachmentPresentation as dn, resolveComposerMaxFiles as dp, resolveConversationAvatarDisplay as dq, resolveConversationComposerTabs as dr, resolveConversationForViewer as ds, resolveConversationMessageFileType as dt, resolveConversationPeerParticipant as du, resolveConversationPeerUserId as dv, resolveConversationTitleForViewer as dw, resolveGalleryImageUrl as dx, resolveImageDisplayUrl as dy, resolveMessageChrome as dz, AXConversationAudioRendererComponent as e, validateUserIds as e0, videoItemFromUpload as e1, AXConversationAvatarComponent as f, AXConversationAvatarPickerComponent as g, AXConversationBaseRegistry as h, isValidPickerFileName as i, AXConversationComposerActionRegistry as j, AXConversationComposerComponent as k, AXConversationComposerFileTypesProvider as l, AXConversationComposerGenerationStateService as m, AXConversationComposerPopupComponent as n, AXConversationComposerService as o, AXConversationComposerTabRegistry as p, AXConversationContainerComponent as q, AXConversationContainerDirective as r, AXConversationDateUtilsService as s, AXConversationDeleteDialogComponent as t, AXConversationEmojiTabComponent as u, AXConversationErrorHandlerService as v, AXConversationFallbackRendererComponent as w, AXConversationFileAttachmentComponent as x, AXConversationFileFileTypeProvider as y, AXConversationFilePickerComponent as z };
|
|
19541
|
+
//# sourceMappingURL=acorex-components-conversation-acorex-components-conversation-DRUAIXgK.mjs.map
|