@acorex/components 18.16.0-next.8 → 19.0.0

package/esm2022/conversation/lib/conversation-message/conversation-message.component.mjs

@@ -1,110 +0,0 @@
-import { MXBaseComponent } from '@acorex/components/common';
-import { isBrowser } from '@acorex/core/platform';
-import { ComponentPortal } from '@angular/cdk/portal';
-import { Component, HostBinding, ViewEncapsulation, inject, input, viewChild, } from '@angular/core';
-import { AXConversationMessageTypeRegistryService } from '../services/conversation-message-type-registry.service';
-import { AXConversationService } from '../services/conversation.service';
-import * as i0 from "@angular/core";
-import * as i1 from "@acorex/components/button";
-import * as i2 from "@acorex/components/decorators";
-import * as i3 from "@angular/cdk/portal";
-import * as i4 from "@acorex/components/avatar";
-import * as i5 from "@acorex/components/popover";
-import * as i6 from "@angular/common";
-import * as i7 from "@acorex/core/format";
-/**
- * A component for displaying individual conversation messages.
- *
- * @category Components
- */
-export class AXConversationMessageComponent extends MXBaseComponent {
-    constructor() {
-        super(...arguments);
-        /**
-         *  @ignore
-         */
-        this.popover = viewChild('popover');
-        /**
-         *  @ignore
-         */
-        this.conversationService = inject(AXConversationService);
-        /**
-         * The message data to display in the conversation.
-         */
-        this.chatMessage = input();
-        /**
-         *  @ignore
-         */
-        this.registryService = inject(AXConversationMessageTypeRegistryService);
-    }
-    /**
-     *  @ignore
-     */
-    get isOwn() {
-        return !this.chatMessage().fromId;
-    }
-    /**
-     *  @ignore
-     */
-    get __hostClass() {
-        return `${this.isOwn ? 'ax-state-own' : ''} ${!this.isOwn ? 'ax-state-other' : ''}`;
-    }
-    /**
-     *  @ignore
-     */
-    ngOnInit() {
-        this._portal = new ComponentPortal(this.registryService.resolve(this.chatMessage().type).component);
-    }
-    /**
-     *  @ignore
-     */
-    _handleAttached(ref) {
-        ref = ref;
-        if (ref.instance && isBrowser()) {
-            Object.assign(ref.instance, { message: this.chatMessage() });
-            this.cdr.markForCheck();
-            const prefix = this.getHostElement().querySelector('ax-prefix');
-            const suffix = this.getHostElement().querySelector('ax-suffix');
-            const prefixContainer = this.getHostElement().querySelector('.ax-message-prefix');
-            const suffixContainer = this.getHostElement().querySelector('.ax-message-suffix');
-            if (prefix && prefixContainer) {
-                prefix.style.display = 'flex';
-                prefixContainer.append(prefix);
-            }
-            if (suffix && suffixContainer) {
-                suffix.style.display = 'flex';
-                suffixContainer.append(suffix);
-            }
-        }
-    }
-    /**
-     *  @ignore
-     */
-    handleResendClick() {
-        this.popover()?.close();
-        this.chatMessage().onResendClick();
-    }
-    /**
-     *  @ignore
-     */
-    handleDeleteClick() {
-        this.popover()?.close();
-        this.chatMessage().onDeleteClick();
-    }
-    /**
-     *  @ignore
-     */
-    replyHandler(e) {
-        this.conversationService.replyId.set(e);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXConversationMessageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXConversationMessageComponent, selector: "ax-conversation-message", inputs: { chatMessage: { classPropertyName: "chatMessage", publicName: "chatMessage", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.__hostClass" } }, viewQueries: [{ propertyName: "popover", first: true, predicate: ["popover"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (chatMessage().fromId) {\n  <ax-avatar [size]=\"36\"></ax-avatar>\n}\n\n@if (isOwn) {\n  <i (click)=\"replyHandler(chatMessage().id)\" class=\"fa-solid fa-reply ax-cursor-pointer\"></i>\n}\n\n<div class=\"ax-message-content\" [class.ax-state-own]=\"!chatMessage().fromId\" [class.ax-state-other]=\"chatMessage().fromId\">\n  <ng-template [cdkPortalOutlet]=\"_portal\" (attached)=\"_handleAttached($event)\"></ng-template>\n\n  <div class=\"ax-chat-message-status\">\n    <div class=\"ax-message-prefix\"></div>\n    <div>\n      <div class=\"ax-message-suffix\"></div>\n      <span>\n        {{ chatMessage().sendTime | format: 'datetime' : 'HH:mm' | async }}\n      </span>\n      <span>\n        @if (isOwn) {\n          @if (chatMessage().deliverTime && chatMessage().sendTime) {\n            <i class=\"ax-icon ax-icon-check ax-message-status\"></i>\n          }\n          @if (chatMessage().readTime && chatMessage().sendTime) {\n            <i class=\"ax-icon ax-icon-dobble-check ax-message-status\"></i>\n          }\n        }\n      </span>\n    </div>\n  </div>\n</div>\n\n@if (!chatMessage().sendTime) {\n  <ax-button class=\"ax-resend-button ax-xs\" color=\"danger\" #b>\n    <ax-icon class=\"ax-icon ax-icon-error\"></ax-icon>\n\n    <ax-popover [target]=\"b\" placement=\"bottom-end\" #popover>\n      <div class=\"ax-overlay-pane\">\n        <ax-content> </ax-content>\n        <ax-button-item-list>\n          @if (chatMessage().onResendClick) {\n            <ax-button-item text=\"Resend\" (onClick)=\"handleResendClick()\">\n              <ax-icon class=\"ax-icon ax-icon-reload ax-bold\"></ax-icon>\n            </ax-button-item>\n          }\n          @if (chatMessage().onDeleteClick) {\n            <ax-button-item text=\"Delete\" color=\"danger\" (onClick)=\"handleDeleteClick()\">\n              <ax-icon class=\"ax-icon ax-icon-clear ax-bold\"></ax-icon>\n            </ax-button-item>\n          }\n        </ax-button-item-list>\n      </div>\n    </ax-popover>\n  </ax-button>\n}\n", styles: [":root{--ax-message-other-color: rgba(var(--ax-color-primary-500));--ax-message-other-color-fore: rgba(var(--ax-color-primary-fore));--ax-message-status-color: rgba(var(--ax-color-primary-700));--ax-message-other-bar-color: rgba(var(--ax-color-primary-400));--ax-message-other-progress-color: rgba(var(--ax-color-primary-fore));--ax-message-own-color: rgba(var(--ax-color-primary-100));--ax-message-own-color-fore: rgba(var(--ax-color-primary-700));--ax-message-own-reply-color: rgba(var(--ax-color-primary-200));--ax-message-own-reply-color-fore: rgba(var(--ax-color-primary-800));--ax-message-other-reply-color: rgba(var(--ax-color-primary-700));--ax-message-other-reply-color-fore: white;--ax-message-border-color: rgba(var(--ax-color-primary-800));--ax-message-own-bar-color: rgba(var(--ax-color-primary-200));--ax-message-own-progress-color: rgba(var(--ax-color-primary-700))}ax-conversation-message{display:flex;gap:.5rem;align-items:flex-end}ax-conversation-message .ax-message-reply-container{border-left:.3rem solid var(--ax-message-border-color);border-radius:.75rem;padding:.75rem;margin-bottom:.25rem}ax-conversation-message .ax-message-reply-container .file{display:flex;align-items:center}ax-conversation-message .ax-message-reply-container .file i{margin-inline-end:.5rem}ax-conversation-message .ax-message-reply-container img,ax-conversation-message .ax-message-reply-container video{width:6rem}ax-conversation-message.ax-state-own{justify-content:flex-end}ax-conversation-message.ax-state-own .ax-conversation-controller button{background-color:var(--ax-message-own-color-fore);color:var(--ax-message-own-color)}ax-conversation-message.ax-state-own .ax-message-reply-container{background-color:var(--ax-message-own-reply-color);color:var(--ax-message-own-reply-color-fore)}ax-conversation-message.ax-state-other .ax-conversation-controller button{background-color:var(--ax-message-other-color-fore);color:var(--ax-message-other-color)}ax-conversation-message.ax-state-other .ax-message-reply-container{background-color:var(--ax-message-other-reply-color);color:var(--ax-message-other-reply-color-fore)}ax-conversation-message .ax-conversation-controller button{width:2.5rem;height:2.5rem;border-radius:999rem;display:flex;align-items:center;justify-content:center}ax-conversation-message .ax-conversation-controller button ax-loading-spinner{display:flex}ax-conversation-message .ax-conversation-controller button.ax-state-error{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-conversation-message .ax-conversation-controller button>i{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700}ax-conversation-message .ax-message-content{display:block;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;border-radius:1rem;width:fit-content;max-width:50%}ax-conversation-message .ax-message-content.ax-state-own{border-end-end-radius:0!important;background-color:var(--ax-message-own-color);color:var(--ax-message-own-color-fore);justify-content:flex-end}ax-conversation-message .ax-message-content.ax-state-own .ax-chat-message-status{color:var(--ax-message-own-color-fore)}ax-conversation-message .ax-message-content.ax-state-other{border-end-start-radius:0!important;background-color:var(--ax-message-other-color);color:var(--ax-message-other-color-fore)}ax-conversation-message .ax-message-content.ax-state-other .ax-chat-message-status{color:var(--ax-message-other-color-fore)}ax-conversation-message .ax-message-content .ax-chat-message-status{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}ax-conversation-message .ax-message-content .ax-chat-message-status>div{display:flex;gap:.125rem;align-items:center}ax-conversation-message .ax-message-content .ax-chat-message-status .ax-message-status{color:var(--ax-message-status-color)}ax-conversation-message .ax-message-content .ax-chat-message-status .ax-icon{font-weight:700;font-size:.875rem}ax-conversation-message .ax-message-content .ax-chat-message-status .ax-icon-error{color:rgba(var(--ax-color-danger-500))}ax-conversation-message .ax-message-content ax-prefix,ax-conversation-message .ax-message-content ax-suffix{display:none}ax-conversation-message .ax-resend-button{border-radius:999rem}ax-conversation-message .ax-cursor-pointer{cursor:pointer}ax-conversation-message .ax-rounded{border-radius:.75rem}ax-conversation-message .ax-message-content p{padding:.75rem;color:rgba(var(--ax-color-primary-fore))}@media (min-width: 320px) and (max-width: 640px){ax-conversation-message ax-avatar{display:none!important}ax-conversation-message .ax-message-content{max-width:100%}}\n"], dependencies: [{ kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { kind: "component", type: i1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "directive", type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i4.AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "look"], outputs: ["sizeChange"] }, { kind: "component", type: i5.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.AXFormatPipe, name: "format" }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXConversationMessageComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-conversation-message', encapsulation: ViewEncapsulation.None, template: "@if (chatMessage().fromId) {\n  <ax-avatar [size]=\"36\"></ax-avatar>\n}\n\n@if (isOwn) {\n  <i (click)=\"replyHandler(chatMessage().id)\" class=\"fa-solid fa-reply ax-cursor-pointer\"></i>\n}\n\n<div class=\"ax-message-content\" [class.ax-state-own]=\"!chatMessage().fromId\" [class.ax-state-other]=\"chatMessage().fromId\">\n  <ng-template [cdkPortalOutlet]=\"_portal\" (attached)=\"_handleAttached($event)\"></ng-template>\n\n  <div class=\"ax-chat-message-status\">\n    <div class=\"ax-message-prefix\"></div>\n    <div>\n      <div class=\"ax-message-suffix\"></div>\n      <span>\n        {{ chatMessage().sendTime | format: 'datetime' : 'HH:mm' | async }}\n      </span>\n      <span>\n        @if (isOwn) {\n          @if (chatMessage().deliverTime && chatMessage().sendTime) {\n            <i class=\"ax-icon ax-icon-check ax-message-status\"></i>\n          }\n          @if (chatMessage().readTime && chatMessage().sendTime) {\n            <i class=\"ax-icon ax-icon-dobble-check ax-message-status\"></i>\n          }\n        }\n      </span>\n    </div>\n  </div>\n</div>\n\n@if (!chatMessage().sendTime) {\n  <ax-button class=\"ax-resend-button ax-xs\" color=\"danger\" #b>\n    <ax-icon class=\"ax-icon ax-icon-error\"></ax-icon>\n\n    <ax-popover [target]=\"b\" placement=\"bottom-end\" #popover>\n      <div class=\"ax-overlay-pane\">\n        <ax-content> </ax-content>\n        <ax-button-item-list>\n          @if (chatMessage().onResendClick) {\n            <ax-button-item text=\"Resend\" (onClick)=\"handleResendClick()\">\n              <ax-icon class=\"ax-icon ax-icon-reload ax-bold\"></ax-icon>\n            </ax-button-item>\n          }\n          @if (chatMessage().onDeleteClick) {\n            <ax-button-item text=\"Delete\" color=\"danger\" (onClick)=\"handleDeleteClick()\">\n              <ax-icon class=\"ax-icon ax-icon-clear ax-bold\"></ax-icon>\n            </ax-button-item>\n          }\n        </ax-button-item-list>\n      </div>\n    </ax-popover>\n  </ax-button>\n}\n", styles: [":root{--ax-message-other-color: rgba(var(--ax-color-primary-500));--ax-message-other-color-fore: rgba(var(--ax-color-primary-fore));--ax-message-status-color: rgba(var(--ax-color-primary-700));--ax-message-other-bar-color: rgba(var(--ax-color-primary-400));--ax-message-other-progress-color: rgba(var(--ax-color-primary-fore));--ax-message-own-color: rgba(var(--ax-color-primary-100));--ax-message-own-color-fore: rgba(var(--ax-color-primary-700));--ax-message-own-reply-color: rgba(var(--ax-color-primary-200));--ax-message-own-reply-color-fore: rgba(var(--ax-color-primary-800));--ax-message-other-reply-color: rgba(var(--ax-color-primary-700));--ax-message-other-reply-color-fore: white;--ax-message-border-color: rgba(var(--ax-color-primary-800));--ax-message-own-bar-color: rgba(var(--ax-color-primary-200));--ax-message-own-progress-color: rgba(var(--ax-color-primary-700))}ax-conversation-message{display:flex;gap:.5rem;align-items:flex-end}ax-conversation-message .ax-message-reply-container{border-left:.3rem solid var(--ax-message-border-color);border-radius:.75rem;padding:.75rem;margin-bottom:.25rem}ax-conversation-message .ax-message-reply-container .file{display:flex;align-items:center}ax-conversation-message .ax-message-reply-container .file i{margin-inline-end:.5rem}ax-conversation-message .ax-message-reply-container img,ax-conversation-message .ax-message-reply-container video{width:6rem}ax-conversation-message.ax-state-own{justify-content:flex-end}ax-conversation-message.ax-state-own .ax-conversation-controller button{background-color:var(--ax-message-own-color-fore);color:var(--ax-message-own-color)}ax-conversation-message.ax-state-own .ax-message-reply-container{background-color:var(--ax-message-own-reply-color);color:var(--ax-message-own-reply-color-fore)}ax-conversation-message.ax-state-other .ax-conversation-controller button{background-color:var(--ax-message-other-color-fore);color:var(--ax-message-other-color)}ax-conversation-message.ax-state-other .ax-message-reply-container{background-color:var(--ax-message-other-reply-color);color:var(--ax-message-other-reply-color-fore)}ax-conversation-message .ax-conversation-controller button{width:2.5rem;height:2.5rem;border-radius:999rem;display:flex;align-items:center;justify-content:center}ax-conversation-message .ax-conversation-controller button ax-loading-spinner{display:flex}ax-conversation-message .ax-conversation-controller button.ax-state-error{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-conversation-message .ax-conversation-controller button>i{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700}ax-conversation-message .ax-message-content{display:block;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;border-radius:1rem;width:fit-content;max-width:50%}ax-conversation-message .ax-message-content.ax-state-own{border-end-end-radius:0!important;background-color:var(--ax-message-own-color);color:var(--ax-message-own-color-fore);justify-content:flex-end}ax-conversation-message .ax-message-content.ax-state-own .ax-chat-message-status{color:var(--ax-message-own-color-fore)}ax-conversation-message .ax-message-content.ax-state-other{border-end-start-radius:0!important;background-color:var(--ax-message-other-color);color:var(--ax-message-other-color-fore)}ax-conversation-message .ax-message-content.ax-state-other .ax-chat-message-status{color:var(--ax-message-other-color-fore)}ax-conversation-message .ax-message-content .ax-chat-message-status{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}ax-conversation-message .ax-message-content .ax-chat-message-status>div{display:flex;gap:.125rem;align-items:center}ax-conversation-message .ax-message-content .ax-chat-message-status .ax-message-status{color:var(--ax-message-status-color)}ax-conversation-message .ax-message-content .ax-chat-message-status .ax-icon{font-weight:700;font-size:.875rem}ax-conversation-message .ax-message-content .ax-chat-message-status .ax-icon-error{color:rgba(var(--ax-color-danger-500))}ax-conversation-message .ax-message-content ax-prefix,ax-conversation-message .ax-message-content ax-suffix{display:none}ax-conversation-message .ax-resend-button{border-radius:999rem}ax-conversation-message .ax-cursor-pointer{cursor:pointer}ax-conversation-message .ax-rounded{border-radius:.75rem}ax-conversation-message .ax-message-content p{padding:.75rem;color:rgba(var(--ax-color-primary-fore))}@media (min-width: 320px) and (max-width: 640px){ax-conversation-message ax-avatar{display:none!important}ax-conversation-message .ax-message-content{max-width:100%}}\n"] }]
-        }], propDecorators: { __hostClass: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udmVyc2F0aW9uLW1lc3NhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2NvbnZlcnNhdGlvbi9zcmMvbGliL2NvbnZlcnNhdGlvbi1tZXNzYWdlL2NvbnZlcnNhdGlvbi1tZXNzYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9jb252ZXJzYXRpb24vc3JjL2xpYi9jb252ZXJzYXRpb24tbWVzc2FnZS9jb252ZXJzYXRpb24tbWVzc2FnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFFNUQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ2xELE9BQU8sRUFBOEIsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDbEYsT0FBTyxFQUNMLFNBQVMsRUFFVCxXQUFXLEVBQ1gsaUJBQWlCLEVBQ2pCLE1BQU0sRUFDTixLQUFLLEVBQ0wsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSx3Q0FBd0MsRUFBRSxNQUFNLHdEQUF3RCxDQUFDO0FBQ2xILE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDOzs7Ozs7Ozs7QUFFekU7Ozs7R0FJRztBQU9ILE1BQU0sT0FBTyw4QkFBK0IsU0FBUSxlQUFlO0lBTm5FOztRQU9FOztXQUVHO1FBQ0gsWUFBTyxHQUFHLFNBQVMsQ0FBcUIsU0FBUyxDQUFDLENBQUM7UUFFbkQ7O1dBRUc7UUFDSCx3QkFBbUIsR0FBRyxNQUFNLENBQUMscUJBQXFCLENBQUMsQ0FBQztRQUVwRDs7V0FFRztRQUNILGdCQUFXLEdBQUcsS0FBSyxFQUE4QixDQUFDO1FBY2xEOztXQUVHO1FBQ08sb0JBQWUsR0FBRyxNQUFNLENB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ZW50IjpbImltcG9ydCB7IE1YQmFzZUNvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9jb21tb24nO1xuaW1wb3J0IHsgQVhQb3BvdmVyQ29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL3BvcG92ZXInO1xuaW1wb3J0IHsgaXNCcm93c2VyIH0gZnJvbSAnQGFjb3JleC9jb3JlL3BsYXRmb3JtJztcbmltcG9ydCB7IENka1BvcnRhbE91dGxldEF0dGFjaGVkUmVmLCBDb21wb25lbnRQb3J0YWwgfSBmcm9tICdAYW5ndWxhci9jZGsvcG9ydGFsJztcbmltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgQ29tcG9uZW50UmVmLFxuICBIb3N0QmluZGluZyxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIGluamVjdCxcbiAgaW5wdXQsXG4gIHZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBWENvbnZlcnNhdGlvbk1lc3NhZ2UgfSBmcm9tICcuLi9jb252ZXJzYXRpb24udHlwZXMnO1xuaW1wb3J0IHsgQVhDb252ZXJzYXRpb25NZXNzYWdlVHlwZVJlZ2lzdHJ5U2VydmljZSB9IGZyb20gJy4uL3NlcnZpY2VzL2NvbnZlcnNhdGlvbi1tZXNzYWdlLXR5cGUtcmVnaXN0cnkuc2VydmljZSc7XG5pbXBvcnQgeyBBWENvbnZlcnNhdGlvblNlcnZpY2UgfSBmcm9tICcuLi9zZXJ2aWNlcy9jb252ZXJzYXRpb24uc2VydmljZSc7XG5cbi8qKlxuICogQSBjb21wb25lbnQgZm9yIGRpc3BsYXlpbmcgaW5kaXZpZHVhbCBjb252ZXJzYXRpb24gbWVzc2FnZXMuXG4gKlxuICogQGNhdGVnb3J5IENvbXBvbmVudHNcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtY29udmVyc2F0aW9uLW1lc3NhZ2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vY29udmVyc2F0aW9uLW1lc3NhZ2UuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jb252ZXJzYXRpb24tbWVzc2FnZS5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBBWENvbnZlcnNhdGlvbk1lc3NhZ2VDb21wb25lbnQgZXh0ZW5kcyBNWEJhc2VDb21wb25lbnQge1xuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIHBvcG92ZXIgPSB2aWV3Q2hpbGQ8QVhQb3BvdmVyQ29tcG9uZW50PigncG9wb3ZlcicpO1xuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgY29udmVyc2F0aW9uU2VydmljZSA9IGluamVjdChBWENvbnZlcnNhdGlvblNlcnZpY2UpO1xuXG4gIC8qKlxuICAgKiBUaGUgbWVzc2FnZSBkYXRhIHRvIGRpc3BsYXkgaW4gdGhlIGNvbnZlcnNhdGlvbi5cbiAgICovXG4gIGNoYXRNZXNzYWdlID0gaW5wdXQ8QVhDb252ZXJzYXRpb25NZXNzYWdlPGFueT4+KCk7XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBwcm90ZWN0ZWQgX3BvcnRhbDogQ29tcG9uZW50UG9ydGFsPGFueT4gfCBudWxsO1xuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgcHJvdGVjdGVkIGdldCBpc093bigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gIXRoaXMuY2hhdE1lc3NhZ2UoKS5mcm9tSWQ7XG4gIH1cblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIHByb3RlY3RlZCByZWdpc3RyeVNlcnZpY2UgPSBpbmplY3QoQVhDb252ZXJzYXRpb25NZXNzYWdlVHlwZVJlZ2lzdHJ5U2VydmljZSk7XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgZ2V0IF9faG9zdENsYXNzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGAke3RoaXMuaXNPd24gPyAnYXgtc3RhdGUtb3duJyA6ICcnfSAkeyF0aGlzLmlzT3duID8gJ2F4LXN0YXRlLW90aGVyJyA6ICcnfWA7XG4gIH1cblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIHByb3RlY3RlZCBvdmVycmlkZSBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLl9wb3J0YWwgPSBuZXcgQ29tcG9uZW50UG9ydGFsKHRoaXMucmVnaXN0cnlTZXJ2aWNlLnJlc29sdmUodGhpcy5jaGF0TWVzc2FnZSgpLnR5cGUpLmNvbXBvbmVudCk7XG4gIH1cblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIHByb3RlY3RlZCBfaGFuZGxlQXR0YWNoZWQocmVmOiBDZGtQb3J0YWxPdXRsZXRBdHRhY2hlZFJlZikge1xuICAgIHJlZiA9IHJlZiBhcyBDb21wb25lbnRSZWY8dW5rbm93bj47XG4gICAgaWYgKHJlZi5pbnN0YW5jZSAmJiBpc0Jyb3dzZXIoKSkge1xuICAgICAgT2JqZWN0LmFzc2lnbihyZWYuaW5zdGFuY2UsIHsgbWVzc2FnZTogdGhpcy5jaGF0TWVzc2FnZSgpIH0pO1xuICAgICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gICAgICBjb25zdCBwcmVmaXggPSB0aGlzLmdldEhvc3RFbGVtZW50KCkucXVlcnlTZWxlY3RvcignYXgtcHJlZml4JykgYXMgSFRNTERpdkVsZW1lbnQ7XG4gICAgICBjb25zdCBzdWZmaXggPSB0aGlzLmdldEhvc3RFbGVtZW50KCkucXVlcnlTZWxlY3RvcignYXgtc3VmZml4JykgYXMgSFRNTERpdkVsZW1lbnQ7XG4gICAgICBjb25zdCBwcmVmaXhDb250YWluZXIgPSB0aGlzLmdldEhvc3RFbGVtZW50KCkucXVlcnlTZWxlY3RvcignLmF4LW1lc3NhZ2UtcHJlZml4Jyk7XG4gICAgICBjb25zdCBzdWZmaXhDb250YWluZXIgPSB0aGlzLmdldEhvc3RFbGVtZW50KCkucXVlcnlTZWxlY3RvcignLmF4LW1lc3NhZ2Utc3VmZml4Jyk7XG4gICAgICBpZiAocHJlZml4ICYmIHByZWZpeENvbnRhaW5lcikge1xuICAgICAgICBwcmVmaXguc3R5bGUuZGlzcGxheSA9ICdmbGV4JztcbiAgICAgICAgcHJlZml4Q29udGFpbmVyLmFwcGVuZChwcmVmaXgpO1xuICAgICAgfVxuICAgICAgaWYgKHN1ZmZpeCAmJiBzdWZmaXhDb250YWluZXIpIHtcbiAgICAgICAgc3VmZml4LnN0eWxlLmRpc3BsYXkgPSAnZmxleCc7XG4gICAgICAgIHN1ZmZpeENvbnRhaW5lci5hcHBlbmQoc3VmZml4KTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIHByb3RlY3RlZCBoYW5kbGVSZXNlbmRDbGljaygpIHtcbiAgICB0aGlzLnBvcG92ZXIoKT8uY2xvc2UoKTtcbiAgICB0aGlzLmNoYXRNZXNzYWdlKCkub25SZXNlbmRDbGljaygpO1xuICB9XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBwcm90ZWN0ZWQgaGFuZGxlRGVsZXRlQ2xpY2soKSB7XG4gICAgdGhpcy5wb3BvdmVyKCk/LmNsb3NlKCk7XG4gICAgdGhpcy5jaGF0TWVzc2FnZSgpLm9uRGVsZXRlQ2xpY2soKTtcbiAgfVxuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgcHJvdGVjdGVkIHJlcGx5SGFuZGxlcihlKSB7XG4gICAgdGhpcy5jb252ZXJzYXRpb25TZXJ2aWNlLnJlcGx5SWQuc2V0KGUpO1xuICB9XG59XG4iLCJAaWYgKGNoYXRNZXNzYWdlKCkuZnJvbUlkKSB7XG4gIDxheC1hdmF0YXIgW3NpemVdPVwiMzZcIj48L2F4LWF2YXRhcj5cbn1cblxuQGlmIChpc093bikge1xuICA8aSAoY2xpY2spPVwicmVwbHlIYW5kbGVyKGNoYXRNZXNzYWdlKCkuaWQpXCIgY2xhc3M9XCJmYS1zb2xpZCBmYS1yZXBseSBheC1jdXJzb3ItcG9pbnRlclwiPjwvaT5cbn1cblxuPGRpdiBjbGFzcz1cImF4LW1lc3NhZ2UtY29udGVudFwiIFtjbGFzcy5heC1zdGF0ZS1vd25dPVwiIWNoYXRNZXNzYWdlKCkuZnJvbUlkXCIgW2NsYXNzLmF4LXN0YXRlLW90aGVyXT1cImNoYXRNZXNzYWdlKCkuZnJvbUlkXCI+XG4gIDxuZy10ZW1wbGF0ZSBbY2RrUG9ydGFsT3V0bGV0XT1cIl9wb3J0YWxcIiAoYXR0YWNoZWQpPVwiX2hhbmRsZUF0dGFjaGVkKCRldmVudClcIj48L25nLXRlbXBsYXRlPlxuXG4gIDxkaXYgY2xhc3M9XCJheC1jaGF0LW1lc3NhZ2Utc3RhdHVzXCI+XG4gICAgPGRpdiBjbGFzcz1cImF4LW1lc3NhZ2UtcHJlZml4XCI+PC9kaXY+XG4gICAgPGRpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJheC1tZXNzYWdlLXN1ZmZpeFwiPjwvZGl2PlxuICAgICAgPHNwYW4+XG4gICAgICAgIHt7IGNoYXRNZXNzYWdlKCkuc2VuZFRpbWUgfCBmb3JtYXQ6ICdkYXRldGltZScgOiAnSEg6bW0nIHwgYXN5bmMgfX1cbiAgICAgIDwvc3Bhbj5cbiAgICAgIDxzcGFuPlxuICAgICAgICBAaWYgKGlzT3duKSB7XG4gICAgICAgICAgQGlmIChjaGF0TWVzc2FnZSgpLmRlbGl2ZXJUaW1lICYmIGNoYXRNZXNzYWdlKCkuc2VuZFRpbWUpIHtcbiAgICAgICAgICAgIDxpIGNsYXNzPVwiYXgtaWNvbiBheC1pY29uLWNoZWNrIGF4LW1lc3NhZ2Utc3RhdHVzXCI+PC9pPlxuICAgICAgICAgIH1cbiAgICAgICAgICBAaWYgKGNoYXRNZXNzYWdlKCkucmVhZFRpbWUgJiYgY2hhdE1lc3NhZ2UoKS5zZW5kVGltZSkge1xuICAgICAgICAgICAgPGkgY2xhc3M9XCJheC1pY29uIGF4LWljb24tZG9iYmxlLWNoZWNrIGF4LW1lc3NhZ2Utc3RhdHVzXCI+PC9pPlxuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgPC9zcGFuPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuXG5AaWYgKCFjaGF0TWVzc2FnZSgpLnNlbmRUaW1lKSB7XG4gIDxheC1idXR0b24gY2xhc3M9XCJheC1yZXNlbmQtYnV0dG9uIGF4LXhzXCIgY29sb3I9XCJkYW5nZXJcIiAjYj5cbiAgICA8YXgtaWNvbiBjbGFzcz1cImF4LWljb24gYXgtaWNvbi1lcnJvclwiPjwvYXgtaWNvbj5cblxuICAgIDxheC1wb3BvdmVyIFt0YXJnZXRdPVwiYlwiIHBsYWNlbWVudD1cImJvdHRvbS1lbmRcIiAjcG9wb3Zlcj5cbiAgICAgIDxkaXYgY2xhc3M9XCJheC1vdmVybGF5LXBhbmVcIj5cbiAgICAgICAgPGF4LWNvbnRlbnQ+IDwvYXgtY29udGVudD5cbiAgICAgICAgPGF4LWJ1dHRvbi1pdGVtLWxpc3Q+XG4gICAgICAgICAgQGlmIChjaGF0TWVzc2FnZSgpLm9uUmVzZW5kQ2xpY2spIHtcbiAgICAgICAgICAgIDxheC1idXR0b24taXRlbSB0ZXh0PVwiUmVzZW5kXCIgKG9uQ2xpY2spPVwiaGFuZGxlUmVzZW5kQ2xpY2soKVwiPlxuICAgICAgICAgICAgICA8YXgtaWNvbiBjbGFzcz1cImF4LWljb24gYXgtaWNvbi1yZWxvYWQgYXgtYm9sZFwiPjwvYXgtaWNvbj5cbiAgICAgICAgICAgIDwvYXgtYnV0dG9uLWl0ZW0+XG4gICAgICAgICAgfVxuICAgICAgICAgIEBpZiAoY2hhdE1lc3NhZ2UoKS5vbkRlbGV0ZUNsaWNrKSB7XG4gICAgICAgICAgICA8YXgtYnV0dG9uLWl0ZW0gdGV4dD1cIkRlbGV0ZVwiIGNvbG9yPVwiZGFuZ2VyXCIgKG9uQ2xpY2spPVwiaGFuZGxlRGVsZXRlQ2xpY2soKVwiPlxuICAgICAgICAgICAgICA8YXgtaWNvbiBjbGFzcz1cImF4LWljb24gYXgtaWNvbi1jbGVhciBheC1ib2xkXCI+PC9heC1pY29uPlxuICAgICAgICAgICAgPC9heC1idXR0b24taXRlbT5cbiAgICAgICAgICB9XG4gICAgICAgIDwvYXgtYnV0dG9uLWl0ZW0tbGlzdD5cbiAgICAgIDwvZGl2PlxuICAgIDwvYXgtcG9wb3Zlcj5cbiAgPC9heC1idXR0b24+XG59XG4iXX0=

package/esm2022/conversation/lib/conversation-messages/conversation-message-audio/conversation-message-audio.component.mjs

@@ -1,120 +0,0 @@
-import { Component, ViewEncapsulation, afterNextRender, signal } from '@angular/core';
-import { AXConversationMessageBaseComponent } from '../../conversation.types';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/forms";
-import * as i2 from "@acorex/components/decorators";
-import * as i3 from "@acorex/components/range-slider";
-import * as i4 from "@angular/common";
-import * as i5 from "@acorex/core/format";
-/**
- * Component for displaying audio messages in a conversation.
- *
- * @category Components
- */
-export class AXConversationMessageAudioComponent extends AXConversationMessageBaseComponent {
-    /**
-     *  @ignore
-     */
-    constructor() {
-        super();
-        /**
-         *  @ignore
-         */
-        this.audioState = signal('paused');
-        /**
-         *  @ignore
-         */
-        // audioTag = viewChild<ElementRef<HTMLAudioElement>>('a');
-        this.audioTag = signal(new Audio());
-        /**
-         *  @ignore
-         */
-        this.audioRate = signal(1);
-        /**
-         *  @ignore
-         */
-        this.currentTime = signal(0);
-        /**
-         *  @ignore
-         */
-        this.duration = signal(0);
-        /**
-         *  @ignore
-         */
-        this.currentTimeFormat = signal(0);
-        /**
-         *  @ignore
-         */
-        this.durationFormat = signal(0);
-        afterNextRender(() => {
-            this.audioTag().autoplay = false;
-            this.audioTag().src = this.message.content;
-            this.audioTag().addEventListener('ended', () => {
-                this.audioState.set('paused');
-                this.audioTag().pause();
-                this.audioTag().currentTime = 0;
-                this.currentTime.set(0);
-            });
-            this.audioTag().addEventListener('durationchange', () => {
-                if (this.audioTag().duration === Infinity)
-                    return;
-                this.duration.set(this.audioTag().duration);
-                this.durationFormat.set(Math.ceil(this.audioTag().duration) * 1000);
-            });
-            this.audioTag().addEventListener('timeupdate', () => {
-                this.currentTime.set(this.audioTag().currentTime);
-                this.currentTimeFormat.set(Math.ceil(this.audioTag().currentTime * 1000));
-            });
-        });
-    }
-    /**
-     * Seeks to the specified time and resumes audio playback.
-     *
-     * @param e - Time in seconds to seek to.
-     * @ignore
-     */
-    clickHandler(e) {
-        this.audioTag().currentTime = e;
-    }
-    /**
-     * Pauses the audio and updates the state to 'paused'.
-     * @ignore
-     */
-    handlePauseClick() {
-        this.audioState.set('paused');
-        this.audioTag().pause();
-    }
-    /**
-     * Plays the audio and updates the state to 'playing'.\
-     * @ignore
-     */
-    handlePlayClick() {
-        this.audioState.set('playing');
-        this.audioTag().play();
-    }
-    /**
-     * Toggles the playback rate of the audio between 1x, 1.5x, and 2x.
-     * @ignore
-     */
-    handleRateClick() {
-        if (this.audioRate() === 1) {
-            this.audioRate.set(1.5);
-            this.audioTag().playbackRate = 1.5;
-        }
-        else if (this.audioRate() === 1.5) {
-            this.audioRate.set(2);
-            this.audioTag().playbackRate = 2;
-        }
-        else if (this.audioRate() === 2) {
-            this.audioRate.set(1);
-            this.audioTag().playbackRate = 1;
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXConversationMessageAudioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXConversationMessageAudioComponent, selector: "ax-conversation-message-audio", usesInheritance: true, ngImport: i0, template: "<ax-prefix>\n  <div class=\"ax-time-rate\">\n    @switch (audioState()) {\n      @case ('paused') {\n        {{ currentTimeFormat() | format: 'time-duration' | async }}\n      }\n      @case ('playing') {\n        {{ currentTimeFormat() | format: 'time-duration' | async }}\n      }\n      @default {\n        {{ durationFormat() | format: 'time-duration' | async }}\n      }\n    }\n    <button class=\"ax-audio-speed\" (click)=\"handleRateClick()\">{{ audioRate() }}X</button>\n  </div>\n</ax-prefix>\n<div class=\"ax-conversation-controller\">\n  @switch (audioState()) {\n    @case ('playing') {\n      <button (click)=\"handlePauseClick()\">\n        <i class=\"ax-icon ax-icon-pause\"></i>\n      </button>\n    }\n    @case ('paused') {\n      <button (click)=\"handlePlayClick()\">\n        <i class=\"ax-icon ax-icon-play\"></i>\n      </button>\n    }\n  }\n</div>\n<ax-range-slider\n  class=\"ax-modify-bgSlider\"\n  (ngModelChange)=\"clickHandler($event)\"\n  [max]=\"duration()\"\n  [min]=\"0\"\n  mode=\"single\"\n  [ngModel]=\"currentTime()\"\n  color=\"secondary\"\n>\n</ax-range-slider>\n", styles: [".ax-time-rate button{margin-inline-start:.3rem;background-color:rgba(var(--ax-color-primary-fore));color:rgba(var(--ax-color-neutral-950));border-radius:.2rem;min-width:2rem}.ax-modify-bgSlider{width:14rem;margin:0 1rem}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "component", type: i3.AXRangeSliderComponent, selector: "ax-range-slider", inputs: ["disabled", "readonly", "orientation", "color", "values", "mode", "min", "max", "step", "snap", "tooltipMode", "snapMode", "hasStep", "hasSnap", "hasLable", "hasTooltip"], outputs: ["valuesChange"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXFormatPipe, name: "format" }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXConversationMessageAudioComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-conversation-message-audio', encapsulation: ViewEncapsulation.None, template: "<ax-prefix>\n  <div class=\"ax-time-rate\">\n    @switch (audioState()) {\n      @case ('paused') {\n        {{ currentTimeFormat() | format: 'time-duration' | async }}\n      }\n      @case ('playing') {\n        {{ currentTimeFormat() | format: 'time-duration' | async }}\n      }\n      @default {\n        {{ durationFormat() | format: 'time-duration' | async }}\n      }\n    }\n    <button class=\"ax-audio-speed\" (click)=\"handleRateClick()\">{{ audioRate() }}X</button>\n  </div>\n</ax-prefix>\n<div class=\"ax-conversation-controller\">\n  @switch (audioState()) {\n    @case ('playing') {\n      <button (click)=\"handlePauseClick()\">\n        <i class=\"ax-icon ax-icon-pause\"></i>\n      </button>\n    }\n    @case ('paused') {\n      <button (click)=\"handlePlayClick()\">\n        <i class=\"ax-icon ax-icon-play\"></i>\n      </button>\n    }\n  }\n</div>\n<ax-range-slider\n  class=\"ax-modify-bgSlider\"\n  (ngModelChange)=\"clickHandler($event)\"\n  [max]=\"duration()\"\n  [min]=\"0\"\n  mode=\"single\"\n  [ngModel]=\"currentTime()\"\n  color=\"secondary\"\n>\n</ax-range-slider>\n", styles: [".ax-time-rate button{margin-inline-start:.3rem;background-color:rgba(var(--ax-color-primary-fore));color:rgba(var(--ax-color-neutral-950));border-radius:.2rem;min-width:2rem}.ax-modify-bgSlider{width:14rem;margin:0 1rem}\n"] }]
-        }], ctorParameters: () => [] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udmVyc2F0aW9uLW1lc3NhZ2UtYXVkaW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2NvbnZlcnNhdGlvbi9zcmMvbGliL2NvbnZlcnNhdGlvbi1tZXNzYWdlcy9jb252ZXJzYXRpb24tbWVzc2FnZS1hdWRpby9jb252ZXJzYXRpb24tbWVzc2FnZS1hdWRpby5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvY29udmVyc2F0aW9uL3NyYy9saWIvY29udmVyc2F0aW9uLW1lc3NhZ2VzL2NvbnZlcnNhdGlvbi1tZXNzYWdlLWF1ZGlvL2NvbnZlcnNhdGlvbi1tZXNzYWdlLWF1ZGlvLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsZUFBZSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN0RixPQUFPLEVBQUUsa0NBQWtDLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7OztBQUU5RTs7OztHQUlHO0FBT0gsTUFBTSxPQUFPLG1DQUFvQyxTQUFRLGtDQUEwQztJQXFDakc7O09BRUc7SUFDSDtRQUNFLEtBQUssRUFBRSxDQUFDO1FBeENWOztXQUVHO1FBQ08sZUFBVSxHQUFHLE1BQU0sQ0FBdUIsUUFBUSxDQUFDLENBQUM7UUFFOUQ7O1dBRUc7UUFDSCwyREFBMkQ7UUFDakQsYUFBUSxHQUFHLE1BQU0sQ0FBQyxJQUFJLEtBQUssRUFBRSxDQUFDLENBQUM7UUFFekM7O1dBRUc7UUFDTyxjQUFTLEdBQUcsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBRWhDOztXQUVHO1FBQ08sZ0JBQVcsR0FBRyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFFbEM7O1dBRUc7UUFDTyxhQUFRLEdBQUcsTUFBTSxDQUFDLENB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LENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUN0QixJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsWUFBWSxHQUFHLENBQUMsQ0FBQztRQUNuQyxDQUFDO2FBQU0sSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLEtBQUssQ0FBQyxFQUFFLENBQUM7WUFDbEMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDdEIsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLFlBQVksR0FBRyxDQUFDLENBQUM7UUFDbkMsQ0FBQztJQUNILENBQUM7OEdBN0dVLG1DQUFtQztrR0FBbkMsbUNBQW1DLDRGQ2RoRCxtbENBd0NBOzsyRkQxQmEsbUNBQW1DO2tCQU4vQyxTQUFTOytCQUNFLCtCQUErQixpQkFHMUIsaUJBQWlCLENBQUMsSUFBSSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24sIGFmdGVyTmV4dFJlbmRlciwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBWENvbnZlcnNhdGlvbk1lc3NhZ2VCYXNlQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vY29udmVyc2F0aW9uLnR5cGVzJztcblxuLyoqXG4gKiBDb21wb25lbnQgZm9yIGRpc3BsYXlpbmcgYXVkaW8gbWVzc2FnZXMgaW4gYSBjb252ZXJzYXRpb24uXG4gKlxuICogQGNhdGVnb3J5IENvbXBvbmVudHNcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtY29udmVyc2F0aW9uLW1lc3NhZ2UtYXVkaW8nLFxuICB0ZW1wbGF0ZVVybDogJy4vY29udmVyc2F0aW9uLW1lc3NhZ2UtYXVkaW8uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jb252ZXJzYXRpb24tbWVzc2FnZS1hdWRpby5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBBWENvbnZlcnNhdGlvbk1lc3NhZ2VBdWRpb0NvbXBvbmVudCBleHRlbmRzIEFYQ29udmVyc2F0aW9uTWVzc2FnZUJhc2VDb21wb25lbnQ8c3RyaW5nPiB7XG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgcHJvdGVjdGVkIGF1ZGlvU3RhdGUgPSBzaWduYWw8J3BsYXlpbmcnIHwgJ3BhdXNlZCc+KCdwYXVzZWQnKTtcblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIC8vIGF1ZGlvVGFnID0gdmlld0NoaWxkPEVsZW1lbnRSZWY8SFRNTEF1ZGlvRWxlbWVudD4+KCdhJyk7XG4gIHByb3RlY3RlZCBhdWRpb1RhZyA9IHNpZ25hbChuZXcgQXVkaW8oKSk7XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBwcm90ZWN0ZWQgYXVkaW9SYXRlID0gc2lnbmFsKDEpO1xuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgcHJvdGVjdGVkIGN1cnJlbnRUaW1lID0gc2lnbmFsKDApO1xuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgcHJvdGVjdGVkIGR1cmF0aW9uID0gc2lnbmFsKDApO1xuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgcHJvdGVjdGVkIGN1cnJlbnRUaW1lRm9ybWF0ID0gc2lnbmFsKDApO1xuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgcHJvdGVjdGVkIGR1cmF0aW9uRm9ybWF0ID0gc2lnbmFsKDApO1xuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICBhZnRlck5leHRSZW5kZXIoKCkgPT4ge1xuICAgICAgdGhpcy5hdWRpb1RhZygpLmF1dG9wbGF5ID0gZmFsc2U7XG4gICAgICB0aGlzLmF1ZGlvVGFnKCkuc3JjID0gdGhpcy5tZXNzYWdlLmNvbnRlbnQ7XG5cbiAgICAgIHRoaXMuYXVkaW9UYWcoKS5hZGRFdmVudExpc3RlbmVyKCdlbmRlZCcsICgpID0+IHtcbiAgICAgICAgdGhpcy5hdWRpb1N0YXRlLnNldCgncGF1c2VkJyk7XG4gICAgICAgIHRoaXMuYXVkaW9UYWcoKS5wYXVzZSgpO1xuICAgICAgICB0aGlzLmF1ZGlvVGFnKCkuY3VycmVudFRpbWUgPSAwO1xuICAgICAgICB0aGlzLmN1cnJlbnRUaW1lLnNldCgwKTtcbiAgICAgIH0pO1xuXG4gICAgICB0aGlzLmF1ZGlvVGFnKCkuYWRkRXZlbnRMaXN0ZW5lcignZHVyYXRpb25jaGFuZ2UnLCAoKSA9PiB7XG4gICAgICAgIGlmICh0aGlzLmF1ZGlvVGFnKCkuZHVyYXRpb24gPT09IEluZmluaXR5KSByZXR1cm47XG4gICAgICAgIHRoaXMuZHVyYXRpb24uc2V0KHRoaXMuYXVkaW9UYWcoKS5kdXJhdGlvbik7XG4gICAgICAgIHRoaXMuZHVyYXRpb25Gb3JtYXQuc2V0KE1hdGguY2VpbCh0aGlzLmF1ZGlvVGFnKCkuZHVyYXRpb24pICogMTAwMCk7XG4gICAgICB9KTtcblxuICAgICAgdGhpcy5hdWRpb1RhZygpLmFkZEV2ZW50TGlzdGVuZXIoJ3RpbWV1cGRhdGUnLCAoKSA9PiB7XG4gICAgICAgIHRoaXMuY3VycmVudFRpbWUuc2V0KHRoaXMuYXVkaW9UYWcoKS5jdXJyZW50VGltZSk7XG4gICAgICAgIHRoaXMuY3VycmVudFRpbWVGb3JtYXQuc2V0KE1hdGguY2VpbCh0aGlzLmF1ZGlvVGFnKCkuY3VycmVudFRpbWUgKiAxMDAwKSk7XG4gICAgICB9KTtcbiAgICB9KTtcbiAgfVxuXG4gIC8qKlxuICAgKiBTZWVrcyB0byB0aGUgc3BlY2lmaWVkIHRpbWUgYW5kIHJlc3VtZXMgYXVkaW8gcGxheWJhY2suXG4gICAqXG4gICAqIEBwYXJhbSBlIC0gVGltZSBpbiBzZWNvbmRzIHRvIHNlZWsgdG8uXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIHByb3RlY3RlZCBjbGlja0hhbmRsZXIoZTogYW55KSB7XG4gICAgdGhpcy5hdWRpb1RhZygpLmN1cnJlbnRUaW1lID0gZSBhcyBudW1iZXI7XG4gIH1cblxuICAvKipcbiAgICogUGF1c2VzIHRoZSBhdWRpbyBhbmQgdXBkYXRlcyB0aGUgc3RhdGUgdG8gJ3BhdXNlZCcuXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIHByb3RlY3RlZCBoYW5kbGVQYXVzZUNsaWNrKCkge1xuICAgIHRoaXMuYXVkaW9TdGF0ZS5zZXQoJ3BhdXNlZCcpO1xuICAgIHRoaXMuYXVkaW9UYWcoKS5wYXVzZSgpO1xuICB9XG5cbiAgLyoqXG4gICAqIFBsYXlzIHRoZSBhdWRpbyBhbmQgdXBkYXRlcyB0aGUgc3RhdGUgdG8gJ3BsYXlpbmcnLlxcXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIHByb3RlY3RlZCBoYW5kbGVQbGF5Q2xpY2soKSB7XG4gICAgdGhpcy5hdWRpb1N0YXRlLnNldCgncGxheWluZycpO1xuICAgIHRoaXMuYXVkaW9UYWcoKS5wbGF5KCk7XG4gIH1cblxuICAvKipcbiAgICogVG9nZ2xlcyB0aGUgcGxheWJhY2sgcmF0ZSBvZiB0aGUgYXVkaW8gYmV0d2VlbiAxeCwgMS41eCwgYW5kIDJ4LlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBwcm90ZWN0ZWQgaGFuZGxlUmF0ZUNsaWNrKCkge1xuICAgIGlmICh0aGlzLmF1ZGlvUmF0ZSgpID09PSAxKSB7XG4gICAgICB0aGlzLmF1ZGlvUmF0ZS5zZXQoMS41KTtcbiAgICAgIHRoaXMuYXVkaW9UYWcoKS5wbGF5YmFja1JhdGUgPSAxLjU7XG4gICAgfSBlbHNlIGlmICh0aGlzLmF1ZGlvUmF0ZSgpID09PSAxLjUpIHtcbiAgICAgIHRoaXMuYXVkaW9SYXRlLnNldCgyKTtcbiAgICAgIHRoaXMuYXVkaW9UYWcoKS5wbGF5YmFja1JhdGUgPSAyO1xuICAgIH0gZWxzZSBpZiAodGhpcy5hdWRpb1JhdGUoKSA9PT0gMikge1xuICAgICAgdGhpcy5hdWRpb1JhdGUuc2V0KDEpO1xuICAgICAgdGhpcy5hdWRpb1RhZygpLnBsYXliYWNrUmF0ZSA9IDE7XG4gICAgfVxuICB9XG59XG4iLCI8YXgtcHJlZml4PlxuICA8ZGl2IGNsYXNzPVwiYXgtdGltZS1yYXRlXCI+XG4gICAgQHN3aXRjaCAoYXVkaW9TdGF0ZSgpKSB7XG4gICAgICBAY2FzZSAoJ3BhdXNlZCcpIHtcbiAgICAgICAge3sgY3VycmVudFRpbWVGb3JtYXQoKSB8IGZvcm1hdDogJ3RpbWUtZHVyYXRpb24nIHwgYXN5bmMgfX1cbiAgICAgIH1cbiAgICAgIEBjYXNlICgncGxheWluZycpIHtcbiAgICAgICAge3sgY3VycmVudFRpbWVGb3JtYXQoKSB8IGZvcm1hdDogJ3RpbWUtZHVyYXRpb24nIHwgYXN5bmMgfX1cbiAgICAgIH1cbiAgICAgIEBkZWZhdWx0IHtcbiAgICAgICAge3sgZHVyYXRpb25Gb3JtYXQoKSB8IGZvcm1hdDogJ3RpbWUtZHVyYXRpb24nIHwgYXN5bmMgfX1cbiAgICAgIH1cbiAgICB9XG4gICAgPGJ1dHRvbiBjbGFzcz1cImF4LWF1ZGlvLXNwZWVkXCIgKGNsaWNrKT1cImhhbmRsZVJhdGVDbGljaygpXCI+e3sgYXVkaW9SYXRlKCkgfX1YPC9idXR0b24+XG4gIDwvZGl2PlxuPC9heC1wcmVmaXg+XG48ZGl2IGNsYXNzPVwiYXgtY29udmVyc2F0aW9uLWNvbnRyb2xsZXJcIj5cbiAgQHN3aXRjaCAoYXVkaW9TdGF0ZSgpKSB7XG4gICAgQGNhc2UgKCdwbGF5aW5nJykge1xuICAgICAgPGJ1dHRvbiAoY2xpY2spPVwiaGFuZGxlUGF1c2VDbGljaygpXCI+XG4gICAgICAgIDxpIGNsYXNzPVwiYXgtaWNvbiBheC1pY29uLXBhdXNlXCI+PC9pPlxuICAgICAgPC9idXR0b24+XG4gICAgfVxuICAgIEBjYXNlICgncGF1c2VkJykge1xuICAgICAgPGJ1dHRvbiAoY2xpY2spPVwiaGFuZGxlUGxheUNsaWNrKClcIj5cbiAgICAgICAgPGkgY2xhc3M9XCJheC1pY29uIGF4LWljb24tcGxheVwiPjwvaT5cbiAgICAgIDwvYnV0dG9uPlxuICAgIH1cbiAgfVxuPC9kaXY+XG48YXgtcmFuZ2Utc2xpZGVyXG4gIGNsYXNzPVwiYXgtbW9kaWZ5LWJnU2xpZGVyXCJcbiAgKG5nTW9kZWxDaGFuZ2UpPVwiY2xpY2tIYW5kbGVyKCRldmVudClcIlxuICBbbWF4XT1cImR1cmF0aW9uKClcIlxuICBbbWluXT1cIjBcIlxuICBtb2RlPVwic2luZ2xlXCJcbiAgW25nTW9kZWxdPVwiY3VycmVudFRpbWUoKVwiXG4gIGNvbG9yPVwic2Vjb25kYXJ5XCJcbj5cbjwvYXgtcmFuZ2Utc2xpZGVyPlxuIl19

package/esm2022/conversation/lib/conversation-messages/conversation-message-file/conversation-message-file.component.mjs

@@ -1,79 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import { AXFileService } from '@acorex/core/file';
-import { HttpClient } from '@angular/common/http';
-import { Component, ViewEncapsulation, afterNextRender, inject, signal } from '@angular/core';
-import { AXConversationViewComponent } from '../../conversation-view/conversation-view.component';
-import { AXConversationMessageBaseComponent } from '../../conversation.types';
-import * as i0 from "@angular/core";
-import * as i1 from "@acorex/components/decorators";
-import * as i2 from "@acorex/components/loading";
-import * as i3 from "@angular/common";
-import * as i4 from "@acorex/core/format";
-/**
- * Component for displaying file messages in a conversation.
- *
- * @category Components
- */
-export class AXConversationFileMessageComponent extends AXConversationMessageBaseComponent {
-    /**
-     *  @ignore
-     */
-    constructor() {
-        super();
-        /**
-         *  @ignore
-         */
-        this.fileState = signal('ready');
-        /**
-         *  @ignore
-         */
-        this.fileSize = signal(null);
-        /**
-         *  @ignore
-         */
-        this.fileName = signal('');
-        /**
-         *  @ignore
-         */
-        this.fileService = inject(AXFileService);
-        /**
-         *  @ignore
-         */
-        this.http = inject(HttpClient);
-        /**
-         *  @ignore
-         */
-        this.parent = inject(AXConversationViewComponent);
-        afterNextRender(() => {
-            if (this.message.name) {
-                this.fileName.set(this.message.name);
-                this.fileSize.set(this.fileService.getSize(this.message.content));
-            }
-            else {
-                this.fileName.set(this.message.content[0].name);
-                this.fileSize.set(this.message.content[0].size);
-            }
-        });
-    }
-    /**
-     * Emits a download action event for the file.
-     * @ignore
-     */
-    handleDownloadFile() {
-        this.parent.onAction.emit({ component: this, data: this.message, isUserInteraction: true });
-    }
-    /**
-     * Emits a cancel action event for the file loading.
-     * @ignore
-     */
-    handleCancelLoading() {
-        this.parent.onAction.emit({ component: this, data: this.message, isUserInteraction: true });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXConversationFileMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXConversationFileMessageComponent, selector: "ax-conversation-message-file", usesInheritance: true, ngImport: i0, template: "<ax-prefix>\n  {{ fileSize() | format: 'filesize' | async }}\n</ax-prefix>\n<div class=\"ax-file-container\">\n  <div class=\"ax-conversation-controller\">\n    @switch (fileState()) {\n      @case ('ready') {\n        <button (click)=\"handleDownloadFile()\">\n          <i class=\"ax-icon ax-icon-download\"></i>\n        </button>\n      }\n\n      @default {\n        <button (click)=\"handleCancelLoading()\">\n          <ax-loading-spinner\n            [size]=\"24\"\n            [stroke]=\"2\"\n            [color]=\"message.fromId ? 'var(--ax-other-color)' : 'var(--ax-own-color)'\"\n          ></ax-loading-spinner>\n        </button>\n      }\n    }\n  </div>\n\n  <div class=\"ax-file-name\">{{ fileName() }}</div>\n</div>\n", styles: ["ax-conversation-message-file .ax-file-container{display:flex;align-items:center;justify-content:center;gap:.5rem}ax-conversation-message-file .ax-file-container .ax-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "component", type: i2.AXLoadingSpinnerComponent, selector: "ax-loading-spinner", inputs: ["text", "color", "size", "stroke"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXFormatPipe, name: "format" }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXConversationFileMessageComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-conversation-message-file', encapsulation: ViewEncapsulation.None, template: "<ax-prefix>\n  {{ fileSize() | format: 'filesize' | async }}\n</ax-prefix>\n<div class=\"ax-file-container\">\n  <div class=\"ax-conversation-controller\">\n    @switch (fileState()) {\n      @case ('ready') {\n        <button (click)=\"handleDownloadFile()\">\n          <i class=\"ax-icon ax-icon-download\"></i>\n        </button>\n      }\n\n      @default {\n        <button (click)=\"handleCancelLoading()\">\n          <ax-loading-spinner\n            [size]=\"24\"\n            [stroke]=\"2\"\n            [color]=\"message.fromId ? 'var(--ax-other-color)' : 'var(--ax-own-color)'\"\n          ></ax-loading-spinner>\n        </button>\n      }\n    }\n  </div>\n\n  <div class=\"ax-file-name\">{{ fileName() }}</div>\n</div>\n", styles: ["ax-conversation-message-file .ax-file-container{display:flex;align-items:center;justify-content:center;gap:.5rem}ax-conversation-message-file .ax-file-container .ax-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
-        }], ctorParameters: () => [] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udmVyc2F0aW9uLW1lc3NhZ2UtZmlsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvY29udmVyc2F0aW9uL3NyYy9saWIvY29udmVyc2F0aW9uLW1lc3NhZ2VzL2NvbnZlcnNhdGlvbi1tZXNzYWdlLWZpbGUvY29udmVyc2F0aW9uLW1lc3NhZ2UtZmlsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvY29udmVyc2F0aW9uL3NyYy9saWIvY29udmVyc2F0aW9uLW1lc3NhZ2VzL2NvbnZlcnNhdGlvbi1tZXNzYWdlLWZpbGUvY29udmVyc2F0aW9uLW1lc3NhZ2UtZmlsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxzREFBc0Q7QUFDdEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNsRCxPQUFPLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFrQixlQUFlLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RyxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUNsRyxPQUFPLEVBQUUsa0NBQWtDLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7O0FBRTlFOzs7O0dBSUc7QUFPSCxNQUFNLE9BQU8sa0NBQW1DLFNBQVEsa0NBQTBDO0lBMkJoRzs7T0FFRztJQUNIO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUE5QlY7O1dBRUc7UUFDSCxjQUFTLEdBQWtELE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUMzRTs7V0FFRztRQUNILGFBQVEsR0FBMkIsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2hEOztXQUVHO1FBQ0gsYUFBUSxHQUEyQixNQUFNLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFOUM7O1dBRUc7UUFDSCxnQkFBVyxHQUFHLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUNwQzs7V0FFRztRQUNILFNBQUksR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDMUI7O1dBRUc7UUFDSCxXQUFNLEdBQUcsTUFBTSxDQUFDLDJCQUEyQixDQUFDLENBQUM7UUFPM0MsZUFBZSxDQUFDLEdBQUcsRUFBRTtZQUNuQixJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7Z0JBQ3RCLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQ3JDLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFXLENBQUMsQ0FBQztZQUM5RSxDQUFDO2lCQUFNLENBQUM7Z0JBQ04sSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQ2hELElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQ2xELENBQUM7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRDs7O09BR0c7SUFDSCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQzlGLENBQUM7SUFFRDs7O09BR0c7SUFDSCxtQkFBbUI7UUFDakIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQzlGLENBQUM7OEdBekRVLGtDQUFrQztrR0FBbEMsa0NBQWtDLDJGQ2xCL0MsaXVCQTBCQTs7MkZEUmEsa0NBQWtDO2tCQU45QyxTQUFTOytCQUNFLDhCQUE4QixpQkFHekIsaUJBQWlCLENBQUMsSUFBSSIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFycyAqL1xuaW1wb3J0IHsgQVhGaWxlU2VydmljZSB9IGZyb20gJ0BhY29yZXgvY29yZS9maWxlJztcbmltcG9ydCB7IEh0dHBDbGllbnQgfSBmcm9tICdAYW5ndWxhci9jb21tb24vaHR0cCc7XG5pbXBvcnQgeyBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9uLCBXcml0YWJsZVNpZ25hbCwgYWZ0ZXJOZXh0UmVuZGVyLCBpbmplY3QsIHNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQVhDb252ZXJzYXRpb25WaWV3Q29tcG9uZW50IH0gZnJvbSAnLi4vLi4vY29udmVyc2F0aW9uLXZpZXcvY29udmVyc2F0aW9uLXZpZXcuY29tcG9uZW50JztcbmltcG9ydCB7IEFYQ29udmVyc2F0aW9uTWVzc2FnZUJhc2VDb21wb25lbnQgfSBmcm9tICcuLi8uLi9jb252ZXJzYXRpb24udHlwZXMnO1xuXG4vKipcbiAqIENvbXBvbmVudCBmb3IgZGlzcGxheWluZyBmaWxlIG1lc3NhZ2VzIGluIGEgY29udmVyc2F0aW9uLlxuICpcbiAqIEBjYXRlZ29yeSBDb21wb25lbnRzXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LWNvbnZlcnNhdGlvbi1tZXNzYWdlLWZpbGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vY29udmVyc2F0aW9uLW1lc3NhZ2UtZmlsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9jb252ZXJzYXRpb24tbWVzc2FnZS1maWxlLmNvbXBvbmVudC5zY3NzJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgQVhDb252ZXJzYXRpb25GaWxlTWVzc2FnZUNvbXBvbmVudCBleHRlbmRzIEFYQ29udmVyc2F0aW9uTWVzc2FnZUJhc2VDb21wb25lbnQ8c3RyaW5nPiB7XG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgZmlsZVN0YXRlOiBXcml0YWJsZVNpZ25hbDwnbG9hZGluZycgfCAncmVhZHknIHwgJ2Vycm9yJz4gPSBzaWduYWwoJ3JlYWR5Jyk7XG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgZmlsZVNpemU6IFdyaXRhYmxlU2lnbmFsPG51bWJlcj4gPSBzaWduYWwobnVsbCk7XG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgZmlsZU5hbWU6IFdyaXRhYmxlU2lnbmFsPHN0cmluZz4gPSBzaWduYWwoJycpO1xuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgZmlsZVNlcnZpY2UgPSBpbmplY3QoQVhGaWxlU2VydmljZSk7XG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgaHR0cCA9IGluamVjdChIdHRwQ2xpZW50KTtcbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBwYXJlbnQgPSBpbmplY3QoQVhDb252ZXJzYXRpb25WaWV3Q29tcG9uZW50KTtcblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgYWZ0ZXJOZXh0UmVuZGVyKCgpID0+IHtcbiAgICAgIGlmICh0aGlzLm1lc3NhZ2UubmFtZSkge1xuICAgICAgICB0aGlzLmZpbGVOYW1lLnNldCh0aGlzLm1lc3NhZ2UubmFtZSk7XG4gICAgICAgIHRoaXMuZmlsZVNpemUuc2V0KHRoaXMuZmlsZVNlcnZpY2UuZ2V0U2l6ZSh0aGlzLm1lc3NhZ2UuY29udGVudCkgYXMgbnVtYmVyKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMuZmlsZU5hbWUuc2V0KHRoaXMubWVzc2FnZS5jb250ZW50WzBdLm5hbWUpO1xuICAgICAgICB0aGlzLmZpbGVTaXplLnNldCh0aGlzLm1lc3NhZ2UuY29udGVudFswXS5zaXplKTtcbiAgICAgIH1cbiAgICB9KTtcbiAgfVxuXG4gIC8qKlxuICAgKiBFbWl0cyBhIGRvd25sb2FkIGFjdGlvbiBldmVudCBmb3IgdGhlIGZpbGUuXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIGhhbmRsZURvd25sb2FkRmlsZSgpIHtcbiAgICB0aGlzLnBhcmVudC5vbkFjdGlvbi5lbWl0KHsgY29tcG9uZW50OiB0aGlzLCBkYXRhOiB0aGlzLm1lc3NhZ2UsIGlzVXNlckludGVyYWN0aW9uOiB0cnVlIH0pO1xuICB9XG5cbiAgLyoqXG4gICAqIEVtaXRzIGEgY2FuY2VsIGFjdGlvbiBldmVudCBmb3IgdGhlIGZpbGUgbG9hZGluZy5cbiAgICogQGlnbm9yZVxuICAgKi9cbiAgaGFuZGxlQ2FuY2VsTG9hZGluZygpIHtcbiAgICB0aGlzLnBhcmVudC5vbkFjdGlvbi5lbWl0KHsgY29tcG9uZW50OiB0aGlzLCBkYXRhOiB0aGlzLm1lc3NhZ2UsIGlzVXNlckludGVyYWN0aW9uOiB0cnVlIH0pO1xuICB9XG59XG4iLCI8YXgtcHJlZml4PlxuICB7eyBmaWxlU2l6ZSgpIHwgZm9ybWF0OiAnZmlsZXNpemUnIHwgYXN5bmMgfX1cbjwvYXgtcHJlZml4PlxuPGRpdiBjbGFzcz1cImF4LWZpbGUtY29udGFpbmVyXCI+XG4gIDxkaXYgY2xhc3M9XCJheC1jb252ZXJzYXRpb24tY29udHJvbGxlclwiPlxuICAgIEBzd2l0Y2ggKGZpbGVTdGF0ZSgpKSB7XG4gICAgICBAY2FzZSAoJ3JlYWR5Jykge1xuICAgICAgICA8YnV0dG9uIChjbGljayk9XCJoYW5kbGVEb3dubG9hZEZpbGUoKVwiPlxuICAgICAgICAgIDxpIGNsYXNzPVwiYXgtaWNvbiBheC1pY29uLWRvd25sb2FkXCI+PC9pPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgIH1cblxuICAgICAgQGRlZmF1bHQge1xuICAgICAgICA8YnV0dG9uIChjbGljayk9XCJoYW5kbGVDYW5jZWxMb2FkaW5nKClcIj5cbiAgICAgICAgICA8YXgtbG9hZGluZy1zcGlubmVyXG4gICAgICAgICAgICBbc2l6ZV09XCIyNFwiXG4gICAgICAgICAgICBbc3Ryb2tlXT1cIjJcIlxuICAgICAgICAgICAgW2NvbG9yXT1cIm1lc3NhZ2UuZnJvbUlkID8gJ3ZhcigtLWF4LW90aGVyLWNvbG9yKScgOiAndmFyKC0tYXgtb3duLWNvbG9yKSdcIlxuICAgICAgICAgID48L2F4LWxvYWRpbmctc3Bpbm5lcj5cbiAgICAgICAgPC9idXR0b24+XG4gICAgICB9XG4gICAgfVxuICA8L2Rpdj5cblxuICA8ZGl2IGNsYXNzPVwiYXgtZmlsZS1uYW1lXCI+e3sgZmlsZU5hbWUoKSB9fTwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2022/conversation/lib/conversation-messages/conversation-message-image/conversation-message-image.component.mjs

@@ -1,69 +0,0 @@
-import { AXPopupService } from '@acorex/components/popup';
-import { Component, afterNextRender, inject, signal } from '@angular/core';
-import { AXConversationMessageBaseComponent } from '../../conversation.types';
-import { ConversationMessageImagePopupComponent } from '../conversation-message-image-popup/conversation-message-image-popup.component';
-import * as i0 from "@angular/core";
-/**
- * A component for displaying an image within a conversation message.
- *
- * @category Components
- */
-export class AXConversationMessageImageComponent extends AXConversationMessageBaseComponent {
-    /**
-     *  @ignore
-     */
-    constructor() {
-        super();
-        /**
-         *  @ignore
-         */
-        this._imageUrl = signal('');
-        /**
-         *  @ignore
-         */
-        this.popup = inject(AXPopupService);
-        /**
-         *  @ignore
-         */
-        this._options = {
-            header: true,
-            footer: false,
-            size: 'md',
-            draggable: true,
-            hasBackdrop: true,
-            closeButton: true,
-            closeOnBackdropClick: false,
-        };
-        afterNextRender(() => {
-            this._imageUrl.set(this.message?.content);
-        });
-    }
-    /**
-     * Opens a popup displaying the image with options for draggable, size, and backdrop.
-     * @ignore
-     */
-    openPopup() {
-        this.popup
-            .open(ConversationMessageImagePopupComponent, {
-            draggable: this._options.draggable,
-            header: this._options.header,
-            size: this._options.size,
-            hasBackdrop: this._options.hasBackdrop,
-            closeButton: this._options.closeButton,
-            closeOnBackdropClick: this._options.closeOnBackdropClick,
-            data: {
-                url: this._imageUrl(),
-            },
-        })
-            .then((c) => {
-            console.log(c);
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXConversationMessageImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXConversationMessageImageComponent, selector: "ax-conversation-message-image", inputs: { message: "message" }, usesInheritance: true, ngImport: i0, template: `<img (click)="openPopup()" [src]="_imageUrl()" alt="" /> `, isInline: true, styles: ["img{cursor:pointer;margin-bottom:.5rem;width:100%;border-radius:.75rem}\n"] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXConversationMessageImageComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-conversation-message-image', template: `<img (click)="openPopup()" [src]="_imageUrl()" alt="" /> `, inputs: ['message'], styles: ["img{cursor:pointer;margin-bottom:.5rem;width:100%;border-radius:.75rem}\n"] }]
-        }], ctorParameters: () => [] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udmVyc2F0aW9uLW1lc3NhZ2UtaW1hZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2NvbnZlcnNhdGlvbi9zcmMvbGliL2NvbnZlcnNhdGlvbi1tZXNzYWdlcy9jb252ZXJzYXRpb24tbWVzc2FnZS1pbWFnZS9jb252ZXJzYXRpb24tbWVzc2FnZS1pbWFnZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBbUIsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRSxPQUFPLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNFLE9BQU8sRUFBRSxrQ0FBa0MsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzlFLE9BQU8sRUFBRSxzQ0FBc0MsRUFBRSxNQUFNLGdGQUFnRixDQUFDOztBQUV4STs7OztHQUlHO0FBY0gsTUFBTSxPQUFPLG1DQUFvQyxTQUFRLGtDQUEwQztJQXdCakc7O09BRUc7SUFDSDtRQUNFLEtBQUssRUFBRSxDQUFDO1FBM0JWOztXQUVHO1FBQ08sY0FBUyxHQUFHLE1BQU0sQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUVqQzs7V0FFRztRQUNLLFVBQUssR0FBbUIsTUFBTSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBRXZEOztXQUVHO1FBQ08sYUFBUSxHQUFHO1lBQ25CLE1BQU0sRUFBRSxJQUFJO1lBQ1osTUFBTSxFQUFFLEtBQUs7WUFDYixJQUFJLEVBQUUsSUFBSTtZQUNWLFNBQVMsRUFBRSxJQUFJO1lBQ2YsV0FBVyxFQUFFLElBQUk7WUFDakIsV0FBVyxFQUFFLElBQUk7WUFDakIsb0JBQW9CLEVBQUUsS0FBSztTQUM1QixDQUFDO1FBT0EsZUFBZSxDQUFDLEdBQUcsRUFBRTtZQUNuQixJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLE9BQU8sQ0FBQyxDQUFDO1FBQzVDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVEOzs7T0FHRztJQUNILFNBQVM7UUFDUCxJQUFJLENBQUMsS0FBSzthQUNQLElBQUksQ0FBQyxzQ0FBc0MsRUFBRTtZQUM1QyxTQUFTLEVBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxTQUFTO1lBQ2xDLE1BQU0sRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU07WUFDNUIsSUFBSSxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBdUI7WUFDM0MsV0FBVyxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVztZQUN0QyxXQUFXLEVBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXO1lBQ3RDLG9CQUFvQixFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsb0JBQW9CO1lBQ3hELElBQUksRUFBRTtnQkFDSixHQUFHLEVBQUUsSUFBSSxDQUFDLFNBQVMsRUFBRTthQUN0QjtTQUNGLENBQUM7YUFDRCxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtZQUNWLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDakIsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDOzhHQXREVSxtQ0FBbUM7a0dBQW5DLG1DQUFtQyw0SEFYcEMsMkRBQTJEOzsyRkFXMUQsbUNBQW1DO2tCQWIvQyxTQUFTOytCQUNFLCtCQUErQixZQUMvQiwyREFBMkQsVUFTN0QsQ0FBQyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWFBvcHVwU2VydmljZSwgQVhQb3B1cFNpemVUeXBlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL3BvcHVwJztcbmltcG9ydCB7IENvbXBvbmVudCwgYWZ0ZXJOZXh0UmVuZGVyLCBpbmplY3QsIHNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQVhDb252ZXJzYXRpb25NZXNzYWdlQmFzZUNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2NvbnZlcnNhdGlvbi50eXBlcyc7XG5pbXBvcnQgeyBDb252ZXJzYXRpb25NZXNzYWdlSW1hZ2VQb3B1cENvbXBvbmVudCB9IGZyb20gJy4uL2NvbnZlcnNhdGlvbi1tZXNzYWdlLWltYWdlLXBvcHVwL2NvbnZlcnNhdGlvbi1tZXNzYWdlLWltYWdlLXBvcHVwLmNvbXBvbmVudCc7XG5cbi8qKlxuICogQSBjb21wb25lbnQgZm9yIGRpc3BsYXlpbmcgYW4gaW1hZ2Ugd2l0aGluIGEgY29udmVyc2F0aW9uIG1lc3NhZ2UuXG4gKlxuICogQGNhdGVnb3J5IENvbXBvbmVudHNcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtY29udmVyc2F0aW9uLW1lc3NhZ2UtaW1hZ2UnLFxuICB0ZW1wbGF0ZTogYDxpbWcgKGNsaWNrKT1cIm9wZW5Qb3B1cCgpXCIgW3NyY109XCJfaW1hZ2VVcmwoKVwiIGFsdD1cIlwiIC8+IGAsXG4gIHN0eWxlczogYFxuICAgIGltZyB7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICBtYXJnaW4tYm90dG9tOiAwLjVyZW07XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDAuNzVyZW07XG4gICAgfVxuICBgLFxuICBpbnB1dHM6IFsnbWVzc2FnZSddLFxufSlcbmV4cG9ydCBjbGFzcyBBWENvbnZlcnNhdGlvbk1lc3NhZ2VJbWFnZUNvbXBvbmVudCBleHRlbmRzIEFYQ29udmVyc2F0aW9uTWVzc2FnZUJhc2VDb21wb25lbnQ8c3RyaW5nPiB7XG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgcHJvdGVjdGVkIF9pbWFnZVVybCA9IHNpZ25hbCgnJyk7XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBwcml2YXRlIHBvcHVwOiBBWFBvcHVwU2VydmljZSA9IGluamVjdChBWFBvcHVwU2VydmljZSk7XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBwcm90ZWN0ZWQgX29wdGlvbnMgPSB7XG4gICAgaGVhZGVyOiB0cnVlLFxuICAgIGZvb3RlcjogZmFsc2UsXG4gICAgc2l6ZTogJ21kJyxcbiAgICBkcmFnZ2FibGU6IHRydWUsXG4gICAgaGFzQmFja2Ryb3A6IHRydWUsXG4gICAgY2xvc2VCdXR0b246IHRydWUsXG4gICAgY2xvc2VPbkJhY2tkcm9wQ2xpY2s6IGZhbHNlLFxuICB9O1xuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICBhZnRlck5leHRSZW5kZXIoKCkgPT4ge1xuICAgICAgdGhpcy5faW1hZ2VVcmwuc2V0KHRoaXMubWVzc2FnZT8uY29udGVudCk7XG4gICAgfSk7XG4gIH1cblxuICAvKipcbiAgICogT3BlbnMgYSBwb3B1cCBkaXNwbGF5aW5nIHRoZSBpbWFnZSB3aXRoIG9wdGlvbnMgZm9yIGRyYWdnYWJsZSwgc2l6ZSwgYW5kIGJhY2tkcm9wLlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBvcGVuUG9wdXAoKSB7XG4gICAgdGhpcy5wb3B1cFxuICAgICAgLm9wZW4oQ29udmVyc2F0aW9uTWVzc2FnZUltYWdlUG9wdXBDb21wb25lbnQsIHtcbiAgICAgICAgZHJhZ2dhYmxlOiB0aGlzLl9vcHRpb25zLmRyYWdnYWJsZSxcbiAgICAgICAgaGVhZGVyOiB0aGlzLl9vcHRpb25zLmhlYWRlcixcbiAgICAgICAgc2l6ZTogdGhpcy5fb3B0aW9ucy5zaXplIGFzIEFYUG9wdXBTaXplVHlwZSxcbiAgICAgICAgaGFzQmFja2Ryb3A6IHRoaXMuX29wdGlvbnMuaGFzQmFja2Ryb3AsXG4gICAgICAgIGNsb3NlQnV0dG9uOiB0aGlzLl9vcHRpb25zLmNsb3NlQnV0dG9uLFxuICAgICAgICBjbG9zZU9uQmFja2Ryb3BDbGljazogdGhpcy5fb3B0aW9ucy5jbG9zZU9uQmFja2Ryb3BDbGljayxcbiAgICAgICAgZGF0YToge1xuICAgICAgICAgIHVybDogdGhpcy5faW1hZ2VVcmwoKSxcbiAgICAgICAgfSxcbiAgICAgIH0pXG4gICAgICAudGhlbigoYykgPT4ge1xuICAgICAgICBjb25zb2xlLmxvZyhjKTtcbiAgICAgIH0pO1xuICB9XG59XG4iXX0=

package/esm2022/conversation/lib/conversation-messages/conversation-message-image-popup/conversation-message-image-popup.component.mjs

@@ -1,24 +0,0 @@
-import { afterNextRender, Component } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * A popup component for displaying an image in full view.
- *
- * @category Components
- */
-export class ConversationMessageImagePopupComponent {
-    /**
-     *  @ignore
-     */
-    constructor() {
-        afterNextRender(() => {
-            console.log(this.url);
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ConversationMessageImagePopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: ConversationMessageImagePopupComponent, selector: "ax-conversation-message-image-popup", ngImport: i0, template: ` <div class="ax-image-popup-container"><img class="ax-image-popup" [src]="url" alt="" /></div>`, isInline: true, styles: [".ax-image-popup-container{display:flex;justify-content:center;align-items:center}.ax-image-popup{width:100%;height:auto;object-fit:cover}\n"] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ConversationMessageImagePopupComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-conversation-message-image-popup', template: ` <div class="ax-image-popup-container"><img class="ax-image-popup" [src]="url" alt="" /></div>`, styles: [".ax-image-popup-container{display:flex;justify-content:center;align-items:center}.ax-image-popup{width:100%;height:auto;object-fit:cover}\n"] }]
-        }], ctorParameters: () => [] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udmVyc2F0aW9uLW1lc3NhZ2UtaW1hZ2UtcG9wdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2NvbnZlcnNhdGlvbi9zcmMvbGliL2NvbnZlcnNhdGlvbi1tZXNzYWdlcy9jb252ZXJzYXRpb24tbWVzc2FnZS1pbWFnZS1wb3B1cC9jb252ZXJzYXRpb24tbWVzc2FnZS1pbWFnZS1wb3B1cC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGVBQWUsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRTNEOzs7O0dBSUc7QUFNSCxNQUFNLE9BQU8sc0NBQXNDO0lBTWpEOztPQUVHO0lBQ0g7UUFDRSxlQUFlLENBQUMsR0FBRyxFQUFFO1lBQ25CLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ3hCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs4R0FiVSxzQ0FBc0M7a0dBQXRDLHNDQUFzQywyRUFIdkMsZ0dBQWdHOzsyRkFHL0Ysc0NBQXNDO2tCQUxsRCxTQUFTOytCQUNFLHFDQUFxQyxZQUNyQyxnR0FBZ0ciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBhZnRlck5leHRSZW5kZXIsIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIEEgcG9wdXAgY29tcG9uZW50IGZvciBkaXNwbGF5aW5nIGFuIGltYWdlIGluIGZ1bGwgdmlldy5cbiAqXG4gKiBAY2F0ZWdvcnkgQ29tcG9uZW50c1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1jb252ZXJzYXRpb24tbWVzc2FnZS1pbWFnZS1wb3B1cCcsXG4gIHRlbXBsYXRlOiBgIDxkaXYgY2xhc3M9XCJheC1pbWFnZS1wb3B1cC1jb250YWluZXJcIj48aW1nIGNsYXNzPVwiYXgtaW1hZ2UtcG9wdXBcIiBbc3JjXT1cInVybFwiIGFsdD1cIlwiIC8+PC9kaXY+YCxcbiAgc3R5bGVVcmw6ICcuL2NvbnZlcnNhdGlvbi1tZXNzYWdlLWltYWdlLXBvcHVwLmNvbXBvbmVudC5zY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgQ29udmVyc2F0aW9uTWVzc2FnZUltYWdlUG9wdXBDb21wb25lbnQge1xuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIHByb3RlY3RlZCB1cmw6IHN0cmluZztcblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIGFmdGVyTmV4dFJlbmRlcigoKSA9PiB7XG4gICAgICBjb25zb2xlLmxvZyh0aGlzLnVybCk7XG4gICAgfSk7XG4gIH1cbn1cbiJdfQ==