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

package/fesm2022/acorex-components-conversation-file-renderer.component-DgCi06Mg.mjs

@@ -1,125 +0,0 @@
-import { AXFileTypeRegistryService } from '@acorex/core/file';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { input, computed, ChangeDetectionStrategy, Component, inject } from '@angular/core';
-import { normalizeFilePayload } from './acorex-components-conversation-file.payload-DyFxTQYn.mjs';
-import { A as AXConversationMessageRendererCopyHostComponent, m as mediaCopyText } from './acorex-components-conversation-message-renderer-copy-host.component-oXTr_Lfq.mjs';
-import { w as toUploaderReference, x as createResolvedMediaUrlSignal, y as pickDisplayMediaUrl, l as copyWithFileTypeFallback } from './acorex-components-conversation-acorex-components-conversation-YhVa42TC.mjs';
-import { a as formatFileByteSize } from './acorex-components-conversation-format-media-DUD4vA6F.mjs';
-import { A as AXConversationMessageRendererStateComponent } from './acorex-components-conversation-message-renderer-state.component-Dp-JdHWr.mjs';
-import './acorex-components-conversation-renderer-shared.styles-Digah3Zn.mjs';
-
-const AX_CONVERSATION_EXT_COLORS = {
-    pdf: 'rgb(var(--ax-sys-color-danger-500))',
-    doc: 'rgb(var(--ax-sys-color-primary-500))',
-    docx: 'rgb(var(--ax-sys-color-primary-500))',
-    xls: 'rgb(var(--ax-sys-color-success-500))',
-    xlsx: 'rgb(var(--ax-sys-color-success-500))',
-    ppt: 'rgb(var(--ax-sys-color-warning-500))',
-    pptx: 'rgb(var(--ax-sys-color-warning-500))',
-    zip: 'rgb(var(--ax-sys-color-secondary-600))',
-};
-class AXConversationFileAttachmentComponent {
-    constructor() {
-        this.item = input.required(...(ngDevMode ? [{ debugName: "item" }] : /* istanbul ignore next */ []));
-        this.mediaReference = computed(() => toUploaderReference(this.item()), ...(ngDevMode ? [{ debugName: "mediaReference" }] : /* istanbul ignore next */ []));
-        this.resolvedUrl = createResolvedMediaUrlSignal(this.mediaReference);
-        this.fileUrl = computed(() => pickDisplayMediaUrl(this.resolvedUrl(), this.item().url), ...(ngDevMode ? [{ debugName: "fileUrl" }] : /* istanbul ignore next */ []));
-        this.fileName = computed(() => this.item().name || 'file', ...(ngDevMode ? [{ debugName: "fileName" }] : /* istanbul ignore next */ []));
-        this.fileSize = computed(() => this.item().size ?? 0, ...(ngDevMode ? [{ debugName: "fileSize" }] : /* istanbul ignore next */ []));
-        this.fileExtension = computed(() => {
-            const name = this.fileName();
-            const parts = name.split('.');
-            return parts.length > 1 ? parts[parts.length - 1] : 'FILE';
-        }, ...(ngDevMode ? [{ debugName: "fileExtension" }] : /* istanbul ignore next */ []));
-        this.swatchColor = computed(() => {
-            const ext = this.fileExtension().toLowerCase();
-            return AX_CONVERSATION_EXT_COLORS[ext] ?? 'rgb(var(--ax-sys-color-secondary-500))';
-        }, ...(ngDevMode ? [{ debugName: "swatchColor" }] : /* istanbul ignore next */ []));
-        this.formattedSize = computed(() => formatFileByteSize(this.fileSize()), ...(ngDevMode ? [{ debugName: "formattedSize" }] : /* istanbul ignore next */ []));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXConversationFileAttachmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: AXConversationFileAttachmentComponent, isStandalone: true, selector: "ax-conversation-file-attachment", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
-    <a class="ax-conversation-file" [href]="fileUrl()" [download]="fileName()" target="_blank" rel="noopener noreferrer">
-      <span class="ax-conversation-file__badge" [style.background]="swatchColor()">{{ fileExtension() }}</span>
-      <span class="ax-conversation-file__body">
-        <span class="ax-conversation-file__name">{{ fileName() }}</span>
-        <span class="ax-conversation-file__meta">{{ formattedSize() }}</span>
-      </span>
-      <i class="fa-light fa-arrow-down-to-line ax-conversation-file__icon" aria-hidden="true"></i>
-    </a>
-  `, isInline: true, styles: [":host{display:block}.ax-conversation-file{display:flex;align-items:center;gap:.625rem;width:100%;min-height:2.75rem;padding:.5rem .625rem;border-radius:var(--ax-sys-border-radius, .5rem);border:1px solid rgb(var(--ax-sys-color-border-light-surface));background:rgb(var(--ax-sys-color-surface));color:rgb(var(--ax-sys-color-on-surface));text-decoration:none;touch-action:manipulation;transition:border-color .15s ease,background-color .15s ease}@media(hover:hover){.ax-conversation-file:hover{border-color:rgb(var(--ax-sys-color-primary-500));background:rgb(var(--ax-sys-color-light-surface))}}.ax-conversation-file__badge{flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--ax-sys-border-radius, .375rem);font-weight:600;font-size:.5625rem;text-transform:uppercase;color:rgb(var(--ax-sys-color-light))}.ax-conversation-file__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.ax-conversation-file__name{font-size:.8125rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ax-conversation-file__meta{font-size:.6875rem;color:rgba(var(--ax-sys-color-on-surface),.65)}.ax-conversation-file__icon{flex-shrink:0;font-size:.875rem;color:rgba(var(--ax-sys-color-on-surface),.55)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXConversationFileAttachmentComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-conversation-file-attachment', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
-    <a class="ax-conversation-file" [href]="fileUrl()" [download]="fileName()" target="_blank" rel="noopener noreferrer">
-      <span class="ax-conversation-file__badge" [style.background]="swatchColor()">{{ fileExtension() }}</span>
-      <span class="ax-conversation-file__body">
-        <span class="ax-conversation-file__name">{{ fileName() }}</span>
-        <span class="ax-conversation-file__meta">{{ formattedSize() }}</span>
-      </span>
-      <i class="fa-light fa-arrow-down-to-line ax-conversation-file__icon" aria-hidden="true"></i>
-    </a>
-  `, styles: [":host{display:block}.ax-conversation-file{display:flex;align-items:center;gap:.625rem;width:100%;min-height:2.75rem;padding:.5rem .625rem;border-radius:var(--ax-sys-border-radius, .5rem);border:1px solid rgb(var(--ax-sys-color-border-light-surface));background:rgb(var(--ax-sys-color-surface));color:rgb(var(--ax-sys-color-on-surface));text-decoration:none;touch-action:manipulation;transition:border-color .15s ease,background-color .15s ease}@media(hover:hover){.ax-conversation-file:hover{border-color:rgb(var(--ax-sys-color-primary-500));background:rgb(var(--ax-sys-color-light-surface))}}.ax-conversation-file__badge{flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--ax-sys-border-radius, .375rem);font-weight:600;font-size:.5625rem;text-transform:uppercase;color:rgb(var(--ax-sys-color-light))}.ax-conversation-file__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.ax-conversation-file__name{font-size:.8125rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ax-conversation-file__meta{font-size:.6875rem;color:rgba(var(--ax-sys-color-on-surface),.65)}.ax-conversation-file__icon{flex-shrink:0;font-size:.875rem;color:rgba(var(--ax-sys-color-on-surface),.55)}\n"] }]
-        }], propDecorators: { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: true }] }] } });
-
-class AXConversationFileRendererComponent extends AXConversationMessageRendererCopyHostComponent {
-    constructor() {
-        super(...arguments);
-        this.fileTypes = inject(AXFileTypeRegistryService);
-        this.message = input.required(...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
-        this.rendererState = computed(() => ({
-            deliveryStatus: this.message().status,
-            contentState: 'ready',
-        }), ...(ngDevMode ? [{ debugName: "rendererState" }] : /* istanbul ignore next */ []));
-        this.payload = computed(() => normalizeFilePayload(this.message().payload), ...(ngDevMode ? [{ debugName: "payload" }] : /* istanbul ignore next */ []));
-        this.files = computed(() => this.payload().files, ...(ngDevMode ? [{ debugName: "files" }] : /* istanbul ignore next */ []));
-        this.caption = computed(() => this.payload().caption?.trim() || '', ...(ngDevMode ? [{ debugName: "caption" }] : /* istanbul ignore next */ []));
-    }
-    copy() {
-        return copyWithFileTypeFallback(this.message(), this.fileTypes, () => {
-            const p = this.payload();
-            if (p.files.length === 1) {
-                const file = p.files[0];
-                const name = file.name?.trim() || 'File';
-                const url = file.url?.trim();
-                return url ? `${name}\n${url}` : name;
-            }
-            return mediaCopyText(p.caption, 'File', 'files', p.files.length, p.files.map((file) => file.name?.trim() || file.url?.trim()));
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXConversationFileRendererComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXConversationFileRendererComponent, isStandalone: true, selector: "ax-conversation-file-renderer", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
-    <div class="ax-conversation-msg ax-conversation-msg--wide">
-      <ax-conversation-message-renderer-state [rendererState]="rendererState()" [message]="message()" />
-      <div class="ax-conversation-msg__stack">
-        @for (file of files(); track file.mediaId ?? file.url) {
-          <ax-conversation-file-attachment [item]="file" />
-        }
-      </div>
-      @if (caption()) {
-        <p class="ax-conversation-msg__caption">{{ caption() }}</p>
-      }
-    </div>
-  `, isInline: true, styles: [":host{display:block;max-width:100%}.ax-conversation-msg,.ax-conversation-msg__stack{display:flex;flex-direction:column;gap:.375rem}.ax-conversation-msg__grid{display:grid;gap:2px;width:100%;border-radius:var(--ax-sys-border-radius, .5rem);overflow:hidden;background:rgb(var(--ax-sys-color-border-light-surface))}.ax-conversation-msg__grid--single{grid-template-columns:1fr}.ax-conversation-msg__grid--single ::ng-deep .ax-conversation-image-attachment{max-height:min(50dvh,20rem)}.ax-conversation-msg__grid--dual{grid-template-columns:repeat(2,1fr)}.ax-conversation-msg__grid--multi{grid-template-columns:repeat(3,1fr);grid-auto-rows:10rem}@container (max-width: 380px){.ax-conversation-msg__grid--multi{grid-template-columns:repeat(2,1fr);grid-auto-rows:10rem}}.ax-conversation-msg__caption{margin:0;padding:0 .125rem;font-size:.8125rem;line-height:1.4;word-break:break-word;opacity:.88}.ax-conversation-msg--flush{width:100%;max-width:100%;gap:0}.ax-conversation-msg--flush .ax-conversation-msg__caption{padding:.375rem .625rem 0}.ax-conversation-msg--flush .ax-conversation-msg__grid{border-radius:0;background:transparent}.ax-conversation-msg--flush .ax-conversation-msg__stack{gap:2px}.ax-conversation-msg--flush ::ng-deep .ax-conversation-video{border-radius:0}.ax-conversation-msg__card{border-radius:var(--ax-sys-border-radius, .5rem);border:1px solid rgb(var(--ax-sys-color-border-light-surface));background:rgb(var(--ax-sys-color-surface));overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AXConversationFileAttachmentComponent, selector: "ax-conversation-file-attachment", inputs: ["item"] }, { kind: "component", type: AXConversationMessageRendererStateComponent, selector: "ax-conversation-message-renderer-state", inputs: ["rendererState", "message", "contentErrorLabel", "deliveryFailedLabel", "showContentErrorChrome", "contentErrorStyle", "contentErrorIconClass", "placement", "contentRetryEnabled"], outputs: ["contentRetry"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXConversationFileRendererComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-conversation-file-renderer', imports: [CommonModule, AXConversationFileAttachmentComponent, AXConversationMessageRendererStateComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
-    <div class="ax-conversation-msg ax-conversation-msg--wide">
-      <ax-conversation-message-renderer-state [rendererState]="rendererState()" [message]="message()" />
-      <div class="ax-conversation-msg__stack">
-        @for (file of files(); track file.mediaId ?? file.url) {
-          <ax-conversation-file-attachment [item]="file" />
-        }
-      </div>
-      @if (caption()) {
-        <p class="ax-conversation-msg__caption">{{ caption() }}</p>
-      }
-    </div>
-  `, styles: [":host{display:block;max-width:100%}.ax-conversation-msg,.ax-conversation-msg__stack{display:flex;flex-direction:column;gap:.375rem}.ax-conversation-msg__grid{display:grid;gap:2px;width:100%;border-radius:var(--ax-sys-border-radius, .5rem);overflow:hidden;background:rgb(var(--ax-sys-color-border-light-surface))}.ax-conversation-msg__grid--single{grid-template-columns:1fr}.ax-conversation-msg__grid--single ::ng-deep .ax-conversation-image-attachment{max-height:min(50dvh,20rem)}.ax-conversation-msg__grid--dual{grid-template-columns:repeat(2,1fr)}.ax-conversation-msg__grid--multi{grid-template-columns:repeat(3,1fr);grid-auto-rows:10rem}@container (max-width: 380px){.ax-conversation-msg__grid--multi{grid-template-columns:repeat(2,1fr);grid-auto-rows:10rem}}.ax-conversation-msg__caption{margin:0;padding:0 .125rem;font-size:.8125rem;line-height:1.4;word-break:break-word;opacity:.88}.ax-conversation-msg--flush{width:100%;max-width:100%;gap:0}.ax-conversation-msg--flush .ax-conversation-msg__caption{padding:.375rem .625rem 0}.ax-conversation-msg--flush .ax-conversation-msg__grid{border-radius:0;background:transparent}.ax-conversation-msg--flush .ax-conversation-msg__stack{gap:2px}.ax-conversation-msg--flush ::ng-deep .ax-conversation-video{border-radius:0}.ax-conversation-msg__card{border-radius:var(--ax-sys-border-radius, .5rem);border:1px solid rgb(var(--ax-sys-color-border-light-surface));background:rgb(var(--ax-sys-color-surface));overflow:hidden}\n"] }]
-        }], propDecorators: { message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }] } });
-
-export { AXConversationFileRendererComponent };
-//# sourceMappingURL=acorex-components-conversation-file-renderer.component-DgCi06Mg.mjs.map

