ng-primitives 0.89.0 → 0.91.0

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

@@ -1,17 +0,0 @@
-import type { NgpFileUpload } from './file-upload';
-/**
- * The state token  for the FileUpload primitive.
- */
-export declare const NgpFileUploadStateToken: import("@angular/core").InjectionToken<NgpFileUpload>;
-/**
- * Provides the FileUpload state.
- */
-export declare const provideFileUploadState: (options?: import("ng-primitives/state").CreateStateProviderOptions) => import("@angular/core").FactoryProvider;
-/**
- * Injects the FileUpload state.
- */
-export declare const injectFileUploadState: <U = NgpFileUpload>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
-/**
- * The FileUpload state registration function.
- */
-export declare const fileUploadState: <U>(state: U) => import("ng-primitives/state").CreatedState<U>;

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

@@ -1,72 +0,0 @@
-import { BooleanInput } from '@angular/cdk/coercion';
-import * as i0 from "@angular/core";
-/**
- * A directive that allows you to turn any element into a file upload trigger.
- */
-export declare class NgpFileUpload {
-    /**
-     * Access the document
-     */
-    private readonly document;
-    /**
-     * Access the host element.
-     */
-    private readonly elementRef;
-    /**
-     * The accepted file types. This can be an array of strings or a comma-separated string.
-     * Accepted types can either be file extensions (e.g. `.jpg`) or MIME types (e.g. `image/jpeg`).
-     */
-    readonly fileTypes: import("@angular/core").InputSignalWithTransform<string[] | undefined, string | string[]>;
-    /**
-     * Whether to allow multiple files to be selected.
-     */
-    readonly multiple: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
-    /**
-     * Whether to allow the user to select directories.
-     */
-    readonly directory: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
-    /**
-     * Whether drag-and-drop is enabled.
-     */
-    readonly dragAndDrop: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
-    /**
-     * Whether the file upload is disabled.
-     */
-    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
-    /**
-     * Emits when the user selects files.
-     */
-    readonly selected: import("@angular/core").OutputEmitterRef<FileList | null>;
-    /**
-     * Emits when the user cancel the file selection.
-     */
-    readonly canceled: import("@angular/core").OutputEmitterRef<void>;
-    /**
-     * Emits when uploaded files are rejected because they do not match the allowed {@link fileTypes}.
-     */
-    readonly rejected: import("@angular/core").OutputEmitterRef<void>;
-    /**
-     * Emits when the user drags a file over the file upload.
-     */
-    readonly dragOver: import("@angular/core").OutputEmitterRef<boolean>;
-    /**
-     * Whether the user is currently dragging a file over the file upload.
-     */
-    protected readonly isDragOver: import("@angular/core").WritableSignal<boolean>;
-    /**
-     * Store the file input element.
-     */
-    private input;
-    /**
-     * The file upload state.
-     */
-    protected readonly state: import("ng-primitives/state").CreatedState<NgpFileUpload>;
-    constructor();
-    protected showFileDialog(): void;
-    protected onDragEnter(event: DragEvent): void;
-    protected onDragOver(event: DragEvent): void;
-    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"; "canceled": "ngpFileUploadCanceled"; "rejected": "ngpFileUploadRejected"; "dragOver": "ngpFileUploadDragOver"; }, never, never, true, never>;
-}

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

@@ -1,17 +0,0 @@
-import type { NgpFocusTrap } from './focus-trap';
-/**
- * The state token  for the FocusTrap primitive.
- */
-export declare const NgpFocusTrapStateToken: import("@angular/core").InjectionToken<NgpFocusTrap>;
-/**
- * Provides the FocusTrap state.
- */
-export declare const provideFocusTrapState: (options?: import("ng-primitives/state").CreateStateProviderOptions) => import("@angular/core").FactoryProvider;
-/**
- * Injects the FocusTrap state.
- */
-export declare const injectFocusTrapState: <U = NgpFocusTrap>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
-/**
- * The FocusTrap state registration function.
- */
-export declare const focusTrapState: <U>(state: U) => import("ng-primitives/state").CreatedState<U>;

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

