ng-primitives 0.117.2 → 0.119.0

package/select/index.d.ts

@@ -5,7 +5,7 @@ import { BooleanInput } from '@angular/cdk/coercion';
 import * as ng_primitives_internal from 'ng-primitives/internal';
 import * as ng_primitives_select from 'ng-primitives/select';
 import * as ng_primitives_portal from 'ng-primitives/portal';
-import { NgpOverlay, NgpFlip, NgpFlipInput } from 'ng-primitives/portal';
+import { NgpOverlay, NgpFlip, NgpOffset, NgpFlipInput, NgpOffsetInput } from 'ng-primitives/portal';
 import * as ng_primitives_a11y from 'ng-primitives/a11y';
 import { Placement } from '@floating-ui/dom';
 
@@ -163,6 +163,12 @@ interface NgpSelectConfig {
      * @default true
      */
     flip: NgpFlip;
+    /**
+     * Define the offset of the select dropdown relative to the trigger.
+     * Can be a number (applies to mainAxis) or an object with mainAxis, crossAxis, and alignmentAxis.
+     * @default 0
+     */
+    offset: NgpOffset;
 }
 /**
  * Provide the default Select configuration
@@ -215,6 +221,12 @@ declare class NgpSelect {
     readonly container: _angular_core.InputSignal<string | HTMLElement | null>;
     /** Whether the dropdown should flip when there is not enough space. Can be a boolean to enable/disable, or an object with padding and fallbackPlacements options. */
     readonly flip: _angular_core.InputSignalWithTransform<NgpFlip, NgpFlipInput>;
+    /**
+     * Define the offset of the select dropdown relative to the trigger.
+     * Can be a number (applies to mainAxis) or an object with mainAxis, crossAxis, and alignmentAxis.
+     * @default 0
+     */
+    readonly offset: _angular_core.InputSignalWithTransform<NgpOffset, NgpOffsetInput>;
     /**
      * A function that will scroll the active option into view. This can be overridden
      * for cases such as virtual scrolling where we cannot scroll the option directly because
@@ -266,9 +278,7 @@ declare class NgpSelect {
         id: _angular_core.Signal<string | undefined>;
         index: _angular_core.WritableSignal<number>;
         activateByIndex: (index: number, { scroll, origin }?: ng_primitives_a11y.ActivationOptions) => void;
-        activateById: (id: string, options
-        /** The value of the select. */
-        ? /** The value of the select. */: ng_primitives_a11y.ActivationOptions) => void;
+        activateById: (id: string, options?: ng_primitives_a11y.ActivationOptions) => void;
         first: (options?: ng_primitives_a11y.ActivationOptions) => void;
         last: (options?: ng_primitives_a11y.ActivationOptions) => void;
         next: (options?: ng_primitives_a11y.ActivationOptions) => void;
@@ -289,6 +299,12 @@ declare class NgpSelect {
      * @internal
      */
     closeDropdown(): void;
+    /**
+     * Handles the dropdown being closed.
+     * Emits the openChange event and resets the active descendant.
+     * @internal
+     */
+    onOverlayClosed(): void;
     /**
      * Toggle the dropdown.
      * @internal
@@ -364,7 +380,7 @@ declare class NgpSelect {
     private scrollTo;
     private getOptionAtIndex;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpSelect, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpSelect, "[ngpSelect]", ["ngpSelect"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "ngpSelectValue"; "required": false; "isSignal": true; }; "multiple": { "alias": "ngpSelectMultiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpSelectDisabled"; "required": false; "isSignal": true; }; "compareWith": { "alias": "ngpSelectCompareWith"; "required": false; "isSignal": true; }; "placement": { "alias": "ngpSelectDropdownPlacement"; "required": false; "isSignal": true; }; "container": { "alias": "ngpSelectDropdownContainer"; "required": false; "isSignal": true; }; "flip": { "alias": "ngpSelectDropdownFlip"; "required": false; "isSignal": true; }; "scrollToOption": { "alias": "ngpSelectScrollToOption"; "required": false; "isSignal": true; }; "allOptions": { "alias": "ngpSelectOptions"; "required": false; "isSignal": true; }; }, { "valueChange": "ngpSelectValueChange"; "openChange": "ngpSelectOpenChange"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpSelect, "[ngpSelect]", ["ngpSelect"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "ngpSelectValue"; "required": false; "isSignal": true; }; "multiple": { "alias": "ngpSelectMultiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpSelectDisabled"; "required": false; "isSignal": true; }; "compareWith": { "alias": "ngpSelectCompareWith"; "required": false; "isSignal": true; }; "placement": { "alias": "ngpSelectDropdownPlacement"; "required": false; "isSignal": true; }; "container": { "alias": "ngpSelectDropdownContainer"; "required": false; "isSignal": true; }; "flip": { "alias": "ngpSelectDropdownFlip"; "required": false; "isSignal": true; }; "offset": { "alias": "ngpSelectDropdownOffset"; "required": false; "isSignal": true; }; "scrollToOption": { "alias": "ngpSelectScrollToOption"; "required": false; "isSignal": true; }; "allOptions": { "alias": "ngpSelectOptions"; "required": false; "isSignal": true; }; }, { "valueChange": "ngpSelectValueChange"; "openChange": "ngpSelectOpenChange"; }, never, never, true, never>;
 }
 
 /**