package/fesm2022/acorex-components-conversation-file-renderer.component-DgCi06Mg.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"acorex-components-conversation-file-renderer.component-DgCi06Mg.mjs","sources":["../../../../packages/components/conversation/src/lib/plugins/message-list/components/shared/file-attachment.component.ts","../../../../packages/components/conversation/src/lib/plugins/message-list/components/file-renderer/file-renderer.component.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport type { AXConversationFileMediaItem } from '../../../../models';\nimport { pickDisplayMediaUrl } from '../../../composer/components/shared/persisted-media-url';\nimport { toUploaderReference } from './attachment-uploader-reference';\nimport { formatFileByteSize } from './format-media';\nimport { createResolvedMediaUrlSignal } from './media-url-resolve';\n\nconst AX_CONVERSATION_EXT_COLORS: Record<string, string> = {\n  pdf: 'rgb(var(--ax-sys-color-danger-500))',\n  doc: 'rgb(var(--ax-sys-color-primary-500))',\n  docx: 'rgb(var(--ax-sys-color-primary-500))',\n  xls: 'rgb(var(--ax-sys-color-success-500))',\n  xlsx: 'rgb(var(--ax-sys-color-success-500))',\n  ppt: 'rgb(var(--ax-sys-color-warning-500))',\n  pptx: 'rgb(var(--ax-sys-color-warning-500))',\n  zip: 'rgb(var(--ax-sys-color-secondary-600))',\n};\n\n@Component({\n  selector: 'ax-conversation-file-attachment',\n  imports: [CommonModule],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <a class=\"ax-conversation-file\" [href]=\"fileUrl()\" [download]=\"fileName()\" target=\"_blank\" rel=\"noopener noreferrer\">\n      <span class=\"ax-conversation-file__badge\" [style.background]=\"swatchColor()\">{{ fileExtension() }}</span>\n      <span class=\"ax-conversation-file__body\">\n        <span class=\"ax-conversation-file__name\">{{ fileName() }}</span>\n        <span class=\"ax-conversation-file__meta\">{{ formattedSize() }}</span>\n      </span>\n      <i class=\"fa-light fa-arrow-down-to-line ax-conversation-file__icon\" aria-hidden=\"true\"></i>\n    </a>\n  `,\n  styles: [\n    `\n      :host {\n        display: block;\n      }\n\n      .ax-conversation-file {\n        display: flex;\n        align-items: center;\n        gap: 0.625rem;\n        width: 100%;\n        min-height: 2.75rem;\n        padding: 0.5rem 0.625rem;\n        border-radius: var(--ax-sys-border-radius, 0.5rem);\n        border: 1px solid rgb(var(--ax-sys-color-border-light-surface));\n        background: rgb(var(--ax-sys-color-surface));\n        color: rgb(var(--ax-sys-color-on-surface));\n        text-decoration: none;\n        touch-action: manipulation;\n        transition:\n          border-color 0.15s ease,\n          background-color 0.15s ease;\n      }\n\n      @media (hover: hover) {\n        .ax-conversation-file:hover {\n          border-color: rgb(var(--ax-sys-color-primary-500));\n          background: rgb(var(--ax-sys-color-light-surface));\n        }\n      }\n\n      .ax-conversation-file__badge {\n        flex-shrink: 0;\n        width: 2.5rem;\n        height: 2.5rem;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: var(--ax-sys-border-radius, 0.375rem);\n        font-weight: 600;\n        font-size: 0.5625rem;\n        text-transform: uppercase;\n        color: rgb(var(--ax-sys-color-light));\n      }\n\n      .ax-conversation-file__body {\n        flex: 1;\n        min-width: 0;\n        display: flex;\n        flex-direction: column;\n        gap: 0.125rem;\n      }\n\n      .ax-conversation-file__name {\n        font-size: 0.8125rem;\n        font-weight: 500;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n\n      .ax-conversation-file__meta {\n        font-size: 0.6875rem;\n        color: rgba(var(--ax-sys-color-on-surface), 0.65);\n      }\n\n      .ax-conversation-file__icon {\n        flex-shrink: 0;\n        font-size: 0.875rem;\n        color: rgba(var(--ax-sys-color-on-surface), 0.55);\n      }\n    `,\n  ],\n})\nexport class AXConversationFileAttachmentComponent {\n  readonly item = input.required<AXConversationFileMediaItem>();\n\n  private readonly mediaReference = computed(() => toUploaderReference(this.item()));\n  private readonly resolvedUrl = createResolvedMediaUrlSignal(this.mediaReference);\n\n  readonly fileUrl = computed(() => pickDisplayMediaUrl(this.resolvedUrl(), this.item().url));\n  readonly fileName = computed(() => this.item().name || 'file');\n  readonly fileSize = computed(() => this.item().size ?? 0);\n\n  readonly fileExtension = computed(() => {\n    const name = this.fileName();\n    const parts = name.split('.');\n    return parts.length > 1 ? parts[parts.length - 1]! : 'FILE';\n  });\n\n  readonly swatchColor = computed(() => {\n    const ext = this.fileExtension().toLowerCase();\n    return AX_CONVERSATION_EXT_COLORS[ext] ?? 'rgb(var(--ax-sys-color-secondary-500))';\n  });\n\n  readonly formattedSize = computed(() => formatFileByteSize(this.fileSize()));\n}\n","import { AXFileTypeRegistryService } from '@acorex/core/file';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';\nimport type { AXConversationFilePayload, AXConversationMessage } from '../../../../models';\nimport { normalizeFilePayload } from './file.payload';\nimport {\n  AXConversationMessageRendererCopyHostComponent,\n  mediaCopyText,\n} from '../shared/message-renderer-copy-host.component';\nimport { copyWithFileTypeFallback } from '../../../../utils/file-type-message.resolve';\nimport { AXConversationFileAttachmentComponent } from '../shared/file-attachment.component';\nimport { AXConversationMessageRendererStateComponent } from '../shared/message-renderer-state.component';\nimport { AX_CONVERSATION_RENDERER_SHARED_STYLES } from '../shared/renderer-shared.styles';\n\n@Component({\n  selector: 'ax-conversation-file-renderer',\n  imports: [CommonModule, AXConversationFileAttachmentComponent, AXConversationMessageRendererStateComponent],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div class=\"ax-conversation-msg ax-conversation-msg--wide\">\n      <ax-conversation-message-renderer-state [rendererState]=\"rendererState()\" [message]=\"message()\" />\n      <div class=\"ax-conversation-msg__stack\">\n        @for (file of files(); track file.mediaId ?? file.url) {\n          <ax-conversation-file-attachment [item]=\"file\" />\n        }\n      </div>\n      @if (caption()) {\n        <p class=\"ax-conversation-msg__caption\">{{ caption() }}</p>\n      }\n    </div>\n  `,\n  styles: [AX_CONVERSATION_RENDERER_SHARED_STYLES],\n})\nexport class AXConversationFileRendererComponent extends AXConversationMessageRendererCopyHostComponent {\n  private readonly fileTypes = inject(AXFileTypeRegistryService);\n\n  readonly message = input.required<AXConversationMessage>();\n  readonly rendererState = computed(() => ({\n    deliveryStatus: this.message().status,\n    contentState: 'ready' as const,\n  }));\n\n  readonly payload = computed(() => normalizeFilePayload(this.message().payload as AXConversationFilePayload));\n  readonly files = computed(() => this.payload().files);\n  readonly caption = computed(() => this.payload().caption?.trim() || '');\n\n  copy(): Promise<string> {\n    return copyWithFileTypeFallback(this.message(), this.fileTypes, () => {\n      const p = this.payload();\n      if (p.files.length === 1) {\n        const file = p.files[0];\n        const name = file.name?.trim() || 'File';\n        const url = file.url?.trim();\n        return url ? `${name}\\n${url}` : name;\n      }\n      return mediaCopyText(\n        p.caption,\n        'File',\n        'files',\n        p.files.length,\n        p.files.map((file) => file.name?.trim() || file.url?.trim()),\n      );\n    });\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAQA,MAAM,0BAA0B,GAA2B;AACzD,IAAA,GAAG,EAAE,qCAAqC;AAC1C,IAAA,GAAG,EAAE,sCAAsC;AAC3C,IAAA,IAAI,EAAE,sCAAsC;AAC5C,IAAA,GAAG,EAAE,sCAAsC;AAC3C,IAAA,IAAI,EAAE,sCAAsC;AAC5C,IAAA,GAAG,EAAE,sCAAsC;AAC3C,IAAA,IAAI,EAAE,sCAAsC;AAC5C,IAAA,GAAG,EAAE,wCAAwC;CAC9C;MA0FY,qCAAqC,CAAA;AAxFlD,IAAA,WAAA,GAAA;AAyFW,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,QAAQ,0EAA+B;AAE5C,QAAA,IAAA,CAAA,cAAc,GAAG,QAAQ,CAAC,MAAM,mBAAmB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,qFAAC;AACjE,QAAA,IAAA,CAAA,WAAW,GAAG,4BAA4B,CAAC,IAAI,CAAC,cAAc,CAAC;QAEvE,IAAA,CAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,mBAAmB,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;AAClF,QAAA,IAAA,CAAA,QAAQ,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,IAAI,MAAM,+EAAC;AACrD,QAAA,IAAA,CAAA,QAAQ,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,IAAI,CAAC,+EAAC;AAEhD,QAAA,IAAA,CAAA,aAAa,GAAG,QAAQ,CAAC,MAAK;AACrC,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,EAAE;YAC5B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;YAC7B,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAE,GAAG,MAAM;AAC7D,QAAA,CAAC,oFAAC;AAEO,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;YACnC,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC,WAAW,EAAE;AAC9C,YAAA,OAAO,0BAA0B,CAAC,GAAG,CAAC,IAAI,wCAAwC;AACpF,QAAA,CAAC,kFAAC;AAEO,QAAA,IAAA,CAAA,aAAa,GAAG,QAAQ,CAAC,MAAM,kBAAkB,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,oFAAC;AAC7E,IAAA;8GAtBY,qCAAqC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qCAAqC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iCAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EApFtC;;;;;;;;;AAST,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,swCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAXS,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAsFX,qCAAqC,EAAA,UAAA,EAAA,CAAA;kBAxFjD,SAAS;+BACE,iCAAiC,EAAA,OAAA,EAClC,CAAC,YAAY,CAAC,mBACN,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC;;;;;;;;;AAST,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,swCAAA,CAAA,EAAA;;;ACCG,MAAO,mCAAoC,SAAQ,8CAA8C,CAAA;AAnBvG,IAAA,WAAA,GAAA;;AAoBmB,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,yBAAyB,CAAC;AAErD,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,6EAAyB;AACjD,QAAA,IAAA,CAAA,aAAa,GAAG,QAAQ,CAAC,OAAO;AACvC,YAAA,cAAc,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,MAAM;AACrC,YAAA,YAAY,EAAE,OAAgB;AAC/B,SAAA,CAAC,oFAAC;AAEM,QAAA,IAAA,CAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,oBAAoB,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,OAAoC,CAAC,8EAAC;AACnG,QAAA,IAAA,CAAA,KAAK,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,4EAAC;AAC5C,QAAA,IAAA,CAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,8EAAC;AAoBxE,IAAA;IAlBC,IAAI,GAAA;AACF,QAAA,OAAO,wBAAwB,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,MAAK;AACnE,YAAA,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE;YACxB,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;gBACxB,MAAM,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;gBACvB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,MAAM;gBACxC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE;AAC5B,gBAAA,OAAO,GAAG,GAAG,CAAA,EAAG,IAAI,CAAA,EAAA,EAAK,GAAG,CAAA,CAAE,GAAG,IAAI;YACvC;AACA,YAAA,OAAO,aAAa,CAClB,CAAC,CAAC,OAAO,EACT,MAAM,EACN,OAAO,EACP,CAAC,CAAC,KAAK,CAAC,MAAM,EACd,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC,CAC7D;AACH,QAAA,CAAC,CAAC;IACJ;8GA9BW,mCAAmC,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mCAAmC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,+BAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAfpC;;;;;;;;;;;;AAYT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,87CAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAdS,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,qCAAqC,EAAA,QAAA,EAAA,iCAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,2CAA2C,EAAA,QAAA,EAAA,wCAAA,EAAA,MAAA,EAAA,CAAA,eAAA,EAAA,SAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,wBAAA,EAAA,mBAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,qBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAiB/F,mCAAmC,EAAA,UAAA,EAAA,CAAA;kBAnB/C,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,+BAA+B,EAAA,OAAA,EAChC,CAAC,YAAY,EAAE,qCAAqC,EAAE,2CAA2C,CAAC,EAAA,eAAA,EAC1F,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC;;;;;;;;;;;;AAYT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,87CAAA,CAAA,EAAA;;;;;"}

