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

package/fesm2022/acorex-components-conversation-location-picker.component-DcNQzuoU.mjs

@@ -0,0 +1,149 @@
+import * as i1 from '@acorex/components/map';
+import { AXMapModule } from '@acorex/components/map';
+import * as i3 from '@acorex/core/translation';
+import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, input, signal, Component } from '@angular/core';
+import { o as AXConversationComposerService, A as AXConversationService } from './acorex-components-conversation-acorex-components-conversation-YhVa42TC.mjs';
+import { A as AXConversationPickerHeaderComponent, a as AXConversationPickerFooterComponent } from './acorex-components-conversation-picker-header.component-BneIFjXq.mjs';
+
+/**
+ * Location Picker Component
+ * Full-width location selection interface for the composer
+ */
+class AXConversationLocationPickerComponent {
+    constructor() {
+        this.composerService = inject(AXConversationComposerService);
+        this.conversationService = inject(AXConversationService);
+        this.translation = inject(AXTranslationService);
+        this.conversation = input.required(...(ngDevMode ? [{ debugName: "conversation" }] : /* istanbul ignore next */ []));
+        // Default location
+        this.currentLocation = signal({
+            type: 'location',
+            latitude: 30,
+            longitude: 50,
+        }, ...(ngDevMode ? [{ debugName: "currentLocation" }] : /* istanbul ignore next */ []));
+    }
+    onMarkerAdded(event) {
+        // Event from ax-map markerAdded
+        this.currentLocation.set({
+            type: 'location',
+            latitude: event.latitude,
+            longitude: event.longitude,
+        });
+    }
+    async sendLocation() {
+        const location = this.currentLocation();
+        const command = {
+            conversationId: this.conversation().id,
+            type: 'location',
+            payload: location,
+        };
+        this.cancel();
+        void this.composerService.sendMessage(command).catch((error) => {
+            console.error('Failed to send location:', error);
+        });
+    }
+    cancel() {
+        // Reset to default location
+        this.currentLocation.set({
+            type: 'location',
+            latitude: 0,
+            longitude: 0,
+        });
+        this.composerService.hideComponent();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXConversationLocationPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: AXConversationLocationPickerComponent, isStandalone: true, selector: "ax-conversation-location-picker", inputs: { conversation: { classPropertyName: "conversation", publicName: "conversation", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+    <div class="ax-conversation-picker ax-conversation-picker--location">
+      <ax-conversation-picker-header
+        [title]="translation.translateSync('@acorex:chat.pickers.location.title')"
+        (onClose)="cancel()"
+      />
+
+      <div class="ax-conversation-picker__scroll">
+        <!-- Map with Single Marker -->
+        <div class="map-container">
+          <ax-map
+            [latitude]="currentLocation().latitude"
+            [longitude]="currentLocation().longitude"
+            [maxMarker]="1"
+            [addMarkerOnTap]="true"
+            [hasLocator]="true"
+            (onMarkerAdded)="onMarkerAdded($event)"
+          />
+        </div>
+
+        <!-- Location Info -->
+        <div class="location-info">
+          <div class="info-row">
+            <i class="fa-light fa-location-dot"></i>
+            <div class="info-text">
+              <div class="info-label">{{ '@acorex:chat.pickers.location.coordinates' | translate | async }}</div>
+              <div class="info-value">
+                {{ currentLocation().latitude.toFixed(6) }}, {{ currentLocation().longitude.toFixed(6) }}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <ax-conversation-picker-footer
+        [sendText]="translation.translateSync('@acorex:chat.pickers.location.send')"
+        [sendDisabled]="false"
+        (onCancel)="cancel()"
+        (onSend)="sendLocation()"
+      />
+    </div>
+  `, isInline: true, styles: [":host{display:block;width:100%;container-type:inline-size;container-name:picker}.ax-conversation-picker--location{max-height:min(70dvh,28rem)}@container picker (max-width: 480px){.ax-conversation-picker--location{max-height:85dvh}}.map-container{height:10rem;overflow:hidden}.location-info{padding:.75rem 1rem;background:rgb(var(--ax-sys-color-surface));border-top:1px solid rgb(var(--ax-sys-color-border))}.info-row{display:flex;align-items:center;gap:.75rem}.info-row i{font-size:1.25rem;color:rgb(var(--ax-sys-color-primary))}.info-text{flex:1}.info-label{font-size:.75rem;color:rgb(var(--ax-sys-color-on-surface-variant));margin-bottom:.25rem}.info-value{font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface));font-family:monospace}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXMapModule }, { kind: "component", type: i1.AXMapComponent, selector: "ax-map", inputs: ["zoomLevel", "latitude", "longitude", "maxMarker", "maxPolygon", "hasDraw", "hasLocator", "fitToDraw", "limitDraw", "addPoiToFitDraw", "addMarkerOnTap", "readonly", "disabled", "markerPlace", "locatePlace", "poiMinZoom", "markers", "polygons", "pois"], outputs: ["zoomLevelChange", "latitudeChange", "longitudeChange", "onMarkerAdded", "onMarkerClick", "onMarkerChanged", "onPolygonAdded", "onPolygonClick", "onPolygonChanged", "onLocationFound", "onPoiChanged", "onPoiAdded", "onMapReady", "onLoadError"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXConversationPickerHeaderComponent, selector: "ax-conversation-picker-header", inputs: ["title"], outputs: ["onClose"] }, { kind: "component", type: AXConversationPickerFooterComponent, selector: "ax-conversation-picker-footer", inputs: ["sendText", "sendDisabled"], outputs: ["onCancel", "onSend"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXConversationLocationPickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-conversation-location-picker', imports: [CommonModule, AXMapModule, AXTranslationModule, AXConversationPickerHeaderComponent, AXConversationPickerFooterComponent], template: `
+    <div class="ax-conversation-picker ax-conversation-picker--location">
+      <ax-conversation-picker-header
+        [title]="translation.translateSync('@acorex:chat.pickers.location.title')"
+        (onClose)="cancel()"
+      />
+
+      <div class="ax-conversation-picker__scroll">
+        <!-- Map with Single Marker -->
+        <div class="map-container">
+          <ax-map
+            [latitude]="currentLocation().latitude"
+            [longitude]="currentLocation().longitude"
+            [maxMarker]="1"
+            [addMarkerOnTap]="true"
+            [hasLocator]="true"
+            (onMarkerAdded)="onMarkerAdded($event)"
+          />
+        </div>
+
+        <!-- Location Info -->
+        <div class="location-info">
+          <div class="info-row">
+            <i class="fa-light fa-location-dot"></i>
+            <div class="info-text">
+              <div class="info-label">{{ '@acorex:chat.pickers.location.coordinates' | translate | async }}</div>
+              <div class="info-value">
+                {{ currentLocation().latitude.toFixed(6) }}, {{ currentLocation().longitude.toFixed(6) }}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <ax-conversation-picker-footer
+        [sendText]="translation.translateSync('@acorex:chat.pickers.location.send')"
+        [sendDisabled]="false"
+        (onCancel)="cancel()"
+        (onSend)="sendLocation()"
+      />
+    </div>
+  `, styles: [":host{display:block;width:100%;container-type:inline-size;container-name:picker}.ax-conversation-picker--location{max-height:min(70dvh,28rem)}@container picker (max-width: 480px){.ax-conversation-picker--location{max-height:85dvh}}.map-container{height:10rem;overflow:hidden}.location-info{padding:.75rem 1rem;background:rgb(var(--ax-sys-color-surface));border-top:1px solid rgb(var(--ax-sys-color-border))}.info-row{display:flex;align-items:center;gap:.75rem}.info-row i{font-size:1.25rem;color:rgb(var(--ax-sys-color-primary))}.info-text{flex:1}.info-label{font-size:.75rem;color:rgb(var(--ax-sys-color-on-surface-variant));margin-bottom:.25rem}.info-value{font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface));font-family:monospace}\n"] }]
+        }], propDecorators: { conversation: [{ type: i0.Input, args: [{ isSignal: true, alias: "conversation", required: true }] }] } });
+
+export { AXConversationLocationPickerComponent };
+//# sourceMappingURL=acorex-components-conversation-location-picker.component-DcNQzuoU.mjs.map

package/fesm2022/acorex-components-conversation-location-picker.component-DcNQzuoU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-conversation-location-picker.component-DcNQzuoU.mjs","sources":["../../../../packages/components/conversation/src/lib/plugins/composer/components/location-picker/location-picker.component.ts"],"sourcesContent":["/**\n * Location Picker Component\n * Full-width location selection interface for the composer\n */\n\nimport { AXMapMarker, AXMapModule } from '@acorex/components/map';\nimport { AXTranslationModule, AXTranslationService } from '@acorex/core/translation';\nimport { CommonModule } from '@angular/common';\nimport { Component, inject, input, signal } from '@angular/core';\nimport { AXConversationComposerService } from '../../../../components/composer/composer.service';\nimport { AXConversation, AXConversationLocationPayload, AXConversationSendMessageCommand } from '../../../../models';\nimport { AXConversationService } from '../../../../services';\nimport { AXConversationPickerFooterComponent } from '../picker-footer/picker-footer.component';\nimport { AXConversationPickerHeaderComponent } from '../picker-header/picker-header.component';\n\n@Component({\n  selector: 'ax-conversation-location-picker',\n  imports: [CommonModule, AXMapModule, AXTranslationModule, AXConversationPickerHeaderComponent, AXConversationPickerFooterComponent],\n  template: `\n    <div class=\"ax-conversation-picker ax-conversation-picker--location\">\n      <ax-conversation-picker-header\n        [title]=\"translation.translateSync('@acorex:chat.pickers.location.title')\"\n        (onClose)=\"cancel()\"\n      />\n\n      <div class=\"ax-conversation-picker__scroll\">\n        <!-- Map with Single Marker -->\n        <div class=\"map-container\">\n          <ax-map\n            [latitude]=\"currentLocation().latitude\"\n            [longitude]=\"currentLocation().longitude\"\n            [maxMarker]=\"1\"\n            [addMarkerOnTap]=\"true\"\n            [hasLocator]=\"true\"\n            (onMarkerAdded)=\"onMarkerAdded($event)\"\n          />\n        </div>\n\n        <!-- Location Info -->\n        <div class=\"location-info\">\n          <div class=\"info-row\">\n            <i class=\"fa-light fa-location-dot\"></i>\n            <div class=\"info-text\">\n              <div class=\"info-label\">{{ '@acorex:chat.pickers.location.coordinates' | translate | async }}</div>\n              <div class=\"info-value\">\n                {{ currentLocation().latitude.toFixed(6) }}, {{ currentLocation().longitude.toFixed(6) }}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <ax-conversation-picker-footer\n        [sendText]=\"translation.translateSync('@acorex:chat.pickers.location.send')\"\n        [sendDisabled]=\"false\"\n        (onCancel)=\"cancel()\"\n        (onSend)=\"sendLocation()\"\n      />\n    </div>\n  `,\n  styles: [\n    `\n      :host {\n        display: block;\n        width: 100%;\n        container-type: inline-size;\n        container-name: picker;\n      }\n\n      .ax-conversation-picker--location {\n        max-height: min(70dvh, 28rem);\n      }\n\n      @container picker (max-width: 480px) {\n        .ax-conversation-picker--location {\n          max-height: 85dvh;\n        }\n      }\n\n      .map-container {\n        height: 10rem;\n        overflow: hidden;\n      }\n\n      .location-info {\n        padding: 0.75rem 1rem;\n        background: rgb(var(--ax-sys-color-surface));\n        border-top: 1px solid rgb(var(--ax-sys-color-border));\n      }\n\n      .info-row {\n        display: flex;\n        align-items: center;\n        gap: 0.75rem;\n      }\n\n      .info-row i {\n        font-size: 1.25rem;\n        color: rgb(var(--ax-sys-color-primary));\n      }\n\n      .info-text {\n        flex: 1;\n      }\n\n      .info-label {\n        font-size: 0.75rem;\n        color: rgb(var(--ax-sys-color-on-surface-variant));\n        margin-bottom: 0.25rem;\n      }\n\n      .info-value {\n        font-size: 0.875rem;\n        font-weight: 500;\n        color: rgb(var(--ax-sys-color-on-surface));\n        font-family: monospace;\n      }\n    `,\n  ],\n})\nexport class AXConversationLocationPickerComponent {\n  private readonly composerService = inject(AXConversationComposerService);\n  private readonly conversationService = inject(AXConversationService);\n  readonly translation = inject(AXTranslationService);\n\n  readonly conversation = input.required<AXConversation>();\n  // Default location\n  readonly currentLocation = signal<AXConversationLocationPayload>({\n    type: 'location',\n    latitude: 30,\n    longitude: 50,\n  });\n\n  onMarkerAdded(event: AXMapMarker): void {\n    // Event from ax-map markerAdded\n    this.currentLocation.set({\n      type: 'location',\n\n      latitude: event.latitude,\n      longitude: event.longitude,\n    });\n  }\n\n  async sendLocation(): Promise<void> {\n    const location = this.currentLocation();\n\n    const command: AXConversationSendMessageCommand = {\n      conversationId: this.conversation().id,\n      type: 'location',\n      payload: location,\n    };\n\n    this.cancel();\n\n    void this.composerService.sendMessage(command).catch((error) => {\n      console.error('Failed to send location:', error);\n    });\n  }\n\n  cancel(): void {\n    // Reset to default location\n    this.currentLocation.set({\n      type: 'location',\n      latitude: 0,\n      longitude: 0,\n    });\n    this.composerService.hideComponent();\n  }\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-conversation-location-renderer.component-Cw2PB0LM.mjs

@@ -0,0 +1,118 @@
+import * as i1 from '@acorex/components/map';
+import { AXMapModule } from '@acorex/components/map';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { signal, input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { A as AXConversationMessageRendererCopyHostComponent } from './acorex-components-conversation-message-renderer-copy-host.component-oXTr_Lfq.mjs';
+import { A as AXConversationMessageRendererStateComponent } from './acorex-components-conversation-message-renderer-state.component-Dp-JdHWr.mjs';
+
+class AXConversationLocationRendererComponent extends AXConversationMessageRendererCopyHostComponent {
+    constructor() {
+        super(...arguments);
+        this._contentState = signal('none', ...(ngDevMode ? [{ debugName: "_contentState" }] : /* istanbul ignore next */ []));
+        this.message = input.required(...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
+        this.rendererState = computed(() => ({
+            deliveryStatus: this.message().status,
+            contentState: this._contentState(),
+        }), ...(ngDevMode ? [{ debugName: "rendererState" }] : /* istanbul ignore next */ []));
+        this.payload = computed(() => this.message().payload, ...(ngDevMode ? [{ debugName: "payload" }] : /* istanbul ignore next */ []));
+        this.latitude = computed(() => this.payload().latitude, ...(ngDevMode ? [{ debugName: "latitude" }] : /* istanbul ignore next */ []));
+        this.longitude = computed(() => this.payload().longitude, ...(ngDevMode ? [{ debugName: "longitude" }] : /* istanbul ignore next */ []));
+        this.locationName = computed(() => this.payload().name || 'Location', ...(ngDevMode ? [{ debugName: "locationName" }] : /* istanbul ignore next */ []));
+        this.address = computed(() => this.payload().address, ...(ngDevMode ? [{ debugName: "address" }] : /* istanbul ignore next */ []));
+        this.coordinatesText = computed(() => {
+            const lat = this.latitude().toFixed(5);
+            const lng = this.longitude().toFixed(5);
+            return `${lat}, ${lng}`;
+        }, ...(ngDevMode ? [{ debugName: "coordinatesText" }] : /* istanbul ignore next */ []));
+        this.mapsUrl = computed(() => {
+            const lat = this.latitude();
+            const lng = this.longitude();
+            return `https://www.google.com/maps?q=${lat},${lng}`;
+        }, ...(ngDevMode ? [{ debugName: "mapsUrl" }] : /* istanbul ignore next */ []));
+        this.markers = computed(() => [
+            {
+                latitude: this.latitude(),
+                longitude: this.longitude(),
+                popup: this.locationName(),
+                popupOpen: false,
+                popupCloseButton: true,
+            },
+        ], ...(ngDevMode ? [{ debugName: "markers" }] : /* istanbul ignore next */ []));
+    }
+    copy() {
+        const name = this.locationName();
+        const addr = this.address()?.trim();
+        const coords = this.coordinatesText();
+        const maps = this.mapsUrl();
+        const lines = [addr, coords, maps].filter(Boolean);
+        return lines.length ? `${name}\n${lines.join('\n')}` : name;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXConversationLocationRendererComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXConversationLocationRendererComponent, isStandalone: true, selector: "ax-conversation-location-renderer", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-conversation-loc">
+      <ax-conversation-message-renderer-state [rendererState]="rendererState()" [message]="message()" />
+      <div class="ax-conversation-loc__map">
+        <ax-map
+          [latitude]="latitude()"
+          [longitude]="longitude()"
+          [zoomLevel]="15"
+          [markers]="markers()"
+          [hasLocator]="false"
+          [hasDraw]="false"
+        ></ax-map>
+      </div>
+      <div class="ax-conversation-loc__body">
+        <div class="ax-conversation-loc__title">
+          <span class="ax-conversation-loc__title-text">{{ locationName() }}</span>
+        </div>
+        @if (address()) {
+          <div class="ax-conversation-loc__addr">{{ address() }}</div>
+        }
+        <div class="ax-conversation-loc__meta">
+          <span class="ax-conversation-loc__coords">{{ coordinatesText() }}</span>
+        </div>
+      </div>
+      <a class="ax-conversation-loc__action" [href]="mapsUrl()" target="_blank" rel="noopener noreferrer">
+        <span>Open in Maps</span>
+        <i class="fa-light fa-arrow-up-right-from-square" aria-hidden="true"></i>
+      </a>
+    </div>
+  `, isInline: true, styles: [":host{display:block}:host{max-width:100%}.ax-conversation-loc{display:flex;flex-direction:column;width:100%;max-width:min(100%,20rem);border-radius:var(--ax-sys-border-radius, .5rem);border:1px solid rgb(var(--ax-sys-color-border-light-surface));overflow:hidden;background:rgb(var(--ax-sys-color-surface));color:rgb(var(--ax-sys-color-on-surface))}.ax-conversation-loc__map{position:relative;height:min(28dvh,10rem);width:100%;overflow:hidden}@container conversation (min-width: 480px){.ax-conversation-loc__map{height:10.5rem}}.ax-conversation-loc__map ::ng-deep ax-map{display:block;height:100%;width:100%}.ax-conversation-loc__body{padding:.625rem .75rem .5rem;display:flex;flex-direction:column;gap:.25rem}.ax-conversation-loc__title{display:flex;align-items:center;font-size:.875rem;font-weight:600;line-height:1.2}.ax-conversation-loc__title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ax-conversation-loc__addr{font-size:.75rem;opacity:.78;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ax-conversation-loc__meta{display:flex;align-items:center;gap:.5rem}.ax-conversation-loc__coords{font-size:.6875rem;opacity:.62;font-variant-numeric:tabular-nums;font-family:ui-monospace,monospace}.ax-conversation-loc__action{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:2.75rem;padding:.5rem .75rem;border-top:1px solid rgb(var(--ax-sys-color-border-light-surface));background:rgb(var(--ax-sys-color-light-surface));font-size:.8125rem;font-weight:500;color:rgb(var(--ax-sys-color-primary-600));text-decoration:none;touch-action:manipulation;transition:background .15s ease,color .15s ease}@media(hover:hover){.ax-conversation-loc__action:hover{background:rgb(var(--ax-sys-color-primary-lightest-surface));color:rgb(var(--ax-sys-color-primary-700))}}.ax-conversation-loc__action i{font-size:.75rem;opacity:.85}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXMapModule }, { kind: "component", type: i1.AXMapComponent, selector: "ax-map", inputs: ["zoomLevel", "latitude", "longitude", "maxMarker", "maxPolygon", "hasDraw", "hasLocator", "fitToDraw", "limitDraw", "addPoiToFitDraw", "addMarkerOnTap", "readonly", "disabled", "markerPlace", "locatePlace", "poiMinZoom", "markers", "polygons", "pois"], outputs: ["zoomLevelChange", "latitudeChange", "longitudeChange", "onMarkerAdded", "onMarkerClick", "onMarkerChanged", "onPolygonAdded", "onPolygonClick", "onPolygonChanged", "onLocationFound", "onPoiChanged", "onPoiAdded", "onMapReady", "onLoadError"] }, { kind: "component", type: AXConversationMessageRendererStateComponent, selector: "ax-conversation-message-renderer-state", inputs: ["rendererState", "message", "contentErrorLabel", "deliveryFailedLabel", "showContentErrorChrome", "contentErrorStyle", "contentErrorIconClass", "placement", "contentRetryEnabled"], outputs: ["contentRetry"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXConversationLocationRendererComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-conversation-location-renderer', imports: [CommonModule, AXMapModule, AXConversationMessageRendererStateComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="ax-conversation-loc">
+      <ax-conversation-message-renderer-state [rendererState]="rendererState()" [message]="message()" />
+      <div class="ax-conversation-loc__map">
+        <ax-map
+          [latitude]="latitude()"
+          [longitude]="longitude()"
+          [zoomLevel]="15"
+          [markers]="markers()"
+          [hasLocator]="false"
+          [hasDraw]="false"
+        ></ax-map>
+      </div>
+      <div class="ax-conversation-loc__body">
+        <div class="ax-conversation-loc__title">
+          <span class="ax-conversation-loc__title-text">{{ locationName() }}</span>
+        </div>
+        @if (address()) {
+          <div class="ax-conversation-loc__addr">{{ address() }}</div>
+        }
+        <div class="ax-conversation-loc__meta">
+          <span class="ax-conversation-loc__coords">{{ coordinatesText() }}</span>
+        </div>
+      </div>
+      <a class="ax-conversation-loc__action" [href]="mapsUrl()" target="_blank" rel="noopener noreferrer">
+        <span>Open in Maps</span>
+        <i class="fa-light fa-arrow-up-right-from-square" aria-hidden="true"></i>
+      </a>
+    </div>
+  `, styles: [":host{display:block}:host{max-width:100%}.ax-conversation-loc{display:flex;flex-direction:column;width:100%;max-width:min(100%,20rem);border-radius:var(--ax-sys-border-radius, .5rem);border:1px solid rgb(var(--ax-sys-color-border-light-surface));overflow:hidden;background:rgb(var(--ax-sys-color-surface));color:rgb(var(--ax-sys-color-on-surface))}.ax-conversation-loc__map{position:relative;height:min(28dvh,10rem);width:100%;overflow:hidden}@container conversation (min-width: 480px){.ax-conversation-loc__map{height:10.5rem}}.ax-conversation-loc__map ::ng-deep ax-map{display:block;height:100%;width:100%}.ax-conversation-loc__body{padding:.625rem .75rem .5rem;display:flex;flex-direction:column;gap:.25rem}.ax-conversation-loc__title{display:flex;align-items:center;font-size:.875rem;font-weight:600;line-height:1.2}.ax-conversation-loc__title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ax-conversation-loc__addr{font-size:.75rem;opacity:.78;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ax-conversation-loc__meta{display:flex;align-items:center;gap:.5rem}.ax-conversation-loc__coords{font-size:.6875rem;opacity:.62;font-variant-numeric:tabular-nums;font-family:ui-monospace,monospace}.ax-conversation-loc__action{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:2.75rem;padding:.5rem .75rem;border-top:1px solid rgb(var(--ax-sys-color-border-light-surface));background:rgb(var(--ax-sys-color-light-surface));font-size:.8125rem;font-weight:500;color:rgb(var(--ax-sys-color-primary-600));text-decoration:none;touch-action:manipulation;transition:background .15s ease,color .15s ease}@media(hover:hover){.ax-conversation-loc__action:hover{background:rgb(var(--ax-sys-color-primary-lightest-surface));color:rgb(var(--ax-sys-color-primary-700))}}.ax-conversation-loc__action i{font-size:.75rem;opacity:.85}\n"] }]
+        }], propDecorators: { message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }] } });
+
+export { AXConversationLocationRendererComponent };
+//# sourceMappingURL=acorex-components-conversation-location-renderer.component-Cw2PB0LM.mjs.map

