@acorex/components 22.0.0-next.9 → 22.1.0-next.1

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

@@ -138,6 +138,8 @@ declare class AXContextMenuComponent extends NXComponent {
     /** @ignore */
     private createBackdrop;
     /** @ignore */
+    private resolveContextMenuTarget;
+    /** @ignore */
     private removeBackdrop;
     private createEventListeners;
     /** @ignore */
@@ -175,8 +177,16 @@ declare class AXMenuItemComponent extends NXComponent implements OnDestroy {
     private unsuscriber;
     private renderer;
     private injector;
+    private document;
     private zIndexService;
     private zToken;
+    private submenuPortalParent;
+    private submenuPortalNextSibling;
+    /** Survives submenu portaling when the DOM parent chain is broken. */
+    private linkedParent;
+    private mouseLeaveTimeout;
+    private submenuUnlistenEnter;
+    private submenuUnlistenLeave;
     protected arrowIcon: _angular_core.Signal<string>;
     onClick: _angular_core.OutputEmitterRef<AXMenuItemClickEvent>;
     name: _angular_core.InputSignal<string>;
@@ -186,8 +196,8 @@ declare class AXMenuItemComponent extends NXComponent implements OnDestroy {
     constructor();
     private getText;
     /**
-     * Resolves the parent menu item. Items rendered via recursive `ngTemplateOutlet` do not
-     * receive a DI parent, so we fall back to the DOM tree after reparenting.
+     * Resolves the parent menu item. Prefers an explicit link (survives submenu portaling),
+     * then DI, then the DOM tree.
      */
     getParentMenuItem(): AXMenuItemComponent | null;
     /**
@@ -204,10 +214,20 @@ declare class AXMenuItemComponent extends NXComponent implements OnDestroy {
     private schedulePositionCalculation;
     /**
      * Calculate the position of the submenu to avoid it going out of the viewport.
+     * Tall panels are height-clamped; the panel is portaled so parent overflow cannot clip it.
      */
     private calculatePosition;
     /** Measures submenu size using the same flex layout as the rendered menu. */
     private measureSubmenuRect;
+    /** Moves the submenu under the context-menu backdrop (or body) to escape ancestor overflow. */
+    private portalSubmenu;
+    private restoreSubmenuPortal;
+    /** Keep this item open while the pointer is over its portaled submenu panel. */
+    private bindSubmenuPointerListeners;
+    private unbindSubmenuPointerListeners;
+    /** Links direct children so parent resolution still works after the panel is portaled. */
+    private linkChildItems;
+    private getInstanceFromElement;
     /**
      * Moves nested `ax-menu-item` nodes rendered by recursive `ngTemplateOutlet` templates
      * into the submenu slot. Angular content queries do not traverse those embedded views.
@@ -225,10 +245,14 @@ declare class AXMenuItemComponent extends NXComponent implements OnDestroy {
     private clampVerticalPosition;
     handleClick(e: MouseEvent): void;
     handleMouseEnter(event: MouseEvent): void;
-    private mouseLeaveTimeout;
     handleMouseLeave(event: MouseEvent): void;
-    /** True when the pointer moved into this item's submenu panel or a nested open submenu. */
+    private handlePointerLeave;
+    private scheduleClose;
+    private clearCloseTimeout;
+    private clearAncestorCloseTimeouts;
+    /** True when the pointer is still inside this item's submenu tree (including portaled panels). */
     private containsSubmenuPointer;
+    private isSelfOrAncestorOf;
     ngOnDestroy(): void;
     /** @ignore */
     get __hostClass(): string[];

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

@@ -1,7 +1,7 @@
 import { AXStyleColorType, AXStyleLookType, AXLocation, MXBaseComponent } from '@acorex/cdk/common';
 import { AXOverlayRef } from '@acorex/cdk/overlay';
 import * as _angular_core from '@angular/core';
-import { TemplateRef, Type, OnInit, InjectionToken } from '@angular/core';
+import { TemplateRef, Type, ElementRef, OnInit, InjectionToken } from '@angular/core';
 
 type AXNotificationContentType = string | TemplateRef<unknown> | Type<unknown>;
 interface AXNotificationButtonItem {
@@ -26,6 +26,14 @@ interface AXNotificationOptions {
     timeOut?: number;
     timeOutProgress?: boolean;
     pauseOnHover?: boolean;
+    /**
+     * Element used to resolve inherited visual context for overlays rendered
+     * outside the originating DOM subtree.
+     *
+     * This affects Appearance, Light/Dark theme, Contrast, Size, and supported
+     * Density context. It does not affect overlay positioning.
+     */
+    contextElement?: HTMLElement | ElementRef<HTMLElement>;
 }
 interface AXNotificationData {
     buttons?: AXNotificationButtonItem[];
@@ -50,6 +58,7 @@ interface AXNotificationInternalRef {
     id: string;
     overlayRef: AXOverlayRef<unknown>;
     config: AXNotificationData;
+    contextElement?: HTMLElement | ElementRef<HTMLElement>;
     close: () => void;
 }
 
@@ -124,6 +133,7 @@ declare class AXNotificationService {
     private notificationCounterRef;
     private moreNotificationsColor;
     private moreNotificationsLocation;
+    private moreNotificationsContextElement;
     private reserveCounter;
     show(config: AXNotificationOptions): AXNotificationRef;
     private displayNotification;

package/types/acorex-components-number-box.d.ts

@@ -27,6 +27,7 @@ declare class AXNumberBoxComponent extends AXNumberBoxComponent_base {
     changeOnScroll: _angular_core.InputSignal<boolean>;
     step: _angular_core.InputSignal<number>;
     protected mode: _angular_core.WritableSignal<"digits" | "thousandsSeparator" | "decimal">;
+    protected decimalPlaces: _angular_core.Signal<number>;
     private input;
     protected stringValue: _angular_core.WritableSignal<string>;
     private translationService;
@@ -37,11 +38,12 @@ declare class AXNumberBoxComponent extends AXNumberBoxComponent_base {
         result: boolean;
         message?: undefined;
     }>;
-    protected internalValueChanged(value: number | undefined): void;
+    protected internalValueChanged(value: number | undefined | null): void;
     private plusValue;
     private minusValue;
     private getNumericValue;
     private getSteppedValue;
+    private formatDisplayValue;
     private clampToRange;
     private getFractionDigits;
     protected handleOnKeydownEvent(e: KeyboardEvent): void;

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

@@ -1,6 +1,7 @@
 import * as i0 from '@angular/core';
 import { OnDestroy, ElementRef, ComponentRef, TemplateRef, EventEmitter } from '@angular/core';
 import { MXBaseComponent, AXPlacementType, AXEvent } from '@acorex/cdk/common';
+import { AXOverlayVisualContextScope } from '@acorex/cdk/overlay';
 import { AXComponentType } from '@acorex/core/components';
 import * as i1 from '@angular/common';
 
@@ -39,6 +40,8 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     private _disabled;
     readonly width: i0.InputSignal<string>;
     readonly disablePanelClass: i0.InputSignal<boolean>;
+    /** Propagate theme/size only — floating dropdown panels opt out of appearance/contrast. */
+    readonly visualContextScope: i0.InputSignal<AXOverlayVisualContextScope>;
     private translateService;
     /**
      * Gets or sets whether the popover is disabled.
@@ -240,7 +243,7 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     /** @ignore */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPopoverComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPopoverComponent, "ax-popover", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "disablePanelClass": { "alias": "disablePanelClass"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; "offsetX": { "alias": "offsetX"; "required": false; }; "offsetY": { "alias": "offsetY"; "required": false; }; "target": { "alias": "target"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "content": { "alias": "content"; "required": false; }; "openOn": { "alias": "openOn"; "required": false; }; "closeOn": { "alias": "closeOn"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "openAfter": { "alias": "openAfter"; "required": false; }; "closeAfter": { "alias": "closeAfter"; "required": false; }; "closeOnScroll": { "alias": "closeOnScroll"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "adaptivityEnabled": { "alias": "adaptivityEnabled"; "required": false; }; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPopoverComponent, "ax-popover", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "disablePanelClass": { "alias": "disablePanelClass"; "required": false; "isSignal": true; }; "visualContextScope": { "alias": "visualContextScope"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; "offsetX": { "alias": "offsetX"; "required": false; }; "offsetY": { "alias": "offsetY"; "required": false; }; "target": { "alias": "target"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "content": { "alias": "content"; "required": false; }; "openOn": { "alias": "openOn"; "required": false; }; "closeOn": { "alias": "closeOn"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "openAfter": { "alias": "openAfter"; "required": false; }; "closeAfter": { "alias": "closeAfter"; "required": false; }; "closeOnScroll": { "alias": "closeOnScroll"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "adaptivityEnabled": { "alias": "adaptivityEnabled"; "required": false; }; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; }, never, ["*"], true, never>;
 }
 
 declare class AXPopoverModule {

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

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { TemplateRef, ViewContainerRef, StaticProvider, OnInit, OnDestroy } from '@angular/core';
+import { TemplateRef, ViewContainerRef, StaticProvider, ElementRef, OnInit, OnDestroy } from '@angular/core';
 import * as i2 from '@acorex/cdk/common';
 import { NXComponent, MXBaseComponent, AXComponentClosedPromise } from '@acorex/cdk/common';
 import { AXComponentType, AXComponentInputs } from '@acorex/core/components';
@@ -55,6 +55,14 @@ interface AXPopupConfig {
      * extra content inputs that depend on the ref.
      */
     _bindContentInputs?: (ref: AXPopupRef) => Record<string, unknown>;
+    /**
+     * Element used to resolve inherited visual context for overlays rendered
+     * outside the originating DOM subtree.
+     *
+     * This affects Appearance, Light/Dark theme, Contrast, Size, and supported
+     * Density context. It does not affect overlay positioning.
+     */
+    contextElement?: HTMLElement | ElementRef<HTMLElement>;
 }
 interface AXPopupData {
     title: string;

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

@@ -115,7 +115,6 @@ declare class AXSchedulerComponent extends NXComponent implements OnInit {
     private translationService;
     private eventService;
     private translationRevision;
-    private viewModeSelectbox;
     private calendarPopover;
     private _calendarDayCellTemplate;
     private _calendarMonthCellTemplate;
@@ -133,8 +132,8 @@ declare class AXSchedulerComponent extends NXComponent implements OnInit {
     appointments: _angular_core.Signal<AXSchedulerAppointment[]>;
     protected readonly rtl: _angular_core.Signal<boolean>;
     protected isFullScreen: _angular_core.WritableSignal<boolean>;
-    protected viewsDataSource: _angular_core.WritableSignal<{
-        id: string;
+    protected viewsDataSource: _angular_core.Signal<{
+        id: AXSchedulerView;
         text: string;
     }[]>;
     private prevDate;
@@ -186,7 +185,6 @@ declare class AXSchedulerComponent extends NXComponent implements OnInit {
      */
     private getWeekReanchorDate;
     private syncCurrentDateAfterLocaleChange;
-    private fillDataSource;
     private getGridDateRange;
     currentDateText: _angular_core.Signal<string>;
     calendarDepth: _angular_core.Signal<"day" | "month" | "year">;

package/types/acorex-components-select-box.d.ts

@@ -22,8 +22,10 @@ import * as i11 from '@acorex/components/text-box';
 
 declare const AXSelectBoxComponent_base: polytype.Polytype.ClusteredConstructor<[typeof MXDropdownBoxBaseComponent, typeof MXSelectionValueComponent, typeof MXLookComponent]>;
 /**
- * The Button is a component which detects user interaction and triggers a corresponding event
- * @category
+ * @deprecated Use `combo-box` when your data is a simple array. Use `lookup` when you need advanced features and `AXDataSource` support.
+ * This component is deprecated and no longer supported.
+ *
+ * @category Components
  */
 declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements OnDestroy {
     #private;
@@ -189,6 +191,10 @@ declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSelectBoxComponent, "ax-select-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "type": { "alias": "type"; "required": false; }; "look": { "alias": "look"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "textTemplate": { "alias": "textTemplate"; "required": false; }; "selectedItems": { "alias": "selectedItems"; "required": false; }; "isItemTruncated": { "alias": "isItemTruncated"; "required": false; "isSignal": true; }; "showItemTooltip": { "alias": "showItemTooltip"; "required": false; "isSignal": true; }; "itemHeight": { "alias": "itemHeight"; "required": false; "isSignal": true; }; "maxVisibleItems": { "alias": "maxVisibleItems"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; }; "minRecordsForSearch": { "alias": "minRecordsForSearch"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "selectedTemplate": { "alias": "selectedTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "loadingTemplate": { "alias": "loadingTemplate"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; "isSignal": true; }; "searchBoxAutoFocus": { "alias": "searchBoxAutoFocus"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onOpened": "onOpened"; "onClosed": "onClosed"; "onItemSelected": "onItemSelected"; "onItemClick": "onItemClick"; }, ["searchBox"], ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-search-box", "ax-footer", "ax-validation-rule"], true, never>;
 }
 
+/**
+ * @deprecated Use `combo-box` when your data is a simple array. Use `lookup` when you need advanced features and `AXDataSource` support.
+ * This module is deprecated and no longer supported.
+ */
 declare class AXSelectBoxModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSelectBoxModule, never>;
     static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXSelectBoxModule, never, [typeof i1.CommonModule, typeof i2.AXCommonModule, typeof i3.FormsModule, typeof i4.AXCheckBoxModule, typeof i5.AXBadgeModule, typeof i6.AXDecoratorModule, typeof i7.AXTranslationModule, typeof i8.AXPopoverModule, typeof i9.AXLoadingModule, typeof i10.A11yModule, typeof i11.AXTextBoxModule, typeof i12.AXDropdownModule, typeof i13.AXListModule, typeof AXSelectBoxComponent], [typeof AXSelectBoxComponent]>;

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

@@ -1,7 +1,7 @@
 import { AXLocation, AXStyleColorType, AXStyleLookType, MXBaseComponent } from '@acorex/cdk/common';
 import { AXOverlayRef } from '@acorex/cdk/overlay';
 import * as i0 from '@angular/core';
-import { OnInit, InjectionToken } from '@angular/core';
+import { ElementRef, OnInit, InjectionToken } from '@angular/core';
 import * as i2 from '@acorex/components/button';
 import { AXButtonItem } from '@acorex/components/button';
 import * as i1 from '@angular/common';
@@ -20,6 +20,14 @@ interface AXToastDisplayConfig {
     timeOut?: number;
     timeOutProgress?: boolean;
     pauseOnHover?: boolean;
+    /**
+     * Element used to resolve inherited visual context for overlays rendered
+     * outside the originating DOM subtree.
+     *
+     * This affects Appearance, Light/Dark theme, Contrast, Size, and supported
+     * Density context. It does not affect overlay positioning.
+     */
+    contextElement?: HTMLElement | ElementRef<HTMLElement>;
 }
 interface AXToastData {
     icon?: string;
@@ -45,6 +53,7 @@ interface AXToastInternalRef {
     id: string;
     overlayRef: AXOverlayRef<unknown>;
     config: AXToastData;
+    contextElement?: HTMLElement | ElementRef<HTMLElement>;
     close: () => void;
 }
 

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

@@ -1,106 +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, 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">
-      <p class="composer-action-choice__hint">{{ hintText() }}</p>
-      <ul class="composer-action-choice__list" role="listbox">
-        @for (action of actions(); track action.id) {
-          <li role="presentation">
-            <button
-              type="button"
-              class="composer-action-choice__option"
-              role="option"
-              (click)="choose(action)"
-              [attr.aria-label]="getActionLabel(action)"
-            >
-              <span class="composer-action-choice__icon" aria-hidden="true">
-                <i [class]="action.icon"></i>
-              </span>
-              <span class="composer-action-choice__text">
-                <span class="composer-action-choice__title">{{ getActionLabel(action) }}</span>
-                @if (getActionTooltip(action); as tip) {
-                  <span class="composer-action-choice__subtitle">{{ tip }}</span>
-                }
-              </span>
-              <i class="fa-light fa-chevron-right composer-action-choice__chevron" aria-hidden="true"></i>
-            </button>
-          </li>
-        }
-      </ul>
-    </div>
-  `, isInline: true, styles: [":host{display:block}.composer-action-choice{display:flex;flex-direction:column;gap:.75rem;padding:.5rem;min-width:16rem}.composer-action-choice__hint{margin:0;font-size:.8125rem;line-height:1.45;color:rgba(var(--ax-sys-color-on-surface),.7)}.composer-action-choice__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.composer-action-choice__option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;border:1px solid rgb(var(--ax-sys-color-border-light-surface));border-radius:var(--ax-sys-border-radius, .5rem);background:rgb(var(--ax-sys-color-surface));cursor:pointer;text-align:start;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.composer-action-choice__option:hover,.composer-action-choice__option:focus-visible{border-color:rgb(var(--ax-sys-color-primary-500));background:rgba(var(--ax-sys-color-primary-500),.06);outline:none;box-shadow:0 0 0 1px rgba(var(--ax-sys-color-primary-500),.25)}.composer-action-choice__icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;flex-shrink:0;border-radius:var(--ax-sys-border-radius, .375rem);background:rgba(var(--ax-sys-color-primary-500),.1);color:rgb(var(--ax-sys-color-primary-600));font-size:1.125rem}.composer-action-choice__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.composer-action-choice__title{font-size:.875rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}.composer-action-choice__subtitle{font-size:.75rem;color:rgba(var(--ax-sys-color-on-surface),.6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-action-choice__chevron{flex-shrink:0;font-size:.75rem;color:rgba(var(--ax-sys-color-on-surface),.45)}\n"] }); }
-}
-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', template: `
-    <div class="composer-action-choice" role="dialog" aria-modal="true">
-      <p class="composer-action-choice__hint">{{ hintText() }}</p>
-      <ul class="composer-action-choice__list" role="listbox">
-        @for (action of actions(); track action.id) {
-          <li role="presentation">
-            <button
-              type="button"
-              class="composer-action-choice__option"
-              role="option"
-              (click)="choose(action)"
-              [attr.aria-label]="getActionLabel(action)"
-            >
-              <span class="composer-action-choice__icon" aria-hidden="true">
-                <i [class]="action.icon"></i>
-              </span>
-              <span class="composer-action-choice__text">
-                <span class="composer-action-choice__title">{{ getActionLabel(action) }}</span>
-                @if (getActionTooltip(action); as tip) {
-                  <span class="composer-action-choice__subtitle">{{ tip }}</span>
-                }
-              </span>
-              <i class="fa-light fa-chevron-right composer-action-choice__chevron" aria-hidden="true"></i>
-            </button>
-          </li>
-        }
-      </ul>
-    </div>
-  `, providers: [{ provide: AXClosableComponent, useExisting: AXConversationComposerActionChoiceDialogComponent }], styles: [":host{display:block}.composer-action-choice{display:flex;flex-direction:column;gap:.75rem;padding:.5rem;min-width:16rem}.composer-action-choice__hint{margin:0;font-size:.8125rem;line-height:1.45;color:rgba(var(--ax-sys-color-on-surface),.7)}.composer-action-choice__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.composer-action-choice__option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;border:1px solid rgb(var(--ax-sys-color-border-light-surface));border-radius:var(--ax-sys-border-radius, .5rem);background:rgb(var(--ax-sys-color-surface));cursor:pointer;text-align:start;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.composer-action-choice__option:hover,.composer-action-choice__option:focus-visible{border-color:rgb(var(--ax-sys-color-primary-500));background:rgba(var(--ax-sys-color-primary-500),.06);outline:none;box-shadow:0 0 0 1px rgba(var(--ax-sys-color-primary-500),.25)}.composer-action-choice__icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;flex-shrink:0;border-radius:var(--ax-sys-border-radius, .375rem);background:rgba(var(--ax-sys-color-primary-500),.1);color:rgb(var(--ax-sys-color-primary-600));font-size:1.125rem}.composer-action-choice__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.composer-action-choice__title{font-size:.875rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}.composer-action-choice__subtitle{font-size:.75rem;color:rgba(var(--ax-sys-color-on-surface),.6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-action-choice__chevron{flex-shrink:0;font-size:.75rem;color:rgba(var(--ax-sys-color-on-surface),.45)}\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-CNHiM1Sp.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"acorex-components-conversation-composer-action-choice-dialog.component-CNHiM1Sp.mjs","sources":["../../../../packages/components/conversation/src/lib/components/message-list/composer-action-choice-dialog.component.ts"],"sourcesContent":["import { AXClosableComponent, AXComponentCloseEvent } from '@acorex/cdk/common';\nimport type { AXPopupRef } from '@acorex/components/popup';\nimport { AXTranslationService } from '@acorex/core/translation';\nimport { Component, EventEmitter, 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\n  template: `\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  `,\n  styles: [\n    `\n      :host {\n        display: block;\n      }\n\n      .composer-action-choice {\n        display: flex;\n        flex-direction: column;\n        gap: 0.75rem;\n        padding: 0.5rem;\n        min-width: 16rem;\n      }\n\n      .composer-action-choice__hint {\n        margin: 0;\n        font-size: 0.8125rem;\n        line-height: 1.45;\n        color: rgba(var(--ax-sys-color-on-surface), 0.7);\n      }\n\n      .composer-action-choice__list {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n        display: flex;\n        flex-direction: column;\n        gap: 0.5rem;\n      }\n\n      .composer-action-choice__option {\n        display: flex;\n        align-items: center;\n        gap: 0.75rem;\n        width: 100%;\n        padding: 0.625rem 0.75rem;\n        border: 1px solid rgb(var(--ax-sys-color-border-light-surface));\n        border-radius: var(--ax-sys-border-radius, 0.5rem);\n        background: rgb(var(--ax-sys-color-surface));\n        cursor: pointer;\n        text-align: start;\n        transition:\n          border-color 0.15s ease,\n          background-color 0.15s ease,\n          box-shadow 0.15s ease;\n      }\n\n      .composer-action-choice__option:hover,\n      .composer-action-choice__option:focus-visible {\n        border-color: rgb(var(--ax-sys-color-primary-500));\n        background: rgba(var(--ax-sys-color-primary-500), 0.06);\n        outline: none;\n        box-shadow: 0 0 0 1px rgba(var(--ax-sys-color-primary-500), 0.25);\n      }\n\n      .composer-action-choice__icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 2.5rem;\n        height: 2.5rem;\n        flex-shrink: 0;\n        border-radius: var(--ax-sys-border-radius, 0.375rem);\n        background: rgba(var(--ax-sys-color-primary-500), 0.1);\n        color: rgb(var(--ax-sys-color-primary-600));\n        font-size: 1.125rem;\n      }\n\n      .composer-action-choice__text {\n        flex: 1;\n        min-width: 0;\n        display: flex;\n        flex-direction: column;\n        gap: 0.125rem;\n      }\n\n      .composer-action-choice__title {\n        font-size: 0.875rem;\n        font-weight: 600;\n        color: rgb(var(--ax-sys-color-on-surface));\n      }\n\n      .composer-action-choice__subtitle {\n        font-size: 0.75rem;\n        color: rgba(var(--ax-sys-color-on-surface), 0.6);\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n\n      .composer-action-choice__chevron {\n        flex-shrink: 0;\n        font-size: 0.75rem;\n        color: rgba(var(--ax-sys-color-on-surface), 0.45);\n      }\n    `,\n  ],\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"],"names":[],"mappings":"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"}