@@ -1,85 +0,0 @@
-import { BooleanInput } from '@angular/cdk/coercion';
-import { OnDestroy, OnInit } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * The `NgpFocusTrap` directive traps focus within the host element.
- */
-export declare class NgpFocusTrap implements OnInit, OnDestroy {
-    /**
-     * Access any parent overlay.
-     */
-    private readonly overlay;
-    /**
-     * Create a new focus trap.
-     */
-    private readonly focusTrap;
-    /**
-     * Access the injector.
-     */
-    private readonly injector;
-    /**
-     * Access the focus monitor.
-     */
-    private readonly focusMonitor;
-    /**
-     * 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, BooleanInput>;
-    /**
-     * The focus trap state.
-     */
-    protected readonly state: import("ng-primitives/state").CreatedState<NgpFocusTrap>;
-    constructor();
-    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/form-field/description/description.d.ts

@@ -1,17 +0,0 @@
-import * as i0 from "@angular/core";
-/**
- * The `NgpDescription` directive is used to mark a description element within a form field. There may be multiple descriptions associated with a form control.
- */
-export declare class NgpDescription {
-    /**
-     * The id of the description. If not provided, a unique id will be generated.
-     */
-    readonly id: import("@angular/core").InputSignal<string>;
-    /**
-     * Access the form field that the description is associated with.
-     */
-    protected readonly formField: import("@angular/core").Signal<import("ng-primitives/state").State<import("ng-primitives/form-field").NgpFormField>>;
-    constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgpDescription, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpDescription, "[ngpDescription]", ["ngpDescription"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}

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

@@ -1,32 +0,0 @@
-import { OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * The `NgpError` directive is used to mark an error message element within a form field. There may be multiple error messages associated with a form control.
- */
-export declare class NgpError implements OnChanges, OnDestroy {
-    /**
-     * Access the form field that the description is associated with.
-     */
-    protected readonly formField: import("@angular/core").Signal<import("ng-primitives/state").State<import("ng-primitives/form-field").NgpFormField>>;
-    /**
-     * The id of the error message. If not provided, a unique id will be generated.
-     */
-    readonly id: import("@angular/core").InputSignal<string>;
-    /**
-     * 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">;
-    constructor();
-    ngOnChanges(changes: SimpleChanges): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgpError, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpError, "[ngpError]", ["ngpError"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "validator": { "alias": "ngpErrorValidator"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}

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

@@ -1,17 +0,0 @@
-import type { NgpFormControl } from './form-control';
-/**
- * The state token  for the FormControl primitive.
- */
-export declare const NgpFormControlStateToken: import("@angular/core").InjectionToken<NgpFormControl>;
-/**
- * Provides the FormControl state.
- */
-export declare const provideFormControlState: (options?: import("ng-primitives/state").CreateStateProviderOptions) => import("@angular/core").FactoryProvider;
-/**
- * Injects the FormControl state.
- */
-export declare const injectFormControlState: <U = NgpFormControl>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
-/**
- * The FormControl state registration function.
- */
-export declare const formControlState: <U>(state: U) => import("ng-primitives/state").CreatedState<U>;

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

@@ -1,44 +0,0 @@
-import { BooleanInput } from '@angular/cdk/coercion';
-import { Signal } from '@angular/core';
-import { NgpControlStatus } from 'ng-primitives/utils';
-import * as i0 from "@angular/core";
-/**
- * Typically this primitive would be not be used directly, but instead a more specific form control primitive would be used (e.g. `ngpInput`). All of our form control primitives use `ngpFormControl` internally so they will have the same accessibility features as described below.
- *
- * The `NgpFormControl` directive is used to mark a form control element within a form field. This element will have an `aria-labelledby` attribute set to the ID of the label element within the form field and an `aria-describedby` attribute set to the ID of the description elements within the form field.
- */
-export declare class NgpFormControl {
-    /**
-     * The id of the form control. If not provided, a unique id will be generated.
-     */
-    readonly id: import("@angular/core").InputSignal<string>;
-    /**
-     * Whether the form control is disabled by a parent.
-     */
-    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
-    /**
-     * The status of the form control.
-     */
-    readonly status: Signal<NgpControlStatus>;
-    /**
-     * The element reference.
-     */
-    private readonly elementRef;
-    /**
-     * Whether the element supports the disabled attribute.
-     */
-    protected readonly supportsDisabledAttribute: boolean;
-    /**
-     * The state of the form control.
-     */
-    private readonly state;
-    constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgpFormControl, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpFormControl, "[ngpFormControl]", ["ngpFormControl"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpFormControlDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-interface FormControlState {
-    id: Signal<string>;
-    disabled?: Signal<boolean>;
-}
-export declare function setupFormControl({ id, disabled, }: FormControlState): Signal<NgpControlStatus>;
-export {};

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

@@ -1,17 +0,0 @@
-import type { NgpFormField } from './form-field';
-/**
- * The state token  for the FormField primitive.
- */
-export declare const NgpFormFieldStateToken: import("@angular/core").InjectionToken<NgpFormField>;
-/**
- * Provides the FormField state.
- */
-export declare const provideFormFieldState: (options?: import("ng-primitives/state").CreateStateProviderOptions) => import("@angular/core").FactoryProvider;
-/**
- * Injects the FormField state.
- */
-export declare const injectFormFieldState: <U = NgpFormField>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
-/**
- * The FormField state registration function.
- */
-export declare const formFieldState: <U>(state: U) => import("ng-primitives/state").CreatedState<U>;

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

@@ -1,119 +0,0 @@
-import { OnDestroy } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * The `NgpFormField` directive is a container for form field elements. Any labels, form controls, or descriptions should be placed within this directive.
- */
-export declare class NgpFormField implements OnDestroy {
-    /**
-     * Store the form label.
-     * @internal
-     */
-    readonly labels: import("@angular/core").WritableSignal<string[]>;
-    /**
-     * Store the form descriptions.
-     * @internal
-     */
-    readonly descriptions: import("@angular/core").WritableSignal<string[]>;
-    /**
-     * Store the id of the associated form control.
-     * @internal
-     */
-    readonly formControl: import("@angular/core").WritableSignal<string | null>;
-    /**
-     * Find any NgControl within the form field.
-     * @internal
-     */
-    private readonly ngControl;
-    /**
-     * Store the validation error messages.
-     * @internal
-     */
-    readonly errors: import("@angular/core").WritableSignal<string[]>;
-    /**
-     * Whether the control is pristine.
-     * @internal
-     */
-    readonly pristine: import("@angular/core").WritableSignal<boolean | null>;
-    /**
-     * Whether the control is touched.
-     * @internal
-     */
-    readonly touched: import("@angular/core").WritableSignal<boolean | null>;
-    /**
-     * Whether the control is dirty.
-     * @internal
-     */
-    readonly dirty: import("@angular/core").WritableSignal<boolean | null>;
-    /**
-     * Whether the control is valid.
-     */
-    readonly valid: import("@angular/core").WritableSignal<boolean | null>;
-    /**
-     * Whether the control is invalid.
-     * @internal
-     */
-    readonly invalid: import("@angular/core").WritableSignal<boolean | null>;
-    /**
-     * Whether the control is pending.
-     * @internal
-     */
-    readonly pending: import("@angular/core").WritableSignal<boolean | null>;
-    /**
-     * Whether the control is disabled.
-     * @internal
-     */
-    readonly disabled: import("@angular/core").WritableSignal<boolean | null>;
-    /**
-     * Store the current status subscription.
-     */
-    private subscription?;
-    /**
-     * The form field state.
-     */
-    protected readonly state: import("ng-primitives/state").CreatedState<NgpFormField>;
-    constructor();
-    ngOnDestroy(): void;
-    /**
-     * Setup a listener for the form control status.
-     * @param control
-     */
-    private setupSubscriptions;
-    private updateStatus;
-    /**
-     * Register the id of the associated form control.
-     * @param id
-     * @internal
-     */
-    setFormControl(id: string): void;
-    /**
-     * Register a label with the form field.
-     * @param label
-     * @internal
-     */
-    addLabel(label: string): void;
-    /**
-     * Register a description with the form field.
-     * @param description
-     * @internal
-     */
-    addDescription(description: string): void;
-    /**
-     * Remove the associated form control.
-     * @internal
-     */
-    removeFormControl(): void;
-    /**
-     * Remove a label from the form field.
-     * @param label
-     * @internal
-     */
-    removeLabel(label: string): void;
-    /**
-     * Remove a description from the form field.
-     * @param description
-     * @internal
-     */
-    removeDescription(description: string): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgpFormField, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpFormField, "[ngpFormField]", ["ngpFormField"], {}, {}, ["ngControl"], never, true, never>;
-}

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

@@ -1,30 +0,0 @@
-import * as i0 from "@angular/core";
-/**
- * The `NgpLabel` directive is used to mark a label element within a form field. Preferably, there should use an HTML `<label>` element.
- */
-export declare class NgpLabel {
-    /**
-     * The id of the label. If not provided, a unique id will be generated.
-     */
-    readonly id: import("@angular/core").InputSignal<string>;
-    /**
-     * Access the form field that the label is associated with.
-     */
-    protected readonly formField: import("@angular/core").Signal<import("ng-primitives/state").State<import("ng-primitives/form-field").NgpFormField>>;
-    /**
-     * Derive the for attribute value if the label is an HTML label element.
-     */
-    protected readonly htmlFor: import("@angular/core").Signal<string | null>;
-    /**
-     * Access the element that the label is associated with.
-     */
-    private readonly elementRef;
-    /**
-     * Determine if the label is an HTML label element.
-     */
-    protected readonly isLabel: boolean;
-    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/input/input-state.d.ts

@@ -1,17 +0,0 @@
-import type { NgpInput } from './input';
-/**
- * The state token  for the Input primitive.
- */
-export declare const NgpInputStateToken: import("@angular/core").InjectionToken<NgpInput>;
-/**
- * Provides the Input state.
- */
-export declare const provideInputState: (options?: import("ng-primitives/state").CreateStateProviderOptions) => import("@angular/core").FactoryProvider;
-/**
- * Injects the Input state.
- */
-export declare const injectInputState: <U = NgpInput>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
-/**
- * The Input state registration function.
- */
-export declare const inputState: <U>(state: U) => import("ng-primitives/state").CreatedState<U>;

package/input/input/input.d.ts

@@ -1,34 +0,0 @@
-import { BooleanInput } from '@angular/cdk/coercion';
-import { Signal } from '@angular/core';
-import { NgpControlStatus } from 'ng-primitives/utils';
-import * as i0 from "@angular/core";
-import * as i1 from "ng-primitives/autofill";
-export declare class NgpInput {
-    /**
-     * The id of the input.
-     */
-    readonly id: import("@angular/core").InputSignal<string>;
-    /**
-     * The input may be used within a search field, if so we need to register it.
-     */
-    private readonly searchState;
-    /**
-     * Access the element reference.
-     */
-    private readonly elementRef;
-    /**
-     * Whether the element is disabled.
-     */
-    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
-    /**
-     * The form control status.
-     */
-    protected readonly status: Signal<NgpControlStatus>;
-    /**
-     * The input state.
-     */
-    protected readonly state: import("ng-primitives/state").CreatedState<NgpInput>;
-    constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgpInput, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpInput, "input[ngpInput]", ["ngpInput"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.NgpAutofill; inputs: {}; outputs: {}; }]>;
-}

package/input-otp/input-otp/input-otp-state.d.ts

@@ -1,17 +0,0 @@
-import type { NgpInputOtp } from './input-otp';
-/**
- * The state token for the InputOtp primitive.
- */
-export declare const NgpInputOtpStateToken: import("@angular/core").InjectionToken<NgpInputOtp>;
-/**
- * Provides the InputOtp state.
- */
-export declare const provideInputOtpState: (options?: import("ng-primitives/state").CreateStateProviderOptions) => import("@angular/core").FactoryProvider;
-/**
- * Injects the InputOtp state.
- */
-export declare const injectInputOtpState: <U = NgpInputOtp>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
-/**
- * The InputOtp state registration function.
- */
-export declare const inputOtpState: <U>(state: U) => import("ng-primitives/state").CreatedState<U>;