package/fesm2022/acorex-components-conversation-location-renderer.component-Cw2PB0LM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-conversation-location-renderer.component-Cw2PB0LM.mjs","sources":["../../../../packages/components/conversation/src/lib/plugins/message-list/components/location-renderer/location-renderer.component.ts"],"sourcesContent":["import { AXMapModule } from '@acorex/components/map';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, input, signal } from '@angular/core';\nimport type { AXConversationLocationPayload, AXConversationMessage } from '../../../../models';\nimport type { AXConversationMessageRendererContentState } from '../../../../registries/message-renderer.registry';\nimport { AXConversationMessageRendererCopyHostComponent } from '../shared/message-renderer-copy-host.component';\nimport { AXConversationMessageRendererStateComponent } from '../shared/message-renderer-state.component';\n\n@Component({\n  selector: 'ax-conversation-location-renderer',\n  imports: [CommonModule, AXMapModule, AXConversationMessageRendererStateComponent],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div class=\"ax-conversation-loc\">\n      <ax-conversation-message-renderer-state [rendererState]=\"rendererState()\" [message]=\"message()\" />\n      <div class=\"ax-conversation-loc__map\">\n        <ax-map\n          [latitude]=\"latitude()\"\n          [longitude]=\"longitude()\"\n          [zoomLevel]=\"15\"\n          [markers]=\"markers()\"\n          [hasLocator]=\"false\"\n          [hasDraw]=\"false\"\n        ></ax-map>\n      </div>\n      <div class=\"ax-conversation-loc__body\">\n        <div class=\"ax-conversation-loc__title\">\n          <span class=\"ax-conversation-loc__title-text\">{{ locationName() }}</span>\n        </div>\n        @if (address()) {\n          <div class=\"ax-conversation-loc__addr\">{{ address() }}</div>\n        }\n        <div class=\"ax-conversation-loc__meta\">\n          <span class=\"ax-conversation-loc__coords\">{{ coordinatesText() }}</span>\n        </div>\n      </div>\n      <a class=\"ax-conversation-loc__action\" [href]=\"mapsUrl()\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <span>Open in Maps</span>\n        <i class=\"fa-light fa-arrow-up-right-from-square\" aria-hidden=\"true\"></i>\n      </a>\n    </div>\n  `,\n  styles: [\n    `\n      :host {\n        display: block;\n      }\n\n      :host {\n        max-width: 100%;\n      }\n\n      .ax-conversation-loc {\n        display: flex;\n        flex-direction: column;\n        width: 100%;\n        max-width: min(100%, 20rem);\n        border-radius: var(--ax-sys-border-radius, 0.5rem);\n        border: 1px solid rgb(var(--ax-sys-color-border-light-surface));\n        overflow: hidden;\n        background: rgb(var(--ax-sys-color-surface));\n        color: rgb(var(--ax-sys-color-on-surface));\n      }\n\n      .ax-conversation-loc__map {\n        position: relative;\n        height: min(28dvh, 10rem);\n        width: 100%;\n        overflow: hidden;\n      }\n\n      @container conversation (min-width: 480px) {\n        .ax-conversation-loc__map {\n          height: 10.5rem;\n        }\n      }\n\n      .ax-conversation-loc__map ::ng-deep ax-map {\n        display: block;\n        height: 100%;\n        width: 100%;\n      }\n      .ax-conversation-loc__body {\n        padding: 0.625rem 0.75rem 0.5rem;\n        display: flex;\n        flex-direction: column;\n        gap: 0.25rem;\n      }\n\n      .ax-conversation-loc__title {\n        display: flex;\n        align-items: center;\n        font-size: 0.875rem;\n        font-weight: 600;\n        line-height: 1.2;\n      }\n\n      .ax-conversation-loc__title-text {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n\n      .ax-conversation-loc__addr {\n        font-size: 0.75rem;\n        opacity: 0.78;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n\n      .ax-conversation-loc__meta {\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n      }\n\n      .ax-conversation-loc__coords {\n        font-size: 0.6875rem;\n        opacity: 0.62;\n        font-variant-numeric: tabular-nums;\n        font-family: ui-monospace, monospace;\n      }\n\n      .ax-conversation-loc__action {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 0.5rem;\n        min-height: 2.75rem;\n        padding: 0.5rem 0.75rem;\n        border-top: 1px solid rgb(var(--ax-sys-color-border-light-surface));\n        background: rgb(var(--ax-sys-color-light-surface));\n        font-size: 0.8125rem;\n        font-weight: 500;\n        color: rgb(var(--ax-sys-color-primary-600));\n        text-decoration: none;\n        touch-action: manipulation;\n        transition:\n          background 0.15s ease,\n          color 0.15s ease;\n      }\n\n      @media (hover: hover) {\n        .ax-conversation-loc__action:hover {\n          background: rgb(var(--ax-sys-color-primary-lightest-surface));\n          color: rgb(var(--ax-sys-color-primary-700));\n        }\n      }\n\n      .ax-conversation-loc__action i {\n        font-size: 0.75rem;\n        opacity: 0.85;\n      }\n    `,\n  ],\n})\nexport class AXConversationLocationRendererComponent extends AXConversationMessageRendererCopyHostComponent {\n  private readonly _contentState = signal<AXConversationMessageRendererContentState>('none');\n\n  readonly message = input.required<AXConversationMessage>();\n  readonly rendererState = computed(() => ({\n    deliveryStatus: this.message().status,\n    contentState: this._contentState(),\n  }));\n  readonly payload = computed(() => this.message().payload as AXConversationLocationPayload);\n\n  readonly latitude = computed(() => this.payload().latitude);\n  readonly longitude = computed(() => this.payload().longitude);\n  readonly locationName = computed(() => this.payload().name || 'Location');\n  readonly address = computed(() => this.payload().address);\n\n  readonly coordinatesText = computed(() => {\n    const lat = this.latitude().toFixed(5);\n    const lng = this.longitude().toFixed(5);\n    return `${lat}, ${lng}`;\n  });\n\n  readonly mapsUrl = computed(() => {\n    const lat = this.latitude();\n    const lng = this.longitude();\n    return `https://www.google.com/maps?q=${lat},${lng}`;\n  });\n\n  copy(): string {\n    const name = this.locationName();\n    const addr = this.address()?.trim();\n    const coords = this.coordinatesText();\n    const maps = this.mapsUrl();\n    const lines = [addr, coords, maps].filter(Boolean);\n    return lines.length ? `${name}\\n${lines.join('\\n')}` : name;\n  }\n\n  readonly markers = computed(() => [\n    {\n      latitude: this.latitude(),\n      longitude: this.longitude(),\n      popup: this.locationName(),\n      popupOpen: false,\n      popupCloseButton: true,\n    },\n  ]);\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-conversation-media-formatters-DV3wEEno.mjs

@@ -0,0 +1,17 @@
+function formatFileSize(bytes) {
+    if (bytes < 1024)
+        return `${bytes} B`;
+    if (bytes < 1024 * 1024)
+        return `${(bytes / 1024).toFixed(1)} KB`;
+    if (bytes < 1024 * 1024 * 1024)
+        return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+    return `${(bytes / (1024 * 1024 * 1024)).toFixed(1)} GB`;
+}
+function formatDuration(seconds) {
+    const mins = Math.floor(seconds / 60);
+    const secs = Math.floor(seconds % 60);
+    return `${mins}:${secs.toString().padStart(2, '0')}`;
+}
+
+export { formatFileSize as a, formatDuration as f };
+//# sourceMappingURL=acorex-components-conversation-media-formatters-DV3wEEno.mjs.map

package/fesm2022/acorex-components-conversation-media-formatters-DV3wEEno.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-conversation-media-formatters-DV3wEEno.mjs","sources":["../../../../packages/components/conversation/src/lib/plugins/composer/components/shared/media-formatters.ts"],"sourcesContent":["export function formatFileSize(bytes: number): string {\n  if (bytes < 1024) return `${bytes} B`;\n  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n  if (bytes < 1024 * 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n  return `${(bytes / (1024 * 1024 * 1024)).toFixed(1)} GB`;\n}\n\nexport function formatDuration(seconds: number): string {\n  const mins = Math.floor(seconds / 60);\n  const secs = Math.floor(seconds % 60);\n  return `${mins}:${secs.toString().padStart(2, '0')}`;\n}\n"],"names":[],"mappings":"AAAM,SAAU,cAAc,CAAC,KAAa,EAAA;IAC1C,IAAI,KAAK,GAAG,IAAI;QAAE,OAAO,CAAA,EAAG,KAAK,CAAA,EAAA,CAAI;AACrC,IAAA,IAAI,KAAK,GAAG,IAAI,GAAG,IAAI;AAAE,QAAA,OAAO,CAAA,EAAG,CAAC,KAAK,GAAG,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,CAAA,GAAA,CAAK;AACjE,IAAA,IAAI,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;AAAE,QAAA,OAAO,GAAG,CAAC,KAAK,IAAI,IAAI,GAAG,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK;AACjF,IAAA,OAAO,GAAG,CAAC,KAAK,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK;AAC1D;AAEM,SAAU,cAAc,CAAC,OAAe,EAAA;IAC5C,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;IACrC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;AACrC,IAAA,OAAO,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE;AACtD;;;;"}

package/fesm2022/acorex-components-conversation-media-playback-info-bar-banner.component-DbWUl6M2.mjs

@@ -0,0 +1,140 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { f as formatMediaDuration } from './acorex-components-conversation-format-media-DUD4vA6F.mjs';
+
+const AX_CONVERSATION_ICON_BY_TYPE = {
+    video: 'fa-light fa-video',
+    audio: 'fa-light fa-music',
+    voice: 'fa-light fa-microphone',
+};
+class AXConversationMediaPlaybackInfoBarBannerComponent {
+    constructor() {
+        this.message = input.required(...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
+        this.title = input('', ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+        this.currentTime = input(0, ...(ngDevMode ? [{ debugName: "currentTime" }] : /* istanbul ignore next */ []));
+        this.duration = input(0, ...(ngDevMode ? [{ debugName: "duration" }] : /* istanbul ignore next */ []));
+        this.isPlaying = input(false, ...(ngDevMode ? [{ debugName: "isPlaying" }] : /* istanbul ignore next */ []));
+        this.onTogglePlay = input(undefined, ...(ngDevMode ? [{ debugName: "onTogglePlay" }] : /* istanbul ignore next */ []));
+        this.playbackSpeed = input(1, ...(ngDevMode ? [{ debugName: "playbackSpeed" }] : /* istanbul ignore next */ []));
+        this.onCycleSpeed = input(undefined, ...(ngDevMode ? [{ debugName: "onCycleSpeed" }] : /* istanbul ignore next */ []));
+        this.showSpeedControl = input(false, ...(ngDevMode ? [{ debugName: "showSpeedControl" }] : /* istanbul ignore next */ []));
+        this.iconClass = computed(() => AX_CONVERSATION_ICON_BY_TYPE[this.message().type] ?? 'fa-light fa-circle-play', ...(ngDevMode ? [{ debugName: "iconClass" }] : /* istanbul ignore next */ []));
+        this.resolvedTitle = computed(() => this.title()?.trim() || 'Media', ...(ngDevMode ? [{ debugName: "resolvedTitle" }] : /* istanbul ignore next */ []));
+        this.progressPercent = computed(() => {
+            const dur = this.duration();
+            if (dur <= 0) {
+                return 0;
+            }
+            return Math.min((Math.max(0, this.currentTime()) / dur) * 100, 100);
+        }, ...(ngDevMode ? [{ debugName: "progressPercent" }] : /* istanbul ignore next */ []));
+        this.timeLabel = computed(() => {
+            const current = this.currentTime() || 0;
+            const dur = this.duration() || 0;
+            return `${formatMediaDuration(current)} / ${formatMediaDuration(dur)}`;
+        }, ...(ngDevMode ? [{ debugName: "timeLabel" }] : /* istanbul ignore next */ []));
+    }
+    onTogglePlayClick() {
+        this.onTogglePlay()?.();
+    }
+    onCycleSpeedClick() {
+        this.onCycleSpeed()?.();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXConversationMediaPlaybackInfoBarBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXConversationMediaPlaybackInfoBarBannerComponent, isStandalone: true, selector: "ax-conversation-media-playback-info-bar-banner", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, currentTime: { classPropertyName: "currentTime", publicName: "currentTime", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, isPlaying: { classPropertyName: "isPlaying", publicName: "isPlaying", isSignal: true, isRequired: false, transformFunction: null }, onTogglePlay: { classPropertyName: "onTogglePlay", publicName: "onTogglePlay", isSignal: true, isRequired: false, transformFunction: null }, playbackSpeed: { classPropertyName: "playbackSpeed", publicName: "playbackSpeed", isSignal: true, isRequired: false, transformFunction: null }, onCycleSpeed: { classPropertyName: "onCycleSpeed", publicName: "onCycleSpeed", isSignal: true, isRequired: false, transformFunction: null }, showSpeedControl: { classPropertyName: "showSpeedControl", publicName: "showSpeedControl", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <div class="ax-conversation-playback-banner">
+      <div class="ax-conversation-playback-banner__row">
+        <button
+          type="button"
+          class="ax-conversation-playback-banner__play"
+          (click)="onTogglePlayClick()"
+          [attr.aria-label]="isPlaying() ? 'Pause' : 'Play'"
+        >
+          <i class="fa-solid" [class.fa-pause]="isPlaying()" [class.fa-play]="!isPlaying()"></i>
+        </button>
+
+        <div class="ax-conversation-playback-banner__main">
+          <div class="ax-conversation-playback-banner__meta-row">
+            <span class="ax-conversation-playback-banner__type-icon" aria-hidden="true">
+              <i [class]="iconClass()"></i>
+            </span>
+            <span class="ax-conversation-playback-banner__title">{{ resolvedTitle() }}</span>
+            <span class="ax-conversation-playback-banner__time">{{ timeLabel() }}</span>
+          </div>
+          <div
+            class="ax-conversation-playback-banner__track"
+            role="progressbar"
+            [attr.aria-valuenow]="progressPercent()"
+            aria-valuemin="0"
+            aria-valuemax="100"
+            [attr.aria-label]="timeLabel()"
+          >
+            <span class="ax-conversation-playback-banner__fill" [style.width.%]="progressPercent()"></span>
+          </div>
+        </div>
+
+        @if (showSpeedControl()) {
+          <button
+            type="button"
+            class="ax-conversation-playback-banner__speed"
+            (click)="onCycleSpeedClick()"
+            [attr.aria-label]="'Playback speed ' + playbackSpeed() + 'x'"
+          >
+            {{ playbackSpeed() }}x
+          </button>
+        }
+      </div>
+    </div>
+  `, isInline: true, styles: [":host{display:block;width:100%;color:rgb(var(--ax-sys-color-on-primary-lightest-surface))}.ax-conversation-playback-banner{width:100%;min-width:0}.ax-conversation-playback-banner__row{display:flex;align-items:center;gap:.625rem;min-width:0}.ax-conversation-playback-banner__play{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;padding-inline-start:.1rem;border:none;border-radius:50%;background:rgb(var(--ax-sys-color-primary-500));color:rgb(var(--ax-sys-color-on-primary-surface));font-size:.75rem;cursor:pointer;touch-action:manipulation;transition:background-color .15s ease}@media(hover:hover){.ax-conversation-playback-banner__play:hover{background:rgb(var(--ax-sys-color-primary-600))}}.ax-conversation-playback-banner__play:focus-visible{outline:2px solid rgb(var(--ax-sys-color-primary-700));outline-offset:2px}.ax-conversation-playback-banner__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.375rem}.ax-conversation-playback-banner__meta-row{display:flex;align-items:center;gap:.375rem;min-width:0}.ax-conversation-playback-banner__type-icon{flex-shrink:0;font-size:.8125rem;opacity:.75}.ax-conversation-playback-banner__title{flex:1;min-width:0;font-size:.8125rem;font-weight:600;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ax-conversation-playback-banner__time{flex-shrink:0;font-size:.6875rem;font-variant-numeric:tabular-nums;opacity:.8}.ax-conversation-playback-banner__track{position:relative;width:100%;height:3px;border-radius:999px;overflow:hidden;background:rgba(var(--ax-sys-color-primary-500),.2)}.ax-conversation-playback-banner__fill{position:absolute;inset-block:0;inset-inline-start:0;width:0;border-radius:inherit;background:rgb(var(--ax-sys-color-primary-600));transition:width .12s linear}.ax-conversation-playback-banner__speed{flex-shrink:0;min-width:2.5rem;height:1.75rem;padding:0 .375rem;border:1px solid rgba(var(--ax-sys-color-primary-600),.45);border-radius:999px;background:transparent;color:rgb(var(--ax-sys-color-primary-700));font-size:.6875rem;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;transition:background-color .15s ease,border-color .15s ease}@media(hover:hover){.ax-conversation-playback-banner__speed:hover{background:rgba(var(--ax-sys-color-primary-500),.12)}}.ax-conversation-playback-banner__speed:focus-visible{outline:2px solid rgb(var(--ax-sys-color-primary-500));outline-offset:2px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXConversationMediaPlaybackInfoBarBannerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-conversation-media-playback-info-bar-banner', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="ax-conversation-playback-banner">
+      <div class="ax-conversation-playback-banner__row">
+        <button
+          type="button"
+          class="ax-conversation-playback-banner__play"
+          (click)="onTogglePlayClick()"
+          [attr.aria-label]="isPlaying() ? 'Pause' : 'Play'"
+        >
+          <i class="fa-solid" [class.fa-pause]="isPlaying()" [class.fa-play]="!isPlaying()"></i>
+        </button>
+
+        <div class="ax-conversation-playback-banner__main">
+          <div class="ax-conversation-playback-banner__meta-row">
+            <span class="ax-conversation-playback-banner__type-icon" aria-hidden="true">
+              <i [class]="iconClass()"></i>
+            </span>
+            <span class="ax-conversation-playback-banner__title">{{ resolvedTitle() }}</span>
+            <span class="ax-conversation-playback-banner__time">{{ timeLabel() }}</span>
+          </div>
+          <div
+            class="ax-conversation-playback-banner__track"
+            role="progressbar"
+            [attr.aria-valuenow]="progressPercent()"
+            aria-valuemin="0"
+            aria-valuemax="100"
+            [attr.aria-label]="timeLabel()"
+          >
+            <span class="ax-conversation-playback-banner__fill" [style.width.%]="progressPercent()"></span>
+          </div>
+        </div>
+
+        @if (showSpeedControl()) {
+          <button
+            type="button"
+            class="ax-conversation-playback-banner__speed"
+            (click)="onCycleSpeedClick()"
+            [attr.aria-label]="'Playback speed ' + playbackSpeed() + 'x'"
+          >
+            {{ playbackSpeed() }}x
+          </button>
+        }
+      </div>
+    </div>
+  `, styles: [":host{display:block;width:100%;color:rgb(var(--ax-sys-color-on-primary-lightest-surface))}.ax-conversation-playback-banner{width:100%;min-width:0}.ax-conversation-playback-banner__row{display:flex;align-items:center;gap:.625rem;min-width:0}.ax-conversation-playback-banner__play{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;padding-inline-start:.1rem;border:none;border-radius:50%;background:rgb(var(--ax-sys-color-primary-500));color:rgb(var(--ax-sys-color-on-primary-surface));font-size:.75rem;cursor:pointer;touch-action:manipulation;transition:background-color .15s ease}@media(hover:hover){.ax-conversation-playback-banner__play:hover{background:rgb(var(--ax-sys-color-primary-600))}}.ax-conversation-playback-banner__play:focus-visible{outline:2px solid rgb(var(--ax-sys-color-primary-700));outline-offset:2px}.ax-conversation-playback-banner__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.375rem}.ax-conversation-playback-banner__meta-row{display:flex;align-items:center;gap:.375rem;min-width:0}.ax-conversation-playback-banner__type-icon{flex-shrink:0;font-size:.8125rem;opacity:.75}.ax-conversation-playback-banner__title{flex:1;min-width:0;font-size:.8125rem;font-weight:600;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ax-conversation-playback-banner__time{flex-shrink:0;font-size:.6875rem;font-variant-numeric:tabular-nums;opacity:.8}.ax-conversation-playback-banner__track{position:relative;width:100%;height:3px;border-radius:999px;overflow:hidden;background:rgba(var(--ax-sys-color-primary-500),.2)}.ax-conversation-playback-banner__fill{position:absolute;inset-block:0;inset-inline-start:0;width:0;border-radius:inherit;background:rgb(var(--ax-sys-color-primary-600));transition:width .12s linear}.ax-conversation-playback-banner__speed{flex-shrink:0;min-width:2.5rem;height:1.75rem;padding:0 .375rem;border:1px solid rgba(var(--ax-sys-color-primary-600),.45);border-radius:999px;background:transparent;color:rgb(var(--ax-sys-color-primary-700));font-size:.6875rem;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;transition:background-color .15s ease,border-color .15s ease}@media(hover:hover){.ax-conversation-playback-banner__speed:hover{background:rgba(var(--ax-sys-color-primary-500),.12)}}.ax-conversation-playback-banner__speed:focus-visible{outline:2px solid rgb(var(--ax-sys-color-primary-500));outline-offset:2px}\n"] }]
+        }], propDecorators: { message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], currentTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentTime", required: false }] }], duration: [{ type: i0.Input, args: [{ isSignal: true, alias: "duration", required: false }] }], isPlaying: [{ type: i0.Input, args: [{ isSignal: true, alias: "isPlaying", required: false }] }], onTogglePlay: [{ type: i0.Input, args: [{ isSignal: true, alias: "onTogglePlay", required: false }] }], playbackSpeed: [{ type: i0.Input, args: [{ isSignal: true, alias: "playbackSpeed", required: false }] }], onCycleSpeed: [{ type: i0.Input, args: [{ isSignal: true, alias: "onCycleSpeed", required: false }] }], showSpeedControl: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSpeedControl", required: false }] }] } });
+
+export { AXConversationMediaPlaybackInfoBarBannerComponent };
+//# sourceMappingURL=acorex-components-conversation-media-playback-info-bar-banner.component-DbWUl6M2.mjs.map

