@acorex/components 22.0.0 → 22.0.1-next.0

package/types/acorex-components-audio-wave.d.ts

@@ -1,15 +1,9 @@
-import * as i0 from '@angular/core';
-import { OnDestroy, ElementRef, InputSignal } from '@angular/core';
-import WaveSurfer from 'wavesurfer.js';
+import * as _angular_core from '@angular/core';
 import { AXEvent } from '@acorex/cdk/common';
-import * as i1 from '@angular/common';
-import * as i2 from '@acorex/components/button';
-import * as i3 from '@acorex/components/decorators';
-import * as i4 from '@acorex/components/skeleton';
-import * as i5 from '@acorex/core/translation';
 
+type AXAudioWaveStatus = 'load' | 'loading' | 'decode' | 'ready' | 'redrawcomplete' | 'play' | 'pause' | 'finish' | 'timeupdate' | 'seeking' | 'interaction' | 'click' | 'drag' | 'scroll' | 'zoom' | 'destroy' | 'error';
+type AXAudioWaveState = 'playing' | 'paused' | 'loading' | 'ready' | 'error';
 interface AXWaveConfig {
-    container?: HTMLElement;
     waveColor?: string;
     progressColor?: string;
     url: string;
@@ -19,9 +13,22 @@ interface AXWaveConfig {
     height?: number;
     audioRate?: number;
 }
+interface AXAudioWaveEventPayload {
+    url?: string;
+    percent?: number;
+    duration?: number;
+    currentTime?: number;
+    newTime?: number;
+    relativeX?: number;
+    relativeY?: number;
+    visibleStartTime?: number;
+    visibleEndTime?: number;
+    minPxPerSec?: number;
+    message?: string;
+}
 interface AXAudioWaveChangeEvent extends AXEvent {
-    status: 'load' | 'loading' | 'decode' | 'ready' | 'redrawcomplete' | 'play' | 'pause' | 'finish' | 'timeupdate' | 'seeking' | 'interaction' | 'click' | 'drag' | 'scroll' | 'zoom' | 'destroy' | 'error';
-    data: null | any;
+    status: AXAudioWaveStatus;
+    data: AXAudioWaveEventPayload | null;
 }
 
 /**
@@ -29,61 +36,100 @@ interface AXAudioWaveChangeEvent extends AXEvent {
  *
  * @category Components
  */
-declare class AXAudioWaveComponent implements OnDestroy {
+declare class AXAudioWaveComponent {
     /**
-     *  @ignore
+     * @ignore
      */
-    protected div: ElementRef<HTMLDivElement>;
+    private readonly wave;
     /**
      * Configuration settings for the audio wave.
      */
-    config: InputSignal<AXWaveConfig>;
+    readonly config: _angular_core.InputSignal<AXWaveConfig>;
     /**
      * Emits an event when the status of the audio wave changes.
      *
      * @event
      */
-    onStatusChanged: i0.OutputEmitterRef<AXAudioWaveChangeEvent>;
-    audioState: i0.WritableSignal<"loading" | "ready" | "error" | "playing" | "paused">;
-    errorMessage: i0.WritableSignal<string>;
+    readonly onStatusChanged: _angular_core.OutputEmitterRef<AXAudioWaveChangeEvent>;
+    /**
+     * @ignore
+     */
+    protected readonly audioState: _angular_core.WritableSignal<AXAudioWaveState>;
+    /**
+     * @ignore
+     */
+    protected readonly errorMessage: _angular_core.WritableSignal<string>;
+    /**
+     * @ignore
+     */
+    protected readonly isWaveVisible: _angular_core.Signal<boolean>;
+    /**
+     * @ignore
+     */
+    private audio;
     /**
-     *  @ignore
+     * @ignore
      */
-    protected audio: WaveSurfer;
+    private loadedUrl;
     /**
-     *  @ignore
+     * @ignore
      */
-    private ngZone;
-    private platformID;
+    private lastVisualKey;
     /**
-     *  @ignore
+     * @ignore
+     */
+    private isDestroyed;
+    /**
+     * @ignore
+     */
+    private readonly ngZone;
+    /**
+     * @ignore
+     */
+    private readonly platformId;
+    /**
+     * @ignore
+     */
+    private readonly destroyRef;
+    /**
+     * @ignore
      */
     constructor();
     /**
      * Loads the audio from the specified URL.
      *
      * @param url - The URL of the audio to load. Defaults to the URL from the config.
+     * @returns A promise that resolves when loading starts, or immediately when unavailable.
      */
-    load(url?: string): void;
+    load(url?: string): Promise<void>;
     /**
      * Plays the audio.
      *
+     * @returns A promise that resolves when playback starts.
      */
-    play(): Promise<any>;
+    play(): Promise<void>;
     /**
      * Pauses the audio.
      */
     pause(): void;
     /**
-     * Retrieves the duration of the audio.
+     * Retrieves the duration of the audio in seconds.
      *
+     * @returns The audio duration, or `0` when unavailable.
      */
     getDuration(): number;
     /**
-     * Retrieves the media element of the audio.
+     * Retrieves the underlying HTML media element.
      *
+     * @returns The media element used by WaveSurfer, or `undefined` when unavailable.
      */
-    getMediaElement(): HTMLMediaElement;
+    getMediaElement(): HTMLMediaElement | undefined;
+    /**
+     * Retrieves the current playback position in seconds.
+     *
+     * @returns The current time, or `0` when unavailable.
+     */
+    getCurrentTime(): number;
     /**
      * Sets the playback rate of the audio.
      *
@@ -91,53 +137,66 @@ declare class AXAudioWaveComponent implements OnDestroy {
      */
     setRate(rate: number): void;
     /**
-     *  @ignore
-     */
-    protected bindEvents(): void;
-    /** When audio starts loading */
-    protected handleLoad(): void;
-    /** During audio loading */
-    protected handleLoading(): void;
-    /** When the audio has been decoded */
-    protected handleDecode(): void;
-    /** When the audio is both decoded and can play */
-    protected handleReady(): void;
-    /** When all audio channel chunks of the waveform have drawn */
-    protected handleRedRawComplete(): void;
-    /** When the audio starts playing */
-    protected handlePlay(): void;
-    /** When the audio pauses */
-    protected handlePause(): void;
-    /** When the audio finishes playing */
-    protected handleFinish(): void;
-    /** On audio position change, fires continuously during playback */
-    protected handleTimeUpdate(): void;
-    /** When the user seeks to a new position */
-    protected handleSeeking(): void;
-    /** When the user interacts with the waveform (i.g. clicks or drags on it) */
-    protected handleInteraction(): void;
-    /** When the user clicks on the waveform */
-    protected handleClick(): void;
-    /** When the user drags the cursor */
-    protected handleDrag(): void;
-    /** When the waveform is scrolled (panned) */
-    protected handleScroll(): void;
-    /** When the zoom level changes */
-    protected handleZoom(): void;
-    /** Just before the waveform is destroyed so you can clean up your events */
-    protected handleDestroy(): void;
-    /** Just before the waveform is destroyed so you can clean up your events */
-    protected handleError(): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXAudioWaveComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXAudioWaveComponent, "ax-audio-wave", never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; }, { "onStatusChanged": "onStatusChanged"; }, never, never, true, never>;
+     * Mutes or unmutes the audio.
+     *
+     * @param muted - Whether the audio should be muted.
+     */
+    setMuted(muted: boolean): void;
+    /**
+     * Indicates whether the audio is currently muted.
+     *
+     * @returns True when muted; otherwise false.
+     */
+    isMuted(): boolean;
+    /**
+     * @ignore
+     */
+    private createWaveSurfer;
+    /**
+     * @ignore
+     */
+    private syncFromConfig;
+    /**
+     * @ignore
+     */
+    private applyUrlAndRate;
+    /**
+     * @ignore
+     */
+    private resolveVisualOptions;
+    /**
+     * @ignore
+     */
+    private readCssRgbVar;
+    /**
+     * @ignore
+     */
+    private bindEvents;
+    /**
+     * @ignore
+     */
+    private swallowAbort;
+    /**
+     * @ignore
+     */
+    private isAbortError;
+    /**
+     * @ignore
+     */
+    private emitStatus;
+    /**
+     * @ignore
+     */
+    private runInZone;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXAudioWaveComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXAudioWaveComponent, "ax-audio-wave", never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; }, { "onStatusChanged": "onStatusChanged"; }, never, never, true, never>;
 }
 
 declare class AXAudioWaveModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXAudioWaveModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXAudioWaveModule, never, [typeof i1.CommonModule, typeof i2.AXButtonModule, typeof i3.AXDecoratorModule, typeof i4.AXSkeletonModule, typeof i5.AXTranslationModule, typeof AXAudioWaveComponent], [typeof AXAudioWaveComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<AXAudioWaveModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXAudioWaveModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXAudioWaveModule, never, [typeof AXAudioWaveComponent], [typeof AXAudioWaveComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXAudioWaveModule>;
 }
 
 export { AXAudioWaveComponent, AXAudioWaveModule };
-export type { AXAudioWaveChangeEvent, AXWaveConfig };
+export type { AXAudioWaveChangeEvent, AXAudioWaveEventPayload, AXAudioWaveState, AXAudioWaveStatus, AXWaveConfig };

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

@@ -0,0 +1,31 @@
+import * as i0 from '@angular/core';
+import { MXColorLookComponent } from '@acorex/cdk/common';
+
+declare class AXBubbleComponent extends MXColorLookComponent {
+    isown: i0.InputSignal<boolean>;
+    templateData: i0.InputSignal<any>;
+    itemTemplate: i0.InputSignal<any>;
+    private readonly axheader;
+    private readonly axfooter;
+    private readonly axcontent;
+    private readonly axprefix;
+    private readonly axsuffix;
+    protected readonly hasTemplate: i0.Signal<boolean>;
+    private get __hostClass();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXBubbleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXBubbleComponent, "ax-bubble", never, { "isown": { "alias": "isown"; "required": false; "isSignal": true; }; "templateData": { "alias": "templateData"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; }, {}, ["axheader", "axfooter", "axcontent", "axprefix", "axsuffix"], ["ax-header", "ax-prefix", "ax-content", "*", "ax-suffix", "ax-footer"], true, never>;
+}
+
+declare class AXBubbleModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXBubbleModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXBubbleModule, never, [typeof AXBubbleComponent], [typeof AXBubbleComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXBubbleModule>;
+}
+
+type AXBubbleTail = 'none' | 'start' | 'end';
+interface AXBubbleTemplateContext<T> {
+    $implicit: T;
+}
+
+export { AXBubbleComponent, AXBubbleModule };
+export type { AXBubbleTail, AXBubbleTemplateContext };

package/types/acorex-components-button-group.d.ts

@@ -55,6 +55,10 @@ declare class AXButtonGroupComponent extends MXInteractiveComponent {
      * @param value - The selection mode to be set. Possible values include 'single', 'multiple', or 'none'.
      */
     set selection(value: AXSelectionMode);
+    /**
+     *  @ignore
+     */
+    private readonly _boundButtons;
     /**
      *  @ignore
      */

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

@@ -271,7 +271,7 @@ declare class AXButtonComponent extends MXButtonBaseComponent implements AfterVi
     focus(): void;
     blur(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXButtonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXButtonComponent, "ax-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "text": { "alias": "text"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "onClick": "onClick"; "selectedChange": "selectedChange"; "toggleableChange": "toggleableChange"; "lookChange": "lookChange"; "colorChange": "colorChange"; "disabledChange": "disabledChange"; "loadingText": "loadingTextChange"; }, ["loadingIcon"], ["ax-loading, ax-loading-spinner", "ax-prefix, ax-icon", "ax-content", "ax-suffix", "ax-dropdown-panel", ".tab-content", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXButtonComponent, "ax-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "text": { "alias": "text"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "onClick": "onClick"; "selectedChange": "selectedChange"; "toggleableChange": "toggleableChange"; "lookChange": "lookChange"; "colorChange": "colorChange"; "disabledChange": "disabledChange"; "loadingText": "loadingTextChange"; }, ["loadingIcon"], ["ax-loading, ax-loading-spinner", "ax-prefix, ax-icon", "ax-content", "ax-suffix", "ax-dropdown-panel", ".tab-content", "*"], true, never>;
 }
 
 declare class AXButtonModule {

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

@@ -71,6 +71,7 @@ interface AXCalendarViewSlot {
 interface AXCalendarView {
     range: AXDateTimeRange;
     slots: AXCalendarViewSlot[];
+    weekCount?: number;
 }
 declare class MXCalendarBaseComponent extends MXBaseComponent {
     protected localeService: AXLocaleService;
@@ -134,8 +135,8 @@ declare const AXCalendarRangeComponent_base: polytype.Polytype.ClusteredConstruc
     ɵprov: _angular_core.ɵɵInjectableDeclaration<MXValueComponent<any>>;
 }, typeof MXInteractiveComponent, typeof MXCalendarBaseComponent]>;
 declare class AXCalendarRangeComponent extends AXCalendarRangeComponent_base implements AfterViewInit {
-    private formatService;
     private unsubscriber;
+    protected readonly isRtl: _angular_core.Signal<boolean>;
     protected calendar: _angular_core.WritableSignal<string>;
     /**
      * Day view navigation style passed through to embedded calendars.
@@ -151,7 +152,8 @@ declare class AXCalendarRangeComponent extends AXCalendarRangeComponent_base imp
     private _calendarService;
     private _c1;
     private _c2;
-    _navText: string;
+    _navText1: string;
+    _navText2: string;
     /**
      *  @ignore
      */
@@ -164,6 +166,14 @@ declare class AXCalendarRangeComponent extends AXCalendarRangeComponent_base imp
      *  @ignore
      */
     private _refreshCalendars;
+    /**
+     *  @ignore
+     */
+    private _scheduleNavTextSync;
+    /**
+     *  @ignore
+     */
+    private _ensureCalendarsReady;
     /**
      *  @ignore
      */
@@ -173,10 +183,10 @@ declare class AXCalendarRangeComponent extends AXCalendarRangeComponent_base imp
      */
     ngAfterViewInit(): void;
     internalValueChanged(value: any): void;
-    /** w
+    /**
      *  @ignore
      */
-    getCellClass: (date: AXDateTime) => "ax-range-start" | "ax-range-end" | "ax-range-between";
+    getCellClass: (date: AXDateTime) => string;
     /**
      *  @ignore
      */
@@ -197,6 +207,18 @@ declare class AXCalendarRangeComponent extends AXCalendarRangeComponent_base imp
      *  @ignore
      */
     private _syncNavText;
+    /**
+     *  @ignore
+     */
+    private _formatNavDate;
+    /**
+     *  @ignore
+     */
+    private _monthLabel;
+    /**
+     *  @ignore
+     */
+    private _fallbackMonthName;
     /**
      *  @ignore
      */
@@ -213,12 +235,16 @@ declare class AXCalendarRangeComponent extends AXCalendarRangeComponent_base imp
      *  @ignore
      */
     private _syncNav1;
+    /**
+     *  @ignore
+     */
+    protected handleCalendar2Navigate(): void;
     /**
      *  @ignore
      */
     private _syncNav2;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXCalendarRangeComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXCalendarRangeComponent, "ax-calendar-range", never, { "rtl": { "alias": "rtl"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "depth": { "alias": "depth"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "holidayDates": { "alias": "holidayDates"; "required": false; }; "type": { "alias": "type"; "required": false; }; "dayCellTemplate": { "alias": "dayCellTemplate"; "required": false; }; "monthCellTemplate": { "alias": "monthCellTemplate"; "required": false; }; "yearCellTemplate": { "alias": "yearCellTemplate"; "required": false; }; "cellClass": { "alias": "cellClass"; "required": false; }; "showNavigation": { "alias": "showNavigation"; "required": false; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "holidays": { "alias": "holidays"; "required": false; "isSignal": true; }; }, { "onOptionChanged": "onOptionChanged"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; "typeChange": "typeChange"; "activeViewChange": "activeViewChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "onSlotClick": "onSlotClick"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXCalendarRangeComponent, "ax-calendar-range", never, { "rtl": { "alias": "rtl"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "depth": { "alias": "depth"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "holidayDates": { "alias": "holidayDates"; "required": false; }; "type": { "alias": "type"; "required": false; }; "dayCellTemplate": { "alias": "dayCellTemplate"; "required": false; }; "monthCellTemplate": { "alias": "monthCellTemplate"; "required": false; }; "yearCellTemplate": { "alias": "yearCellTemplate"; "required": false; }; "cellClass": { "alias": "cellClass"; "required": false; }; "showNavigation": { "alias": "showNavigation"; "required": false; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "holidays": { "alias": "holidays"; "required": false; "isSignal": true; }; }, { "onOptionChanged": "onOptionChanged"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; "typeChange": "typeChange"; "activeViewChange": "activeViewChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "onSlotClick": "onSlotClick"; }, never, ["ax-footer"], true, never>;
 }
 
 declare const AXCalendarComponent_base: polytype.Polytype.ClusteredConstructor<[{
@@ -255,8 +281,11 @@ declare class AXCalendarComponent extends AXCalendarComponent_base {
     holidays: _angular_core.InputSignal<AXCalendarHolidaysLoader>;
     protected readonly isRtl: _angular_core.Signal<boolean>;
     protected calendar: _angular_core.WritableSignal<string>;
+    /** Explicit `type` input wins over the locale profile calendar. */
+    protected calendarSystem: _angular_core.Signal<string>;
     /** Week column order from the active locale profile (0 = Sun … 6 = Sat). */
     protected weekLayout: _angular_core.Signal<number[]>;
+    protected weekdayLabel(index: number): string;
     get displayRange(): AXDateTimeRange | null;
     /**
      *  @ignore
@@ -317,10 +346,6 @@ declare class AXCalendarComponent extends AXCalendarComponent_base {
      *  @ignore
      */
     private _initValues;
-    /**
-     * Maps a date to a 1-based grid column using the active week layout.
-     */
-    private _getWeekColumn;
     /**
      * Defers refresh so explicit `type` input can sync after locale profile changes.
      */
@@ -345,6 +370,7 @@ declare class AXCalendarComponent extends AXCalendarComponent_base {
      *  @ignore
      */
     private _updateSelectOptions;
+    private _createMonthDate;
     /**
      *  @ignore
      */
@@ -357,6 +383,10 @@ declare class AXCalendarComponent extends AXCalendarComponent_base {
      *  @ignore
      */
     private _getSelectBoxValue;
+    /**
+     * Builds the day grid for a single month (no leading/trailing days from adjacent months).
+     */
+    private _getDayGridRange;
     /**
      *  @ignore
      */
@@ -486,6 +516,8 @@ declare class AXCalendarComponent extends AXCalendarComponent_base {
      *  @ignore
      */
     protected getMonthName(date: AXDateTime, style: 'short' | 'long'): string;
+    private monthLabel;
+    private fallbackMonthName;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXCalendarComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXCalendarComponent, "ax-calendar", never, { "rtl": { "alias": "rtl"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "depth": { "alias": "depth"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "holidayDates": { "alias": "holidayDates"; "required": false; }; "type": { "alias": "type"; "required": false; }; "dayCellTemplate": { "alias": "dayCellTemplate"; "required": false; }; "monthCellTemplate": { "alias": "monthCellTemplate"; "required": false; }; "yearCellTemplate": { "alias": "yearCellTemplate"; "required": false; }; "cellClass": { "alias": "cellClass"; "required": false; }; "showNavigation": { "alias": "showNavigation"; "required": false; }; "count": { "alias": "count"; "required": false; }; "id": { "alias": "id"; "required": false; }; "weekend": { "alias": "weekend"; "required": false; "isSignal": true; }; "weekdays": { "alias": "weekdays"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "yearRange": { "alias": "yearRange"; "required": false; "isSignal": true; }; "holidays": { "alias": "holidays"; "required": false; "isSignal": true; }; }, { "onOptionChanged": "onOptionChanged"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "minValueChange": "minValueChange"; "maxValueChange": "maxValueChange"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; "typeChange": "typeChange"; "activeViewChange": "activeViewChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "onSlotClick": "onSlotClick"; "countChange": "countChange"; }, never, ["ax-header", "ax-footer"], true, never>;
 }

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

@@ -35,7 +35,8 @@ type AXComboBoxValue = string | number | (string | number)[] | null;
  *   Combobox `readonly`, so Tab focus and keyboard open/select keep working).
  *
  * With `multiple="true"`, selected values are shown as chips in the trigger and the popup stays
- * open while toggling items (same interaction model as `ax-lookup` multi-select).
+ * open while toggling items (same interaction model as `ax-lookup` multi-select). Backspace with
+ * an empty trigger input removes the last chip; repeated presses clear the whole selection.
  *
  * With `adaptivityEnabled` (default `true`), the list opens as a bottom actionsheet on small
  * screens instead of an anchored dropdown — the same alternate presentation as `ax-select-box`.
@@ -76,6 +77,7 @@ declare class AXComboBoxComponent extends NXValueComponent implements FormValueC
     adaptivityEnabled: _angular_core.InputSignal<boolean>;
     /**
      * Title shown in the actionsheet header on small screens. Falls back to `placeholder`.
+     * Supports i18n expressions (e.g. `@acorex:selectbox.popover.title`).
      */
     caption: _angular_core.InputSignal<string>;
     /**
@@ -84,14 +86,25 @@ declare class AXComboBoxComponent extends NXValueComponent implements FormValueC
     alternate: _angular_core.InputSignal<boolean>;
     /**
      * The placeholder text shown when no value is selected.
+     * Supports i18n expressions (e.g. `@acorex:chat.placeholders.select-conversation`).
      */
     placeholder: _angular_core.InputSignal<string>;
     /**
      * Placeholder for the trigger search input when items are already selected (multi-select),
      * and for the in-sheet search field on small screens. Falls back to `placeholder` when the
      * selection is empty on desktop.
+     * Supports i18n expressions (e.g. `@acorex:common.actions.search`).
      */
     searchPlaceholder: _angular_core.InputSignal<string>;
+    /** Resolved `placeholder` (i18n-aware). */
+    protected translatedPlaceholder: _angular_core.Signal<string>;
+    /** Resolved `searchPlaceholder` (i18n-aware). */
+    protected translatedSearchPlaceholder: _angular_core.Signal<string>;
+    /**
+     * When `true` (default), matching characters in popup result items are highlighted
+     * while the user searches.
+     */
+    highlightSearch: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Custom template rendered when the filtered list has no items.
      * When omitted, a default "no result found" message is shown.
@@ -175,6 +188,12 @@ declare class AXComboBoxComponent extends NXValueComponent implements FormValueC
     protected selectedItem: _angular_core.Signal<AXComboBoxItem>;
     /** Display text shown in the trigger / used as the searchable input baseline (single-select). */
     protected displayText: _angular_core.Signal<string>;
+    /** Resolved display text for the trigger input (i18n-aware). */
+    protected translatedDisplayText: _angular_core.Signal<string>;
+    /** Actionsheet header title with i18n fallback chain. */
+    protected actionsheetTitleSource: _angular_core.Signal<string>;
+    /** Resolved actionsheet title (i18n-aware). */
+    protected actionsheetTitle: _angular_core.Signal<string>;
     /**
      * The text typed in the searchable input.
      * Multi-select starts empty; single mode syncs from the selected display text.
@@ -186,7 +205,11 @@ declare class AXComboBoxComponent extends NXValueComponent implements FormValueC
     protected triggerSearchPlaceholder: _angular_core.Signal<string>;
     /** The listbox selection (item ids), kept in sync with the selected value(s). */
     protected selection: _angular_core.WritableSignal<string[]>;
-    /** Items filtered by typed query against `id` when the combo box is searchable. */
+    /** Resolved search query from the trigger or sheet input (debounced before filtering). */
+    protected searchQuery: _angular_core.Signal<string>;
+    /** Query passed to result-item highlighting (empty when disabled). */
+    protected highlightQuery: _angular_core.Signal<string>;
+    /** Items filtered by typed query against `id` and `text` when the combo box is searchable. */
     protected filteredItems: _angular_core.Signal<AXComboBoxItem[]>;
     /** Whether the filtered list is empty (empty-state vs hidden listbox). */
     protected hasNoMatches: _angular_core.Signal<boolean>;
@@ -197,6 +220,8 @@ declare class AXComboBoxComponent extends NXValueComponent implements FormValueC
     protected popupRef: _angular_core.Signal<ElementRef<HTMLElement>>;
     protected sheetSearchRef: _angular_core.Signal<AXSearchBoxComponent>;
     constructor();
+    /** Scrolls the selected option into view after the popover overlay is open and laid out. */
+    protected onPopoverOpened(): void;
     /** Stable unique key for `@for` — avoids NG0955 when `id` is missing or duplicated. */
     protected trackItemKey(index: number, item: AXComboBoxItem): string;
     /** Whether the given item is currently selected. */
@@ -205,11 +230,16 @@ declare class AXComboBoxComponent extends NXValueComponent implements FormValueC
      * Opens (searchable) or toggles (non-searchable) the popup on trigger click.
      */
     protected onTriggerClick(): void;
+    /**
+     * Toggles the popup when the chevron button is clicked.
+     */
+    protected onChevronClick(event: Event): void;
     /**
      * Keyboard handling on the trigger:
      * - Searchable: Enter never submits the form; with no matches the value is cleared (`null`).
      * - Non-searchable: open with Enter/Space when collapsed; commit with Space when expanded.
-     * - Multi-select: Backspace removes the last chip when the search input is empty.
+     * - Multi-select: Backspace with an empty trigger input removes the last chip; repeated presses
+     *   clear the whole selection.
      */
     protected onTriggerKeydown(event: KeyboardEvent): void;
     /** Handles Enter in the actionsheet search field (no form submit; clear on no matches). */
@@ -267,7 +297,7 @@ declare class AXComboBoxComponent extends NXValueComponent implements FormValueC
     /** Forwards native blur from the trigger input. */
     protected emitOnBlur(e: FocusEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXComboBoxComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXComboBoxComponent, "ax-combo-box", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "adaptivityEnabled": { "alias": "adaptivityEnabled"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "alternate": { "alias": "alternate"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; "selectedTemplate": { "alias": "selectedTemplate"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "look": "lookChange"; "value": "valueChange"; "onValueChanged": "onValueChanged"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onItemClick": "onItemClick"; "onItemSelected": "onItemSelected"; "onOpened": "onOpened"; "onClosed": "onClosed"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-header", "ax-footer", "ax-validation-rule"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXComboBoxComponent, "ax-combo-box", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "adaptivityEnabled": { "alias": "adaptivityEnabled"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "alternate": { "alias": "alternate"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "highlightSearch": { "alias": "highlightSearch"; "required": false; "isSignal": true; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; "selectedTemplate": { "alias": "selectedTemplate"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "look": "lookChange"; "value": "valueChange"; "onValueChanged": "onValueChanged"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onItemClick": "onItemClick"; "onItemSelected": "onItemSelected"; "onOpened": "onOpened"; "onClosed": "onClosed"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-header", "ax-footer", "ax-validation-rule"], true, never>;
 }
 
 declare class AXComboBoxModule {