package/fesm2022/acorex-components-conversation-file.payload-DyFxTQYn.mjs

@@ -1,50 +0,0 @@
-import { s as resolvePersistableMediaUrl, c as resolvePersistedThumbnailUrl } from './acorex-components-conversation-acorex-components-conversation-YhVa42TC.mjs';
-
-function loose(payload) {
-    return payload;
-}
-function str(value) {
-    return typeof value === 'string' && value.length > 0 ? value : undefined;
-}
-function sanitizeFileItem(item) {
-    const url = resolvePersistableMediaUrl(item.url);
-    const thumbnailUrl = resolvePersistedThumbnailUrl(item.thumbnailUrl, url);
-    if (url === item.url && thumbnailUrl === item.thumbnailUrl) {
-        return item;
-    }
-    return { ...item, url, thumbnailUrl };
-}
-function normalizeFilePayload(payload) {
-    const raw = loose(payload);
-    const existing = raw['files'];
-    if (Array.isArray(existing) && existing.length > 0) {
-        return {
-            type: 'file',
-            files: existing.map(sanitizeFileItem),
-            caption: payload.caption,
-        };
-    }
-    const url = resolvePersistableMediaUrl(str(raw['url']));
-    const mediaId = str(raw['mediaId']);
-    if (url || mediaId) {
-        return {
-            type: 'file',
-            caption: payload.caption,
-            files: [
-                {
-                    ...(url ? { url } : {}),
-                    name: str(raw['name']) ?? 'file',
-                    mimeType: str(raw['mimeType']) ?? 'application/octet-stream',
-                    size: typeof raw['size'] === 'number' ? raw['size'] : undefined,
-                    mediaId,
-                    thumbnailUrl: resolvePersistedThumbnailUrl(str(raw['thumbnailUrl']), url),
-                    extension: str(raw['extension']),
-                },
-            ],
-        };
-    }
-    return { type: 'file', files: [], caption: payload.caption };
-}
-
-export { normalizeFilePayload };
-//# sourceMappingURL=acorex-components-conversation-file.payload-DyFxTQYn.mjs.map

