@basis-ng/primitives 0.0.1-alpha.23 → 0.0.1-alpha.25

package/core/components/combobox/combobox.component.d.ts

@@ -1,4 +1,3 @@
-import { CdkConnectedOverlay } from '@angular/cdk/overlay';
 import { OnInit } from '@angular/core';
 import { Button } from '../button/button.component';
 import { ControlValueAccessor } from '@angular/forms';
@@ -14,6 +13,10 @@ export declare class ComboboxComponent implements OnInit, ControlValueAccessor {
      * Defaults to 'Select an option'.
      */
     readonly placeholder: import("@angular/core").InputSignal<string>;
+    /**
+     * Input for the offset value between the button and the dropdown.
+     */
+    readonly offset: import("@angular/core").InputSignal<number>;
     /**
      * Signal indicating whether the dropdown is currently open.
      */
@@ -58,11 +61,6 @@ export declare class ComboboxComponent implements OnInit, ControlValueAccessor {
      * This is used to provide a smooth transition when closing the dropdown.
      */
     readonly closeDelay: import("@angular/core").WritableSignal<number>;
-    /**
-     * Reference to the CdkConnectedOverlay directive.
-     * This is used to manage the positioning and visibility of the dropdown overlay.
-     */
-    readonly cdkConnectedOverlay: import("@angular/core").Signal<CdkConnectedOverlay | undefined>;
     /**
      * Lifecycle hook that is called after the component is initialized.
      * It sets up the necessary subscriptions for handling value changes.
@@ -74,17 +72,6 @@ export declare class ComboboxComponent implements OnInit, ControlValueAccessor {
      * value is propagated to Angular Forms.
      */
     handleSelectedValueChange(): void;
-    /**
-     * Opens the dropdown and focuses the listbox.
-     * This method sets the `isOpen` signal to `true` and ensures the listbox gains focus.
-     */
-    open(): void;
-    /**
-     * Closes the dropdown with a transition effect and refocuses the button.
-     * This method sets the `isOpen` signal to `false` after a delay and removes
-     * the transition class from the overlay panel.
-     */
-    close(): void;
     /**
      * Focuses the input element within the command component when the overlay is attached.
      */
@@ -127,5 +114,5 @@ export declare class ComboboxComponent implements OnInit, ControlValueAccessor {
      */
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ComboboxComponent, "b-combobox", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; }, ["command"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ComboboxComponent, "b-combobox", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; }, ["command"], ["*"], true, never>;
 }

package/core/components/select/select.component.d.ts

@@ -1,4 +1,3 @@
-import { CdkConnectedOverlay } from '@angular/cdk/overlay';
 import { OnInit } from '@angular/core';
 import { SelectOptionsComponent } from './select-options.component';
 import { Button } from '../button/button.component';
@@ -14,6 +13,10 @@ export declare class SelectComponent implements OnInit, ControlValueAccessor {
      * Defaults to 'Select an option'.
      */
     readonly placeholder: import("@angular/core").InputSignal<string>;
+    /**
+     * Input for the offset value between the button and the dropdown.
+     */
+    readonly offset: import("@angular/core").InputSignal<number>;
     /**
      * Signal indicating whether the dropdown is currently open.
      */
@@ -58,11 +61,6 @@ export declare class SelectComponent implements OnInit, ControlValueAccessor {
      * This is used to provide a smooth transition when closing the dropdown.
      */
     readonly closeDelay: import("@angular/core").WritableSignal<number>;
-    /**
-     * Reference to the CdkConnectedOverlay directive.
-     * This is used to manage the positioning and visibility of the dropdown overlay.
-     */
-    readonly cdkConnectedOverlay: import("@angular/core").Signal<CdkConnectedOverlay | undefined>;
     /**
      * Lifecycle hook that is called after the component is initialized.
      * It sets up the necessary subscriptions for handling value changes.
@@ -74,17 +72,6 @@ export declare class SelectComponent implements OnInit, ControlValueAccessor {
      * value is propagated to Angular Forms.
      */
     handleSelectedValueChange(): void;
-    /**
-     * Opens the dropdown.
-     * This method sets the `isOpen` signal to `true`.
-     */
-    open(): void;
-    /**
-     * Closes the dropdown with a transition effect and refocuses the button.
-     * This method sets the `isOpen` signal to `false` after a delay and removes
-     * the transition class from the overlay panel.
-     */
-    close(): void;
     /**
      * Focuses the options list when the overlay is attached.
      */
@@ -127,5 +114,5 @@ export declare class SelectComponent implements OnInit, ControlValueAccessor {
      */
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "b-select", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; }, ["optionsList"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "b-select", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; }, ["optionsList"], ["*"], true, never>;
 }

package/core/directives/overlay-trigger.directive.d.ts

@@ -0,0 +1,23 @@
+import { CdkOverlayOrigin } from '@angular/cdk/overlay';
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/overlay";
+/**
+ * Directive to mark an element as a trigger for an overlay.
+ * Integrates with Angular CDK's `CdkOverlayOrigin` to provide
+ * a reference point for overlay positioning.
+ */
+export declare class OverlayTriggerDirective {
+    /**
+     * Reference to the `CdkOverlayOrigin` instance.
+     * Used as the origin point for overlay positioning.
+     */
+    trigger: CdkOverlayOrigin;
+    /**
+     * Reference to the `ElementRef` of the host element.
+     * This is used to access the native DOM element.
+     */
+    el: ElementRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OverlayTriggerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<OverlayTriggerDirective, "[bOverlayTrigger]", ["bOverlayTrigger"], {}, {}, never, never, true, [{ directive: typeof i1.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
+}

package/core/directives/overlay.directive.d.ts

@@ -0,0 +1,77 @@
+import { CdkConnectedOverlay, ConnectedPosition, ConnectionPositionPair } from '@angular/cdk/overlay';
+import { OverlayTriggerDirective, Position } from '../../public-api';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/overlay";
+/**
+ * Directive to manage overlay behavior and positioning.
+ * Integrates with Angular CDK's `CdkConnectedOverlay` to provide
+ * flexible overlay positioning and triggering mechanisms.
+ */
+export declare class OverlayDirective {
+    /**
+     * Controls whether the overlay is open.
+     * @default false
+     */
+    readonly open: import("@angular/core").InputSignal<boolean>;
+    /**
+     * The trigger directive that activates the overlay.
+     * This input is required.
+     */
+    readonly trigger: import("@angular/core").InputSignal<OverlayTriggerDirective>;
+    /**
+     * Offset value for overlay positioning.
+     * @default 0
+     */
+    readonly offset: import("@angular/core").InputSignal<number>;
+    /**
+     * Delay in milliseconds before closing the overlay.
+     * @default 0
+     */
+    readonly closeDelay: import("@angular/core").InputSignal<number>;
+    /**
+     * A computed map of positions to their corresponding `ConnectedPosition` configurations.
+     */
+    readonly positionsMap: import("@angular/core").Signal<Record<Position, ConnectedPosition>>;
+    /**
+     * List of positions for the overlay.
+     * @default ['bottom-left']
+     */
+    readonly positions: import("@angular/core").InputSignal<Position[]>;
+    /**
+     * Computed list of `ConnectedPosition` objects based on the `positions` input.
+     */
+    readonly connectedPositions: import("@angular/core").Signal<ConnectedPosition[]>;
+    /**
+     * Signal to track the currently active `ConnectionPositionPair`.
+     */
+    readonly connectedPositionPair: import("@angular/core").WritableSignal<ConnectionPositionPair | undefined>;
+    /**
+     * Injected instance of `CdkConnectedOverlay`.
+     */
+    cdkConnectedOverlay: CdkConnectedOverlay;
+    /**
+     * Computed direction of the overlay based on the active position pair.
+     */
+    readonly direction: import("@angular/core").Signal<string | undefined>;
+    /**
+     * Constructor to initialize the directive and set up reactive effects.
+     */
+    constructor();
+    /**
+     * Handles the origin of the overlay.
+     * This method sets the `cdkConnectedOverlay.origin` to the trigger element.
+     */
+    handleOrigin(): void;
+    /**
+     * Handles the connected positions for the overlay.
+     * This method updates the `cdkConnectedOverlay` positions based on the current state.
+     */
+    handleConnectedPositions(): void;
+    /**
+     * Handles the opening and closing of the overlay based on the `open` input.
+     */
+    handleOpen(): void;
+    firstLoad: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OverlayDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<OverlayDirective, "[bOverlay]", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": true; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; "positions": { "alias": "positions"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.CdkConnectedOverlay; inputs: { "cdkConnectedOverlayWidth": "width"; "cdkConnectedOverlayMinWidth": "minWidth"; "cdkConnectedOverlayHasBackdrop": "hasBackdrop"; "cdkConnectedOverlayBackdropClass": "customBackdropClass"; }; outputs: { "backdropClick": "backdropClick"; "detach": "detach"; "attach": "attach"; "overlayOutsideClick": "outsideClick"; "positionChange": "positionChange"; }; }]>;
+}