@acorex/components 22.1.0-next.31 → 22.1.0-next.32

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 {

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

@@ -39,7 +39,7 @@ type AXCommandFooter = {
 declare const AXCommandComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXInputBaseValueComponent<AXCommandMenuItem>;
     ɵfac: _angular_core.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
-    ɵprov: _angular_core.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+    ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }, typeof MXLookComponent]>;
 declare class AXCommandComponent extends AXCommandComponent_base {
     protected searchValue: _angular_core.WritableSignal<string>;