@acorex/components 16.0.2 → 17.0.1

package/fesm2022/acorex-components-chat.mjs

@@ -0,0 +1,441 @@
+import { MXInputBaseValueComponent, MXLookComponent, AXComponent, AXFocusableComponent, AXValuableComponent, MXBaseComponent, AXRippleDirective } from '@acorex/components/common';
+import * as i0 from '@angular/core';
+import { signal, Injectable, EventEmitter, inject, forwardRef, Component, ChangeDetectionStrategy, ViewEncapsulation, ViewChild, Input, Output, HostBinding, NgModule, Optional, Inject } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
+import { classes } from 'polytype';
+import * as i2 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i3 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import * as i4 from '@acorex/components/dropdown';
+import { AXDropdownModule } from '@acorex/components/dropdown';
+import * as i1$1 from '@angular/common';
+import { CommonModule, AsyncPipe } from '@angular/common';
+import * as i6 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+import * as i2$1 from '@acorex/core/format';
+import { AXFormatModule } from '@acorex/core/format';
+
+class AXRecordingService {
+    constructor() {
+        this.audioBlobs = [];
+        this.streamBeingCaptured = null;
+        this.timer = signal('00:0');
+        this.time = {
+            seconds: 0,
+            minutes: 0,
+            hours: 0,
+        };
+    }
+    startRecording() {
+        if (!(navigator.mediaDevices && navigator.mediaDevices.getUserMedia)) {
+            return Promise.reject(new Error('mediaDevices API or getUserMedia method is not supported in this browser.'));
+        }
+        else {
+            return navigator.mediaDevices
+                .getUserMedia({ audio: true })
+                .then((stream) => {
+                this.streamBeingCaptured = stream;
+                this.mediaRecorder = new MediaRecorder(stream);
+                this.audioBlobs = [];
+                this.mediaRecorder.addEventListener('dataavailable', (event) => {
+                    this.audioBlobs.push(event.data);
+                });
+                this.mediaRecorder.start();
+                this.timerInterval = setInterval(() => {
+                    this.calculateTime();
+                }, 1000);
+            });
+        }
+    }
+    stopRecording() {
+        return new Promise((resolve) => {
+            const mimeType = this.mediaRecorder?.mimeType;
+            this.mediaRecorder?.addEventListener('stop', () => {
+                const audioBlob = new Blob(this.audioBlobs, { type: mimeType });
+                resolve(audioBlob);
+            });
+            this.mediaRecorder?.stop();
+            this.streamBeingCaptured.getTracks().forEach((track) => track.stop());
+            this.mediaRecorder = null;
+            this.streamBeingCaptured = null;
+            this.resetTimer();
+        });
+    }
+    calculateTime() {
+        this.time.seconds++;
+        if (this.time.seconds >= 60) {
+            this.time.seconds = 0;
+            this.time.minutes++;
+            if (this.time.minutes >= 60) {
+                this.time.minutes = 0;
+                this.time.hours++;
+            }
+        }
+        const formattedTime = (this.time.hours > 0 ? this.time.hours + ':' : '') +
+            (this.time.minutes < 10 ? '0' + this.time.minutes : this.time.minutes) +
+            ':' +
+            (this.time.seconds < 10 ? '0' + this.time.seconds : this.time.seconds);
+        this.timer.set(formattedTime);
+    }
+    resetTimer() {
+        clearInterval(this.timerInterval);
+        this.time.seconds = 0;
+        this.time.minutes = 0;
+        this.time.hours = 0;
+        this.timer.set('00:0');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXRecordingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXRecordingService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXRecordingService, decorators: [{
+            type: Injectable
+        }] });
+
+class AXChatInputComponent extends classes((MXInputBaseValueComponent), MXLookComponent) {
+    constructor() {
+        super(...arguments);
+        this.hasAttachment = true;
+        this.haVoice = true;
+        this.acceptFileType = '*';
+        this.onSendClick = new EventEmitter();
+        this.onStartRecording = new EventEmitter();
+        this.onStopRecording = new EventEmitter();
+        this.onFileChange = new EventEmitter();
+        this.recording = signal(false);
+        this.recordingService = inject(AXRecordingService);
+        this._updateOn = 'change';
+        this.recordedAudio = null;
+    }
+    _handleModelChange(value) {
+        this.commitValue(value, true);
+    }
+    handleRecordClick() {
+        this.recordedAudio = null;
+        this.recording.set(true);
+        this.recordingService
+            ?.startRecording()
+            .then(() => {
+            this.onStartRecording.emit({
+                component: this,
+                data: { recording: true },
+                isUserInteraction: true,
+            });
+        })
+            .catch((e) => {
+            console.error(e);
+        });
+    }
+    handleStopClick() {
+        this.recordingService.stopRecording().then((c) => {
+            this.recording.set(false);
+            this.recordedAudio = c;
+            this.onStopRecording.emit({
+                component: this,
+                data: { value: this.recordedAudio },
+            });
+        });
+    }
+    handleAttachClick() {
+        this.inputFile.nativeElement.click();
+    }
+    handleChangeFile(event) {
+        this.onFileChange.emit({
+            component: this,
+            data: { value: event.target.files },
+        });
+    }
+    handleSendClick() {
+        this.onSendClick.emit({
+            component: this,
+            data: { value: this.value },
+            isUserInteraction: true,
+        });
+    }
+    handleSendVoiceClick() {
+        this.handleStopClick();
+        this.onSendClick.emit({
+            component: this,
+            data: { value: this.value },
+            isUserInteraction: true,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXChatInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.2", type: AXChatInputComponent, selector: "ax-chat-input", inputs: { maxLength: "maxLength", hasAttachment: "hasAttachment", haVoice: "haVoice", acceptFileType: "acceptFileType" }, outputs: { onSendClick: "onSendClick", onStartRecording: "onStartRecording", onStopRecording: "onStopRecording", onFileChange: "onFileChange" }, providers: [
+            { provide: AXComponent, useExisting: AXChatInputComponent },
+            { provide: AXFocusableComponent, useExisting: AXChatInputComponent },
+            { provide: AXValuableComponent, useExisting: AXChatInputComponent },
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => AXChatInputComponent),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "inputFile", first: true, predicate: ["inputFile"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-chat-input\" [class.ax-state-recording]=\"recording()\">\n  @if (recording()) {\n  <div class=\"ax-chat-input-start-side\">\n    <span class=\"ax-record-dot\"></span>\n    <span>{{ recordingService.timer() }}</span>\n  </div>\n  <div class=\"ax-chat-input-main-side\">\n    <ax-button class=\"ax-sm\" look=\"blank\" color=\"primary\" [text]=\"'cancel' | translate | async\"\n      (onClick)=\"handleStopClick()\"></ax-button>\n  </div>\n  <div class=\"ax-chat-input-end-side\">\n    <ax-button look=\"solid\" color=\"danger\" class=\"ax-blob ax-sm\" (onClick)=\"handleSendVoiceClick()\">\n      <ax-icon>\n        <i class=\"ax-icon ax-icon-send\"></i>\n      </ax-icon>\n    </ax-button>\n  </div>\n  } @else {\n  <div class=\"ax-chat-input-start-side\">\n    <ax-button look=\"blank\" class=\"ax-sm\">\n      <ax-icon>\n        <i class=\"ax-icon ax-icon-emoji\"></i>\n      </ax-icon>\n      <ax-dropdown-panel>\n        <ng-container>\n          <div class=\"ax-emoji-container\">\n            <div>\u26A0\uFE0F</div>\n            <div>\u27A1\uFE0F</div>\n            <div>\uD83D\uDD03</div>\n            <div>\uD83D\uDD37</div>\n            <div>\uD83E\uDD1A</div>\n            <div>\uD83D\uDE02</div>\n            <div>\uD83D\uDE0A</div>\n          </div>\n        </ng-container>\n      </ax-dropdown-panel>\n    </ax-button>\n  </div>\n  <textarea class=\"ax-chat-input-main-side\"\n    oninput='this.style.height = \"\";this.style.height = this.scrollHeight + \"px\"' type=\"text\" rows=\"1\" [id]=\"id\"\n    [name]=\"name\" [attr.placeholder]=\"placeholder\" [attr.maxlength]=\"maxLength\" [disabled]=\"disabled\"\n    [readonly]=\"readonly\" [tabindex]=\"tabIndex\" [ngModel]=\"value\" (ngModelChange)=\"_handleModelChange($event)\"\n    [ngModelOptions]=\"{ updateOn: _updateOn }\" (keydown)=\"emitOnKeydownEvent($event)\" (keyup)=\"emitOnKeyupEvent($event)\"\n    (keypress)=\"emitOnKeypressEvent($event)\" (focus)=\"emitOnFocusEvent($event)\"\n    (blur)=\"emitOnBlurEvent($event)\"></textarea>\n  <div class=\"ax-chat-input-end-side\">\n    @if (!value) {\n    <ax-button look=\"blank\" class=\"ax-sm\" (onClick)=\"handleAttachClick()\">\n      <ax-icon>\n        <i class=\"ax-icon ax-icon-attach\"></i>\n      </ax-icon>\n    </ax-button>\n    <ax-button look=\"blank\" class=\"ax-sm\" (onClick)=\"handleRecordClick()\">\n      <ax-icon>\n        <i class=\"ax-icon ax-icon-mic\"></i>\n      </ax-icon>\n    </ax-button>\n    <input #inputFile [accept]=\"acceptFileType\" type=\"file\" class=\"ax-attach-input\" (change)=\"handleChangeFile($event)\">\n    }\n\n    @if (value) {\n    <ax-button look=\"solid\" color=\"primary\" class=\"ax-sm\" (onClick)=\"handleSendClick()\">\n      <ax-icon>\n        <i class=\"ax-icon ax-icon-send\"></i>\n      </ax-icon>\n    </ax-button>\n    }\n  </div>\n  }\n</div>", styles: [".ax-dark .ax-chat-input:focus-within{box-shadow:0 0 0 1px rgba(var(--ax-color-primary-200));border-color:rgba(var(--ax-color-primary-200))}.ax-chat-input{border:1px solid;border-color:rgba(var(--ax-color-border-default));display:flex;align-items:flex-end;border-radius:var(--ax-rounded-border-default);position:relative;resize:vertical;height:auto;padding:.5rem;font-size:.875rem}.ax-chat-input.ax-state-recording{align-items:center;display:grid;grid-template-columns:repeat(3,1fr)}.ax-chat-input.ax-state-recording .ax-chat-input-start-side{justify-content:flex-start}.ax-chat-input.ax-state-recording .ax-chat-input-end-side{justify-content:flex-end}.ax-chat-input:focus-within{box-shadow:0 0 0 1px rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500))}.ax-chat-input>textarea{font-size:.875rem;background-color:transparent;max-height:10rem;min-height:1.5rem;line-height:2rem;flex:1 1 auto;height:auto;resize:none}.ax-chat-input>textarea:focus,.ax-chat-input>textarea:focus-visible{outline:unset}.ax-chat-input .ax-chat-input-start-side,.ax-chat-input .ax-chat-input-end-side{display:flex;align-items:center;justify-content:center}.ax-chat-input .ax-chat-input-start-side{padding-inline-end:.75rem}.ax-chat-input .ax-chat-input-main-side{flex:1 1 auto;display:flex;align-items:center;justify-content:center}.ax-chat-input .ax-chat-input-end-side{padding-inline-start:.75rem;gap:.5rem}.ax-chat-input .ax-record-dot{display:inline-flex;width:.5rem;height:.5rem;background-color:rgba(var(--ax-color-danger-500));border-radius:999rem;margin-inline-end:.5rem}.ax-chat-input .ax-blob{animation:pulse .75s infinite}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 rgba(var(--ax-color-danger-500),.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(var(--ax-color-danger-500),0)}to{transform:scale(1);box-shadow:0 0 rgba(var(--ax-color-danger-500),0)}}.ax-chat-input .ax-attach-input{opacity:0;width:0;height:0;position:absolute}.ax-emoji-container{padding:.75rem;gap:.5rem;display:grid;grid-template-columns:repeat(7,1fr)}.ax-emoji-container>div{padding:.25rem;cursor:pointer;border-radius:var(--ax-rounded-border-default)}.ax-emoji-container>div:hover{background-color:rgba(var(--ax-color-on-surface))}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i4.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXChatInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-chat-input', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
+                        { provide: AXComponent, useExisting: AXChatInputComponent },
+                        { provide: AXFocusableComponent, useExisting: AXChatInputComponent },
+                        { provide: AXValuableComponent, useExisting: AXChatInputComponent },
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => AXChatInputComponent),
+                            multi: true,
+                        },
+                    ], template: "<div class=\"ax-chat-input\" [class.ax-state-recording]=\"recording()\">\n  @if (recording()) {\n  <div class=\"ax-chat-input-start-side\">\n    <span class=\"ax-record-dot\"></span>\n    <span>{{ recordingService.timer() }}</span>\n  </div>\n  <div class=\"ax-chat-input-main-side\">\n    <ax-button class=\"ax-sm\" look=\"blank\" color=\"primary\" [text]=\"'cancel' | translate | async\"\n      (onClick)=\"handleStopClick()\"></ax-button>\n  </div>\n  <div class=\"ax-chat-input-end-side\">\n    <ax-button look=\"solid\" color=\"danger\" class=\"ax-blob ax-sm\" (onClick)=\"handleSendVoiceClick()\">\n      <ax-icon>\n        <i class=\"ax-icon ax-icon-send\"></i>\n      </ax-icon>\n    </ax-button>\n  </div>\n  } @else {\n  <div class=\"ax-chat-input-start-side\">\n    <ax-button look=\"blank\" class=\"ax-sm\">\n      <ax-icon>\n        <i class=\"ax-icon ax-icon-emoji\"></i>\n      </ax-icon>\n      <ax-dropdown-panel>\n        <ng-container>\n          <div class=\"ax-emoji-container\">\n            <div>\u26A0\uFE0F</div>\n            <div>\u27A1\uFE0F</div>\n            <div>\uD83D\uDD03</div>\n            <div>\uD83D\uDD37</div>\n            <div>\uD83E\uDD1A</div>\n            <div>\uD83D\uDE02</div>\n            <div>\uD83D\uDE0A</div>\n          </div>\n        </ng-container>\n      </ax-dropdown-panel>\n    </ax-button>\n  </div>\n  <textarea class=\"ax-chat-input-main-side\"\n    oninput='this.style.height = \"\";this.style.height = this.scrollHeight + \"px\"' type=\"text\" rows=\"1\" [id]=\"id\"\n    [name]=\"name\" [attr.placeholder]=\"placeholder\" [attr.maxlength]=\"maxLength\" [disabled]=\"disabled\"\n    [readonly]=\"readonly\" [tabindex]=\"tabIndex\" [ngModel]=\"value\" (ngModelChange)=\"_handleModelChange($event)\"\n    [ngModelOptions]=\"{ updateOn: _updateOn }\" (keydown)=\"emitOnKeydownEvent($event)\" (keyup)=\"emitOnKeyupEvent($event)\"\n    (keypress)=\"emitOnKeypressEvent($event)\" (focus)=\"emitOnFocusEvent($event)\"\n    (blur)=\"emitOnBlurEvent($event)\"></textarea>\n  <div class=\"ax-chat-input-end-side\">\n    @if (!value) {\n    <ax-button look=\"blank\" class=\"ax-sm\" (onClick)=\"handleAttachClick()\">\n      <ax-icon>\n        <i class=\"ax-icon ax-icon-attach\"></i>\n      </ax-icon>\n    </ax-button>\n    <ax-button look=\"blank\" class=\"ax-sm\" (onClick)=\"handleRecordClick()\">\n      <ax-icon>\n        <i class=\"ax-icon ax-icon-mic\"></i>\n      </ax-icon>\n    </ax-button>\n    <input #inputFile [accept]=\"acceptFileType\" type=\"file\" class=\"ax-attach-input\" (change)=\"handleChangeFile($event)\">\n    }\n\n    @if (value) {\n    <ax-button look=\"solid\" color=\"primary\" class=\"ax-sm\" (onClick)=\"handleSendClick()\">\n      <ax-icon>\n        <i class=\"ax-icon ax-icon-send\"></i>\n      </ax-icon>\n    </ax-button>\n    }\n  </div>\n  }\n</div>", styles: [".ax-dark .ax-chat-input:focus-within{box-shadow:0 0 0 1px rgba(var(--ax-color-primary-200));border-color:rgba(var(--ax-color-primary-200))}.ax-chat-input{border:1px solid;border-color:rgba(var(--ax-color-border-default));display:flex;align-items:flex-end;border-radius:var(--ax-rounded-border-default);position:relative;resize:vertical;height:auto;padding:.5rem;font-size:.875rem}.ax-chat-input.ax-state-recording{align-items:center;display:grid;grid-template-columns:repeat(3,1fr)}.ax-chat-input.ax-state-recording .ax-chat-input-start-side{justify-content:flex-start}.ax-chat-input.ax-state-recording .ax-chat-input-end-side{justify-content:flex-end}.ax-chat-input:focus-within{box-shadow:0 0 0 1px rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500))}.ax-chat-input>textarea{font-size:.875rem;background-color:transparent;max-height:10rem;min-height:1.5rem;line-height:2rem;flex:1 1 auto;height:auto;resize:none}.ax-chat-input>textarea:focus,.ax-chat-input>textarea:focus-visible{outline:unset}.ax-chat-input .ax-chat-input-start-side,.ax-chat-input .ax-chat-input-end-side{display:flex;align-items:center;justify-content:center}.ax-chat-input .ax-chat-input-start-side{padding-inline-end:.75rem}.ax-chat-input .ax-chat-input-main-side{flex:1 1 auto;display:flex;align-items:center;justify-content:center}.ax-chat-input .ax-chat-input-end-side{padding-inline-start:.75rem;gap:.5rem}.ax-chat-input .ax-record-dot{display:inline-flex;width:.5rem;height:.5rem;background-color:rgba(var(--ax-color-danger-500));border-radius:999rem;margin-inline-end:.5rem}.ax-chat-input .ax-blob{animation:pulse .75s infinite}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 rgba(var(--ax-color-danger-500),.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(var(--ax-color-danger-500),0)}to{transform:scale(1);box-shadow:0 0 rgba(var(--ax-color-danger-500),0)}}.ax-chat-input .ax-attach-input{opacity:0;width:0;height:0;position:absolute}.ax-emoji-container{padding:.75rem;gap:.5rem;display:grid;grid-template-columns:repeat(7,1fr)}.ax-emoji-container>div{padding:.25rem;cursor:pointer;border-radius:var(--ax-rounded-border-default)}.ax-emoji-container>div:hover{background-color:rgba(var(--ax-color-on-surface))}\n"] }]
+        }], propDecorators: { inputFile: [{
+                type: ViewChild,
+                args: ['inputFile']
+            }], maxLength: [{
+                type: Input
+            }], hasAttachment: [{
+                type: Input
+            }], haVoice: [{
+                type: Input
+            }], acceptFileType: [{
+                type: Input
+            }], onSendClick: [{
+                type: Output
+            }], onStartRecording: [{
+                type: Output
+            }], onStopRecording: [{
+                type: Output
+            }], onFileChange: [{
+                type: Output
+            }] } });
+
+class AXChatMessageTypeRegistryService {
+    constructor() {
+        this.plugins = new Map();
+    }
+    register(...plugins) {
+        plugins.forEach((p) => this.plugins.set(p.name, p));
+    }
+    resolve(name) {
+        return this.plugins.get(name);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXChatMessageTypeRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXChatMessageTypeRegistryService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXChatMessageTypeRegistryService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class AXChatMessageComponent extends MXBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.registryService = inject(AXChatMessageTypeRegistryService);
+    }
+    get isOwn() {
+        return !this.chatMessage.fromId;
+    }
+    get __hostClass() {
+        return `${this.isOwn ? 'ax-state-own' : ''} ${!this.isOwn ? 'ax-state-other' : ''}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXChatMessageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.2", type: AXChatMessageComponent, selector: "ax-chat-message", inputs: { chatMessage: "chatMessage" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<!-- @if(_replyTo()){\n<div class=\"ax-chat-message-reply\">\n    <ng-content select=\"ax-chat-message\"></ng-content>\n</div>\n}\n<ng-content select=\"ax-chat-message-content\"></ng-content>\n<div class=\"ax-chat-message-status\">\n    <div>\n        <ng-content select=\"ax-prefix\"></ng-content>\n    </div>\n    <div>\n        <span>{{_time()}}</span>\n        <span>\n            @if(_sent() && !_read()){\n            <i class=\"ax-icon ax-icon-check\"></i>\n            }\n            @if(_read()){\n            <i class=\"ax-icon ax-icon-dobble-check\"></i>\n            }\n        </span>\n        <ng-content select=\"ax-suffix\"></ng-content>\n    </div>\n</div> -->\n<ng-container\n    *ngComponentOutlet=\"registryService.resolve(chatMessage.type).component;inputs:{message:chatMessage}\"></ng-container>\n<div class=\"ax-chat-message-status\">\n    <div>\n        <ng-content select=\"ax-prefix\"></ng-content>\n    </div>\n    <div>\n        <span>{{ chatMessage.sendTime | format:'datetime':'HH:mm' | async }}</span>\n        <span>\n            @if(isOwn)\n            {\n            @if(chatMessage.deliverTime){\n            <i class=\"ax-icon ax-icon-check\"></i>\n            }\n            @if(chatMessage.readTime){\n            <i class=\"ax-icon ax-icon-dobble-check\"></i>\n            }\n            }\n        </span>\n    </div>\n</div>", styles: ["ax-chat-message{display:block;padding:.75rem;font-size:.875rem;line-height:1.25rem;border-radius:.75rem;--ax-reply-bk: rgba(var(--ax-color-primary-500), .15);--ax-reply-color: rgba(var(--ax-color-primary-fore-tint));--ax-reply-border-color: rgba(var(--ax-color-primary-700));--ax-primary: rgba(var(--ax-color-primary-100));--ax-primary-fore: rgba(var(--ax-color-primary-700))}ax-chat-message.ax-state-own{border-end-end-radius:0!important;background-color:var(--ax-primary)}ax-chat-message.ax-state-own .ax-chat-message-status{color:var(--ax-primary-fore)}ax-chat-message.ax-state-other{border-end-start-radius:0!important;background-color:rgba(var(--ax-color-on-surface))}ax-chat-message.ax-state-other .ax-chat-message-status{color:rgba(var(--ax-color-neutral-400))}ax-chat-message .ax-chat-message-status{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}ax-chat-message .ax-chat-message-status>div{display:flex;gap:.125rem;align-items:center}ax-chat-message .ax-chat-message-reply{display:flex;flex-direction:column;background-color:var(--ax-reply-bk);color:var(--ax-reply-color);border-radius:.5rem;gap:.25rem;padding:.25rem .75rem;margin-bottom:.25rem;border-inline-start:.25rem solid;border-inline-start-color:var(--ax-reply-border-color);cursor:pointer}.ax-dark ax-chat-message{--ax-reply-bk: rgba(var(--ax-color-primary-800));--ax-reply-color: rgba(var(--ax-color-primary-fore));--ax-reply-border-color: rgba(var(--ax-color-primary-fore));--ax-primary: rgba(var(--ax-color-primary-700));--ax-primary-fore: rgba(var(--ax-color-primary-fore))}\n"], dependencies: [{ kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.AXFormatPipe, name: "format" }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXChatMessageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-chat-message', encapsulation: ViewEncapsulation.None, template: "<!-- @if(_replyTo()){\n<div class=\"ax-chat-message-reply\">\n    <ng-content select=\"ax-chat-message\"></ng-content>\n</div>\n}\n<ng-content select=\"ax-chat-message-content\"></ng-content>\n<div class=\"ax-chat-message-status\">\n    <div>\n        <ng-content select=\"ax-prefix\"></ng-content>\n    </div>\n    <div>\n        <span>{{_time()}}</span>\n        <span>\n            @if(_sent() && !_read()){\n            <i class=\"ax-icon ax-icon-check\"></i>\n            }\n            @if(_read()){\n            <i class=\"ax-icon ax-icon-dobble-check\"></i>\n            }\n        </span>\n        <ng-content select=\"ax-suffix\"></ng-content>\n    </div>\n</div> -->\n<ng-container\n    *ngComponentOutlet=\"registryService.resolve(chatMessage.type).component;inputs:{message:chatMessage}\"></ng-container>\n<div class=\"ax-chat-message-status\">\n    <div>\n        <ng-content select=\"ax-prefix\"></ng-content>\n    </div>\n    <div>\n        <span>{{ chatMessage.sendTime | format:'datetime':'HH:mm' | async }}</span>\n        <span>\n            @if(isOwn)\n            {\n            @if(chatMessage.deliverTime){\n            <i class=\"ax-icon ax-icon-check\"></i>\n            }\n            @if(chatMessage.readTime){\n            <i class=\"ax-icon ax-icon-dobble-check\"></i>\n            }\n            }\n        </span>\n    </div>\n</div>", styles: ["ax-chat-message{display:block;padding:.75rem;font-size:.875rem;line-height:1.25rem;border-radius:.75rem;--ax-reply-bk: rgba(var(--ax-color-primary-500), .15);--ax-reply-color: rgba(var(--ax-color-primary-fore-tint));--ax-reply-border-color: rgba(var(--ax-color-primary-700));--ax-primary: rgba(var(--ax-color-primary-100));--ax-primary-fore: rgba(var(--ax-color-primary-700))}ax-chat-message.ax-state-own{border-end-end-radius:0!important;background-color:var(--ax-primary)}ax-chat-message.ax-state-own .ax-chat-message-status{color:var(--ax-primary-fore)}ax-chat-message.ax-state-other{border-end-start-radius:0!important;background-color:rgba(var(--ax-color-on-surface))}ax-chat-message.ax-state-other .ax-chat-message-status{color:rgba(var(--ax-color-neutral-400))}ax-chat-message .ax-chat-message-status{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}ax-chat-message .ax-chat-message-status>div{display:flex;gap:.125rem;align-items:center}ax-chat-message .ax-chat-message-reply{display:flex;flex-direction:column;background-color:var(--ax-reply-bk);color:var(--ax-reply-color);border-radius:.5rem;gap:.25rem;padding:.25rem .75rem;margin-bottom:.25rem;border-inline-start:.25rem solid;border-inline-start-color:var(--ax-reply-border-color);cursor:pointer}.ax-dark ax-chat-message{--ax-reply-bk: rgba(var(--ax-color-primary-800));--ax-reply-color: rgba(var(--ax-color-primary-fore));--ax-reply-border-color: rgba(var(--ax-color-primary-fore));--ax-primary: rgba(var(--ax-color-primary-700));--ax-primary-fore: rgba(var(--ax-color-primary-fore))}\n"] }]
+        }], propDecorators: { chatMessage: [{
+                type: Input
+            }], __hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class AXChatViewComponent extends MXBaseComponent {
+    constructor() {
+        super(...arguments);
+        this._chats = signal([]);
+    }
+    set chats(items) {
+        this._chats.set(items);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXChatViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.2", type: AXChatViewComponent, selector: "ax-chat-view", inputs: { chats: "chats" }, usesInheritance: true, ngImport: i0, template: "@for (item of _chats(); track $index) {\n<ax-chat-message [chatMessage]=\"item\"></ax-chat-message>\n}", styles: ["ax-chat-view{display:flex;flex-direction:column;gap:1rem;height:100%;width:100%;overflow-y:auto;overflow-x:hidden}\n"], dependencies: [{ kind: "component", type: AXChatMessageComponent, selector: "ax-chat-message", inputs: ["chatMessage"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXChatViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-chat-view', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "@for (item of _chats(); track $index) {\n<ax-chat-message [chatMessage]=\"item\"></ax-chat-message>\n}", styles: ["ax-chat-view{display:flex;flex-direction:column;gap:1rem;height:100%;width:100%;overflow-y:auto;overflow-x:hidden}\n"] }]
+        }], propDecorators: { chats: [{
+                type: Input
+            }] } });
+
+class AXChatVoiceComponent {
+    constructor() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXChatVoiceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.2", type: AXChatVoiceComponent, selector: "ax-chat-voice", ngImport: i0, template: "", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXChatVoiceComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-chat-voice', template: "" }]
+        }], ctorParameters: () => [] });
+
+class AXChatMessageBaseComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXChatMessageBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXChatMessageBaseComponent }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXChatMessageBaseComponent, decorators: [{
+            type: Injectable
+        }] });
+
+class AXChatAudioMessageComponent extends AXChatMessageBaseComponent {
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXChatAudioMessageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.2", type: AXChatAudioMessageComponent, selector: "ng-component", inputs: { message: "message" }, usesInheritance: true, ngImport: i0, template: `This is an Audio Message`, isInline: true, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXChatAudioMessageComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `This is an Audio Message`,
+                    encapsulation: ViewEncapsulation.None,
+                    inputs: ['message'],
+                }]
+        }] });
+
+class AXChatTextMessageComponent extends AXChatMessageBaseComponent {
+    constructor() {
+        super(...arguments);
+        this._text = signal('');
+    }
+    ngOnInit() {
+        this._text.set(this.message?.content?.text);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXChatTextMessageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.2", type: AXChatTextMessageComponent, selector: "ng-component", inputs: { message: "message" }, usesInheritance: true, ngImport: i0, template: `<div [innerHtml]="_text()"></div>`, isInline: true, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXChatTextMessageComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `<div [innerHtml]="_text()"></div>`,
+                    encapsulation: ViewEncapsulation.None,
+                    inputs: ['message'],
+                }]
+        }] });
+
+const COMPONENT = [
+    AXChatViewComponent,
+    AXChatInputComponent,
+    AXChatMessageComponent,
+    AXChatVoiceComponent,
+];
+const MODULES = [
+    CommonModule,
+    FormsModule,
+    AsyncPipe,
+    AXRippleDirective,
+    AXButtonModule,
+    AXDecoratorModule,
+    AXTranslationModule,
+    AXDropdownModule,
+    AXFormatModule,
+];
+class AXChatModule {
+    static forRoot(config) {
+        return {
+            ngModule: AXChatModule,
+            providers: [
+                {
+                    provide: 'AXChatModuleFactory',
+                    useFactory: (registry) => () => {
+                        if (config?.types?.length) {
+                            registry.register(...config.types);
+                        }
+                        registry.register({
+                            name: 'text',
+                            component: AXChatTextMessageComponent,
+                        });
+                        registry.register({
+                            name: 'audio',
+                            component: AXChatAudioMessageComponent,
+                        });
+                    },
+                    deps: [AXChatMessageTypeRegistryService],
+                    multi: true,
+                },
+            ],
+        };
+    }
+    static forChild(config) {
+        return {
+            ngModule: AXChatModule,
+            providers: [
+                {
+                    provide: 'AXPWorkflowModuleFactory',
+                    useFactory: (registry) => () => {
+                        if (config?.types?.length) {
+                            registry.register(...config.types);
+                        }
+                    },
+                    deps: [AXChatMessageTypeRegistryService],
+                    multi: true,
+                },
+            ],
+        };
+    }
+    /**
+     * @ignore
+     */
+    constructor(instances) {
+        instances?.forEach((f) => {
+            f();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXChatModule, deps: [{ token: 'AXChatModuleFactory', optional: true }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.2", ngImport: i0, type: AXChatModule, declarations: [AXChatViewComponent,
+            AXChatInputComponent,
+            AXChatMessageComponent,
+            AXChatVoiceComponent], imports: [CommonModule,
+            FormsModule,
+            AsyncPipe,
+            AXRippleDirective,
+            AXButtonModule,
+            AXDecoratorModule,
+            AXTranslationModule,
+            AXDropdownModule,
+            AXFormatModule], exports: [AXChatViewComponent,
+            AXChatInputComponent,
+            AXChatMessageComponent,
+            AXChatVoiceComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXChatModule, providers: [AXRecordingService], imports: [CommonModule,
+            FormsModule,
+            AXButtonModule,
+            AXDecoratorModule,
+            AXTranslationModule,
+            AXDropdownModule,
+            AXFormatModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXChatModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...COMPONENT],
+                    imports: [...MODULES],
+                    exports: [...COMPONENT],
+                    providers: [AXRecordingService],
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: ['AXChatModuleFactory']
+                }] }] });
+
+class AXChatService {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXChatService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXChatService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXChatService, decorators: [{
+            type: Injectable
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXChatAudioMessageComponent, AXChatInputComponent, AXChatMessageBaseComponent, AXChatMessageComponent, AXChatMessageTypeRegistryService, AXChatModule, AXChatService, AXChatTextMessageComponent, AXChatViewComponent, AXChatVoiceComponent, AXRecordingService };
+//# sourceMappingURL=acorex-components-chat.mjs.map

package/fesm2022/acorex-components-chat.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-chat.mjs","sources":["../../../../libs/components/chat/src/lib/services/recording.service.ts","../../../../libs/components/chat/src/lib/chat-input/chat-input.component.ts","../../../../libs/components/chat/src/lib/chat-input/chat-input.component.html","../../../../libs/components/chat/src/lib/services/chat-message-type-registry.service.ts","../../../../libs/components/chat/src/lib/chat-message/chat-message.component.ts","../../../../libs/components/chat/src/lib/chat-message/chat-message.component.html","../../../../libs/components/chat/src/lib/chat-view/chat-view.component.ts","../../../../libs/components/chat/src/lib/chat-view/chat-view.component.html","../../../../libs/components/chat/src/lib/chat-voice/chat-voice.component.ts","../../../../libs/components/chat/src/lib/chat-voice/chat-voice.component.html","../../../../libs/components/chat/src/lib/chat.types.ts","../../../../libs/components/chat/src/lib/chat-messages/chat-message-audio.component.ts","../../../../libs/components/chat/src/lib/chat-messages/chat-message-text.component.ts","../../../../libs/components/chat/src/lib/chat.module.ts","../../../../libs/components/chat/src/lib/services/chat.service.ts","../../../../libs/components/chat/src/acorex-components-chat.ts"],"sourcesContent":["import { Injectable, WritableSignal, signal } from '@angular/core';\n\n@Injectable()\nexport class AXRecordingService {\n  audioBlobs: any[] = [];\n  mediaRecorder: MediaRecorder | null;\n  streamBeingCaptured: any = null;\n\n  timer: WritableSignal<string> = signal('00:0');\n\n  protected time = {\n    seconds: 0,\n    minutes: 0,\n    hours: 0,\n  };\n\n  protected timerInterval;\n\n  startRecording() {\n    if (!(navigator.mediaDevices && navigator.mediaDevices.getUserMedia)) {\n      return Promise.reject(\n        new Error(\n          'mediaDevices API or getUserMedia method is not supported in this browser.'\n        )\n      );\n    } else {\n      return navigator.mediaDevices\n        .getUserMedia({ audio: true })\n        .then((stream) => {\n          this.streamBeingCaptured = stream;\n          this.mediaRecorder = new MediaRecorder(stream);\n          this.audioBlobs = [];\n          this.mediaRecorder.addEventListener('dataavailable', (event) => {\n            this.audioBlobs.push(event.data);\n          });\n          this.mediaRecorder.start();\n          this.timerInterval = setInterval(() => {\n            this.calculateTime();\n          }, 1000);\n        });\n    }\n  }\n\n  stopRecording() {\n    return new Promise((resolve) => {\n      const mimeType = this.mediaRecorder?.mimeType;\n      this.mediaRecorder?.addEventListener('stop', () => {\n        const audioBlob = new Blob(this.audioBlobs, { type: mimeType });\n        resolve(audioBlob);\n      });\n      this.mediaRecorder?.stop();\n      this.streamBeingCaptured.getTracks().forEach((track) => track.stop());\n      this.mediaRecorder = null;\n      this.streamBeingCaptured = null;\n      this.resetTimer();\n    });\n  }\n\n  calculateTime() {\n    this.time.seconds++;\n    if (this.time.seconds >= 60) {\n      this.time.seconds = 0;\n      this.time.minutes++;\n      if (this.time.minutes >= 60) {\n        this.time.minutes = 0;\n        this.time.hours++;\n      }\n    }\n\n    const formattedTime =\n      (this.time.hours > 0 ? this.time.hours + ':' : '') +\n      (this.time.minutes < 10 ? '0' + this.time.minutes : this.time.minutes) +\n      ':' +\n      (this.time.seconds < 10 ? '0' + this.time.seconds : this.time.seconds);\n\n    this.timer.set(formattedTime);\n  }\n\n  resetTimer() {\n    clearInterval(this.timerInterval);\n    this.time.seconds = 0;\n    this.time.minutes = 0;\n    this.time.hours = 0;\n    this.timer.set('00:0');\n  }\n}\n","import {\n  AXClickEvent,\n  AXComponent,\n  AXFocusableComponent,\n  AXValuableComponent,\n  MXInputBaseValueComponent,\n  MXLookComponent,\n} from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  Output,\n  ViewChild,\n  ViewEncapsulation,\n  WritableSignal,\n  forwardRef,\n  inject,\n  signal,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { classes } from 'polytype';\nimport { AXInputFileChange } from '../classes/events.interface';\nimport { AXRecordingService } from '../services/recording.service';\n\n@Component({\n  selector: 'ax-chat-input',\n  templateUrl: './chat-input.component.html',\n  styleUrls: ['./chat-input.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    { provide: AXComponent, useExisting: AXChatInputComponent },\n    { provide: AXFocusableComponent, useExisting: AXChatInputComponent },\n    { provide: AXValuableComponent, useExisting: AXChatInputComponent },\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => AXChatInputComponent),\n      multi: true,\n    },\n  ],\n})\nexport class AXChatInputComponent extends classes(\n  MXInputBaseValueComponent<string>,\n  MXLookComponent\n) {\n  @ViewChild('inputFile') inputFile: ElementRef<HTMLInputElement>;\n  @Input()\n  maxLength: number;\n\n  @Input() hasAttachment = true;\n\n  @Input() haVoice = true;\n\n  @Input() acceptFileType: string = '*';\n\n  @Output()\n  onSendClick: EventEmitter<AXClickEvent> = new EventEmitter<AXClickEvent>();\n\n  @Output()\n  onStartRecording: EventEmitter<AXClickEvent> =\n    new EventEmitter<AXClickEvent>();\n\n  @Output()\n  onStopRecording: EventEmitter<AXClickEvent> =\n    new EventEmitter<AXClickEvent>();\n\n  @Output()\n  onFileChange: EventEmitter<AXInputFileChange> =\n    new EventEmitter<AXInputFileChange>();\n\n  recording: WritableSignal<boolean> = signal(false);\n\n  recordingService: AXRecordingService = inject(AXRecordingService);\n\n  protected _updateOn: 'change' | 'blur' | 'submit' = 'change';\n\n  protected _handleModelChange(value: string) {\n    this.commitValue(value, true);\n  }\n  protected recordedAudio: unknown | null = null;\n\n  handleRecordClick() {\n    this.recordedAudio = null;\n    this.recording.set(true);\n    this.recordingService\n      ?.startRecording()\n      .then(() => {\n        this.onStartRecording.emit({\n          component: this,\n          data: { recording: true },\n          isUserInteraction: true,\n        });\n      })\n      .catch((e) => {\n        console.error(e);\n      });\n  }\n\n  handleStopClick() {\n    this.recordingService.stopRecording().then((c) => {\n      this.recording.set(false);\n      this.recordedAudio = c;\n      this.onStopRecording.emit({\n        component: this,\n        data: { value: this.recordedAudio },\n      });\n    });\n  }\n  handleAttachClick() {\n    this.inputFile.nativeElement.click();\n  }\n\n  handleChangeFile(event: Event) {\n    this.onFileChange.emit({\n      component: this,\n      data: { value: (event.target as HTMLInputElement).files },\n    });\n  }\n\n  handleSendClick() {\n    this.onSendClick.emit({\n      component: this,\n      data: { value: this.value },\n      isUserInteraction: true,\n    });\n  }\n\n  handleSendVoiceClick() {\n    this.handleStopClick();\n    this.onSendClick.emit({\n      component: this,\n      data: { value: this.value },\n      isUserInteraction: true,\n    });\n  }\n}\n","<div class=\"ax-chat-input\" [class.ax-state-recording]=\"recording()\">\n  @if (recording()) {\n  <div class=\"ax-chat-input-start-side\">\n    <span class=\"ax-record-dot\"></span>\n    <span>{{ recordingService.timer() }}</span>\n  </div>\n  <div class=\"ax-chat-input-main-side\">\n    <ax-button class=\"ax-sm\" look=\"blank\" color=\"primary\" [text]=\"'cancel' | translate | async\"\n      (onClick)=\"handleStopClick()\"></ax-button>\n  </div>\n  <div class=\"ax-chat-input-end-side\">\n    <ax-button look=\"solid\" color=\"danger\" class=\"ax-blob ax-sm\" (onClick)=\"handleSendVoiceClick()\">\n      <ax-icon>\n        <i class=\"ax-icon ax-icon-send\"></i>\n      </ax-icon>\n    </ax-button>\n  </div>\n  } @else {\n  <div class=\"ax-chat-input-start-side\">\n    <ax-button look=\"blank\" class=\"ax-sm\">\n      <ax-icon>\n        <i class=\"ax-icon ax-icon-emoji\"></i>\n      </ax-icon>\n      <ax-dropdown-panel>\n        <ng-container>\n          <div class=\"ax-emoji-container\">\n            <div>⚠️</div>\n            <div>➡️</div>\n            <div>🔃</div>\n            <div>🔷</div>\n            <div>🤚</div>\n            <div>😂</div>\n            <div>😊</div>\n          </div>\n        </ng-container>\n      </ax-dropdown-panel>\n    </ax-button>\n  </div>\n  <textarea class=\"ax-chat-input-main-side\"\n    oninput='this.style.height = \"\";this.style.height = this.scrollHeight + \"px\"' type=\"text\" rows=\"1\" [id]=\"id\"\n    [name]=\"name\" [attr.placeholder]=\"placeholder\" [attr.maxlength]=\"maxLength\" [disabled]=\"disabled\"\n    [readonly]=\"readonly\" [tabindex]=\"tabIndex\" [ngModel]=\"value\" (ngModelChange)=\"_handleModelChange($event)\"\n    [ngModelOptions]=\"{ updateOn: _updateOn }\" (keydown)=\"emitOnKeydownEvent($event)\" (keyup)=\"emitOnKeyupEvent($event)\"\n    (keypress)=\"emitOnKeypressEvent($event)\" (focus)=\"emitOnFocusEvent($event)\"\n    (blur)=\"emitOnBlurEvent($event)\"></textarea>\n  <div class=\"ax-chat-input-end-side\">\n    @if (!value) {\n    <ax-button look=\"blank\" class=\"ax-sm\" (onClick)=\"handleAttachClick()\">\n      <ax-icon>\n        <i class=\"ax-icon ax-icon-attach\"></i>\n      </ax-icon>\n    </ax-button>\n    <ax-button look=\"blank\" class=\"ax-sm\" (onClick)=\"handleRecordClick()\">\n      <ax-icon>\n        <i class=\"ax-icon ax-icon-mic\"></i>\n      </ax-icon>\n    </ax-button>\n    <input #inputFile [accept]=\"acceptFileType\" type=\"file\" class=\"ax-attach-input\" (change)=\"handleChangeFile($event)\">\n    }\n\n    @if (value) {\n    <ax-button look=\"solid\" color=\"primary\" class=\"ax-sm\" (onClick)=\"handleSendClick()\">\n      <ax-icon>\n        <i class=\"ax-icon ax-icon-send\"></i>\n      </ax-icon>\n    </ax-button>\n    }\n  </div>\n  }\n</div>","import { Injectable } from '@angular/core';\nimport { AXChatMessageType } from '../chat.types';\n\n@Injectable({ providedIn: 'root' })\nexport class AXChatMessageTypeRegistryService {\n  private plugins: Map<string, AXChatMessageType> = new Map<\n    string,\n    AXChatMessageType\n  >();\n\n  register(...plugins: AXChatMessageType[]) {\n    plugins.forEach((p) => this.plugins.set(p.name, p));\n  }\n\n  public resolve(name: string): AXChatMessageType | undefined {\n    return this.plugins.get(name);\n  }\n}\n","import { MXBaseComponent } from '@acorex/components/common';\nimport {\n  Component,\n  HostBinding,\n  Input,\n  ViewEncapsulation,\n  inject,\n} from '@angular/core';\nimport { AXChatMessage } from '../chat.types';\nimport { AXChatMessageTypeRegistryService } from '../services/chat-message-type-registry.service';\n\n@Component({\n  selector: 'ax-chat-message',\n  templateUrl: './chat-message.component.html',\n  styleUrls: ['./chat-message.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXChatMessageComponent extends MXBaseComponent {\n  @Input()\n  chatMessage: AXChatMessage;\n\n  protected get isOwn(): boolean {\n    return !this.chatMessage.fromId;\n  }\n\n  protected registryService = inject(AXChatMessageTypeRegistryService);\n\n  @HostBinding('class')\n  get __hostClass(): string {\n    return `${this.isOwn ? 'ax-state-own' : ''} ${\n      !this.isOwn ? 'ax-state-other' : ''\n    }`;\n  }\n}\n","<!-- @if(_replyTo()){\n<div class=\"ax-chat-message-reply\">\n    <ng-content select=\"ax-chat-message\"></ng-content>\n</div>\n}\n<ng-content select=\"ax-chat-message-content\"></ng-content>\n<div class=\"ax-chat-message-status\">\n    <div>\n        <ng-content select=\"ax-prefix\"></ng-content>\n    </div>\n    <div>\n        <span>{{_time()}}</span>\n        <span>\n            @if(_sent() && !_read()){\n            <i class=\"ax-icon ax-icon-check\"></i>\n            }\n            @if(_read()){\n            <i class=\"ax-icon ax-icon-dobble-check\"></i>\n            }\n        </span>\n        <ng-content select=\"ax-suffix\"></ng-content>\n    </div>\n</div> -->\n<ng-container\n    *ngComponentOutlet=\"registryService.resolve(chatMessage.type).component;inputs:{message:chatMessage}\"></ng-container>\n<div class=\"ax-chat-message-status\">\n    <div>\n        <ng-content select=\"ax-prefix\"></ng-content>\n    </div>\n    <div>\n        <span>{{ chatMessage.sendTime | format:'datetime':'HH:mm' | async }}</span>\n        <span>\n            @if(isOwn)\n            {\n            @if(chatMessage.deliverTime){\n            <i class=\"ax-icon ax-icon-check\"></i>\n            }\n            @if(chatMessage.readTime){\n            <i class=\"ax-icon ax-icon-dobble-check\"></i>\n            }\n            }\n        </span>\n    </div>\n</div>","import { MXBaseComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  Input,\n  ViewEncapsulation,\n  WritableSignal,\n  signal,\n} from '@angular/core';\nimport { AXChatMessage } from '../chat.types';\n\n@Component({\n  selector: 'ax-chat-view',\n  templateUrl: './chat-view.component.html',\n  styleUrls: ['./chat-view.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXChatViewComponent extends MXBaseComponent {\n  @Input()\n  public set chats(items: AXChatMessage[]) {\n    this._chats.set(items);\n  }\n\n  protected _chats: WritableSignal<AXChatMessage[]> = signal([]);\n}\n","@for (item of _chats(); track $index) {\n<ax-chat-message [chatMessage]=\"item\"></ax-chat-message>\n}","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ax-chat-voice',\n  templateUrl: './chat-voice.component.html',\n  styleUrls: ['./chat-voice.component.scss'],\n})\nexport class AXChatVoiceComponent {\n  constructor() {}\n}\n","","import { Injectable, Type } from '@angular/core';\n\nexport interface AXChatMessageType {\n  name: string;\n  component: Type<any>;\n}\n\nexport interface AXChatMessage {\n  id: string;\n  type: string;\n  sendTime: Date;\n  deliverTime?: Date;\n  readTime?: Date;\n  replyTo?: string;\n  content: any;\n  fromId?: string;\n}\n\n@Injectable()\nexport class AXChatMessageBaseComponent {\n  message: AXChatMessage;\n}\n","import { Component, ViewEncapsulation } from '@angular/core';\nimport { AXChatMessageBaseComponent } from '../chat.types';\n\n@Component({\n  template: `This is an Audio Message`,\n  encapsulation: ViewEncapsulation.None,\n  inputs: ['message'],\n})\nexport class AXChatAudioMessageComponent extends AXChatMessageBaseComponent {\n  ngOnInit(): void {}\n}\n","import { Component, ViewEncapsulation, signal } from '@angular/core';\nimport { AXChatMessageBaseComponent } from '../chat.types';\n\n@Component({\n  template: `<div [innerHtml]=\"_text()\"></div>`,\n  encapsulation: ViewEncapsulation.None,\n  inputs: ['message'],\n})\nexport class AXChatTextMessageComponent extends AXChatMessageBaseComponent {\n  protected _text = signal('');\n\n  ngOnInit(): void {\n    this._text.set(this.message?.content?.text);\n  }\n}\n","import { AXButtonModule } from '@acorex/components/button';\nimport { AXRippleDirective } from '@acorex/components/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXDropdownModule } from '@acorex/components/dropdown';\nimport { AXFormatModule } from '@acorex/core/format';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AsyncPipe, CommonModule } from '@angular/common';\nimport { Inject, ModuleWithProviders, NgModule, Optional } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXChatInputComponent } from './chat-input/chat-input.component';\nimport { AXChatMessageComponent } from './chat-message/chat-message.component';\nimport { AXChatAudioMessageComponent } from './chat-messages/chat-message-audio.component';\nimport { AXChatTextMessageComponent } from './chat-messages/chat-message-text.component';\nimport { AXChatViewComponent } from './chat-view/chat-view.component';\nimport { AXChatVoiceComponent } from './chat-voice/chat-voice.component';\nimport { AXChatMessageType } from './chat.types';\nimport { AXChatMessageTypeRegistryService } from './services/chat-message-type-registry.service';\nimport { AXRecordingService } from './services/recording.service';\n\nexport interface AXChatModuleConfig {\n  types: AXChatMessageType[];\n}\n\nconst COMPONENT = [\n  AXChatViewComponent,\n  AXChatInputComponent,\n  AXChatMessageComponent,\n  AXChatVoiceComponent,\n];\nconst MODULES = [\n  CommonModule,\n  FormsModule,\n  AsyncPipe,\n  AXRippleDirective,\n  AXButtonModule,\n  AXDecoratorModule,\n  AXTranslationModule,\n  AXDropdownModule,\n  AXFormatModule,\n];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [AXRecordingService],\n})\nexport class AXChatModule {\n  static forRoot(\n    config?: AXChatModuleConfig\n  ): ModuleWithProviders<AXChatModule> {\n    return {\n      ngModule: AXChatModule,\n      providers: [\n        {\n          provide: 'AXChatModuleFactory',\n          useFactory: (registry: AXChatMessageTypeRegistryService) => () => {\n            if (config?.types?.length) {\n              registry.register(...config.types);\n            }\n            registry.register({\n              name: 'text',\n              component: AXChatTextMessageComponent,\n            });\n            registry.register({\n              name: 'audio',\n              component: AXChatAudioMessageComponent,\n            });\n          },\n          deps: [AXChatMessageTypeRegistryService],\n          multi: true,\n        },\n      ],\n    };\n  }\n\n  static forChild(\n    config?: AXChatModuleConfig\n  ): ModuleWithProviders<AXChatModule> {\n    return {\n      ngModule: AXChatModule,\n      providers: [\n        {\n          provide: 'AXPWorkflowModuleFactory',\n          useFactory: (registry: AXChatMessageTypeRegistryService) => () => {\n            if (config?.types?.length) {\n              registry.register(...config.types);\n            }\n          },\n          deps: [AXChatMessageTypeRegistryService],\n          multi: true,\n        },\n      ],\n    };\n  }\n\n  /**\n   * @ignore\n   */\n  constructor(@Optional() @Inject('AXChatModuleFactory') instances: any[]) {\n    instances?.forEach((f) => {\n      f();\n    });\n  }\n}\n","import { Injectable } from '@angular/core';\n\n@Injectable()\nexport class AXChatService {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i5","i1","i2","i1.AXChatMessageComponent"],"mappings":"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"}