ng-primitives 0.0.7 → 0.2.0

package/file-upload/file-upload/file-upload.directive.d.ts

@@ -7,6 +7,7 @@
  */
 import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
+import * as i1 from "ng-primitives/interactions";
 export declare class NgpFileUpload {
     /**
      * Access the host element.
@@ -55,5 +56,5 @@ export declare class NgpFileUpload {
     protected onDragLeave(event: DragEvent): void;
     protected onDrop(event: DragEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpFileUpload, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpFileUpload, "[ngpFileUpload]", ["ngpFileUpload"], { "fileTypes": { "alias": "ngpFileUploadFileTypes"; "required": false; "isSignal": true; }; "multiple": { "alias": "ngpFileUploadMultiple"; "required": false; "isSignal": true; }; "directory": { "alias": "ngpFileUploadDirectory"; "required": false; "isSignal": true; }; "dragAndDrop": { "alias": "ngpFileUploadDragDrop"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpFileUploadDisabled"; "required": false; "isSignal": true; }; }, { "selected": "ngpFileUploadSelected"; "dragOver": "ngpFileUploadDragOver"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpFileUpload, "[ngpFileUpload]", ["ngpFileUpload"], { "fileTypes": { "alias": "ngpFileUploadFileTypes"; "required": false; "isSignal": true; }; "multiple": { "alias": "ngpFileUploadMultiple"; "required": false; "isSignal": true; }; "directory": { "alias": "ngpFileUploadDirectory"; "required": false; "isSignal": true; }; "dragAndDrop": { "alias": "ngpFileUploadDragDrop"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpFileUploadDisabled"; "required": false; "isSignal": true; }; }, { "selected": "ngpFileUploadSelected"; "dragOver": "ngpFileUploadDragOver"; }, never, never, true, [{ directive: typeof i1.NgpHover; inputs: {}; outputs: {}; }, { directive: typeof i1.NgpFocusVisible; inputs: {}; outputs: {}; }, { directive: typeof i1.NgpPress; inputs: {}; outputs: {}; }]>;
 }

package/focus-trap/README.md

@@ -0,0 +1,3 @@
+# ng-primitives/focus-trap
+
+Secondary entry point of `ng-primitives`. It can be used by importing from `ng-primitives/focus-trap`.

package/focus-trap/focus-trap/focus-trap.directive.d.ts

@@ -0,0 +1,64 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class NgpFocusTrap implements OnInit, OnDestroy {
+    /**
+     * Create a new focus trap.
+     */
+    private readonly focusTrap;
+    /**
+     * Access the interactivity checker.
+     */
+    private readonly interactivityChecker;
+    /**
+     * Get the focus trap container element.
+     */
+    private readonly elementRef;
+    /**
+     * Access NgZone to run the focus trap events outside of Angular's zone.
+     */
+    private readonly ngZone;
+    /**
+     * Store the mutation observer.
+     */
+    private mutationObserver;
+    /**
+     * Store the last focused element.
+     */
+    private lastFocusedElement;
+    /**
+     * Whether the focus trap is disabled.
+     */
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private handleFocusIn;
+    /**
+     * Handles the `focusout` event.
+     */
+    private handleFocusOut;
+    /**
+     * If the focused element gets removed from the DOM, browsers move focus back to the document.body.
+     * We move focus to the container to keep focus trapped correctly.
+     */
+    private handleMutations;
+    /**
+     * Handles the `keydown` event.
+     */
+    protected handleKeyDown(event: KeyboardEvent): void;
+    /**
+     * Returns the first and last tabbable elements inside a container.
+     */
+    private getTabbableEdges;
+    /**
+     * Returns a list of potential focusable elements inside a container.
+     */
+    private getTabbableCandidates;
+    /**
+     * Returns the first visible element in a list..
+     */
+    private findVisible;
+    private focus;
+    private focusFirst;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgpFocusTrap, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpFocusTrap, "[ngpFocusTrap]", ["ngpFocusTrap"], { "disabled": { "alias": "ngpFocusTrapDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/{select/select-options/select-options.token.d.ts → focus-trap/focus-trap/focus-trap.token.d.ts}

@@ -6,9 +6,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { InjectionToken } from '@angular/core';
-import type { NgpSelectOptions } from './select-options.directive';
-export declare const NgpSelectOptionsToken: InjectionToken<NgpSelectOptions<unknown>>;
+import type { NgpFocusTrap } from './focus-trap.directive';
+export declare const NgpFocusTrapToken: InjectionToken<NgpFocusTrap>;
 /**
- * Inject the SelectOptions directive instance
+ * Inject the FocusTrap directive instance
  */
-export declare function injectSelectOptions<T>(): NgpSelectOptions<T>;
+export declare function injectFocusTrap(): NgpFocusTrap;

package/focus-trap/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright © 2024 Angular Primitives.
+ * https://github.com/ng-primitives/ng-primitives
+ *
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { NgpFocusTrap } from './focus-trap/focus-trap.directive';
+export { NgpFocusTrapToken } from './focus-trap/focus-trap.token';

package/form-field/description/description.directive.d.ts

@@ -3,7 +3,7 @@ export declare class NgpDescription {
     /**
      * Access the form field that the description is associated with.
      */
-    protected readonly formField: import("ng-primitives/form-field").NgpFormField;
+    protected readonly formField: import("ng-primitives/form-field").NgpFormField | null;
     /**
      * The id of the description. If not provided, a unique id will be generated.
      */

package/form-field/error/error.directive.d.ts

@@ -5,13 +5,13 @@
  * This source code is licensed under the CC BY-ND 4.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class NgpError implements OnInit, OnChanges, OnDestroy {
+export declare class NgpError implements OnChanges, OnDestroy {
     /**
      * Access the form field that the description is associated with.
      */
-    protected readonly formField: import("ng-primitives/form-field").NgpFormField;
+    protected readonly formField: import("ng-primitives/form-field").NgpFormField | null;
     /**
      * The id of the error message. If not provided, a unique id will be generated.
      */
@@ -20,11 +20,15 @@ export declare class NgpError implements OnInit, OnChanges, OnDestroy {
      * The validator associated with the error message.
      */
     readonly validator: import("@angular/core").InputSignal<string | null>;
+    /**
+     * Determine if there is an error message.
+     */
+    protected readonly hasError: import("@angular/core").Signal<boolean>;
     /**
      * Determine whether the validator associated with this error is failing.
      */
-    protected readonly state: import("@angular/core").Signal<"fail" | "pass" | null>;
-    ngOnInit(): void;
+    protected readonly state: import("@angular/core").Signal<"fail" | "pass">;
+    constructor();
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpError, never>;

package/form-field/form-control/form-control.directive.d.ts

@@ -3,7 +3,11 @@ export declare class NgpFormControl {
     /**
      * Access the form field that the form control is associated with.
      */
-    protected readonly formField: import("ng-primitives/form-field").NgpFormField;
+    protected readonly formField: import("ng-primitives/form-field").NgpFormField | null;
+    /**
+     * Whether the form control is disabled by a parent.
+     */
+    protected readonly disabled: import("@angular/core").Signal<boolean>;
     /**
      * The id of the form control. If not provided, a unique id will be generated.
      */
@@ -11,11 +15,11 @@ export declare class NgpFormControl {
     /**
      * Determine the aria-labelledby attribute value.
      */
-    protected readonly ariaLabelledBy: import("@angular/core").Signal<string>;
+    protected readonly ariaLabelledBy: import("@angular/core").Signal<string | undefined>;
     /**
      * Determine the aria-describedby attribute value.
      */
-    protected readonly ariaDescribedBy: import("@angular/core").Signal<string>;
+    protected readonly ariaDescribedBy: import("@angular/core").Signal<string | undefined>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpFormControl, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgpFormControl, "[ngpFormControl]", ["ngpFormControl"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;

package/form-field/form-field/form-field.token.d.ts

@@ -12,4 +12,4 @@ export declare const NgpFormFieldToken: InjectionToken<NgpFormField>;
  * Inject the FormField directive instance
  * @param primitive
  */
-export declare function injectFormField(primitive: string): NgpFormField;
+export declare function injectFormField(): NgpFormField | null;

package/form-field/label/label.directive.d.ts

@@ -7,7 +7,7 @@ export declare class NgpLabel {
     /**
      * Access the form field that the label is associated with.
      */
-    protected readonly formField: import("ng-primitives/form-field").NgpFormField;
+    protected readonly formField: import("ng-primitives/form-field").NgpFormField | null;
     /**
      * The id of the label. If not provided, a unique id will be generated.
      */
@@ -19,8 +19,9 @@ export declare class NgpLabel {
     /**
      * Derive the for attribute value if the label is an HTML label element.
      */
-    protected readonly htmlFor: import("@angular/core").Signal<string | null>;
+    protected readonly htmlFor: import("@angular/core").Signal<string | null | undefined>;
     constructor();
+    protected onClick(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpLabel, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgpLabel, "[ngpLabel]", ["ngpLabel"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/input/README.md

@@ -0,0 +1,3 @@
+# ng-primitives/input
+
+Secondary entry point of `ng-primitives`. It can be used by importing from `ng-primitives/input`.

package/input/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright © 2024 Angular Primitives.
+ * https://github.com/ng-primitives/ng-primitives
+ *
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { NgpInput } from './input/input.directive';
+export { NgpInputToken } from './input/input.token';

package/input/input/input.directive.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Copyright © 2024 Angular Primitives.
+ * https://github.com/ng-primitives/ng-primitives
+ *
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { BooleanInput } from '@angular/cdk/coercion';
+import { ElementRef } from '@angular/core';
+import { NgpCanDisable } from 'ng-primitives/internal';
+import * as i0 from "@angular/core";
+import * as i1 from "ng-primitives/form-field";
+import * as i2 from "ng-primitives/interactions";
+import * as i3 from "ng-primitives/autofill";
+export declare class NgpInput implements NgpCanDisable {
+    /**
+     * Access the underlying input element.
+     * @internal
+     */
+    readonly element: ElementRef<HTMLInputElement>;
+    /**
+     * Whether the element is disabled.
+     */
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * Sync the input value.
+     * @internal
+     */
+    readonly value: import("@angular/core").WritableSignal<string>;
+    protected valueDidChange(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgpInput, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpInput, "input[ngpInput]", ["ngpInput"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.NgpFormControl; inputs: {}; outputs: {}; }, { directive: typeof i2.NgpHover; inputs: {}; outputs: {}; }, { directive: typeof i2.NgpFocus; inputs: {}; outputs: {}; }, { directive: typeof i2.NgpPress; inputs: {}; outputs: {}; }, { directive: typeof i3.NgpAutofill; inputs: {}; outputs: {}; }]>;
+}

package/input/input/input.token.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright © 2024 Angular Primitives.
+ * https://github.com/ng-primitives/ng-primitives
+ *
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { InjectionToken } from '@angular/core';
+import type { NgpInput } from './input.directive';
+export declare const NgpInputToken: InjectionToken<NgpInput>;
+/**
+ * Inject the Input directive instance
+ */
+export declare function injectInput(): NgpInput;

package/interactions/focus/focus.directive.d.ts

@@ -20,10 +20,14 @@ export declare class NgpFocus {
      * Whether listening for focus events is disabled.
      */
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * Access the disabled state from any parent.
+     */
+    private readonly isDisabled;
     /**
      * Emit when the focus state changes.
      */
-    readonly stateChange: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly focus: import("@angular/core").OutputEmitterRef<boolean>;
     /**
      * Listen for focus events.
      * @param event
@@ -35,5 +39,5 @@ export declare class NgpFocus {
      */
     protected onBlur(event: FocusEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpFocus, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpFocus, "[ngpFocus]", ["ngpFocus"], { "disabled": { "alias": "ngpFocusDisabled"; "required": false; "isSignal": true; }; }, { "stateChange": "ngpFocusChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpFocus, "[ngpFocus]", ["ngpFocus"], { "disabled": { "alias": "ngpFocusDisabled"; "required": false; "isSignal": true; }; }, { "focus": "ngpFocus"; }, never, never, true, never>;
 }

package/interactions/focus-visible/focus-visible.directive.d.ts

@@ -13,6 +13,10 @@ export declare class NgpFocusVisible {
      * Whether focus events are listened to.
      */
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * Access the disabled state from any parent.
+     */
+    private readonly isDisabled;
     /**
      * Emit when the element is visually focused.
      */
@@ -29,5 +33,5 @@ export declare class NgpFocusVisible {
     protected onBlur(): void;
     private alwaysShowFocus;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpFocusVisible, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpFocusVisible, "[ngpFocusVisible]", ["ngpFocusVisible"], { "disabled": { "alias": "ngpFocusVisibleDisabled"; "required": false; "isSignal": true; }; }, { "focusChange": "ngpFocusVisibleChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpFocusVisible, "[ngpFocusVisible]", ["ngpFocusVisible"], { "disabled": { "alias": "ngpFocusVisibleDisabled"; "required": false; "isSignal": true; }; }, { "focusChange": "ngpFocusVisible"; }, never, never, true, never>;
 }

package/interactions/hover/hover.directive.d.ts

@@ -23,6 +23,10 @@ export declare class NgpHover implements OnChanges {
      * Whether hoving should be disabled.
      */
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * Access the disabled state from any parent.
+     */
+    private readonly isDisabled;
     /**
      * Store the current hover state.
      */
@@ -61,5 +65,5 @@ export declare class NgpHover implements OnChanges {
     protected onMouseEnter(event: MouseEvent): void;
     protected onMouseLeave(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpHover, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpHover, "[ngpHover]", ["ngpHover"], { "disabled": { "alias": "ngpHoverDisabled"; "required": false; "isSignal": true; }; }, { "hoverStart": "ngpHoverStart"; "hoverEnd": "ngpHoverEnd"; "hoverChange": "ngpHoverChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpHover, "[ngpHover]", ["ngpHover"], { "disabled": { "alias": "ngpHoverDisabled"; "required": false; "isSignal": true; }; }, { "hoverStart": "ngpHoverStart"; "hoverEnd": "ngpHoverEnd"; "hoverChange": "ngpHover"; }, never, never, true, never>;
 }

package/interactions/index.d.ts

@@ -11,3 +11,7 @@ export { NgpFocus } from './focus/focus.directive';
 export { NgpFocusToken } from './focus/focus.token';
 export { NgpFocusVisible } from './focus-visible/focus-visible.directive';
 export { NgpFocusVisibleToken } from './focus-visible/focus-visible.token';
+export { NgpPress } from './press/press.directive';
+export { NgpPressToken } from './press/press.token';
+export { NgpMove } from './move/move.directive';
+export { NgpMoveToken } from './move/move.token';

package/interactions/move/move.directive.d.ts

@@ -0,0 +1,126 @@
+/**
+ * Copyright © 2024 Angular Primitives.
+ * https://github.com/ng-primitives/ng-primitives
+ *
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { BooleanInput } from '@angular/cdk/coercion';
+import * as i0 from "@angular/core";
+/**
+ * Inspired by react-aria useMove hook:
+ * https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/interactions/src/useMove.ts
+ */
+export declare class NgpMove {
+    /**
+     * Access the disposable helper.
+     */
+    private readonly disposables;
+    /**
+     * Whether movement is disabled.
+     */
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * Access the disabled state from any parent.
+     */
+    private readonly isDisabled;
+    /**
+     * Emit when the move event begins.
+     */
+    readonly start: import("@angular/core").OutputEmitterRef<NgpMoveBaseEvent>;
+    /**
+     * Emit when the element is moved.
+     */
+    readonly move: import("@angular/core").OutputEmitterRef<NgpMoveEvent>;
+    /**
+     * Emit when the move event ends.
+     */
+    readonly end: import("@angular/core").OutputEmitterRef<NgpMoveBaseEvent>;
+    /**
+     * Whether the element is currently being moved.
+     */
+    private isMoving;
+    /**
+     * Store the last x position of the element.
+     */
+    private x;
+    /**
+     * Store the last y position of the element.
+     */
+    private y;
+    /**
+     * Store the id of the last pointer.
+     */
+    private pointerId;
+    /**
+     * Store the disposable event listeners.
+     */
+    private disposableListeners;
+    /**
+     * Handle a move start.
+     */
+    private onMoveStart;
+    /**
+     * Handle a move event.
+     */
+    private onMove;
+    /**
+     * Handle a move end.
+     */
+    private onMoveEnd;
+    /**
+     * Handle the pointer down event.
+     */
+    protected onPointerDown(event: PointerEvent): void;
+    /**
+     * Handle the pointer up event.
+     */
+    protected onPointerUp(event: PointerEvent): void;
+    /**
+     * Handle the pointer move event.
+     */
+    protected onPointerMove(event: PointerEvent): void;
+    private triggerKeyboardMove;
+    protected onArrowUp(event: KeyboardEvent): void;
+    protected onArrowDown(event: KeyboardEvent): void;
+    protected onArrowLeft(event: KeyboardEvent): void;
+    protected onArrowRight(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgpMove, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpMove, "[ngpMove]", ["ngpMove"], { "disabled": { "alias": "ngpMoveDisabled"; "required": false; "isSignal": true; }; }, { "start": "ngpMoveStart"; "move": "ngpMove"; "end": "ngpMoveEnd"; }, never, never, true, never>;
+}
+interface NgpMoveBaseEvent {
+    /**
+     * Whether the event was triggered by a mouse or keyboard event.
+     */
+    pointerType: PointerType;
+    /**
+     * Whether the shift key was pressed during the event.
+     */
+    shiftKey: boolean;
+    /**
+     * Whether the control key was pressed during the event.
+     */
+    ctrlKey: boolean;
+    /**
+     * Whether the meta key was pressed during the event.
+     */
+    metaKey: boolean;
+    /**
+     * Whether the alt key was pressed during the event.
+     */
+    altKey: boolean;
+}
+export type NgpMoveStartEvent = NgpMoveBaseEvent;
+export type NgpMoveEndEvent = NgpMoveBaseEvent;
+export interface NgpMoveEvent extends NgpMoveBaseEvent {
+    /**
+     * The amount of pixels moved in the x-axis.
+     */
+    deltaX: number;
+    /**
+     * The amount of pixels moved in the y-axis.
+     */
+    deltaY: number;
+}
+export type PointerType = 'mouse' | 'pen' | 'touch' | 'keyboard' | 'virtual';
+export {};

package/interactions/move/move.token.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright © 2024 Angular Primitives.
+ * https://github.com/ng-primitives/ng-primitives
+ *
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { InjectionToken } from '@angular/core';
+import type { NgpMove } from './move.directive';
+export declare const NgpMoveToken: InjectionToken<NgpMove>;
+/**
+ * Inject the Move directive instance
+ */
+export declare function injectMove(): NgpMove;

package/interactions/press/press.directive.d.ts

@@ -0,0 +1,59 @@
+/**
+ * Copyright © 2024 Angular Primitives.
+ * https://github.com/ng-primitives/ng-primitives
+ *
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { BooleanInput } from '@angular/cdk/coercion';
+import * as i0 from "@angular/core";
+/**
+ * This was inpsired by Headless UI's active-press hook:
+ * https://github.com/tailwindlabs/headlessui/blob/main/packages/%40headlessui-react/src/hooks/use-active-press.tsx
+ */
+export declare class NgpPress {
+    /**
+     * Access the HTML Element.
+     */
+    private readonly element;
+    /**
+     * Access the disposables.
+     */
+    private readonly disposables;
+    /**
+     * Whether listening for press events is disabled.
+     */
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * Access the disabled state from any parent.
+     */
+    private readonly isDisabled;
+    /**
+     * Emit when the press begins.
+     */
+    readonly pressStart: import("@angular/core").OutputEmitterRef<void>;
+    /**
+     * Emit when the press ends.
+     */
+    readonly pressEnd: import("@angular/core").OutputEmitterRef<void>;
+    /**
+     * Emit when the press changes.
+     */
+    readonly pressChange: import("@angular/core").OutputEmitterRef<boolean>;
+    /**
+     * The press state.
+     */
+    protected readonly pressed: import("@angular/core").WritableSignal<boolean>;
+    /**
+     * Reset the press state.
+     */
+    private reset;
+    /**
+     * Store the list of disposables.
+     */
+    private disposableListeners;
+    protected onPointerDown(): void;
+    private onPointerMove;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgpPress, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpPress, "[ngpPress]", ["ngpPress"], { "disabled": { "alias": "ngpPressDisabled"; "required": false; "isSignal": true; }; }, { "pressStart": "ngpPressStart"; "pressEnd": "ngpPressEnd"; "pressChange": "ngpPress"; }, never, never, true, never>;
+}

package/interactions/press/press.token.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright © 2024 Angular Primitives.
+ * https://github.com/ng-primitives/ng-primitives
+ *
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { InjectionToken } from '@angular/core';
+import type { NgpPress } from './press.directive';
+export declare const NgpPressToken: InjectionToken<NgpPress>;
+/**
+ * Inject the Press directive instance
+ */
+export declare function injectPress(): NgpPress;

package/internal/README.md

@@ -0,0 +1,3 @@
+# ng-primitives/internal
+
+Secondary entry point of `ng-primitives`. It can be used by importing from `ng-primitives/internal`.

package/internal/disabled/disabled.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Copyright © 2024 Angular Primitives.
+ * https://github.com/ng-primitives/ng-primitives
+ *
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { InjectionToken, Signal } from '@angular/core';
+export declare const NgpDisabledToken: InjectionToken<NgpCanDisable>;
+export interface NgpCanDisable {
+    /**
+     * Whether the element is disabled.
+     */
+    readonly disabled: Signal<boolean>;
+}
+/**
+ * Determine if we are in a disabled context.
+ * @param disabled The disabled signal for the local context.
+ * @returns The disabled signal.
+ */
+export declare function injectDisabled(disabled?: Signal<boolean>): Signal<boolean>;

package/internal/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Copyright © 2024 Angular Primitives.
+ * https://github.com/ng-primitives/ng-primitives
+ *
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export * from './disabled/disabled';
+export * from './orientation/orientation';
+export * from './style-injector/style-injector';

package/internal/orientation/orientation.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Copyright © 2024 Angular Primitives.
+ * https://github.com/ng-primitives/ng-primitives
+ *
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { InjectionToken, Signal } from '@angular/core';
+export declare const NgpOrientationToken: InjectionToken<NgpCanOrientate>;
+export interface NgpCanOrientate {
+    /**
+     * The desired orientation.
+     */
+    readonly orientation: Signal<NgpOrientation>;
+}
+/**
+ * Determine if we are in a orientation context.
+ * @param orientation The orientation signal for the local context.
+ * @returns The orientation signal.
+ */
+export declare function injectOrientation(orientation?: Signal<NgpOrientation>): Signal<NgpOrientation>;
+export type NgpOrientation = 'horizontal' | 'vertical';