@mozaic-ds/angular 2.0.18 → 2.0.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mozaic-ds/angular",
-  "version": "2.0.18",
+  "version": "2.0.20",
   "type": "module",
   "peerDependencies": {
     "@angular/common": ">=20.3.15",

package/types/mozaic-ds-angular.d.ts

@@ -3430,6 +3430,8 @@ declare class MozComboboxComponent<T = string> implements ControlValueAccessor {
     readonly showActions: _angular_core.InputSignal<boolean>;
     /** Whether the component is in a loading state (e.g. async data) */
     readonly loading: _angular_core.InputSignal<boolean>;
+    /** Disable internal search filtering — the consumer handles filtering via (searched) and [items] */
+    readonly externalSearch: _angular_core.InputSignal<boolean>;
     /** Custom comparator for option values */
     readonly compareWith: _angular_core.InputSignal<(a: T, b: T) => boolean>;
     /** Accessible label */
@@ -3450,8 +3452,6 @@ declare class MozComboboxComponent<T = string> implements ControlValueAccessor {
     readonly clearAriaLabel: _angular_core.InputSignal<string>;
     /** Text shown inside the dropdown while loading */
     readonly loadingText: _angular_core.InputSignal<string>;
-    /** Whether to show the "No results found" message when no items match */
-    readonly showNoResultText: _angular_core.InputSignal<boolean>;
     readonly opened: _angular_core.OutputEmitterRef<void>;
     readonly closed: _angular_core.OutputEmitterRef<void>;
     readonly searched: _angular_core.OutputEmitterRef<string>;
@@ -3471,6 +3471,8 @@ declare class MozComboboxComponent<T = string> implements ControlValueAccessor {
     private readonly _disabledFromForm;
     /** Cache of value → label for all options ever seen (survives items changes) */
     private readonly _labelCache;
+    /** Tracks whether items have ever been provided (distinguishes async-on-demand from pre-loaded) */
+    private readonly _hasReceivedItems;
     /** CVA callbacks */
     private _onChange;
     private _onTouched;
@@ -3490,6 +3492,8 @@ declare class MozComboboxComponent<T = string> implements ControlValueAccessor {
     readonly selectedCount: _angular_core.Signal<number>;
     /** Whether the clear button should be visible */
     readonly showClear: _angular_core.Signal<boolean>;
+    /** Whether to display the empty-state message (no results) */
+    readonly showEmptyState: _angular_core.Signal<boolean>;
     /** Viewport height: capped to VIEWPORT_HEIGHT_PX, shrinks for small lists */
     readonly viewportHeight: _angular_core.Signal<number>;
     /** Whether a section's children are all selected */
@@ -3502,6 +3506,8 @@ declare class MozComboboxComponent<T = string> implements ControlValueAccessor {
     constructor();
     open(): void;
     close(): void;
+    /** Fully reset the combobox: clear value, search query, and close the panel. */
+    reset(): void;
     toggle(): void;
     onTriggerKeydown(event: KeyboardEvent): void;
     onPanelKeydown(event: KeyboardEvent): void;
@@ -3530,7 +3536,7 @@ declare class MozComboboxComponent<T = string> implements ControlValueAccessor {
     isOptionSelected(optionValue: T): boolean;
     private _updateTriggerWidth;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozComboboxComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozComboboxComponent<any>, "moz-combobox", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "showActions": { "alias": "showActions"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "noResultsText": { "alias": "noResultsText"; "required": false; "isSignal": true; }; "selectAllText": { "alias": "selectAllText"; "required": false; "isSignal": true; }; "clearText": { "alias": "clearText"; "required": false; "isSignal": true; }; "selectedSuffix": { "alias": "selectedSuffix"; "required": false; "isSignal": true; }; "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "showNoResultText": { "alias": "showNoResultText"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "opened": "opened"; "closed": "closed"; "searched": "searched"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozComboboxComponent<any>, "moz-combobox", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "showActions": { "alias": "showActions"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "externalSearch": { "alias": "externalSearch"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "noResultsText": { "alias": "noResultsText"; "required": false; "isSignal": true; }; "selectAllText": { "alias": "selectAllText"; "required": false; "isSignal": true; }; "clearText": { "alias": "clearText"; "required": false; "isSignal": true; }; "selectedSuffix": { "alias": "selectedSuffix"; "required": false; "isSignal": true; }; "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "opened": "opened"; "closed": "closed"; "searched": "searched"; }, never, never, true, never>;
 }
 
 /**