package/fesm2022/acorex-components-conversation-file.payload-DyFxTQYn.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"acorex-components-conversation-file.payload-DyFxTQYn.mjs","sources":["../../../../packages/components/conversation/src/lib/plugins/message-list/components/file-renderer/file.payload.ts"],"sourcesContent":["import type { AXConversationFileMediaItem, AXConversationFilePayload } from '../../../../models';\nimport {\n  resolvePersistableMediaUrl,\n  resolvePersistedThumbnailUrl,\n} from '../../../composer/components/shared/persisted-media-url';\n\ntype AXConversationLooseRecord = Record<string, unknown>;\n\nfunction loose(payload: AXConversationFilePayload): AXConversationLooseRecord {\n  return payload as unknown as AXConversationLooseRecord;\n}\n\nfunction str(value: unknown): string | undefined {\n  return typeof value === 'string' && value.length > 0 ? value : undefined;\n}\n\nfunction sanitizeFileItem(item: AXConversationFileMediaItem): AXConversationFileMediaItem {\n  const url = resolvePersistableMediaUrl(item.url);\n  const thumbnailUrl = resolvePersistedThumbnailUrl(item.thumbnailUrl, url);\n  if (url === item.url && thumbnailUrl === item.thumbnailUrl) {\n    return item;\n  }\n  return { ...item, url, thumbnailUrl };\n}\n\nexport function normalizeFilePayload(payload: AXConversationFilePayload): AXConversationFilePayload {\n  const raw = loose(payload);\n  const existing = raw['files'];\n  if (Array.isArray(existing) && existing.length > 0) {\n    return {\n      type: 'file',\n      files: (existing as AXConversationFileMediaItem[]).map(sanitizeFileItem),\n      caption: payload.caption,\n    };\n  }\n\n  const url = resolvePersistableMediaUrl(str(raw['url']));\n  const mediaId = str(raw['mediaId']);\n  if (url || mediaId) {\n    return {\n      type: 'file',\n      caption: payload.caption,\n      files: [\n        {\n          ...(url ? { url } : {}),\n          name: str(raw['name']) ?? 'file',\n          mimeType: str(raw['mimeType']) ?? 'application/octet-stream',\n          size: typeof raw['size'] === 'number' ? raw['size'] : undefined,\n          mediaId,\n          thumbnailUrl: resolvePersistedThumbnailUrl(str(raw['thumbnailUrl']), url),\n          extension: str(raw['extension']),\n        },\n      ],\n    };\n  }\n\n  return { type: 'file', files: [], caption: payload.caption };\n}\n"],"names":[],"mappings":";;AAQA,SAAS,KAAK,CAAC,OAAkC,EAAA;AAC/C,IAAA,OAAO,OAA+C;AACxD;AAEA,SAAS,GAAG,CAAC,KAAc,EAAA;AACzB,IAAA,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,GAAG,SAAS;AAC1E;AAEA,SAAS,gBAAgB,CAAC,IAAiC,EAAA;IACzD,MAAM,GAAG,GAAG,0BAA0B,CAAC,IAAI,CAAC,GAAG,CAAC;IAChD,MAAM,YAAY,GAAG,4BAA4B,CAAC,IAAI,CAAC,YAAY,EAAE,GAAG,CAAC;AACzE,IAAA,IAAI,GAAG,KAAK,IAAI,CAAC,GAAG,IAAI,YAAY,KAAK,IAAI,CAAC,YAAY,EAAE;AAC1D,QAAA,OAAO,IAAI;IACb;IACA,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,YAAY,EAAE;AACvC;AAEM,SAAU,oBAAoB,CAAC,OAAkC,EAAA;AACrE,IAAA,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC;AAC1B,IAAA,MAAM,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAC;AAC7B,IAAA,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;QAClD,OAAO;AACL,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,KAAK,EAAG,QAA0C,CAAC,GAAG,CAAC,gBAAgB,CAAC;YACxE,OAAO,EAAE,OAAO,CAAC,OAAO;SACzB;IACH;AAEA,IAAA,MAAM,GAAG,GAAG,0BAA0B,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,GAAG,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;AACnC,IAAA,IAAI,GAAG,IAAI,OAAO,EAAE;QAClB,OAAO;AACL,YAAA,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,OAAO,CAAC,OAAO;AACxB,YAAA,KAAK,EAAE;AACL,gBAAA;AACE,oBAAA,IAAI,GAAG,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;oBACvB,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,IAAI,MAAM;oBAChC,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,IAAI,0BAA0B;AAC5D,oBAAA,IAAI,EAAE,OAAO,GAAG,CAAC,MAAM,CAAC,KAAK,QAAQ,GAAG,GAAG,CAAC,MAAM,CAAC,GAAG,SAAS;oBAC/D,OAAO;AACP,oBAAA,YAAY,EAAE,4BAA4B,CAAC,GAAG,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC,EAAE,GAAG,CAAC;AACzE,oBAAA,SAAS,EAAE,GAAG,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;AACjC,iBAAA;AACF,aAAA;SACF;IACH;AAEA,IAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE;AAC9D;;;;"}

