@acorex/components 22.1.0-next.7 → 22.1.0-next.8

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@acorex/components",
-  "version": "22.1.0-next.7",
+  "version": "22.1.0-next.8",
   "peerDependencies": {
-    "@acorex/core": "22.1.0-next.7",
-    "@acorex/cdk": "22.1.0-next.7",
+    "@acorex/core": "22.1.0-next.8",
+    "@acorex/cdk": "22.1.0-next.8",
     "polytype": ">=0.17.0",
     "angular-imask": ">=7.6.1",
     "imask": ">=7.6.1",

package/types/acorex-components-conversation.d.ts

@@ -1,7 +1,7 @@
 import * as _acorex_components_conversation from '@acorex/components/conversation';
 import * as _angular_core from '@angular/core';
 import { OnDestroy, ViewContainerRef, Type, InputSignal, WritableSignal, Signal, Provider, OnInit, EventEmitter, TemplateRef, InjectionToken, ModuleWithProviders } from '@angular/core';
-import { AXComponentCloseEvent, AXHtmlEvent, AXDataSource, AXPlacement, AXClosableComponent } from '@acorex/cdk/common';
+import { AXComponentCloseEvent, AXHtmlEvent, AXClickEvent, AXDataSource, AXPlacement, AXClosableComponent } from '@acorex/cdk/common';
 import * as _acorex_components_popup from '@acorex/components/popup';
 import { AXPopupService, AXPopupRef } from '@acorex/components/popup';
 import { AXFileUploadOptions, AXUploadResult, AXUploadReference, AXUploaderService, AXUploaderFileChangeEvent } from '@acorex/cdk/uploader';
@@ -716,18 +716,20 @@ declare class AXConversationComposerService {
     readonly canSend: _angular_core.Signal<boolean>;
     /** Composer action context */
     readonly actionContext: _angular_core.Signal<AXConversationComposerActionContext>;
-    /** Left actions from registry */
-    readonly leftActions: _angular_core.Signal<AXConversationComposerAction[]>;
-    /** Right actions from registry */
-    readonly rightActions: _angular_core.Signal<AXConversationComposerAction[]>;
-    /** Left inline actions (location = 'inline' or undefined) */
-    readonly leftInlineActions: _angular_core.Signal<AXConversationComposerAction[]>;
-    /** Left menu actions (location = 'menu') */
-    readonly leftMenuActions: _angular_core.Signal<AXConversationComposerAction[]>;
-    /** Right inline actions (location = 'inline' or undefined) */
-    readonly rightInlineActions: _angular_core.Signal<AXConversationComposerAction[]>;
-    /** Right menu actions (location = 'menu') */
-    readonly rightMenuActions: _angular_core.Signal<AXConversationComposerAction[]>;
+    /** Start actions from registry */
+    readonly startActions: _angular_core.Signal<AXConversationComposerAction[]>;
+    /** End actions from registry */
+    readonly endActions: _angular_core.Signal<AXConversationComposerAction[]>;
+    /** Start inline actions (location = 'inline' or undefined) */
+    readonly startInlineActions: _angular_core.Signal<AXConversationComposerAction[]>;
+    /** Start menu actions — shown in the attachment popup */
+    readonly startMenuActions: _angular_core.Signal<AXConversationComposerAction[]>;
+    /** End inline actions inside the input pill (excludes default action) */
+    readonly endInlineActions: _angular_core.Signal<AXConversationComposerAction[]>;
+    /** End menu actions (location = 'menu') */
+    readonly endMenuActions: _angular_core.Signal<AXConversationComposerAction[]>;
+    /** Default end action (voice/send morph button) */
+    readonly defaultAction: _angular_core.Signal<AXConversationComposerAction>;
     startReply(message: AXConversationMessage): void;
     startEdit(message: AXConversationMessage): void;
     /** Focus the composer text area when the composer component is mounted. */
@@ -758,7 +760,7 @@ declare class AXConversationComposerService {
     /**
      * Get actions for the active conversation
      */
-    getActionsForPosition(position: 'left' | 'right', context: AXConversationComposerActionContext): AXConversationComposerAction[];
+    getActionsForPosition(position: 'start' | 'end', context: AXConversationComposerActionContext): AXConversationComposerAction[];
     /**
      * Execute an action
      */
@@ -822,10 +824,15 @@ interface AXConversationComposerAction extends Omit<AXConversationRegistryItem,
     label: string;
     /** Icon name/class */
     icon: string;
-    /** Position: left or right */
-    position: 'left' | 'right';
-    /** Location: inline (show as button) or menu (show in dropdown menu) */
+    /** Position: start or end of the composer */
+    position: 'start' | 'end';
+    /** Location: inline (show as button) or menu (show in attachment popup menu) */
     location?: 'inline' | 'menu';
+    /**
+     * Primary end action (e.g. voice record). Only one action may be default.
+     * Renders as the circular send-style button and morphs into send when the draft has content.
+     */
+    default?: boolean;
     /** Visibility condition */
     visible: (context: AXConversationComposerActionContext) => boolean;
     /** Enabled condition */
@@ -869,18 +876,20 @@ declare class AXConversationComposerActionRegistry {
     constructor();
     /** All registered actions */
     readonly actions: _angular_core.Signal<AXConversationComposerAction[]>;
-    /** Left-side actions sorted by priority */
-    readonly leftActions: _angular_core.Signal<AXConversationComposerAction[]>;
-    /** Right-side actions sorted by priority */
-    readonly rightActions: _angular_core.Signal<AXConversationComposerAction[]>;
-    /** Left-side inline actions (location = 'inline' or undefined) */
-    readonly leftInlineActions: _angular_core.Signal<AXConversationComposerAction[]>;
-    /** Left-side menu actions (location = 'menu') */
-    readonly leftMenuActions: _angular_core.Signal<AXConversationComposerAction[]>;
-    /** Right-side inline actions (location = 'inline' or undefined) */
-    readonly rightInlineActions: _angular_core.Signal<AXConversationComposerAction[]>;
-    /** Right-side menu actions (location = 'menu') */
-    readonly rightMenuActions: _angular_core.Signal<AXConversationComposerAction[]>;
+    /** Start-side actions sorted by priority */
+    readonly startActions: _angular_core.Signal<AXConversationComposerAction[]>;
+    /** End-side actions sorted by priority */
+    readonly endActions: _angular_core.Signal<AXConversationComposerAction[]>;
+    /** Start-side inline actions (location = 'inline' or undefined) */
+    readonly startInlineActions: _angular_core.Signal<AXConversationComposerAction[]>;
+    /** Start-side menu actions (location = 'menu') — shown in the attachment popup */
+    readonly startMenuActions: _angular_core.Signal<AXConversationComposerAction[]>;
+    /** End-side inline actions inside the input pill (excludes default action) */
+    readonly endInlineActions: _angular_core.Signal<AXConversationComposerAction[]>;
+    /** End-side menu actions (location = 'menu') */
+    readonly endMenuActions: _angular_core.Signal<AXConversationComposerAction[]>;
+    /** The single default end action (voice/send morph button) */
+    readonly defaultAction: _angular_core.Signal<AXConversationComposerAction>;
     /**
      * Register a composer action
      */
@@ -895,11 +904,11 @@ declare class AXConversationComposerActionRegistry {
     /**
      * Get visible actions for a position
      */
-    getVisibleActions(position: 'left' | 'right', context: AXConversationComposerActionContext): AXConversationComposerAction[];
+    getVisibleActions(position: 'start' | 'end', context: AXConversationComposerActionContext): AXConversationComposerAction[];
     /**
      * Get enabled actions for a position
      */
-    getEnabledActions(position: 'left' | 'right', context: AXConversationComposerActionContext): AXConversationComposerAction[];
+    getEnabledActions(position: 'start' | 'end', context: AXConversationComposerActionContext): AXConversationComposerAction[];
     isActionEnabled(action: AXConversationComposerAction, context: AXConversationComposerActionContext): boolean;
     /**
      * Picker actions for a file catalog (by priority), when visible and enabled.
@@ -1598,7 +1607,7 @@ declare class AXConversationComposerComponent implements OnDestroy {
     private readonly config;
     private readonly translation;
     /** Access registry through conversation service */
-    private get registry();
+    protected get composerActionRegistry(): _acorex_components_conversation.AXConversationComposerActionRegistry;
     /** Composer text area reference */
     private readonly textAreaRef;
     /** Draft text - use service */
@@ -1627,6 +1636,9 @@ declare class AXConversationComposerComponent implements OnDestroy {
     /** Emoji popover state */
     private readonly emojiPopoverRef;
     readonly emojiPopoverTarget: _angular_core.WritableSignal<HTMLElement>;
+    /** Attachment menu popover state */
+    private readonly attachPopoverRef;
+    readonly attachPopoverTarget: _angular_core.WritableSignal<HTMLElement>;
     readonly composerPopupLoader: () => Promise<typeof _acorex_components_conversation.AXConversationComposerPopupComponent>;
     /** Input placeholder - use service */
     readonly placeholder: _angular_core.Signal<string>;
@@ -1638,18 +1650,20 @@ declare class AXConversationComposerComponent implements OnDestroy {
     readonly inputRows: _angular_core.Signal<number>;
     /** Can send message - use service */
     readonly canSend: _angular_core.Signal<boolean>;
-    /** Left actions from registry - use service */
-    readonly leftActions: _angular_core.Signal<AXConversationComposerAction[]>;
-    /** Right actions from registry - use service */
-    readonly rightActions: _angular_core.Signal<AXConversationComposerAction[]>;
-    /** Left inline actions (location = 'inline' or undefined) */
-    readonly leftInlineActions: _angular_core.Signal<AXConversationComposerAction[]>;
-    /** Left menu actions (location = 'menu') */
-    readonly leftMenuActions: _angular_core.Signal<AXConversationComposerAction[]>;
-    /** Right inline actions (location = 'inline' or undefined) */
-    readonly rightInlineActions: _angular_core.Signal<AXConversationComposerAction[]>;
-    /** Right menu actions (location = 'menu') */
-    readonly rightMenuActions: _angular_core.Signal<AXConversationComposerAction[]>;
+    /** Start actions from registry - use service */
+    readonly startActions: _angular_core.Signal<AXConversationComposerAction[]>;
+    /** End actions from registry - use service */
+    readonly endActions: _angular_core.Signal<AXConversationComposerAction[]>;
+    /** Start inline actions */
+    readonly startInlineActions: _angular_core.Signal<AXConversationComposerAction[]>;
+    /** Start menu actions (attachment popup) */
+    readonly startMenuActions: _angular_core.Signal<AXConversationComposerAction[]>;
+    /** End inline actions inside input pill */
+    readonly endInlineActions: _angular_core.Signal<AXConversationComposerAction[]>;
+    /** End menu actions */
+    readonly endMenuActions: _angular_core.Signal<AXConversationComposerAction[]>;
+    /** Default end action (voice/send morph) */
+    readonly defaultAction: _angular_core.Signal<AXConversationComposerAction>;
     /** Handle key down */
     onKeyDown(event: AXHtmlEvent<KeyboardEvent>): void;
     /** Handle input */
@@ -1661,7 +1675,7 @@ declare class AXConversationComposerComponent implements OnDestroy {
     /** Handle send click */
     onSendClick(): Promise<void>;
     /** Handle emoji click */
-    onEmojiClick(event?: MouseEvent): Promise<void>;
+    onEmojiClick(event?: AXClickEvent | MouseEvent): Promise<void>;
     /** Handle emoji popover closed */
     onEmojiPopoverClosed(): void;
     /** Handle emoji/sticker selection from popup */
@@ -1670,8 +1684,16 @@ declare class AXConversationComposerComponent implements OnDestroy {
     private sendSticker;
     /** Get inputs for emoji popup component */
     getEmojiPopupInputs(): Record<string, unknown>;
-    /** Handle attach click */
-    onAttachClick(): void;
+    /** Handle attach menu click */
+    onAttachMenuClick(event: AXClickEvent): void;
+    /** Handle attachment popover closed */
+    onAttachPopoverClosed(): void;
+    /** Handle attachment menu action selection */
+    onAttachMenuAction(actionId: string): Promise<void>;
+    /** Handle default action click (voice when empty, send when has content) */
+    onDefaultActionClick(): Promise<void>;
+    /** Icon for the default morph button */
+    getDefaultActionIcon(): string;
     /** Handle voice click */
     onVoiceClick(): void;
     /** Remove attachment */
@@ -1684,8 +1706,9 @@ declare class AXConversationComposerComponent implements OnDestroy {
     startReply(message: AXConversationMessage): void;
     /** Focus the native textarea inside ax-text-area */
     private focusTextArea;
+    private getClickTarget;
     /** Handle action click */
-    onActionClick(actionId: string, event?: MouseEvent): Promise<void>;
+    onActionClick(actionId: string, event?: AXClickEvent | MouseEvent): Promise<void>;
     /** Check if action is enabled */
     isActionEnabled(action: any): boolean;
     /** Get replying sender name */
@@ -1693,6 +1716,9 @@ declare class AXConversationComposerComponent implements OnDestroy {
     getActionLabel(action: {
         label: string;
     }): string;
+    getActionButtonClass(action: {
+        className?: string;
+    }): string;
     /** Get replying message text */
     getReplyingMessageText(): string;
     /** Preview object for replying banner (type, icon, value) */