@acorex/components 22.0.2 → 22.0.4

package/types/acorex-components-image-editor.d.ts

@@ -2,15 +2,6 @@ import * as polytype from 'polytype';
 import * as _angular_core from '@angular/core';
 import { OnDestroy, ElementRef, Renderer2 } from '@angular/core';
 import { MXBaseComponent, MXInputBaseValueComponent, MXLookComponent } from '@acorex/cdk/common';
-import * as i1 from '@acorex/components/button';
-import * as i2 from '@angular/forms';
-import * as i3 from '@acorex/components/range-slider';
-import * as i4 from '@acorex/components/select-box';
-import * as i5 from '@acorex/components/color-box';
-import * as i6 from '@acorex/components/popover';
-import * as i7 from '@acorex/components/decorators';
-import * as i8 from '@acorex/components/loading';
-import * as i9 from '@acorex/components/dialog';
 
 type AXImageEditorTool = 'pen' | 'highlight' | 'crop' | 'rotate';
 declare class AXImageEditorService {
@@ -25,19 +16,25 @@ declare class AXImageEditorService {
         userInteract: boolean;
     }>;
     isImageLoad: _angular_core.WritableSignal<boolean>;
+    loadError: _angular_core.WritableSignal<boolean>;
     newImage: HTMLImageElement | null;
     initialImage: HTMLImageElement | null;
     imageBlob: _angular_core.WritableSignal<Blob[]>;
     undoPressed: _angular_core.WritableSignal<boolean>;
     redoPressed: _angular_core.WritableSignal<boolean>;
+    canUndo: _angular_core.WritableSignal<boolean>;
+    canRedo: _angular_core.WritableSignal<boolean>;
     cropperRatio: _angular_core.WritableSignal<string>;
     cropperSize: _angular_core.WritableSignal<number>;
     toggleTool(tool: AXImageEditorTool): void;
     activateTool(tool: AXImageEditorTool): void;
+    undo(): void;
+    redo(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageEditorService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXImageEditorService>;
 }
 
+type AXImageEditorCropHandle = 'right' | 'top' | 'left' | 'bottom' | 'right-top' | 'bottom-right' | 'bottom-left' | 'left-top';
 /**
  * paint mode.
  * @category Components
@@ -55,39 +52,41 @@ declare class AXImageEditorCropperWindowComponent implements OnDestroy {
     protected cropperWindow: _angular_core.Signal<ElementRef<any>>;
     private currentX;
     private currentY;
-    private prevX;
-    private prevY;
     private aspectWidth;
     private aspectHeight;
     private isMousePressed;
     protected renderer: Renderer2;
     private platformID;
-    private mouseMoveEvent;
-    private mouseUpEvent;
-    private mouseMoveEvent2;
-    private mouseUpEvent2;
-    private mouseDownEvent;
-    private mouseLeaveEvent;
+    private mouseMoveEvent?;
+    private mouseUpEvent?;
+    private mouseMoveEvent2?;
+    private mouseUpEvent2?;
+    private mouseDownEvent?;
+    private mouseLeaveEvent?;
+    private positioned;
     ngOnDestroy(): void;
-    protected panMove(e: MouseEvent): void;
-    protected panDown(e: MouseEvent): void;
+    protected panMove(e: PointerEvent): void;
+    protected panDown(e: PointerEvent): void;
     protected panUp(): void;
     getCropperArea(): DOMRect;
-    private setPosition;
     private startX;
     private startY;
     private startWidth;
     private startHeight;
     private startLeft;
     private startTop;
-    protected handleSelector(e: MouseEvent, value: string): void;
-    protected changeSizeHandler(e: MouseEvent): void;
+    protected handleSelector(e: PointerEvent, value: AXImageEditorCropHandle): void;
+    protected changeSizeHandler(e: PointerEvent): void;
     protected clearSelector(): void;
+    private normalizeRatio;
+    private centerOnParent;
+    private clampToParent;
+    private applyPosition;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageEditorCropperWindowComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXImageEditorCropperWindowComponent, "ax-image-editor-cropper-window", never, { "showGrid": { "alias": "showGrid"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class AXImageEditorViewComponent extends MXBaseComponent implements OnDestroy {
+declare class AXImageEditorViewComponent extends MXBaseComponent {
     /**
      * its change grid display state.
      */
@@ -118,44 +117,50 @@ declare class AXImageEditorViewComponent extends MXBaseComponent implements OnDe
     protected isDrawRectangleCreated: _angular_core.WritableSignal<boolean>;
     /** @ignore */
     protected parent: AXImageEditorContainerComponent;
-    /** @ignore */
-    protected renderer: Renderer2;
+    private readonly destroyRef;
+    private readonly host;
     /** @ignore */
     protected imageEditorHistory: _angular_core.WritableSignal<HTMLImageElement[]>;
     /** @ignore */
     protected imageEditorHistoryPointer: _angular_core.WritableSignal<number>;
-    /** @ignore */
-    private resizeEventListener;
-    /** @ignore */
-    private imageLoadEventListener;
-    private originalWidth;
-    private originalHeight;
-    private scale;
+    private canvasReady;
+    private drawing;
+    private didDraw;
+    private highlightSnapshot;
+    private highlightPoints;
+    private persistGeneration;
+    private sourceToken;
+    constructor();
     /** @ignore */
     protected resizeWindow(): void;
     /** @ignore */
     protected canvasResponsive(image: HTMLImageElement): void;
-    /** @ignore */
-    constructor();
-    /** @ignore */
-    ngOnDestroy(): void;
-    private setInitialImage;
-    /** @ignore */
-    protected imageChanged(): void;
+    private loadSource;
+    private paintImage;
+    private fitCanvasDisplay;
+    private replaceHistory;
+    private pushHistory;
+    private syncHistoryFlags;
+    private applyUndo;
+    private applyRedo;
+    private canvasPoint;
+    private isDrawTool;
     /** @ignore */
     protected penConfigHandler(penType: 'pen' | 'highlight'): void;
+    private strokeHighlight;
     /** @ignore */
-    protected mouseDownHandler(e: MouseEvent): void;
+    protected mouseDownHandler(event: PointerEvent): void;
     /** @ignore */
-    protected mouseMoveHandler(e: MouseEvent): void;
-    /** @ignore */
-    protected mouseUpHandler(): void;
+    protected mouseMoveHandler(event: PointerEvent): void;
     /** @ignore */
+    protected mouseUpHandler(event?: PointerEvent): void;
+    /** Applies the current cropper selection. */
     crop(): Promise<void>;
+    /** Encodes the current canvas into JPEG, PNG, and WebP blobs. */
+    commitChanges(): Promise<Blob[]>;
     /** @ignore */
-    protected rotateImage(): void;
-    /** @ignore */
-    protected saveImageChange(): Promise<void>;
+    protected rotateImage(): Promise<void>;
+    private persistCanvas;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageEditorViewComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXImageEditorViewComponent, "ax-image-editor-view", never, { "showGrid": { "alias": "showGrid"; "required": false; "isSignal": true; }; "cropperSize": { "alias": "cropperSize"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -177,8 +182,8 @@ declare class AXImageEditorContainerComponent extends AXImageEditorContainerComp
     view: _angular_core.Signal<AXImageEditorViewComponent>;
     /** Applies the current cropper selection. */
     crop(): Promise<void>;
-    get __hostClass(): string;
-    private get __hostName();
+    /** Encodes the current canvas into JPEG, PNG, and WebP blobs. */
+    commitChanges(): Promise<Blob[]>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageEditorContainerComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXImageEditorContainerComponent, "ax-image-editor-container", never, { "look": { "alias": "look"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onValueChanged": "onValueChanged"; }, ["view"], ["ax-header", "ax-image-editor-view", "ax-footer", "ax-validation-rule"], true, never>;
 }
@@ -287,7 +292,7 @@ declare class AXImageEditorToolSelectorComponent {
 
 declare class AXImageEditorModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageEditorModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXImageEditorModule, never, [typeof i1.AXButtonModule, typeof i2.FormsModule, typeof i3.AXRangeSliderModule, typeof i4.AXSelectBoxModule, typeof i5.AXColorBoxModule, typeof i6.AXPopoverModule, typeof i7.AXDecoratorModule, typeof i8.AXLoadingModule, typeof i9.AXDialogModule, typeof AXImageEditorViewComponent, typeof AXImageEditorContainerComponent, typeof AXImageEditorCropComponent, typeof AXImageEditorHistoryComponent, typeof AXImageEditorToolSelectorComponent, typeof AXImageEditorToolsBarComponent, typeof AXImageEditorPenComponent, typeof AXImageEditorHighlightComponent, typeof AXImageEditorRotateComponent, typeof AXImageEditorCropperWindowComponent], [typeof AXImageEditorViewComponent, typeof AXImageEditorContainerComponent, typeof AXImageEditorCropComponent, typeof AXImageEditorHistoryComponent, typeof AXImageEditorToolSelectorComponent, typeof AXImageEditorToolsBarComponent, typeof AXImageEditorPenComponent, typeof AXImageEditorHighlightComponent, typeof AXImageEditorRotateComponent, typeof AXImageEditorCropperWindowComponent]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXImageEditorModule, never, [typeof AXImageEditorViewComponent, typeof AXImageEditorContainerComponent, typeof AXImageEditorCropComponent, typeof AXImageEditorHistoryComponent, typeof AXImageEditorToolSelectorComponent, typeof AXImageEditorToolsBarComponent, typeof AXImageEditorPenComponent, typeof AXImageEditorHighlightComponent, typeof AXImageEditorRotateComponent, typeof AXImageEditorCropperWindowComponent], [typeof AXImageEditorViewComponent, typeof AXImageEditorContainerComponent, typeof AXImageEditorCropComponent, typeof AXImageEditorHistoryComponent, typeof AXImageEditorToolSelectorComponent, typeof AXImageEditorToolsBarComponent, typeof AXImageEditorPenComponent, typeof AXImageEditorHighlightComponent, typeof AXImageEditorRotateComponent, typeof AXImageEditorCropperWindowComponent]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXImageEditorModule>;
 }
 

package/fesm2022/acorex-components-conversation-composer-action-choice-dialog.component-DCcRJYfF.mjs

@@ -1,50 +0,0 @@
-import { AXComponentCloseEvent, AXClosableComponent } from '@acorex/cdk/common';
-import { AXTranslationService } from '@acorex/core/translation';
-import * as i0 from '@angular/core';
-import { inject, input, computed, EventEmitter, ViewEncapsulation, Component } from '@angular/core';
-
-class AXConversationComposerActionChoiceDialogComponent {
-    constructor() {
-        this.translation = inject(AXTranslationService);
-        this.actions = input.required(/* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "actions" }] : /* istanbul ignore next */ []));
-        this.fileCount = input(1, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "fileCount" }] : /* istanbul ignore next */ []));
-        this.composerActionRegistry = input.required(/* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "composerActionRegistry" }] : /* istanbul ignore next */ []));
-        this.__popup__ = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "__popup__" }] : /* istanbul ignore next */ []));
-        this.hintText = computed(() => {
-            const count = this.fileCount();
-            if (count === 1) {
-                return this.translation.translateSync('@acorex:chat.dialog.choose-send-option.hint-single');
-            }
-            return this.translation.translateSync('@acorex:chat.dialog.choose-send-option.hint-multiple', {
-                params: { count },
-            });
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "hintText" }] : /* istanbul ignore next */ []));
-        this.onClosed = new EventEmitter();
-    }
-    getActionLabel(action) {
-        return this.composerActionRegistry().getActionLabel(action);
-    }
-    getActionTooltip(action) {
-        return this.composerActionRegistry().getActionTooltip(action);
-    }
-    choose(action) {
-        const event = new AXComponentCloseEvent();
-        event.component = this;
-        event.data = action;
-        this.onClosed.emit(event);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXConversationComposerActionChoiceDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXConversationComposerActionChoiceDialogComponent, isStandalone: true, selector: "ax-conversation-composer-action-choice-dialog", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: true, transformFunction: null }, fileCount: { classPropertyName: "fileCount", publicName: "fileCount", isSignal: true, isRequired: false, transformFunction: null }, composerActionRegistry: { classPropertyName: "composerActionRegistry", publicName: "composerActionRegistry", isSignal: true, isRequired: true, transformFunction: null }, __popup__: { classPropertyName: "__popup__", publicName: "__popup__", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: AXClosableComponent, useExisting: AXConversationComposerActionChoiceDialogComponent }], ngImport: i0, template: "    <div class=\"composer-action-choice\" role=\"dialog\" aria-modal=\"true\">\n      <p class=\"composer-action-choice__hint\">{{ hintText() }}</p>\n      <ul class=\"composer-action-choice__list\" role=\"listbox\">\n        @for (action of actions(); track action.id) {\n          <li role=\"presentation\">\n            <button\n              type=\"button\"\n              class=\"composer-action-choice__option\"\n              role=\"option\"\n              (click)=\"choose(action)\"\n              [attr.aria-label]=\"getActionLabel(action)\"\n            >\n              <span class=\"composer-action-choice__icon\" aria-hidden=\"true\">\n                <i [class]=\"action.icon\"></i>\n              </span>\n              <span class=\"composer-action-choice__text\">\n                <span class=\"composer-action-choice__title\">{{ getActionLabel(action) }}</span>\n                @if (getActionTooltip(action); as tip) {\n                  <span class=\"composer-action-choice__subtitle\">{{ tip }}</span>\n                }\n              </span>\n              <i class=\"fa-light fa-chevron-right composer-action-choice__chevron\" aria-hidden=\"true\"></i>\n            </button>\n          </li>\n        }\n      </ul>\n    </div>\n", styles: ["@layer properties;@layer components{ax-conversation-composer-action-choice-dialog{display:block}ax-conversation-composer-action-choice-dialog .composer-action-choice{display:flex;min-width:calc(var(--spacing, .25rem) * 64);flex-direction:column;gap:calc(var(--spacing, .25rem) * 3);padding:calc(var(--spacing, .25rem) * 2)}ax-conversation-composer-action-choice-dialog .composer-action-choice__hint{margin:calc(var(--spacing, .25rem) * 0);font-size:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.7)}ax-conversation-composer-action-choice-dialog .composer-action-choice__list{margin:calc(var(--spacing, .25rem) * 0);display:flex;list-style-type:none;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding:calc(var(--spacing, .25rem) * 0)}ax-conversation-composer-action-choice-dialog .composer-action-choice__option{display:flex;width:100%;cursor:pointer;align-items:center;gap:calc(var(--spacing, .25rem) * 3);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5);text-align:start;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}ax-conversation-composer-action-choice-dialog .composer-action-choice__option:hover,ax-conversation-composer-action-choice-dialog .composer-action-choice__option:focus-visible{border-color:rgba(var(--ax-sys-color-primary-surface));--tw-outline-style: none;outline-style:none;background:rgba(var(--ax-sys-color-primary-500),.06);box-shadow:0 0 0 1px rgba(var(--ax-sys-color-primary-500),.25)}ax-conversation-composer-action-choice-dialog .composer-action-choice__icon{display:flex;height:calc(var(--spacing, .25rem) * 10);width:calc(var(--spacing, .25rem) * 10);flex-shrink:0;align-items:center;justify-content:center;border-radius:var(--ax-sys-border-radius);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));color:rgba(var(--ax-sys-color-primary-600));background:rgba(var(--ax-sys-color-primary-500),.1)}ax-conversation-composer-action-choice-dialog .composer-action-choice__text{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}ax-conversation-composer-action-choice-dialog .composer-action-choice__title{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-surface))}ax-conversation-composer-action-choice-dialog .composer-action-choice__subtitle{overflow:hidden;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface),.6)}ax-conversation-composer-action-choice-dialog .composer-action-choice__chevron{flex-shrink:0;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.45)}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXConversationComposerActionChoiceDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-conversation-composer-action-choice-dialog', encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosableComponent, useExisting: AXConversationComposerActionChoiceDialogComponent }], template: "    <div class=\"composer-action-choice\" role=\"dialog\" aria-modal=\"true\">\n      <p class=\"composer-action-choice__hint\">{{ hintText() }}</p>\n      <ul class=\"composer-action-choice__list\" role=\"listbox\">\n        @for (action of actions(); track action.id) {\n          <li role=\"presentation\">\n            <button\n              type=\"button\"\n              class=\"composer-action-choice__option\"\n              role=\"option\"\n              (click)=\"choose(action)\"\n              [attr.aria-label]=\"getActionLabel(action)\"\n            >\n              <span class=\"composer-action-choice__icon\" aria-hidden=\"true\">\n                <i [class]=\"action.icon\"></i>\n              </span>\n              <span class=\"composer-action-choice__text\">\n                <span class=\"composer-action-choice__title\">{{ getActionLabel(action) }}</span>\n                @if (getActionTooltip(action); as tip) {\n                  <span class=\"composer-action-choice__subtitle\">{{ tip }}</span>\n                }\n              </span>\n              <i class=\"fa-light fa-chevron-right composer-action-choice__chevron\" aria-hidden=\"true\"></i>\n            </button>\n          </li>\n        }\n      </ul>\n    </div>\n", styles: ["@layer properties;@layer components{ax-conversation-composer-action-choice-dialog{display:block}ax-conversation-composer-action-choice-dialog .composer-action-choice{display:flex;min-width:calc(var(--spacing, .25rem) * 64);flex-direction:column;gap:calc(var(--spacing, .25rem) * 3);padding:calc(var(--spacing, .25rem) * 2)}ax-conversation-composer-action-choice-dialog .composer-action-choice__hint{margin:calc(var(--spacing, .25rem) * 0);font-size:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.7)}ax-conversation-composer-action-choice-dialog .composer-action-choice__list{margin:calc(var(--spacing, .25rem) * 0);display:flex;list-style-type:none;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding:calc(var(--spacing, .25rem) * 0)}ax-conversation-composer-action-choice-dialog .composer-action-choice__option{display:flex;width:100%;cursor:pointer;align-items:center;gap:calc(var(--spacing, .25rem) * 3);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5);text-align:start;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}ax-conversation-composer-action-choice-dialog .composer-action-choice__option:hover,ax-conversation-composer-action-choice-dialog .composer-action-choice__option:focus-visible{border-color:rgba(var(--ax-sys-color-primary-surface));--tw-outline-style: none;outline-style:none;background:rgba(var(--ax-sys-color-primary-500),.06);box-shadow:0 0 0 1px rgba(var(--ax-sys-color-primary-500),.25)}ax-conversation-composer-action-choice-dialog .composer-action-choice__icon{display:flex;height:calc(var(--spacing, .25rem) * 10);width:calc(var(--spacing, .25rem) * 10);flex-shrink:0;align-items:center;justify-content:center;border-radius:var(--ax-sys-border-radius);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));color:rgba(var(--ax-sys-color-primary-600));background:rgba(var(--ax-sys-color-primary-500),.1)}ax-conversation-composer-action-choice-dialog .composer-action-choice__text{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}ax-conversation-composer-action-choice-dialog .composer-action-choice__title{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-surface))}ax-conversation-composer-action-choice-dialog .composer-action-choice__subtitle{overflow:hidden;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface),.6)}ax-conversation-composer-action-choice-dialog .composer-action-choice__chevron{flex-shrink:0;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.45)}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
-        }], propDecorators: { actions: [{ type: i0.Input, args: [{ isSignal: true, alias: "actions", required: true }] }], fileCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileCount", required: false }] }], composerActionRegistry: [{ type: i0.Input, args: [{ isSignal: true, alias: "composerActionRegistry", required: true }] }], __popup__: [{ type: i0.Input, args: [{ isSignal: true, alias: "__popup__", required: false }] }] } });
-
-export { AXConversationComposerActionChoiceDialogComponent };
-//# sourceMappingURL=acorex-components-conversation-composer-action-choice-dialog.component-DCcRJYfF.mjs.map

package/fesm2022/acorex-components-conversation-composer-action-choice-dialog.component-DCcRJYfF.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"acorex-components-conversation-composer-action-choice-dialog.component-DCcRJYfF.mjs","sources":["../../../../packages/components/conversation/src/lib/components/message-list/composer-action-choice-dialog.component.ts","../../../../packages/components/conversation/src/lib/components/message-list/composer-action-choice-dialog.component.html"],"sourcesContent":["import { AXClosableComponent, AXComponentCloseEvent } from '@acorex/cdk/common';\nimport type { AXPopupRef } from '@acorex/components/popup';\nimport { AXTranslationService } from '@acorex/core/translation';\nimport { Component, EventEmitter, ViewEncapsulation, computed, inject, input } from '@angular/core';\nimport type {\n  AXConversationComposerAction,\n  AXConversationComposerActionRegistry,\n} from '../../registries/composer-action.registry';\n\n@Component({\n  selector: 'ax-conversation-composer-action-choice-dialog',\n  encapsulation: ViewEncapsulation.None,\n\n  templateUrl: './composer-action-choice-dialog.component.html',\n  styleUrl: './composer-action-choice-dialog.component.css',\n  providers: [{ provide: AXClosableComponent, useExisting: AXConversationComposerActionChoiceDialogComponent }],\n})\nexport class AXConversationComposerActionChoiceDialogComponent {\n  private readonly translation = inject(AXTranslationService);\n\n  readonly actions = input.required<AXConversationComposerAction[]>();\n  readonly fileCount = input(1);\n  readonly composerActionRegistry = input.required<AXConversationComposerActionRegistry>();\n  readonly __popup__ = input<AXPopupRef | undefined>();\n\n  readonly hintText = computed(() => {\n    const count = this.fileCount();\n    if (count === 1) {\n      return this.translation.translateSync('@acorex:chat.dialog.choose-send-option.hint-single');\n    }\n    return this.translation.translateSync('@acorex:chat.dialog.choose-send-option.hint-multiple', {\n      params: { count },\n    });\n  });\n\n  readonly onClosed = new EventEmitter<AXComponentCloseEvent>();\n\n  getActionLabel(action: AXConversationComposerAction): string {\n    return this.composerActionRegistry().getActionLabel(action);\n  }\n\n  getActionTooltip(action: AXConversationComposerAction): string | undefined {\n    return this.composerActionRegistry().getActionTooltip(action);\n  }\n\n  choose(action: AXConversationComposerAction): void {\n    const event = new AXComponentCloseEvent();\n    event.component = this;\n    event.data = action;\n    this.onClosed.emit(event);\n  }\n}\n","    <div class=\"composer-action-choice\" role=\"dialog\" aria-modal=\"true\">\n      <p class=\"composer-action-choice__hint\">{{ hintText() }}</p>\n      <ul class=\"composer-action-choice__list\" role=\"listbox\">\n        @for (action of actions(); track action.id) {\n          <li role=\"presentation\">\n            <button\n              type=\"button\"\n              class=\"composer-action-choice__option\"\n              role=\"option\"\n              (click)=\"choose(action)\"\n              [attr.aria-label]=\"getActionLabel(action)\"\n            >\n              <span class=\"composer-action-choice__icon\" aria-hidden=\"true\">\n                <i [class]=\"action.icon\"></i>\n              </span>\n              <span class=\"composer-action-choice__text\">\n                <span class=\"composer-action-choice__title\">{{ getActionLabel(action) }}</span>\n                @if (getActionTooltip(action); as tip) {\n                  <span class=\"composer-action-choice__subtitle\">{{ tip }}</span>\n                }\n              </span>\n              <i class=\"fa-light fa-chevron-right composer-action-choice__chevron\" aria-hidden=\"true\"></i>\n            </button>\n          </li>\n        }\n      </ul>\n    </div>\n"],"names":[],"mappings":"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"}