package/fesm2022/acorex-components-conversation-format-media-DUD4vA6F.mjs

@@ -1,21 +0,0 @@
-/** Shared formatting for message renderer UIs. */
-function formatMediaDuration(seconds) {
-    if (!Number.isFinite(seconds)) {
-        return '0:00';
-    }
-    const m = Math.floor(seconds / 60);
-    const s = Math.floor(seconds % 60);
-    return `${m}:${s.toString().padStart(2, '0')}`;
-}
-function formatFileByteSize(bytes) {
-    if (bytes === 0) {
-        return '0 B';
-    }
-    const k = 1024;
-    const sizes = ['B', 'KB', 'MB', 'GB'];
-    const i = Math.min(Math.floor(Math.log(bytes) / Math.log(k)), sizes.length - 1);
-    return `${Math.round((bytes / k ** i) * 100) / 100} ${sizes[i]}`;
-}
-
-export { formatFileByteSize as a, formatMediaDuration as f };
-//# sourceMappingURL=acorex-components-conversation-format-media-DUD4vA6F.mjs.map

package/fesm2022/acorex-components-conversation-format-media-DUD4vA6F.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"acorex-components-conversation-format-media-DUD4vA6F.mjs","sources":["../../../../packages/components/conversation/src/lib/plugins/message-list/components/shared/format-media.ts"],"sourcesContent":["/** Shared formatting for message renderer UIs. */\n\nexport function formatMediaDuration(seconds: number): string {\n  if (!Number.isFinite(seconds)) {\n    return '0:00';\n  }\n  const m = Math.floor(seconds / 60);\n  const s = Math.floor(seconds % 60);\n  return `${m}:${s.toString().padStart(2, '0')}`;\n}\n\nexport function formatFileByteSize(bytes: number): string {\n  if (bytes === 0) {\n    return '0 B';\n  }\n  const k = 1024;\n  const sizes = ['B', 'KB', 'MB', 'GB'] as const;\n  const i = Math.min(Math.floor(Math.log(bytes) / Math.log(k)), sizes.length - 1);\n  return `${Math.round((bytes / k ** i) * 100) / 100} ${sizes[i]}`;\n}\n"],"names":[],"mappings":"AAAA;AAEM,SAAU,mBAAmB,CAAC,OAAe,EAAA;IACjD,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE;AAC7B,QAAA,OAAO,MAAM;IACf;IACA,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;IAClC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;AAClC,IAAA,OAAO,CAAA,EAAG,CAAC,CAAA,CAAA,EAAI,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE;AAChD;AAEM,SAAU,kBAAkB,CAAC,KAAa,EAAA;AAC9C,IAAA,IAAI,KAAK,KAAK,CAAC,EAAE;AACf,QAAA,OAAO,KAAK;IACd;IACA,MAAM,CAAC,GAAG,IAAI;IACd,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU;AAC9C,IAAA,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IAC/E,OAAO,CAAA,EAAG,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,GAAG,CAAA,CAAA,EAAI,KAAK,CAAC,CAAC,CAAC,CAAA,CAAE;AAClE;;;;"}

