@acorex/components 21.0.3-next.39 → 21.0.3-next.40

package/fesm2022/acorex-components-conversation-conversation-file.file-type-DB-2xhaC.mjs

@@ -0,0 +1,121 @@
+import { createFileTypeMetadata, AXFileTypeInfoProvider } from '@acorex/core/file';
+import { isPlatformBrowser } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Injectable } from '@angular/core';
+import { t as AX_CONVERSATION_IMAGE_CATALOG, u as AX_CONVERSATION_VIDEO_CATALOG, p as AX_CONVERSATION_AUDIO_CATALOG, q as AX_CONVERSATION_FILE_CATALOG } from './acorex-components-conversation-acorex-components-conversation-YhVa42TC.mjs';
+import { normalizeFilePayload } from './acorex-components-conversation-file.payload-DyFxTQYn.mjs';
+import { a as formatFileSize } from './acorex-components-conversation-media-formatters-DV3wEEno.mjs';
+
+const MB = 1024 * 1024;
+const AX_CONVERSATION_FILE_PRESENTATION = {
+    icon: 'fa-light fa-file text-neutral-500',
+    title: 'File',
+};
+const AX_CONVERSATION_FILE_ALLOWED_MIME_TYPES = [
+    'image/*',
+    'video/*',
+    'audio/*',
+    'application/pdf',
+    'application/msword',
+    'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+    'application/vnd.ms-excel',
+    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+    'application/zip',
+    'application/x-zip-compressed',
+    'application/x-7z-compressed',
+    'application/vnd.rar',
+    'application/octet-stream',
+    'text/plain',
+];
+const AX_CONVERSATION_FILE_UTILITY = {
+    preview: 'preview',
+    formatSize: 'formatSize',
+    createLocalPreviewUrl: 'createLocalPreviewUrl',
+    pickerCatalog: 'pickerCatalog',
+};
+function blobUrl(ctx, blob) {
+    if (!isPlatformBrowser(ctx.platformId)) {
+        return '';
+    }
+    return URL.createObjectURL(blob);
+}
+function conversationFileUtilities() {
+    return {
+        [AX_CONVERSATION_FILE_UTILITY.preview]: async (ctx, file) => {
+            const f = file;
+            if (f.type.startsWith('image/')) {
+                return ctx.readAsDataUrl(f);
+            }
+            return undefined;
+        },
+        [AX_CONVERSATION_FILE_UTILITY.formatSize]: (_ctx, bytes) => formatFileSize(bytes),
+        [AX_CONVERSATION_FILE_UTILITY.createLocalPreviewUrl]: (ctx, source) => blobUrl(ctx, source),
+        [AX_CONVERSATION_FILE_UTILITY.pickerCatalog]: (_ctx, file) => {
+            const f = file;
+            if (f.type.startsWith('image/'))
+                return AX_CONVERSATION_IMAGE_CATALOG;
+            if (f.type.startsWith('video/'))
+                return AX_CONVERSATION_VIDEO_CATALOG;
+            if (f.type.startsWith('audio/'))
+                return AX_CONVERSATION_AUDIO_CATALOG;
+            return AX_CONVERSATION_FILE_CATALOG;
+        },
+    };
+}
+function createConversationFileFileType() {
+    const presentation = AX_CONVERSATION_FILE_PRESENTATION;
+    return {
+        name: AX_CONVERSATION_FILE_CATALOG,
+        metadata: createFileTypeMetadata('conversation'),
+        title: presentation.title,
+        icon: presentation.icon,
+        validations: {
+            mimeTypes: [...AX_CONVERSATION_FILE_ALLOWED_MIME_TYPES],
+            minSize: 1,
+            maxSize: 100 * MB,
+        },
+        extensions: [
+            { name: 'pdf', title: 'PDF', validations: { mimeTypes: ['application/pdf'], maxSize: 25 * MB } },
+            { name: 'doc', title: 'Word' },
+            { name: 'docx', title: 'Word' },
+            { name: 'txt', title: 'Text', validations: { mimeTypes: ['text/plain'], maxSize: 5 * MB } },
+            {
+                name: 'zip',
+                title: 'ZIP',
+                validations: {
+                    mimeTypes: ['application/zip', 'application/x-zip-compressed', 'application/octet-stream'],
+                    maxSize: 50 * MB,
+                },
+            },
+        ],
+        utilities: conversationFileUtilities(),
+        copy: (payload) => {
+            const file = normalizeFilePayload(payload);
+            const caption = file.caption?.trim();
+            const items = file.files.map((item) => {
+                const name = item.name?.trim();
+                const url = item.url?.trim();
+                const line = name && url ? `${name} — ${url}` : url || name;
+                return { name, url, line };
+            });
+            return {
+                text: caption ?? '',
+                meta: { kind: 'file', caption, items, count: file.files.length },
+            };
+        },
+    };
+}
+class AXConversationFileFileTypeProvider extends AXFileTypeInfoProvider {
+    items() {
+        return Promise.resolve([createConversationFileFileType()]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXConversationFileFileTypeProvider, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXConversationFileFileTypeProvider, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXConversationFileFileTypeProvider, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+export { AXConversationFileFileTypeProvider, AX_CONVERSATION_FILE_CATALOG, AX_CONVERSATION_FILE_PRESENTATION, conversationFileUtilities, createConversationFileFileType };
+//# sourceMappingURL=acorex-components-conversation-conversation-file.file-type-DB-2xhaC.mjs.map

package/fesm2022/acorex-components-conversation-conversation-file.file-type-DB-2xhaC.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-conversation-conversation-file.file-type-DB-2xhaC.mjs","sources":["../../../../packages/components/conversation/src/lib/plugins/composer/components/file-picker/conversation-file.file-type.ts"],"sourcesContent":["import type { AXFileCopyData, AXFileType } from '@acorex/core/file';\nimport { AXFileTypeInfoProvider, createFileTypeMetadata } from '@acorex/core/file';\nimport { isPlatformBrowser } from '@angular/common';\nimport { Injectable } from '@angular/core';\nimport type { AXConversationFilePayload } from '../../../../models';\nimport {\n  AX_CONVERSATION_AUDIO_CATALOG,\n  AX_CONVERSATION_FILE_CATALOG,\n  AX_CONVERSATION_IMAGE_CATALOG,\n  AX_CONVERSATION_VIDEO_CATALOG,\n} from '../../../../models/message-file-type-catalog';\nimport { normalizeFilePayload } from '../../../message-list/components/file-renderer/file.payload';\nimport { formatFileSize } from '../shared/media-formatters';\n\nexport { AX_CONVERSATION_FILE_CATALOG };\n\nconst MB = 1024 * 1024;\n\nexport const AX_CONVERSATION_FILE_PRESENTATION = {\n  icon: 'fa-light fa-file text-neutral-500',\n  title: 'File',\n} as const;\n\nconst AX_CONVERSATION_FILE_ALLOWED_MIME_TYPES = [\n  'image/*',\n  'video/*',\n  'audio/*',\n  'application/pdf',\n  'application/msword',\n  'application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n  'application/vnd.ms-excel',\n  'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n  'application/zip',\n  'application/x-zip-compressed',\n  'application/x-7z-compressed',\n  'application/vnd.rar',\n  'application/octet-stream',\n  'text/plain',\n] as const;\n\ntype AXConversationFileTypeUtilityContext = {\n  readAsDataUrl: (file: File | Blob) => Promise<string>;\n  platformId: object;\n};\n\nconst AX_CONVERSATION_FILE_UTILITY = {\n  preview: 'preview',\n  formatSize: 'formatSize',\n  createLocalPreviewUrl: 'createLocalPreviewUrl',\n  pickerCatalog: 'pickerCatalog',\n} as const;\n\nfunction blobUrl(ctx: AXConversationFileTypeUtilityContext, blob: Blob): string {\n  if (!isPlatformBrowser(ctx.platformId)) {\n    return '';\n  }\n  return URL.createObjectURL(blob);\n}\n\nexport function conversationFileUtilities(): NonNullable<AXFileType['utilities']> {\n  return {\n    [AX_CONVERSATION_FILE_UTILITY.preview]: async (ctx, file) => {\n      const f = file as File;\n      if (f.type.startsWith('image/')) {\n        return (ctx as AXConversationFileTypeUtilityContext).readAsDataUrl(f);\n      }\n      return undefined;\n    },\n    [AX_CONVERSATION_FILE_UTILITY.formatSize]: (_ctx, bytes) => formatFileSize(bytes as number),\n    [AX_CONVERSATION_FILE_UTILITY.createLocalPreviewUrl]: (ctx, source) => blobUrl(ctx as AXConversationFileTypeUtilityContext, source as Blob),\n    [AX_CONVERSATION_FILE_UTILITY.pickerCatalog]: (_ctx, file) => {\n      const f = file as File;\n      if (f.type.startsWith('image/')) return AX_CONVERSATION_IMAGE_CATALOG;\n      if (f.type.startsWith('video/')) return AX_CONVERSATION_VIDEO_CATALOG;\n      if (f.type.startsWith('audio/')) return AX_CONVERSATION_AUDIO_CATALOG;\n      return AX_CONVERSATION_FILE_CATALOG;\n    },\n  };\n}\n\nexport function createConversationFileFileType(): import('@acorex/core/file').AXFileType {\n  const presentation = AX_CONVERSATION_FILE_PRESENTATION;\n  return {\n    name: AX_CONVERSATION_FILE_CATALOG,\n    metadata: createFileTypeMetadata('conversation'),\n    title: presentation.title,\n    icon: presentation.icon,\n    validations: {\n      mimeTypes: [...AX_CONVERSATION_FILE_ALLOWED_MIME_TYPES],\n      minSize: 1,\n      maxSize: 100 * MB,\n    },\n    extensions: [\n      { name: 'pdf', title: 'PDF', validations: { mimeTypes: ['application/pdf'], maxSize: 25 * MB } },\n      { name: 'doc', title: 'Word' },\n      { name: 'docx', title: 'Word' },\n      { name: 'txt', title: 'Text', validations: { mimeTypes: ['text/plain'], maxSize: 5 * MB } },\n      {\n        name: 'zip',\n        title: 'ZIP',\n        validations: {\n          mimeTypes: ['application/zip', 'application/x-zip-compressed', 'application/octet-stream'],\n          maxSize: 50 * MB,\n        },\n      },\n    ],\n    utilities: conversationFileUtilities(),\n    copy: (payload): AXFileCopyData => {\n      const file = normalizeFilePayload(payload as AXConversationFilePayload);\n      const caption = file.caption?.trim();\n      const items = file.files.map((item) => {\n        const name = item.name?.trim();\n        const url = item.url?.trim();\n        const line = name && url ? `${name} — ${url}` : url || name;\n        return { name, url, line };\n      });\n      return {\n        text: caption ?? '',\n        meta: { kind: 'file', caption, items, count: file.files.length },\n      };\n    },\n  };\n}\n\n@Injectable({ providedIn: 'root' })\nexport class AXConversationFileFileTypeProvider extends AXFileTypeInfoProvider {\n  items() {\n    return Promise.resolve([createConversationFileFileType()]);\n  }\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-conversation-conversation-image.file-type-C02OzZZB.mjs

@@ -0,0 +1,84 @@
+import { createFileTypeMetadata, AXFileTypeInfoProvider } from '@acorex/core/file';
+import { isPlatformBrowser } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Injectable } from '@angular/core';
+import { t as AX_CONVERSATION_IMAGE_CATALOG, n as normalizeImagePayload } from './acorex-components-conversation-acorex-components-conversation-YhVa42TC.mjs';
+import { a as formatFileSize } from './acorex-components-conversation-media-formatters-DV3wEEno.mjs';
+
+const MB = 1024 * 1024;
+const AX_CONVERSATION_IMAGE_PRESENTATION = {
+    icon: 'fa-light fa-image text-purple-500',
+    title: 'Image',
+};
+const AX_CONVERSATION_IMAGE_UTILITY = {
+    preview: 'preview',
+    formatSize: 'formatSize',
+    createLocalPreviewUrl: 'createLocalPreviewUrl',
+};
+function blobUrl(ctx, blob) {
+    if (!isPlatformBrowser(ctx.platformId)) {
+        return '';
+    }
+    return URL.createObjectURL(blob);
+}
+function conversationImageUtilities() {
+    return {
+        [AX_CONVERSATION_IMAGE_UTILITY.preview]: (ctx, file) => ctx.readAsDataUrl(file),
+        [AX_CONVERSATION_IMAGE_UTILITY.formatSize]: (_ctx, bytes) => formatFileSize(bytes),
+        [AX_CONVERSATION_IMAGE_UTILITY.createLocalPreviewUrl]: (ctx, source) => {
+            const blob = source;
+            if (blob.type.startsWith('image/')) {
+                return ctx.readAsDataUrl(blob);
+            }
+            return blobUrl(ctx, blob);
+        },
+    };
+}
+function createConversationImageFileType() {
+    const presentation = AX_CONVERSATION_IMAGE_PRESENTATION;
+    return {
+        name: AX_CONVERSATION_IMAGE_CATALOG,
+        metadata: createFileTypeMetadata('conversation'),
+        title: presentation.title,
+        icon: presentation.icon,
+        validations: {
+            mimeTypes: ['image/*'],
+            minSize: 1,
+            maxSize: 100 * MB,
+        },
+        extensions: [
+            { name: 'jpg', title: 'JPEG' },
+            { name: 'jpeg', title: 'JPEG', validations: { maxSize: 5 * MB } },
+            { name: 'png', title: 'PNG' },
+            { name: 'gif', title: 'GIF' },
+            { name: 'webp', title: 'WebP' },
+            { name: 'svg', title: 'SVG', validations: { maxSize: 2 * MB } },
+        ],
+        utilities: conversationImageUtilities(),
+        copy: (payload) => {
+            const image = normalizeImagePayload(payload);
+            const caption = image.caption?.trim();
+            const urls = image.images
+                .map((item) => item.url?.trim() || item.thumbnailUrl?.trim())
+                .filter((url) => !!url);
+            return {
+                text: caption ?? '',
+                meta: { kind: 'image', caption, urls, count: image.images.length },
+            };
+        },
+    };
+}
+class AXConversationImageFileTypeProvider extends AXFileTypeInfoProvider {
+    items() {
+        return Promise.resolve([createConversationImageFileType()]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXConversationImageFileTypeProvider, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXConversationImageFileTypeProvider, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXConversationImageFileTypeProvider, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+export { AXConversationImageFileTypeProvider, AX_CONVERSATION_IMAGE_CATALOG, AX_CONVERSATION_IMAGE_PRESENTATION, conversationImageUtilities, createConversationImageFileType };
+//# sourceMappingURL=acorex-components-conversation-conversation-image.file-type-C02OzZZB.mjs.map

package/fesm2022/acorex-components-conversation-conversation-image.file-type-C02OzZZB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-conversation-conversation-image.file-type-C02OzZZB.mjs","sources":["../../../../packages/components/conversation/src/lib/plugins/composer/components/image-picker/conversation-image.file-type.ts"],"sourcesContent":["import type { AXFileCopyData, AXFileType } from '@acorex/core/file';\nimport { AXFileTypeInfoProvider, createFileTypeMetadata } from '@acorex/core/file';\nimport { isPlatformBrowser } from '@angular/common';\nimport { Injectable } from '@angular/core';\nimport type { AXConversationImagePayload } from '../../../../models';\nimport { AX_CONVERSATION_IMAGE_CATALOG } from '../../../../models/message-file-type-catalog';\nimport { normalizeImagePayload } from '../../../message-list/components/image-renderer/image.payload';\nimport { formatFileSize } from '../shared/media-formatters';\n\nexport { AX_CONVERSATION_IMAGE_CATALOG };\n\nconst MB = 1024 * 1024;\n\nexport const AX_CONVERSATION_IMAGE_PRESENTATION = {\n  icon: 'fa-light fa-image text-purple-500',\n  title: 'Image',\n} as const;\n\ntype AXConversationFileTypeUtilityContext = {\n  readAsDataUrl: (file: File | Blob) => Promise<string>;\n  platformId: object;\n};\n\nconst AX_CONVERSATION_IMAGE_UTILITY = {\n  preview: 'preview',\n  formatSize: 'formatSize',\n  createLocalPreviewUrl: 'createLocalPreviewUrl',\n} as const;\n\nfunction blobUrl(ctx: AXConversationFileTypeUtilityContext, blob: Blob): string {\n  if (!isPlatformBrowser(ctx.platformId)) {\n    return '';\n  }\n  return URL.createObjectURL(blob);\n}\n\nexport function conversationImageUtilities(): NonNullable<AXFileType['utilities']> {\n  return {\n    [AX_CONVERSATION_IMAGE_UTILITY.preview]: (ctx, file) =>\n      (ctx as AXConversationFileTypeUtilityContext).readAsDataUrl(file as File),\n    [AX_CONVERSATION_IMAGE_UTILITY.formatSize]: (_ctx, bytes) => formatFileSize(bytes as number),\n    [AX_CONVERSATION_IMAGE_UTILITY.createLocalPreviewUrl]: (ctx, source) => {\n      const blob = source as File | Blob;\n      if (blob.type.startsWith('image/')) {\n        return (ctx as AXConversationFileTypeUtilityContext).readAsDataUrl(blob);\n      }\n      return blobUrl(ctx as AXConversationFileTypeUtilityContext, blob);\n    },\n  };\n}\n\nexport function createConversationImageFileType(): AXFileType {\n  const presentation = AX_CONVERSATION_IMAGE_PRESENTATION;\n  return {\n    name: AX_CONVERSATION_IMAGE_CATALOG,\n    metadata: createFileTypeMetadata('conversation'),\n    title: presentation.title,\n    icon: presentation.icon,\n    validations: {\n      mimeTypes: ['image/*'],\n      minSize: 1,\n      maxSize: 100 * MB,\n    },\n    extensions: [\n      { name: 'jpg', title: 'JPEG' },\n      { name: 'jpeg', title: 'JPEG', validations: { maxSize: 5 * MB } },\n      { name: 'png', title: 'PNG' },\n      { name: 'gif', title: 'GIF' },\n      { name: 'webp', title: 'WebP' },\n      { name: 'svg', title: 'SVG', validations: { maxSize: 2 * MB } },\n    ],\n    utilities: conversationImageUtilities(),\n    copy: (payload): AXFileCopyData => {\n      const image = normalizeImagePayload(payload as AXConversationImagePayload);\n      const caption = image.caption?.trim();\n      const urls = image.images\n        .map((item) => item.url?.trim() || item.thumbnailUrl?.trim())\n        .filter((url): url is string => !!url);\n      return {\n        text: caption ?? '',\n        meta: { kind: 'image', caption, urls, count: image.images.length },\n      };\n    },\n  };\n}\n\n@Injectable({ providedIn: 'root' })\nexport class AXConversationImageFileTypeProvider extends AXFileTypeInfoProvider {\n  items() {\n    return Promise.resolve([createConversationImageFileType()]);\n  }\n}\n"],"names":[],"mappings":";;;;;;;AAWA,MAAM,EAAE,GAAG,IAAI,GAAG,IAAI;AAEf,MAAM,kCAAkC,GAAG;AAChD,IAAA,IAAI,EAAE,mCAAmC;AACzC,IAAA,KAAK,EAAE,OAAO;;AAQhB,MAAM,6BAA6B,GAAG;AACpC,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,UAAU,EAAE,YAAY;AACxB,IAAA,qBAAqB,EAAE,uBAAuB;CACtC;AAEV,SAAS,OAAO,CAAC,GAAyC,EAAE,IAAU,EAAA;IACpE,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;AACtC,QAAA,OAAO,EAAE;IACX;AACA,IAAA,OAAO,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC;AAClC;SAEgB,0BAA0B,GAAA;IACxC,OAAO;AACL,QAAA,CAAC,6BAA6B,CAAC,OAAO,GAAG,CAAC,GAAG,EAAE,IAAI,KAChD,GAA4C,CAAC,aAAa,CAAC,IAAY,CAAC;AAC3E,QAAA,CAAC,6BAA6B,CAAC,UAAU,GAAG,CAAC,IAAI,EAAE,KAAK,KAAK,cAAc,CAAC,KAAe,CAAC;QAC5F,CAAC,6BAA6B,CAAC,qBAAqB,GAAG,CAAC,GAAG,EAAE,MAAM,KAAI;YACrE,MAAM,IAAI,GAAG,MAAqB;YAClC,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;AAClC,gBAAA,OAAQ,GAA4C,CAAC,aAAa,CAAC,IAAI,CAAC;YAC1E;AACA,YAAA,OAAO,OAAO,CAAC,GAA2C,EAAE,IAAI,CAAC;QACnE,CAAC;KACF;AACH;SAEgB,+BAA+B,GAAA;IAC7C,MAAM,YAAY,GAAG,kCAAkC;IACvD,OAAO;AACL,QAAA,IAAI,EAAE,6BAA6B;AACnC,QAAA,QAAQ,EAAE,sBAAsB,CAAC,cAAc,CAAC;QAChD,KAAK,EAAE,YAAY,CAAC,KAAK;QACzB,IAAI,EAAE,YAAY,CAAC,IAAI;AACvB,QAAA,WAAW,EAAE;YACX,SAAS,EAAE,CAAC,SAAS,CAAC;AACtB,YAAA,OAAO,EAAE,CAAC;YACV,OAAO,EAAE,GAAG,GAAG,EAAE;AAClB,SAAA;AACD,QAAA,UAAU,EAAE;AACV,YAAA,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE;AAC9B,YAAA,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE,EAAE;AACjE,YAAA,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;AAC7B,YAAA,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;AAC7B,YAAA,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC/B,YAAA,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE,EAAE;AAChE,SAAA;QACD,SAAS,EAAE,0BAA0B,EAAE;AACvC,QAAA,IAAI,EAAE,CAAC,OAAO,KAAoB;AAChC,YAAA,MAAM,KAAK,GAAG,qBAAqB,CAAC,OAAqC,CAAC;YAC1E,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE;AACrC,YAAA,MAAM,IAAI,GAAG,KAAK,CAAC;AAChB,iBAAA,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,YAAY,EAAE,IAAI,EAAE;iBAC3D,MAAM,CAAC,CAAC,GAAG,KAAoB,CAAC,CAAC,GAAG,CAAC;YACxC,OAAO;gBACL,IAAI,EAAE,OAAO,IAAI,EAAE;AACnB,gBAAA,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE;aACnE;QACH,CAAC;KACF;AACH;AAGM,MAAO,mCAAoC,SAAQ,sBAAsB,CAAA;IAC7E,KAAK,GAAA;QACH,OAAO,OAAO,CAAC,OAAO,CAAC,CAAC,+BAA+B,EAAE,CAAC,CAAC;IAC7D;8GAHW,mCAAmC,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAnC,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mCAAmC,cADtB,MAAM,EAAA,CAAA,CAAA;;2FACnB,mCAAmC,EAAA,UAAA,EAAA,CAAA;kBAD/C,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;;;"}

package/fesm2022/acorex-components-conversation-conversation-info-media-view.component-Mhk7JE6K.mjs

@@ -0,0 +1,238 @@
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import * as i3 from '@acorex/core/translation';
+import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, Injector, input, output, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { A as AXConversationService, h as AXConversationRegistryComponentOutletComponent } from './acorex-components-conversation-acorex-components-conversation-YhVa42TC.mjs';
+import { A as AXConversationAudioAttachmentComponent } from './acorex-components-conversation-audio-attachment.component-CLvS3W8F.mjs';
+import { A as AXConversationImageAttachmentComponent } from './acorex-components-conversation-image-attachment.component-CLMGxXPl.mjs';
+import { A as AXConversationVideoAttachmentComponent } from './acorex-components-conversation-video-attachment.component-CGaUhnSb.mjs';
+import { f as filterMessagesByMediaCategory, i as isGridMediaCategory, a as isAttachmentListCategory, b as buildMediaGalleryTiles, g as getMessageVideoItems, c as getMessageAudioItems } from './acorex-components-conversation-conversation-info-panel.component-CNaM5ajR.mjs';
+
+/**
+ * Shared media browser inside the conversation info panel.
+ */
+class AXConversationInfoMediaViewComponent {
+    constructor() {
+        this.translation = inject(AXTranslationService);
+        this.parentInjector = inject(Injector);
+        this.category = input.required(...(ngDevMode ? [{ debugName: "category" }] : /* istanbul ignore next */ []));
+        this.messages = input.required(...(ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []));
+        this.conversation = input.required(...(ngDevMode ? [{ debugName: "conversation" }] : /* istanbul ignore next */ []));
+        this.conversationServiceInput = input.required({ ...(ngDevMode ? { debugName: "conversationServiceInput" } : /* istanbul ignore next */ {}), alias: 'conversationService' });
+        /** Callback for lazy outlet wiring (alternative to the `back` output). */
+        this.onBack = input(undefined, ...(ngDevMode ? [{ debugName: "onBack" }] : /* istanbul ignore next */ []));
+        this.back = output();
+        this.items = computed(() => filterMessagesByMediaCategory(this.messages(), this.category().id), ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+        this.isGrid = computed(() => isGridMediaCategory(this.category().id), ...(ngDevMode ? [{ debugName: "isGrid" }] : /* istanbul ignore next */ []));
+        this.isAttachmentList = computed(() => isAttachmentListCategory(this.category().id), ...(ngDevMode ? [{ debugName: "isAttachmentList" }] : /* istanbul ignore next */ []));
+        this.galleryTiles = computed(() => buildMediaGalleryTiles(this.messages(), this.category().id), ...(ngDevMode ? [{ debugName: "galleryTiles" }] : /* istanbul ignore next */ []));
+        this.rendererInjector = computed(() => Injector.create({
+            providers: [{ provide: AXConversationService, useValue: this.conversationServiceInput() }],
+            parent: this.parentInjector,
+        }), ...(ngDevMode ? [{ debugName: "rendererInjector" }] : /* istanbul ignore next */ []));
+        this.titleLabel = computed(() => this.translation.translateSync(this.category().countLabelKey, {
+            params: { count: this.category().count },
+        }), ...(ngDevMode ? [{ debugName: "titleLabel" }] : /* istanbul ignore next */ []));
+        this.getMessageVideoItems = getMessageVideoItems;
+        this.getMessageAudioItems = getMessageAudioItems;
+    }
+    getRendererComponent(message) {
+        const renderer = this.conversationServiceInput().registry.messageRenderers.getRenderer(message);
+        return renderer?.component;
+    }
+    getRendererComponentLoader(message) {
+        const renderer = this.conversationServiceInput().registry.messageRenderers.getRenderer(message);
+        if (renderer?.componentLoader) {
+            return renderer.componentLoader;
+        }
+        if (!renderer?.component) {
+            return () => import('./acorex-components-conversation-fallback-renderer.component-CYh_6O6j.mjs').then((m) => m.AXConversationFallbackRendererComponent);
+        }
+        return undefined;
+    }
+    getRendererInputs(message) {
+        return { message };
+    }
+    formatTimestamp(message) {
+        return new Intl.DateTimeFormat(undefined, {
+            dateStyle: 'medium',
+            timeStyle: 'short',
+        }).format(message.timestamp);
+    }
+    handleBack() {
+        this.onBack()?.();
+        this.back.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXConversationInfoMediaViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXConversationInfoMediaViewComponent, isStandalone: true, selector: "ax-conversation-info-media-view", inputs: { category: { classPropertyName: "category", publicName: "category", isSignal: true, isRequired: true, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: true, transformFunction: null }, conversation: { classPropertyName: "conversation", publicName: "conversation", isSignal: true, isRequired: true, transformFunction: null }, conversationServiceInput: { classPropertyName: "conversationServiceInput", publicName: "conversationService", isSignal: true, isRequired: true, transformFunction: null }, onBack: { classPropertyName: "onBack", publicName: "onBack", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { back: "back" }, ngImport: i0, template: `
+    <div class="tg-media-view">
+      <header class="tg-media-view__header">
+        <button type="button" class="tg-media-view__back" (click)="handleBack()" [attr.aria-label]="'Back'">
+          <i class="fa-light fa-arrow-left"></i>
+        </button>
+        <h3 class="tg-media-view__title">{{ titleLabel() }}</h3>
+      </header>
+
+      @if (items().length === 0) {
+        <div class="tg-media-view__empty">
+          {{ '@acorex:chat.info-panel.media.empty' | translate | async }}
+        </div>
+      } @else if (isGrid()) {
+        <div class="tg-media-view__grid">
+          @for (tile of galleryTiles(); track tile.key) {
+            <article
+              class="tg-media-view__grid-cell"
+              [class.tg-media-view__grid-cell--sticker]="tile.kind === 'sticker'"
+            >
+              @switch (tile.kind) {
+                @case ('image') {
+                  @if (tile.image; as image) {
+                    <ax-conversation-image-attachment [item]="image" [alt]="'Photo'" />
+                  }
+                }
+                @case ('sticker') {
+                  @if (tile.stickerUrl) {
+                    <img
+                      class="tg-media-view__sticker"
+                      [src]="tile.stickerUrl"
+                      [alt]="tile.stickerAlt ?? 'Sticker'"
+                      loading="lazy"
+                    />
+                  }
+                }
+              }
+            </article>
+          }
+        </div>
+      } @else if (isAttachmentList()) {
+        <div class="tg-media-view__list">
+          @for (message of items(); track message.id) {
+            <article class="tg-media-view__list-item">
+              <div class="tg-media-view__list-body">
+                @if (category().id === 'video') {
+                  @for (video of getMessageVideoItems(message); track video.mediaId ?? video.url) {
+                    <ax-conversation-video-attachment [item]="video" />
+                  }
+                } @else {
+                  @for (audio of getMessageAudioItems(message); track audio.mediaId ?? audio.url) {
+                    <ax-conversation-audio-attachment [item]="audio" />
+                  }
+                }
+              </div>
+              <time class="tg-media-view__list-meta">{{ formatTimestamp(message) }}</time>
+            </article>
+          }
+        </div>
+      } @else {
+        <div class="tg-media-view__list">
+          @for (message of items(); track message.id) {
+            <article class="tg-media-view__list-item">
+              <div class="tg-media-view__list-body">
+                <ax-conversation-registry-component-outlet
+                  [component]="getRendererComponent(message)"
+                  [componentLoader]="getRendererComponentLoader(message)"
+                  [inputs]="getRendererInputs(message)"
+                />
+              </div>
+              <time class="tg-media-view__list-meta">{{ formatTimestamp(message) }}</time>
+            </article>
+          }
+        </div>
+      }
+    </div>
+  `, isInline: true, styles: [":host{display:block;width:100%}.tg-media-view{display:flex;flex-direction:column;min-height:12rem;max-height:min(85vh,40rem)}.tg-media-view__header{display:flex;align-items:center;gap:.5rem;padding:.65rem .75rem;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface));flex-shrink:0}.tg-media-view__back{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:999px;background:transparent;color:rgb(var(--ax-sys-color-primary-500));cursor:pointer}.tg-media-view__back:hover{background:rgb(var(--ax-sys-color-lighter-surface))}.tg-media-view__title{margin:0;font-size:1rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}.tg-media-view__empty{padding:2rem 1rem;text-align:center;font-size:.875rem;color:rgb(var(--ax-sys-color-on-surface));opacity:.65}.tg-media-view__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:2px;overflow-y:auto;overscroll-behavior:contain;background:rgb(var(--ax-sys-color-border-light-surface))}.tg-media-view__grid-cell{position:relative;aspect-ratio:1;overflow:hidden;background:rgb(var(--ax-sys-color-lighter-surface))}.tg-media-view__grid-cell--sticker{display:flex;align-items:center;justify-content:center;padding:.35rem}.tg-media-view__grid-cell ::ng-deep ax-conversation-image-attachment,.tg-media-view__grid-cell ::ng-deep .ax-conversation-image-attachment{width:100%;height:100%;min-height:0;border-radius:0}.tg-media-view__grid-cell ::ng-deep img{width:100%;height:100%;object-fit:cover}.tg-media-view__sticker{max-width:100%;max-height:100%;object-fit:contain}.tg-media-view__list{display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.tg-media-view__list-item{display:flex;flex-direction:column;gap:.35rem;padding:.75rem 1rem;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.tg-media-view__list-item:last-child{border-bottom:none}.tg-media-view__list-body{min-width:0;display:flex;flex-direction:column;gap:.5rem}.tg-media-view__list-body ::ng-deep .ax-conversation-msg{max-width:100%}.tg-media-view__list-body ::ng-deep ax-conversation-message-renderer-state{display:none}.tg-media-view__list-body ::ng-deep .ax-conversation-video__player{max-height:min(50vh,16rem)}.tg-media-view__list-meta{font-size:.75rem;color:rgb(var(--ax-sys-color-on-surface));opacity:.55}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AXConversationRegistryComponentOutletComponent, selector: "ax-conversation-registry-component-outlet", inputs: ["component", "componentLoader", "inputs"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXConversationImageAttachmentComponent, selector: "ax-conversation-image-attachment", inputs: ["item", "alt"] }, { kind: "component", type: AXConversationVideoAttachmentComponent, selector: "ax-conversation-video-attachment", inputs: ["item"], outputs: ["playingChange", "timeUpdate", "durationChange", "playbackEnded", "playbackError"] }, { kind: "component", type: AXConversationAudioAttachmentComponent, selector: "ax-conversation-audio-attachment", inputs: ["item"], outputs: ["playingChange", "timeUpdate", "durationChange", "playbackEnded", "playbackError"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXConversationInfoMediaViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-conversation-info-media-view', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        AXConversationRegistryComponentOutletComponent,
+                        AXDecoratorModule,
+                        AXTranslationModule,
+                        AXConversationImageAttachmentComponent,
+                        AXConversationVideoAttachmentComponent,
+                        AXConversationAudioAttachmentComponent,
+                    ], template: `
+    <div class="tg-media-view">
+      <header class="tg-media-view__header">
+        <button type="button" class="tg-media-view__back" (click)="handleBack()" [attr.aria-label]="'Back'">
+          <i class="fa-light fa-arrow-left"></i>
+        </button>
+        <h3 class="tg-media-view__title">{{ titleLabel() }}</h3>
+      </header>
+
+      @if (items().length === 0) {
+        <div class="tg-media-view__empty">
+          {{ '@acorex:chat.info-panel.media.empty' | translate | async }}
+        </div>
+      } @else if (isGrid()) {
+        <div class="tg-media-view__grid">
+          @for (tile of galleryTiles(); track tile.key) {
+            <article
+              class="tg-media-view__grid-cell"
+              [class.tg-media-view__grid-cell--sticker]="tile.kind === 'sticker'"
+            >
+              @switch (tile.kind) {
+                @case ('image') {
+                  @if (tile.image; as image) {
+                    <ax-conversation-image-attachment [item]="image" [alt]="'Photo'" />
+                  }
+                }
+                @case ('sticker') {
+                  @if (tile.stickerUrl) {
+                    <img
+                      class="tg-media-view__sticker"
+                      [src]="tile.stickerUrl"
+                      [alt]="tile.stickerAlt ?? 'Sticker'"
+                      loading="lazy"
+                    />
+                  }
+                }
+              }
+            </article>
+          }
+        </div>
+      } @else if (isAttachmentList()) {
+        <div class="tg-media-view__list">
+          @for (message of items(); track message.id) {
+            <article class="tg-media-view__list-item">
+              <div class="tg-media-view__list-body">
+                @if (category().id === 'video') {
+                  @for (video of getMessageVideoItems(message); track video.mediaId ?? video.url) {
+                    <ax-conversation-video-attachment [item]="video" />
+                  }
+                } @else {
+                  @for (audio of getMessageAudioItems(message); track audio.mediaId ?? audio.url) {
+                    <ax-conversation-audio-attachment [item]="audio" />
+                  }
+                }
+              </div>
+              <time class="tg-media-view__list-meta">{{ formatTimestamp(message) }}</time>
+            </article>
+          }
+        </div>
+      } @else {
+        <div class="tg-media-view__list">
+          @for (message of items(); track message.id) {
+            <article class="tg-media-view__list-item">
+              <div class="tg-media-view__list-body">
+                <ax-conversation-registry-component-outlet
+                  [component]="getRendererComponent(message)"
+                  [componentLoader]="getRendererComponentLoader(message)"
+                  [inputs]="getRendererInputs(message)"
+                />
+              </div>
+              <time class="tg-media-view__list-meta">{{ formatTimestamp(message) }}</time>
+            </article>
+          }
+        </div>
+      }
+    </div>
+  `, styles: [":host{display:block;width:100%}.tg-media-view{display:flex;flex-direction:column;min-height:12rem;max-height:min(85vh,40rem)}.tg-media-view__header{display:flex;align-items:center;gap:.5rem;padding:.65rem .75rem;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface));flex-shrink:0}.tg-media-view__back{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:999px;background:transparent;color:rgb(var(--ax-sys-color-primary-500));cursor:pointer}.tg-media-view__back:hover{background:rgb(var(--ax-sys-color-lighter-surface))}.tg-media-view__title{margin:0;font-size:1rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}.tg-media-view__empty{padding:2rem 1rem;text-align:center;font-size:.875rem;color:rgb(var(--ax-sys-color-on-surface));opacity:.65}.tg-media-view__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:2px;overflow-y:auto;overscroll-behavior:contain;background:rgb(var(--ax-sys-color-border-light-surface))}.tg-media-view__grid-cell{position:relative;aspect-ratio:1;overflow:hidden;background:rgb(var(--ax-sys-color-lighter-surface))}.tg-media-view__grid-cell--sticker{display:flex;align-items:center;justify-content:center;padding:.35rem}.tg-media-view__grid-cell ::ng-deep ax-conversation-image-attachment,.tg-media-view__grid-cell ::ng-deep .ax-conversation-image-attachment{width:100%;height:100%;min-height:0;border-radius:0}.tg-media-view__grid-cell ::ng-deep img{width:100%;height:100%;object-fit:cover}.tg-media-view__sticker{max-width:100%;max-height:100%;object-fit:contain}.tg-media-view__list{display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.tg-media-view__list-item{display:flex;flex-direction:column;gap:.35rem;padding:.75rem 1rem;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.tg-media-view__list-item:last-child{border-bottom:none}.tg-media-view__list-body{min-width:0;display:flex;flex-direction:column;gap:.5rem}.tg-media-view__list-body ::ng-deep .ax-conversation-msg{max-width:100%}.tg-media-view__list-body ::ng-deep ax-conversation-message-renderer-state{display:none}.tg-media-view__list-body ::ng-deep .ax-conversation-video__player{max-height:min(50vh,16rem)}.tg-media-view__list-meta{font-size:.75rem;color:rgb(var(--ax-sys-color-on-surface));opacity:.55}\n"] }]
+        }], propDecorators: { category: [{ type: i0.Input, args: [{ isSignal: true, alias: "category", required: true }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: true }] }], conversation: [{ type: i0.Input, args: [{ isSignal: true, alias: "conversation", required: true }] }], conversationServiceInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "conversationService", required: true }] }], onBack: [{ type: i0.Input, args: [{ isSignal: true, alias: "onBack", required: false }] }], back: [{ type: i0.Output, args: ["back"] }] } });
+
+export { AXConversationInfoMediaViewComponent };
+//# sourceMappingURL=acorex-components-conversation-conversation-info-media-view.component-Mhk7JE6K.mjs.map

