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

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

@@ -1 +0,0 @@
-{"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":"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"}

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

@@ -1,238 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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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"}