package/fesm2022/acorex-components-conversation-image-attachment.component-CLMGxXPl.mjs

@@ -1,77 +0,0 @@
-import { DOCUMENT, isPlatformBrowser } from '@angular/common';
-import * as i0 from '@angular/core';
-import { inject, PLATFORM_ID, input, signal, computed, effect, untracked, ChangeDetectionStrategy, Component } from '@angular/core';
-import { w as toUploaderReference, x as createResolvedMediaUrlSignal, y as pickDisplayMediaUrl } from './acorex-components-conversation-acorex-components-conversation-YhVa42TC.mjs';
-
-class AXConversationImageAttachmentComponent {
-    constructor() {
-        this.platformId = inject(PLATFORM_ID);
-        this.document = inject(DOCUMENT);
-        this.item = input.required(...(ngDevMode ? [{ debugName: "item" }] : /* istanbul ignore next */ []));
-        this.alt = input('Image', ...(ngDevMode ? [{ debugName: "alt" }] : /* istanbul ignore next */ []));
-        this.ready = signal(false, ...(ngDevMode ? [{ debugName: "ready" }] : /* istanbul ignore next */ []));
-        this.mediaReference = computed(() => toUploaderReference(this.item()), ...(ngDevMode ? [{ debugName: "mediaReference" }] : /* istanbul ignore next */ []));
-        this.resolvedUrl = createResolvedMediaUrlSignal(this.mediaReference);
-        this.displayUrl = computed(() => pickDisplayMediaUrl(this.resolvedUrl(), this.item().thumbnailUrl, this.item().url), ...(ngDevMode ? [{ debugName: "displayUrl" }] : /* istanbul ignore next */ []));
-        effect(() => {
-            this.displayUrl();
-            this.item().mediaId;
-            untracked(() => this.ready.set(false));
-        });
-    }
-    onImageLoad() {
-        this.ready.set(true);
-    }
-    onImageError() {
-        this.ready.set(false);
-    }
-    toggleFullscreen(event) {
-        if (!isPlatformBrowser(this.platformId)) {
-            return;
-        }
-        const img = event.currentTarget.querySelector('img');
-        if (!(img instanceof HTMLImageElement) || !img.requestFullscreen) {
-            return;
-        }
-        if (this.document.fullscreenElement === img) {
-            void this.document.exitFullscreen();
-            return;
-        }
-        void img.requestFullscreen();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXConversationImageAttachmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXConversationImageAttachmentComponent, isStandalone: true, selector: "ax-conversation-image-attachment", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
-    <button
-      type="button"
-      class="ax-conversation-image-attachment"
-      [class.ax-conversation-image-attachment--ready]="ready()"
-      [class.ax-conversation-image-attachment--loading]="!displayUrl()"
-      (click)="toggleFullscreen($event)"
-      [attr.aria-label]="alt()"
-    >
-      @if (displayUrl(); as src) {
-        <img [src]="src" [alt]="alt()" loading="lazy" (load)="onImageLoad()" (error)="onImageError()" />
-      }
-    </button>
-  `, isInline: true, styles: [":host{display:block;min-width:0;min-height:0}.ax-conversation-image-attachment{display:block;width:100%;height:100%;min-height:4.5rem;padding:0;border-radius:.5rem;border:none;background:rgb(var(--ax-sys-color-light-surface));overflow:hidden}.ax-conversation-image-attachment--loading{background:rgba(var(--ax-sys-color-on-surface),.06)}.ax-conversation-image-attachment img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .15s ease}.ax-conversation-image-attachment img:fullscreen{width:100%;height:100%;object-fit:contain;background:#000}.ax-conversation-image-attachment--ready img{opacity:1}.ax-conversation-image-attachment:focus-visible{outline:2px solid rgb(var(--ax-sys-color-primary-500));outline-offset:2px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXConversationImageAttachmentComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-conversation-image-attachment', changeDetection: ChangeDetectionStrategy.OnPush, template: `
-    <button
-      type="button"
-      class="ax-conversation-image-attachment"
-      [class.ax-conversation-image-attachment--ready]="ready()"
-      [class.ax-conversation-image-attachment--loading]="!displayUrl()"
-      (click)="toggleFullscreen($event)"
-      [attr.aria-label]="alt()"
-    >
-      @if (displayUrl(); as src) {
-        <img [src]="src" [alt]="alt()" loading="lazy" (load)="onImageLoad()" (error)="onImageError()" />
-      }
-    </button>
-  `, styles: [":host{display:block;min-width:0;min-height:0}.ax-conversation-image-attachment{display:block;width:100%;height:100%;min-height:4.5rem;padding:0;border-radius:.5rem;border:none;background:rgb(var(--ax-sys-color-light-surface));overflow:hidden}.ax-conversation-image-attachment--loading{background:rgba(var(--ax-sys-color-on-surface),.06)}.ax-conversation-image-attachment img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .15s ease}.ax-conversation-image-attachment img:fullscreen{width:100%;height:100%;object-fit:contain;background:#000}.ax-conversation-image-attachment--ready img{opacity:1}.ax-conversation-image-attachment:focus-visible{outline:2px solid rgb(var(--ax-sys-color-primary-500));outline-offset:2px}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: true }] }], alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: false }] }] } });
-
-export { AXConversationImageAttachmentComponent as A };
-//# sourceMappingURL=acorex-components-conversation-image-attachment.component-CLMGxXPl.mjs.map

package/fesm2022/acorex-components-conversation-image-attachment.component-CLMGxXPl.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"acorex-components-conversation-image-attachment.component-CLMGxXPl.mjs","sources":["../../../../packages/components/conversation/src/lib/plugins/message-list/components/shared/image-attachment.component.ts"],"sourcesContent":["import { DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  PLATFORM_ID,\n  computed,\n  effect,\n  inject,\n  input,\n  signal,\n  untracked,\n} from '@angular/core';\nimport type { AXConversationImageMediaItem } from '../../../../models';\nimport { pickDisplayMediaUrl } from '../../../composer/components/shared/persisted-media-url';\nimport { toUploaderReference } from './attachment-uploader-reference';\nimport { createResolvedMediaUrlSignal } from './media-url-resolve';\n\n@Component({\n  selector: 'ax-conversation-image-attachment',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <button\n      type=\"button\"\n      class=\"ax-conversation-image-attachment\"\n      [class.ax-conversation-image-attachment--ready]=\"ready()\"\n      [class.ax-conversation-image-attachment--loading]=\"!displayUrl()\"\n      (click)=\"toggleFullscreen($event)\"\n      [attr.aria-label]=\"alt()\"\n    >\n      @if (displayUrl(); as src) {\n        <img [src]=\"src\" [alt]=\"alt()\" loading=\"lazy\" (load)=\"onImageLoad()\" (error)=\"onImageError()\" />\n      }\n    </button>\n  `,\n  styles: [\n    `\n      :host {\n        display: block;\n        min-width: 0;\n        min-height: 0;\n      }\n\n      .ax-conversation-image-attachment {\n        display: block;\n        width: 100%;\n        height: 100%;\n        min-height: 4.5rem;\n        padding: 0;\n        border-radius: 0.5rem;\n        border: none;\n        background: rgb(var(--ax-sys-color-light-surface));\n        overflow: hidden;\n      }\n\n      .ax-conversation-image-attachment--loading {\n        background: rgba(var(--ax-sys-color-on-surface), 0.06);\n      }\n\n      .ax-conversation-image-attachment img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        opacity: 0;\n        transition: opacity 0.15s ease;\n      }\n\n      .ax-conversation-image-attachment img:fullscreen {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        background: #000;\n      }\n\n      .ax-conversation-image-attachment--ready img {\n        opacity: 1;\n      }\n\n      .ax-conversation-image-attachment:focus-visible {\n        outline: 2px solid rgb(var(--ax-sys-color-primary-500));\n        outline-offset: 2px;\n      }\n    `,\n  ],\n})\nexport class AXConversationImageAttachmentComponent {\n  private readonly platformId = inject(PLATFORM_ID);\n  private readonly document = inject(DOCUMENT);\n\n  readonly item = input.required<AXConversationImageMediaItem>();\n  readonly alt = input('Image');\n\n  readonly ready = signal(false);\n\n  private readonly mediaReference = computed(() => toUploaderReference(this.item()));\n  private readonly resolvedUrl = createResolvedMediaUrlSignal(this.mediaReference);\n\n  readonly displayUrl = computed(() =>\n    pickDisplayMediaUrl(this.resolvedUrl(), this.item().thumbnailUrl, this.item().url),\n  );\n\n  constructor() {\n    effect(() => {\n      this.displayUrl();\n      this.item().mediaId;\n      untracked(() => this.ready.set(false));\n    });\n  }\n\n  onImageLoad(): void {\n    this.ready.set(true);\n  }\n\n  onImageError(): void {\n    this.ready.set(false);\n  }\n\n  toggleFullscreen(event: MouseEvent): void {\n    if (!isPlatformBrowser(this.platformId)) {\n      return;\n    }\n    const img = (event.currentTarget as HTMLElement).querySelector('img');\n    if (!(img instanceof HTMLImageElement) || !img.requestFullscreen) {\n      return;\n    }\n    if (this.document.fullscreenElement === img) {\n      void this.document.exitFullscreen();\n      return;\n    }\n    void img.requestFullscreen();\n  }\n}\n"],"names":[],"mappings":"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"}