package/fesm2022/acorex-components-conversation-conversation-info-media-view.component-Mhk7JE6K.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-conversation-conversation-info-media-view.component-Mhk7JE6K.mjs","sources":["../../../../packages/components/conversation/src/lib/plugins/info-bar/components/conversation-info-media-view.component.ts"],"sourcesContent":["/**\n * Shared media browser inside the conversation info panel.\n */\n\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXTranslationModule, AXTranslationService } from '@acorex/core/translation';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, inject, Injector, input, output } from '@angular/core';\nimport { AXConversationRegistryComponentOutletComponent } from '../../../components/shared/registry-component-outlet.component';\nimport type { AXConversation, AXConversationMessage } from '../../../models';\nimport { AXConversationService } from '../../../services';\nimport { AXConversationAudioAttachmentComponent } from '../../message-list/components/shared/audio-attachment.component';\nimport { AXConversationImageAttachmentComponent } from '../../message-list/components/shared/image-attachment.component';\nimport { AXConversationVideoAttachmentComponent } from '../../message-list/components/shared/video-attachment.component';\nimport {\n  buildMediaGalleryTiles,\n  filterMessagesByMediaCategory,\n  getMessageAudioItems,\n  getMessageVideoItems,\n  isAttachmentListCategory,\n  isGridMediaCategory,\n  type AXConversationMediaCategory,\n} from './conversation-info-panel.utils';\n\n@Component({\n  selector: 'ax-conversation-info-media-view',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    CommonModule,\n    AXConversationRegistryComponentOutletComponent,\n    AXDecoratorModule,\n    AXTranslationModule,\n    AXConversationImageAttachmentComponent,\n    AXConversationVideoAttachmentComponent,\n    AXConversationAudioAttachmentComponent,\n  ],\n  template: `\n    <div class=\"tg-media-view\">\n      <header class=\"tg-media-view__header\">\n        <button type=\"button\" class=\"tg-media-view__back\" (click)=\"handleBack()\" [attr.aria-label]=\"'Back'\">\n          <i class=\"fa-light fa-arrow-left\"></i>\n        </button>\n        <h3 class=\"tg-media-view__title\">{{ titleLabel() }}</h3>\n      </header>\n\n      @if (items().length === 0) {\n        <div class=\"tg-media-view__empty\">\n          {{ '@acorex:chat.info-panel.media.empty' | translate | async }}\n        </div>\n      } @else if (isGrid()) {\n        <div class=\"tg-media-view__grid\">\n          @for (tile of galleryTiles(); track tile.key) {\n            <article\n              class=\"tg-media-view__grid-cell\"\n              [class.tg-media-view__grid-cell--sticker]=\"tile.kind === 'sticker'\"\n            >\n              @switch (tile.kind) {\n                @case ('image') {\n                  @if (tile.image; as image) {\n                    <ax-conversation-image-attachment [item]=\"image\" [alt]=\"'Photo'\" />\n                  }\n                }\n                @case ('sticker') {\n                  @if (tile.stickerUrl) {\n                    <img\n                      class=\"tg-media-view__sticker\"\n                      [src]=\"tile.stickerUrl\"\n                      [alt]=\"tile.stickerAlt ?? 'Sticker'\"\n                      loading=\"lazy\"\n                    />\n                  }\n                }\n              }\n            </article>\n          }\n        </div>\n      } @else if (isAttachmentList()) {\n        <div class=\"tg-media-view__list\">\n          @for (message of items(); track message.id) {\n            <article class=\"tg-media-view__list-item\">\n              <div class=\"tg-media-view__list-body\">\n                @if (category().id === 'video') {\n                  @for (video of getMessageVideoItems(message); track video.mediaId ?? video.url) {\n                    <ax-conversation-video-attachment [item]=\"video\" />\n                  }\n                } @else {\n                  @for (audio of getMessageAudioItems(message); track audio.mediaId ?? audio.url) {\n                    <ax-conversation-audio-attachment [item]=\"audio\" />\n                  }\n                }\n              </div>\n              <time class=\"tg-media-view__list-meta\">{{ formatTimestamp(message) }}</time>\n            </article>\n          }\n        </div>\n      } @else {\n        <div class=\"tg-media-view__list\">\n          @for (message of items(); track message.id) {\n            <article class=\"tg-media-view__list-item\">\n              <div class=\"tg-media-view__list-body\">\n                <ax-conversation-registry-component-outlet\n                  [component]=\"getRendererComponent(message)\"\n                  [componentLoader]=\"getRendererComponentLoader(message)\"\n                  [inputs]=\"getRendererInputs(message)\"\n                />\n              </div>\n              <time class=\"tg-media-view__list-meta\">{{ formatTimestamp(message) }}</time>\n            </article>\n          }\n        </div>\n      }\n    </div>\n  `,\n  styles: [\n    `\n      :host {\n        display: block;\n        width: 100%;\n      }\n\n      .tg-media-view {\n        display: flex;\n        flex-direction: column;\n        min-height: 12rem;\n        max-height: min(85vh, 40rem);\n      }\n\n      .tg-media-view__header {\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n        padding: 0.65rem 0.75rem;\n        border-bottom: 1px solid rgb(var(--ax-sys-color-border-light-surface));\n        flex-shrink: 0;\n      }\n\n      .tg-media-view__back {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 2rem;\n        height: 2rem;\n        border: none;\n        border-radius: 999px;\n        background: transparent;\n        color: rgb(var(--ax-sys-color-primary-500));\n        cursor: pointer;\n      }\n\n      .tg-media-view__back:hover {\n        background: rgb(var(--ax-sys-color-lighter-surface));\n      }\n\n      .tg-media-view__title {\n        margin: 0;\n        font-size: 1rem;\n        font-weight: 600;\n        color: rgb(var(--ax-sys-color-on-surface));\n      }\n\n      .tg-media-view__empty {\n        padding: 2rem 1rem;\n        text-align: center;\n        font-size: 0.875rem;\n        color: rgb(var(--ax-sys-color-on-surface));\n        opacity: 0.65;\n      }\n\n      .tg-media-view__grid {\n        display: grid;\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n        gap: 2px;\n        padding: 2px;\n        overflow-y: auto;\n        overscroll-behavior: contain;\n        background: rgb(var(--ax-sys-color-border-light-surface));\n      }\n\n      .tg-media-view__grid-cell {\n        position: relative;\n        aspect-ratio: 1;\n        overflow: hidden;\n        background: rgb(var(--ax-sys-color-lighter-surface));\n      }\n\n      .tg-media-view__grid-cell--sticker {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 0.35rem;\n      }\n\n      .tg-media-view__grid-cell ::ng-deep ax-conversation-image-attachment,\n      .tg-media-view__grid-cell ::ng-deep .ax-conversation-image-attachment {\n        width: 100%;\n        height: 100%;\n        min-height: 0;\n        border-radius: 0;\n      }\n\n      .tg-media-view__grid-cell ::ng-deep img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n      }\n\n      .tg-media-view__sticker {\n        max-width: 100%;\n        max-height: 100%;\n        object-fit: contain;\n      }\n\n      .tg-media-view__list {\n        display: flex;\n        flex-direction: column;\n        overflow-y: auto;\n        overscroll-behavior: contain;\n      }\n\n      .tg-media-view__list-item {\n        display: flex;\n        flex-direction: column;\n        gap: 0.35rem;\n        padding: 0.75rem 1rem;\n        border-bottom: 1px solid rgb(var(--ax-sys-color-border-light-surface));\n      }\n\n      .tg-media-view__list-item:last-child {\n        border-bottom: none;\n      }\n\n      .tg-media-view__list-body {\n        min-width: 0;\n        display: flex;\n        flex-direction: column;\n        gap: 0.5rem;\n      }\n\n      .tg-media-view__list-body ::ng-deep .ax-conversation-msg {\n        max-width: 100%;\n      }\n\n      .tg-media-view__list-body ::ng-deep ax-conversation-message-renderer-state {\n        display: none;\n      }\n\n      .tg-media-view__list-body ::ng-deep .ax-conversation-video__player {\n        max-height: min(50vh, 16rem);\n      }\n\n      .tg-media-view__list-meta {\n        font-size: 0.75rem;\n        color: rgb(var(--ax-sys-color-on-surface));\n        opacity: 0.55;\n      }\n    `,\n  ],\n})\nexport class AXConversationInfoMediaViewComponent {\n  private readonly translation = inject(AXTranslationService);\n  private readonly parentInjector = inject(Injector);\n\n  readonly category = input.required<AXConversationMediaCategory>();\n  readonly messages = input.required<AXConversationMessage[]>();\n  readonly conversation = input.required<AXConversation>();\n  readonly conversationServiceInput = input.required<AXConversationService>({ alias: 'conversationService' });\n  /** Callback for lazy outlet wiring (alternative to the `back` output). */\n  readonly onBack = input<(() => void) | undefined>(undefined);\n\n  readonly back = output<void>();\n\n  readonly items = computed(() => filterMessagesByMediaCategory(this.messages(), this.category().id));\n  readonly isGrid = computed(() => isGridMediaCategory(this.category().id));\n  readonly isAttachmentList = computed(() => isAttachmentListCategory(this.category().id));\n  readonly galleryTiles = computed(() => buildMediaGalleryTiles(this.messages(), this.category().id));\n\n  readonly rendererInjector = computed(() =>\n    Injector.create({\n      providers: [{ provide: AXConversationService, useValue: this.conversationServiceInput() }],\n      parent: this.parentInjector,\n    }),\n  );\n\n  readonly titleLabel = computed(() =>\n    this.translation.translateSync(this.category().countLabelKey, {\n      params: { count: this.category().count },\n    }),\n  );\n\n  readonly getMessageVideoItems = getMessageVideoItems;\n  readonly getMessageAudioItems = getMessageAudioItems;\n\n  getRendererComponent(message: AXConversationMessage) {\n    const renderer = this.conversationServiceInput().registry.messageRenderers.getRenderer(message);\n    return renderer?.component;\n  }\n\n  getRendererComponentLoader(message: AXConversationMessage) {\n    const renderer = this.conversationServiceInput().registry.messageRenderers.getRenderer(message);\n    if (renderer?.componentLoader) {\n      return renderer.componentLoader;\n    }\n    if (!renderer?.component) {\n      return () =>\n        import('../../message-list/components/fallback-renderer/fallback-renderer.component').then(\n          (m) => m.AXConversationFallbackRendererComponent,\n        );\n    }\n    return undefined;\n  }\n\n  getRendererInputs(message: AXConversationMessage) {\n    return { message };\n  }\n\n  formatTimestamp(message: AXConversationMessage): string {\n    return new Intl.DateTimeFormat(undefined, {\n      dateStyle: 'medium',\n      timeStyle: 'short',\n    }).format(message.timestamp);\n  }\n\n  handleBack(): void {\n    this.onBack()?.();\n    this.back.emit();\n  }\n}\n"],"names":["i1","i2"],"mappings":"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"}