package/fesm2022/acorex-components-conversation-media-playback-info-bar-banner.component-DbWUl6M2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-conversation-media-playback-info-bar-banner.component-DbWUl6M2.mjs","sources":["../../../../packages/components/conversation/src/lib/plugins/message-list/components/shared/media-playback-info-bar-banner.component.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport type { AXConversationMessage } from '../../../../models';\nimport type { AXConversationMessageInfoBarBannerComponent } from '../../../../registries/message-renderer.registry';\nimport { formatMediaDuration } from './format-media';\n\nexport interface AXConversationPlaybackBannerInputs {\n  title?: string;\n  currentTime?: number;\n  duration?: number;\n  isPlaying?: boolean;\n  onTogglePlay?: () => void;\n  onClose?: () => void;\n  playbackSpeed?: number;\n  onCycleSpeed?: () => void;\n  showSpeedControl?: boolean;\n}\n\nconst AX_CONVERSATION_ICON_BY_TYPE: Record<string, string> = {\n  video: 'fa-light fa-video',\n  audio: 'fa-light fa-music',\n  voice: 'fa-light fa-microphone',\n};\n\n@Component({\n  selector: 'ax-conversation-media-playback-info-bar-banner',\n  imports: [CommonModule],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div class=\"ax-conversation-playback-banner\">\n      <div class=\"ax-conversation-playback-banner__row\">\n        <button\n          type=\"button\"\n          class=\"ax-conversation-playback-banner__play\"\n          (click)=\"onTogglePlayClick()\"\n          [attr.aria-label]=\"isPlaying() ? 'Pause' : 'Play'\"\n        >\n          <i class=\"fa-solid\" [class.fa-pause]=\"isPlaying()\" [class.fa-play]=\"!isPlaying()\"></i>\n        </button>\n\n        <div class=\"ax-conversation-playback-banner__main\">\n          <div class=\"ax-conversation-playback-banner__meta-row\">\n            <span class=\"ax-conversation-playback-banner__type-icon\" aria-hidden=\"true\">\n              <i [class]=\"iconClass()\"></i>\n            </span>\n            <span class=\"ax-conversation-playback-banner__title\">{{ resolvedTitle() }}</span>\n            <span class=\"ax-conversation-playback-banner__time\">{{ timeLabel() }}</span>\n          </div>\n          <div\n            class=\"ax-conversation-playback-banner__track\"\n            role=\"progressbar\"\n            [attr.aria-valuenow]=\"progressPercent()\"\n            aria-valuemin=\"0\"\n            aria-valuemax=\"100\"\n            [attr.aria-label]=\"timeLabel()\"\n          >\n            <span class=\"ax-conversation-playback-banner__fill\" [style.width.%]=\"progressPercent()\"></span>\n          </div>\n        </div>\n\n        @if (showSpeedControl()) {\n          <button\n            type=\"button\"\n            class=\"ax-conversation-playback-banner__speed\"\n            (click)=\"onCycleSpeedClick()\"\n            [attr.aria-label]=\"'Playback speed ' + playbackSpeed() + 'x'\"\n          >\n            {{ playbackSpeed() }}x\n          </button>\n        }\n      </div>\n    </div>\n  `,\n  styles: [\n    `\n      :host {\n        display: block;\n        width: 100%;\n        color: rgb(var(--ax-sys-color-on-primary-lightest-surface));\n      }\n\n      .ax-conversation-playback-banner {\n        width: 100%;\n        min-width: 0;\n      }\n\n      .ax-conversation-playback-banner__row {\n        display: flex;\n        align-items: center;\n        gap: 0.625rem;\n        min-width: 0;\n      }\n\n      .ax-conversation-playback-banner__play {\n        flex-shrink: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 2.25rem;\n        height: 2.25rem;\n        padding: 0;\n        padding-inline-start: 0.1rem;\n        border: none;\n        border-radius: 50%;\n        background: rgb(var(--ax-sys-color-primary-500));\n        color: rgb(var(--ax-sys-color-on-primary-surface));\n        font-size: 0.75rem;\n        cursor: pointer;\n        touch-action: manipulation;\n        transition: background-color 0.15s ease;\n      }\n\n      @media (hover: hover) {\n        .ax-conversation-playback-banner__play:hover {\n          background: rgb(var(--ax-sys-color-primary-600));\n        }\n      }\n\n      .ax-conversation-playback-banner__play:focus-visible {\n        outline: 2px solid rgb(var(--ax-sys-color-primary-700));\n        outline-offset: 2px;\n      }\n\n      .ax-conversation-playback-banner__main {\n        flex: 1;\n        min-width: 0;\n        display: flex;\n        flex-direction: column;\n        gap: 0.375rem;\n      }\n\n      .ax-conversation-playback-banner__meta-row {\n        display: flex;\n        align-items: center;\n        gap: 0.375rem;\n        min-width: 0;\n      }\n\n      .ax-conversation-playback-banner__type-icon {\n        flex-shrink: 0;\n        font-size: 0.8125rem;\n        opacity: 0.75;\n      }\n\n      .ax-conversation-playback-banner__title {\n        flex: 1;\n        min-width: 0;\n        font-size: 0.8125rem;\n        font-weight: 600;\n        line-height: 1.25;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n\n      .ax-conversation-playback-banner__time {\n        flex-shrink: 0;\n        font-size: 0.6875rem;\n        font-variant-numeric: tabular-nums;\n        opacity: 0.8;\n      }\n\n      .ax-conversation-playback-banner__track {\n        position: relative;\n        width: 100%;\n        height: 3px;\n        border-radius: 999px;\n        overflow: hidden;\n        background: rgba(var(--ax-sys-color-primary-500), 0.2);\n      }\n\n      .ax-conversation-playback-banner__fill {\n        position: absolute;\n        inset-block: 0;\n        inset-inline-start: 0;\n        width: 0;\n        border-radius: inherit;\n        background: rgb(var(--ax-sys-color-primary-600));\n        transition: width 0.12s linear;\n      }\n\n      .ax-conversation-playback-banner__speed {\n        flex-shrink: 0;\n        min-width: 2.5rem;\n        height: 1.75rem;\n        padding: 0 0.375rem;\n        border: 1px solid rgba(var(--ax-sys-color-primary-600), 0.45);\n        border-radius: 999px;\n        background: transparent;\n        color: rgb(var(--ax-sys-color-primary-700));\n        font-size: 0.6875rem;\n        font-weight: 600;\n        font-variant-numeric: tabular-nums;\n        cursor: pointer;\n        touch-action: manipulation;\n        transition:\n          background-color 0.15s ease,\n          border-color 0.15s ease;\n      }\n\n      @media (hover: hover) {\n        .ax-conversation-playback-banner__speed:hover {\n          background: rgba(var(--ax-sys-color-primary-500), 0.12);\n        }\n      }\n\n      .ax-conversation-playback-banner__speed:focus-visible {\n        outline: 2px solid rgb(var(--ax-sys-color-primary-500));\n        outline-offset: 2px;\n      }\n    `,\n  ],\n})\nexport class AXConversationMediaPlaybackInfoBarBannerComponent implements AXConversationMessageInfoBarBannerComponent {\n  readonly message = input.required<AXConversationMessage>();\n  readonly title = input<string>('');\n  readonly currentTime = input<number>(0);\n  readonly duration = input<number>(0);\n  readonly isPlaying = input<boolean>(false);\n  readonly onTogglePlay = input<(() => void) | undefined>(undefined);\n  readonly playbackSpeed = input<number>(1);\n  readonly onCycleSpeed = input<(() => void) | undefined>(undefined);\n  readonly showSpeedControl = input<boolean>(false);\n\n  readonly iconClass = computed(() => AX_CONVERSATION_ICON_BY_TYPE[this.message().type] ?? 'fa-light fa-circle-play');\n\n  readonly resolvedTitle = computed(() => this.title()?.trim() || 'Media');\n\n  readonly progressPercent = computed(() => {\n    const dur = this.duration();\n    if (dur <= 0) {\n      return 0;\n    }\n    return Math.min((Math.max(0, this.currentTime()) / dur) * 100, 100);\n  });\n\n  readonly timeLabel = computed(() => {\n    const current = this.currentTime() || 0;\n    const dur = this.duration() || 0;\n    return `${formatMediaDuration(current)} / ${formatMediaDuration(dur)}`;\n  });\n\n  onTogglePlayClick(): void {\n    this.onTogglePlay()?.();\n  }\n\n  onCycleSpeedClick(): void {\n    this.onCycleSpeed()?.();\n  }\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-conversation-message-renderer-copy-host.component-oXTr_Lfq.mjs

@@ -0,0 +1,33 @@
+import { inject, effect } from '@angular/core';
+import { z as AXConversationMessageListService } from './acorex-components-conversation-acorex-components-conversation-YhVa42TC.mjs';
+
+/** Caption first, else a label with optional extra lines (URLs, names). */
+function mediaCopyText(caption, singleLabel, pluralLabel, count, lines) {
+    const trimmedCaption = caption?.trim();
+    if (trimmedCaption) {
+        return trimmedCaption;
+    }
+    const header = count > 1 ? `${count} ${pluralLabel}` : singleLabel;
+    const extras = lines.map((line) => line?.trim()).filter((line) => !!line);
+    return extras.length ? `${header}\n${extras.join('\n')}` : header;
+}
+/**
+ * Registers the live renderer on {@link AXConversationMessageListService} for message actions.
+ */
+class AXConversationMessageRendererCopyHostComponent {
+    constructor() {
+        this.messageList = inject(AXConversationMessageListService, { optional: true });
+        effect((onCleanup) => {
+            const list = this.messageList;
+            if (!list) {
+                return;
+            }
+            const id = this.message().id;
+            list.registerRendererInstance(id, this);
+            onCleanup(() => list.unregisterRendererInstance(id));
+        });
+    }
+}
+
+export { AXConversationMessageRendererCopyHostComponent as A, mediaCopyText as m };
+//# sourceMappingURL=acorex-components-conversation-message-renderer-copy-host.component-oXTr_Lfq.mjs.map

package/fesm2022/acorex-components-conversation-message-renderer-copy-host.component-oXTr_Lfq.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-conversation-message-renderer-copy-host.component-oXTr_Lfq.mjs","sources":["../../../../packages/components/conversation/src/lib/plugins/message-list/components/shared/message-renderer-copy-host.component.ts"],"sourcesContent":["import { effect, inject, type InputSignal, type Signal } from '@angular/core';\nimport { AXConversationMessageListService } from '../../../../components/message-list/message-list.service';\nimport type { AXConversationMessage } from '../../../../models';\nimport type {\n  AXConversationMessageRendererComponent,\n  AXConversationMessageRendererState,\n} from '../../../../registries/message-renderer.registry';\n\n/** Caption first, else a label with optional extra lines (URLs, names). */\nexport function mediaCopyText(\n  caption: string | undefined,\n  singleLabel: string,\n  pluralLabel: string,\n  count: number,\n  lines: (string | undefined)[],\n): string {\n  const trimmedCaption = caption?.trim();\n  if (trimmedCaption) {\n    return trimmedCaption;\n  }\n  const header = count > 1 ? `${count} ${pluralLabel}` : singleLabel;\n  const extras = lines.map((line) => line?.trim()).filter((line): line is string => !!line);\n  return extras.length ? `${header}\\n${extras.join('\\n')}` : header;\n}\n\n/**\n * Registers the live renderer on {@link AXConversationMessageListService} for message actions.\n */\nexport abstract class AXConversationMessageRendererCopyHostComponent implements AXConversationMessageRendererComponent {\n  abstract readonly message: InputSignal<AXConversationMessage>;\n  abstract readonly rendererState: Signal<AXConversationMessageRendererState>;\n  abstract copy(): string | Promise<string>;\n\n  private readonly messageList = inject(AXConversationMessageListService, { optional: true });\n\n  constructor() {\n    effect((onCleanup) => {\n      const list = this.messageList;\n      if (!list) {\n        return;\n      }\n      const id = this.message().id;\n      list.registerRendererInstance(id, this);\n      onCleanup(() => list.unregisterRendererInstance(id));\n    });\n  }\n}\n"],"names":[],"mappings":";;;AAQA;AACM,SAAU,aAAa,CAC3B,OAA2B,EAC3B,WAAmB,EACnB,WAAmB,EACnB,KAAa,EACb,KAA6B,EAAA;AAE7B,IAAA,MAAM,cAAc,GAAG,OAAO,EAAE,IAAI,EAAE;IACtC,IAAI,cAAc,EAAE;AAClB,QAAA,OAAO,cAAc;IACvB;AACA,IAAA,MAAM,MAAM,GAAG,KAAK,GAAG,CAAC,GAAG,CAAA,EAAG,KAAK,IAAI,WAAW,CAAA,CAAE,GAAG,WAAW;AAClE,IAAA,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,KAAqB,CAAC,CAAC,IAAI,CAAC;IACzF,OAAO,MAAM,CAAC,MAAM,GAAG,CAAA,EAAG,MAAM,CAAA,EAAA,EAAK,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,CAAE,GAAG,MAAM;AACnE;AAEA;;AAEG;MACmB,8CAA8C,CAAA;AAOlE,IAAA,WAAA,GAAA;QAFiB,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,gCAAgC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAGzF,QAAA,MAAM,CAAC,CAAC,SAAS,KAAI;AACnB,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW;YAC7B,IAAI,CAAC,IAAI,EAAE;gBACT;YACF;YACA,MAAM,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE;AAC5B,YAAA,IAAI,CAAC,wBAAwB,CAAC,EAAE,EAAE,IAAI,CAAC;YACvC,SAAS,CAAC,MAAM,IAAI,CAAC,0BAA0B,CAAC,EAAE,CAAC,CAAC;AACtD,QAAA,CAAC,CAAC;IACJ;AACD;;;;"}