ng-primitives 0.3.0 → 0.4.0

package/date-picker/README.md

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

package/date-picker/date-picker/date-picker.directive.d.ts

@@ -0,0 +1,61 @@
+/**
+ * Copyright © 2024 Angular Primitives.
+ * https://github.com/ng-primitives/ng-primitives
+ *
+ * This source code is licensed under the Apache 2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { FocusOrigin } from '@angular/cdk/a11y';
+import { BooleanInput } from '@angular/cdk/coercion';
+import * as i0 from "@angular/core";
+export declare class NgpDatePicker<T> {
+    /**
+     * Access the date adapter.
+     */
+    private readonly dateAdapter;
+    /**
+     * Access the injector.
+     */
+    private readonly injector;
+    /**
+     * The minimum date that can be selected.
+     */
+    readonly min: import("@angular/core").InputSignal<T | undefined>;
+    /**
+     * The maximum date that can be selected.
+     */
+    readonly max: import("@angular/core").InputSignal<T | undefined>;
+    /**
+     * Determine if the date picker is disabled.
+     */
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * A function that is called to determine if a specific date should be disabled.
+     */
+    readonly dateDisabled: import("@angular/core").InputSignal<(date: T) => boolean>;
+    /**
+     * The selected value.
+     */
+    readonly date: import("@angular/core").ModelSignal<T | undefined>;
+    /**
+     * The focused value.
+     */
+    readonly focusedDate: import("@angular/core").ModelSignal<T>;
+    /**
+     * Detect the label element.
+     * @internal
+     */
+    readonly label: import("@angular/core").Signal<import("ng-primitives/date-picker").NgpDatePickerLabel | undefined>;
+    /**
+     * Access all the date picker buttons
+     */
+    private readonly buttons;
+    /**
+     * Set the focused date.
+     * @param date The date to focus.
+     * @internal
+     */
+    setFocusedDate(date: T, origin: FocusOrigin | undefined, direction: 'forward' | 'backward'): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgpDatePicker<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpDatePicker<any>, "[ngpDatePicker]", ["ngpDatePicker"], { "min": { "alias": "ngpDatePickerMin"; "required": false; "isSignal": true; }; "max": { "alias": "ngpDatePickerMax"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpDatePickerDisabled"; "required": false; "isSignal": true; }; "dateDisabled": { "alias": "ngpDatePickerDateDisabled"; "required": false; "isSignal": true; }; "date": { "alias": "ngpDatePickerDate"; "required": false; "isSignal": true; }; "focusedDate": { "alias": "ngpDatePickerFocusedDate"; "required": false; "isSignal": true; }; }, { "date": "ngpDatePickerDateChange"; "focusedDate": "ngpDatePickerFocusedDateChange"; }, ["label", "buttons"], never, true, never>;
+}

package/date-picker/date-picker/date-picker.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 Apache 2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { InjectionToken } from '@angular/core';
+import type { NgpDatePicker } from './date-picker.directive';
+export declare const NgpDatePickerToken: InjectionToken<NgpDatePicker<unknown>>;
+/**
+ * Inject the DatePicker directive instance
+ */
+export declare function injectDatePicker<T>(): NgpDatePicker<T>;

package/date-picker/date-picker-cell/date-picker-cell.directive.d.ts

@@ -0,0 +1,17 @@
+import * as i0 from "@angular/core";
+export declare class NgpDatePickerCell {
+    /**
+     * Access the date picker.
+     */
+    private readonly datePicker;
+    /**
+     * Access the child date picker date button.
+     */
+    protected readonly datePickerButton: import("@angular/core").Signal<import("ng-primitives/date-picker").NgpDatePickerDateButton<unknown> | undefined>;
+    /**
+     * Access the label id.
+     */
+    protected readonly labelId: import("@angular/core").Signal<string | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgpDatePickerCell, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpDatePickerCell, "[ngpDatePickerCell]", ["ngpDatePickerCell"], {}, {}, ["datePickerButton"], never, true, never>;
+}

package/date-picker/date-picker-cell/date-picker-cell.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 Apache 2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { InjectionToken } from '@angular/core';
+import type { NgpDatePickerCell } from './date-picker-cell.directive';
+export declare const NgpDatePickerCellToken: InjectionToken<NgpDatePickerCell>;
+/**
+ * Inject the DatePickerCell directive instance
+ */
+export declare function injectDatePickerCell(): NgpDatePickerCell;

package/date-picker/date-picker-cell-render/date-picker-cell-render.directive.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Copyright © 2024 Angular Primitives.
+ * https://github.com/ng-primitives/ng-primitives
+ *
+ * This source code is licensed under the Apache 2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class NgpDatePickerCellRender<T> implements OnDestroy {
+    /**
+     * Access the template ref for the cell.
+     */
+    private readonly templateRef;
+    /**
+     * Access the view container ref.
+     */
+    private readonly viewContainerRef;
+    /**
+     * Access the dates in the week.
+     */
+    private readonly dates;
+    /**
+     * Store the view refs for the dates.
+     */
+    private readonly viewRefs;
+    static ngTemplateContextGuard<T>(_: NgpDatePickerCellRender<T>, context: unknown): context is NgpDatePickerCellContext<T>;
+    constructor();
+    /**
+     * Render the dates in the week.
+     */
+    private renderDates;
+    /**
+     * Destroy the view refs.
+     */
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgpDatePickerCellRender<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpDatePickerCellRender<any>, "[ngpDatePickerCellRender]", ["ngpDatePickerCellRender"], {}, {}, never, never, true, never>;
+}
+interface NgpDatePickerCellContext<T> {
+    $implicit: T;
+}
+export {};

package/date-picker/date-picker-cell-render/date-picker-cell-render.token.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Copyright © 2024 Angular Primitives.
+ * https://github.com/ng-primitives/ng-primitives
+ *
+ * This source code is licensed under the Apache 2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { InjectionToken } from '@angular/core';
+import type { NgpDatePickerCellRender } from './date-picker-cell-render.directive';
+export declare const NgpDatePickerCellRenderToken: InjectionToken<NgpDatePickerCellRender<unknown>>;
+/**
+ * Inject the DatePickerCell directive instance
+ */
+export declare function injectDatePickerCellRender<T>(): NgpDatePickerCellRender<T>;
+export declare const NgpDatePickerCellDateToken: InjectionToken<unknown>;
+/**
+ * Inject current cell date
+ */
+export declare function injectDatePickerCellDate<T>(): T;

package/date-picker/date-picker-date-button/date-picker-date-button.directive.d.ts

@@ -0,0 +1,99 @@
+import { NgpCanDisable } from 'ng-primitives/internal';
+import * as i0 from "@angular/core";
+import * as i1 from "ng-primitives/button";
+export declare class NgpDatePickerDateButton<T> implements NgpCanDisable {
+    /**
+     * Access the element ref.
+     */
+    private readonly elementRef;
+    /**
+     * Access the focus monitor.
+     */
+    private readonly focusMonitor;
+    /**
+     * Access the date picker.
+     */
+    private readonly datePicker;
+    /**
+     * Access the date adapter.
+     */
+    private readonly dateAdapter;
+    /**
+     * The date this cell represents.
+     */
+    private readonly date;
+    /**
+     * Determine if this is the focused date.
+     */
+    protected readonly focused: import("@angular/core").Signal<boolean>;
+    /**
+     * Determine if this is the selected date.
+     * @internal
+     */
+    readonly selected: import("@angular/core").Signal<boolean | undefined>;
+    /**
+     * Determine if this date is outside the current month.
+     */
+    protected readonly outside: import("@angular/core").Signal<boolean>;
+    /**
+     * Determine if this date is today.
+     */
+    protected readonly today: import("@angular/core").Signal<boolean>;
+    /**
+     * Determine if this date is disabled.
+     * @internal
+     */
+    readonly disabled: import("@angular/core").Signal<boolean>;
+    /**
+     * Determine if the element is a button.
+     */
+    protected readonly isButton: boolean;
+    /**
+     * When the button is clicked, select the date.
+     */
+    protected select(event?: KeyboardEvent): void;
+    /**
+     * Focus if this is the current focused date.
+     * @internal
+     */
+    focus(): void;
+    /**
+     * Focus the previous cell.
+     */
+    protected focusPrevious(event: KeyboardEvent): void;
+    /**
+     * Focus the next cell.
+     */
+    protected focusNext(event: KeyboardEvent): void;
+    /**
+     * Focus the above cell.
+     */
+    protected focusAbove(event: KeyboardEvent): void;
+    /**
+     * Focus the below cell.
+     */
+    protected focusBelow(event: KeyboardEvent): void;
+    /**
+     * Focus the first date of the month.
+     */
+    protected focusFirst(event: KeyboardEvent): void;
+    /**
+     * Focus the last date of the month.
+     */
+    protected focusLast(event: KeyboardEvent): void;
+    /**
+     * Focus the same date in the previous month.
+     */
+    protected focusPreviousMonth(event: KeyboardEvent): void;
+    /**
+     * Focus the same date in the next month.
+     */
+    protected focusNextMonth(event: KeyboardEvent): void;
+    private focusDate;
+    /**
+     * Get the direction of the element.
+     */
+    private getDirection;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgpDatePickerDateButton<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpDatePickerDateButton<any>, "[ngpDatePickerDateButton]", ["ngpDatePickerDateButton"], {}, {}, never, never, true, [{ directive: typeof i1.NgpButton; inputs: {}; outputs: {}; }]>;
+}

package/date-picker/date-picker-date-button/date-picker-date-button.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 Apache 2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { InjectionToken } from '@angular/core';
+import type { NgpDatePickerDateButton } from './date-picker-date-button.directive';
+export declare const NgpDatePickerDateButtonToken: InjectionToken<NgpDatePickerDateButton<unknown>>;
+/**
+ * Inject the DatePickerDateButton directive instance
+ */
+export declare function injectDatePickerDateButton<T>(): NgpDatePickerDateButton<T>;

package/date-picker/date-picker-grid/date-picker-grid.directive.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+export declare class NgpDatePickerGrid<T> {
+    /**
+     * Access the date picker.
+     */
+    private readonly datePicker;
+    /**
+     * Determine the id for the label.
+     */
+    protected readonly labelId: import("@angular/core").Signal<string | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgpDatePickerGrid<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpDatePickerGrid<any>, "[ngpDatePickerGrid]", ["ngpDatePickerGrid"], {}, {}, never, never, true, never>;
+}

package/date-picker/date-picker-grid/date-picker-grid.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 Apache 2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { InjectionToken } from '@angular/core';
+import type { NgpDatePickerGrid } from './date-picker-grid.directive';
+export declare const NgpDatePickerGridToken: InjectionToken<NgpDatePickerGrid<unknown>>;
+/**
+ * Inject the DatePickerGrid directive instance
+ */
+export declare function injectDatePickerGrid<T>(): NgpDatePickerGrid<T>;

package/date-picker/date-picker-label/date-picker-label.directive.d.ts

@@ -0,0 +1,17 @@
+import * as i0 from "@angular/core";
+export declare class NgpDatePickerLabel {
+    /**
+     * Access the date picker.
+     */
+    protected readonly datePicker: import("ng-primitives/date-picker").NgpDatePicker<unknown>;
+    /**
+     * Define a unique id for the label.
+     */
+    readonly id: import("@angular/core").InputSignal<string>;
+    /**
+     * Define the aria live attribute.
+     */
+    readonly ariaLive: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgpDatePickerLabel, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpDatePickerLabel, "[ngpDatePickerLabel]", ["ngpDatePickerLabel"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "ariaLive": { "alias": "aria-live"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/date-picker/date-picker-label/date-picker-label.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 Apache 2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { InjectionToken } from '@angular/core';
+import type { NgpDatePickerLabel } from './date-picker-label.directive';
+export declare const NgpDatePickerLabelToken: InjectionToken<NgpDatePickerLabel>;
+/**
+ * Inject the DatePickerLabel directive instance
+ */
+export declare function injectDatePickerLabel(): NgpDatePickerLabel;

package/date-picker/date-picker-next-month/date-picker-next-month.directive.d.ts

@@ -0,0 +1,32 @@
+import { NgpCanDisable } from 'ng-primitives/internal';
+import * as i0 from "@angular/core";
+import * as i1 from "ng-primitives/button";
+export declare class NgpDatePickerNextMonth<T> implements NgpCanDisable {
+    /**
+     * Access the element ref.
+     */
+    private readonly elementRef;
+    /**
+     * Access the date adapter.
+     */
+    private readonly dateAdapter;
+    /**
+     * Access the date picker.
+     */
+    private readonly datePicker;
+    /**
+     * Determine if this is a button element
+     */
+    protected readonly isButton: boolean;
+    /**
+     * Determine if the next month is disabled.
+     * @internal
+     */
+    readonly disabled: import("@angular/core").Signal<boolean>;
+    /**
+     * Navigate to the next month.
+     */
+    protected navigateToNextMonth(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgpDatePickerNextMonth<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpDatePickerNextMonth<any>, "[ngpDatePickerNextMonth]", ["ngpDatePickerNextMonth"], {}, {}, never, never, true, [{ directive: typeof i1.NgpButton; inputs: {}; outputs: {}; }]>;
+}

package/date-picker/date-picker-next-month/date-picker-next-month.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 Apache 2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { InjectionToken } from '@angular/core';
+import type { NgpDatePickerNextMonth } from './date-picker-next-month.directive';
+export declare const NgpDatePickerNextMonthToken: InjectionToken<NgpDatePickerNextMonth<unknown>>;
+/**
+ * Inject the DatePickerNextMonth directive instance
+ */
+export declare function injectDatePickerNextMonth<T>(): NgpDatePickerNextMonth<T>;

package/date-picker/date-picker-previous-month/date-picker-previous-month.directive.d.ts

@@ -0,0 +1,32 @@
+import { NgpCanDisable } from 'ng-primitives/internal';
+import * as i0 from "@angular/core";
+import * as i1 from "ng-primitives/button";
+export declare class NgpDatePickerPreviousMonth<T> implements NgpCanDisable {
+    /**
+     * Access the element ref.
+     */
+    private readonly elementRef;
+    /**
+     * Access the date adapter.
+     */
+    private readonly dateAdapter;
+    /**
+     * Access the date picker.
+     */
+    private readonly datePicker;
+    /**
+     * Determine if this is a button element
+     */
+    protected readonly isButton: boolean;
+    /**
+     * Determine if the next month is disabled.
+     * @internal
+     */
+    readonly disabled: import("@angular/core").Signal<boolean>;
+    /**
+     * Navigate to the previous month.
+     */
+    protected navigateToPreviouMonth(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgpDatePickerPreviousMonth<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpDatePickerPreviousMonth<any>, "[ngpDatePickerPreviousMonth]", ["ngpDatePickerPreviousMonth"], {}, {}, never, never, true, [{ directive: typeof i1.NgpButton; inputs: {}; outputs: {}; }]>;
+}

package/date-picker/date-picker-previous-month/date-picker-previous-month.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 Apache 2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { InjectionToken } from '@angular/core';
+import type { NgpDatePickerPreviousMonth } from './date-picker-previous-month.directive';
+export declare const NgpDatePickerPreviousMonthToken: InjectionToken<NgpDatePickerPreviousMonth<unknown>>;
+/**
+ * Inject the DatePickerPreviousMonth directive instance
+ */
+export declare function injectDatePickerPreviousMonth<T>(): NgpDatePickerPreviousMonth<T>;

package/date-picker/date-picker-row-render/date-picker-row-render.directive.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Copyright © 2024 Angular Primitives.
+ * https://github.com/ng-primitives/ng-primitives
+ *
+ * This source code is licensed under the Apache 2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class NgpDatePickerRowRender<T> implements OnDestroy {
+    /**
+     * Access the date adapter.
+     */
+    private readonly dateAdapter;
+    /**
+     * Access the date picker.
+     */
+    private readonly datePicker;
+    /**
+     * Access the template ref for the cell.
+     */
+    private readonly templateRef;
+    /**
+     * Access the view container ref.
+     */
+    private readonly viewContainerRef;
+    /**
+     * Get all the days to display, this is the days of the current month
+     * and the days of the previous and next month to fill the grid.
+     */
+    protected readonly days: import("@angular/core").Signal<T[]>;
+    protected readonly weeks: import("@angular/core").Signal<T[][]>;
+    /**
+     * Store the embedded view refs of each rendered row.
+     */
+    private readonly viewRefs;
+    constructor();
+    ngOnDestroy(): void;
+    /**
+     * Render the row.
+     */
+    private renderRows;
+    /**
+     * Destroy the row.
+     */
+    private destroyRows;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgpDatePickerRowRender<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpDatePickerRowRender<any>, "[ngpDatePickerRowRender]", ["ngpDatePickerRowRender"], {}, {}, never, never, true, never>;
+}

package/date-picker/date-picker-row-render/date-picker-row-render.token.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Copyright © 2024 Angular Primitives.
+ * https://github.com/ng-primitives/ng-primitives
+ *
+ * This source code is licensed under the Apache 2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { InjectionToken } from '@angular/core';
+import type { NgpDatePickerRowRender } from './date-picker-row-render.directive';
+export declare const NgpDatePickerRowRenderToken: InjectionToken<NgpDatePickerRowRender<unknown>>;
+/**
+ * Inject the DatePickerRowRender directive instance
+ */
+export declare function injectDatePickerRowRender<T>(): NgpDatePickerRowRender<T>;
+export declare const NgpDatePickerWeekToken: InjectionToken<unknown[]>;
+/**
+ * Inject current week days
+ */
+export declare function injectDatePickerWeek<T>(): T[];

package/date-picker/index.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Copyright © 2024 Angular Primitives.
+ * https://github.com/ng-primitives/ng-primitives
+ *
+ * This source code is licensed under the Apache 2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { NgpDatePickerCellRender } from './date-picker-cell-render/date-picker-cell-render.directive';
+export { NgpDatePickerCellRenderToken } from './date-picker-cell-render/date-picker-cell-render.token';
+export { NgpDatePickerDateButton } from './date-picker-date-button/date-picker-date-button.directive';
+export { NgpDatePickerDateButtonToken } from './date-picker-date-button/date-picker-date-button.token';
+export { NgpDatePickerGrid } from './date-picker-grid/date-picker-grid.directive';
+export { NgpDatePickerGridToken } from './date-picker-grid/date-picker-grid.token';
+export { NgpDatePickerLabel } from './date-picker-label/date-picker-label.directive';
+export { NgpDatePickerLabelToken } from './date-picker-label/date-picker-label.token';
+export { NgpDatePickerNextMonth } from './date-picker-next-month/date-picker-next-month.directive';
+export { NgpDatePickerNextMonthToken } from './date-picker-next-month/date-picker-next-month.token';
+export { NgpDatePickerPreviousMonth } from './date-picker-previous-month/date-picker-previous-month.directive';
+export { NgpDatePickerPreviousMonthToken } from './date-picker-previous-month/date-picker-previous-month.token';
+export { NgpDatePickerRowRender } from './date-picker-row-render/date-picker-row-render.directive';
+export { NgpDatePickerRowRenderToken } from './date-picker-row-render/date-picker-row-render.token';
+export { NgpDatePicker } from './date-picker/date-picker.directive';
+export { NgpDatePickerToken } from './date-picker/date-picker.token';
+export { NgpDatePickerCell } from './date-picker-cell/date-picker-cell.directive';
+export { NgpDatePickerCellToken } from './date-picker-cell/date-picker-cell.token';

package/date-time/README.md

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