ng-primitives 0.89.0 → 0.91.0

package/breadcrumbs/index.d.ts

@@ -1,7 +1,200 @@
-export { NgpBreadcrumbEllipsis } from './breadcrumb-ellipsis/breadcrumb-ellipsis';
-export { NgpBreadcrumbItem } from './breadcrumb-item/breadcrumb-item';
-export { NgpBreadcrumbLink } from './breadcrumb-link/breadcrumb-link';
-export { NgpBreadcrumbList } from './breadcrumb-list/breadcrumb-list';
-export { NgpBreadcrumbPage } from './breadcrumb-page/breadcrumb-page';
-export { NgpBreadcrumbSeparator } from './breadcrumb-separator/breadcrumb-separator';
-export { NgpBreadcrumbs } from './breadcrumbs/breadcrumbs';
+import * as _angular_core from '@angular/core';
+
+/**
+ * Apply `ngpBreadcrumbEllipsis` to elements that represent collapsed breadcrumb items.
+ */
+declare class NgpBreadcrumbEllipsis {
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpBreadcrumbEllipsis, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpBreadcrumbEllipsis, "[ngpBreadcrumbEllipsis]", ["ngpBreadcrumbEllipsis"], {}, {}, never, never, true, never>;
+}
+
+/**
+ * Apply `ngpBreadcrumbItem` to each list item in the breadcrumb trail.
+ */
+declare class NgpBreadcrumbItem {
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpBreadcrumbItem, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpBreadcrumbItem, "[ngpBreadcrumbItem]", ["ngpBreadcrumbItem"], {}, {}, never, never, true, never>;
+}
+
+/**
+ * Apply `ngpBreadcrumbLink` to anchors or buttons that navigate to a breadcrumb destination.
+ */
+declare class NgpBreadcrumbLink {
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpBreadcrumbLink, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpBreadcrumbLink, "[ngpBreadcrumbLink]", ["ngpBreadcrumbLink"], {}, {}, never, never, true, never>;
+}
+
+/**
+ * Apply `ngpBreadcrumbList` to the ordered list that groups breadcrumb items.
+ */
+declare class NgpBreadcrumbList {
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpBreadcrumbList, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpBreadcrumbList, "[ngpBreadcrumbList]", ["ngpBreadcrumbList"], {}, {}, never, never, true, never>;
+}
+
+/**
+ * Apply `ngpBreadcrumbPage` to non-link content that represents the active page.
+ */
+declare class NgpBreadcrumbPage {
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpBreadcrumbPage, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpBreadcrumbPage, "[ngpBreadcrumbPage]", ["ngpBreadcrumbPage"], {}, {}, never, never, true, never>;
+}
+
+/**
+ * Apply `ngpBreadcrumbSeparator` between breadcrumb items to render a visual divider.
+ */
+declare class NgpBreadcrumbSeparator {
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpBreadcrumbSeparator, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpBreadcrumbSeparator, "[ngpBreadcrumbSeparator]", ["ngpBreadcrumbSeparator"], {}, {}, never, never, true, never>;
+}
+
+/**
+ * Apply `ngpBreadcrumbs` to the navigation element that wraps the breadcrumb trail.
+ */
+declare class NgpBreadcrumbs {
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpBreadcrumbs, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpBreadcrumbs, "[ngpBreadcrumbs]", ["ngpBreadcrumbs"], {}, {}, never, never, true, never>;
+}
+
+interface NgpBreadcrumbsState {
+}
+interface NgpBreadcrumbsProps {
+}
+declare const NgpBreadcrumbsStateToken: _angular_core.InjectionToken<_angular_core.WritableSignal<{}>>;
+declare const ngpBreadcrumbs: ({}: NgpBreadcrumbsProps) => {};
+declare const injectBreadcrumbsState: {
+    (): _angular_core.Signal<{}>;
+    (options: {
+        hoisted: true;
+    }): _angular_core.Signal<{} | null>;
+    (options?: {
+        hoisted?: boolean;
+    }): _angular_core.Signal<{} | null>;
+};
+declare const provideBreadcrumbsState: (opts?: {
+    inherit?: boolean;
+}) => _angular_core.FactoryProvider;
+
+interface NgpBreadcrumbListState {
+}
+interface NgpBreadcrumbListProps {
+}
+declare const NgpBreadcrumbListStateToken: _angular_core.InjectionToken<_angular_core.WritableSignal<{}>>;
+declare const ngpBreadcrumbList: ({}: NgpBreadcrumbListProps) => {};
+declare const injectBreadcrumbListState: {
+    (): _angular_core.Signal<{}>;
+    (options: {
+        hoisted: true;
+    }): _angular_core.Signal<{} | null>;
+    (options?: {
+        hoisted?: boolean;
+    }): _angular_core.Signal<{} | null>;
+};
+declare const provideBreadcrumbListState: (opts?: {
+    inherit?: boolean;
+}) => _angular_core.FactoryProvider;
+
+interface NgpBreadcrumbItemState {
+}
+interface NgpBreadcrumbItemProps {
+}
+declare const NgpBreadcrumbItemStateToken: _angular_core.InjectionToken<_angular_core.WritableSignal<{}>>;
+declare const ngpBreadcrumbItem: ({}: NgpBreadcrumbItemProps) => {};
+declare const injectBreadcrumbItemState: {
+    (): _angular_core.Signal<{}>;
+    (options: {
+        hoisted: true;
+    }): _angular_core.Signal<{} | null>;
+    (options?: {
+        hoisted?: boolean;
+    }): _angular_core.Signal<{} | null>;
+};
+declare const provideBreadcrumbItemState: (opts?: {
+    inherit?: boolean;
+}) => _angular_core.FactoryProvider;
+
+interface NgpBreadcrumbLinkState {
+}
+interface NgpBreadcrumbLinkProps {
+}
+declare const NgpBreadcrumbLinkStateToken: _angular_core.InjectionToken<_angular_core.WritableSignal<{}>>;
+declare const ngpBreadcrumbLink: ({}: NgpBreadcrumbLinkProps) => {};
+declare const injectBreadcrumbLinkState: {
+    (): _angular_core.Signal<{}>;
+    (options: {
+        hoisted: true;
+    }): _angular_core.Signal<{} | null>;
+    (options?: {
+        hoisted?: boolean;
+    }): _angular_core.Signal<{} | null>;
+};
+declare const provideBreadcrumbLinkState: (opts?: {
+    inherit?: boolean;
+}) => _angular_core.FactoryProvider;
+
+interface NgpBreadcrumbPageState {
+}
+interface NgpBreadcrumbPageProps {
+}
+declare const NgpBreadcrumbPageStateToken: _angular_core.InjectionToken<_angular_core.WritableSignal<{}>>;
+declare const ngpBreadcrumbPage: ({}: NgpBreadcrumbPageProps) => {};
+declare const injectBreadcrumbPageState: {
+    (): _angular_core.Signal<{}>;
+    (options: {
+        hoisted: true;
+    }): _angular_core.Signal<{} | null>;
+    (options?: {
+        hoisted?: boolean;
+    }): _angular_core.Signal<{} | null>;
+};
+declare const provideBreadcrumbPageState: (opts?: {
+    inherit?: boolean;
+}) => _angular_core.FactoryProvider;
+
+interface NgpBreadcrumbSeparatorState {
+}
+interface NgpBreadcrumbSeparatorProps {
+}
+declare const NgpBreadcrumbSeparatorStateToken: _angular_core.InjectionToken<_angular_core.WritableSignal<{}>>;
+declare const ngpBreadcrumbSeparator: ({}: NgpBreadcrumbSeparatorProps) => {};
+declare const injectBreadcrumbSeparatorState: {
+    (): _angular_core.Signal<{}>;
+    (options: {
+        hoisted: true;
+    }): _angular_core.Signal<{} | null>;
+    (options?: {
+        hoisted?: boolean;
+    }): _angular_core.Signal<{} | null>;
+};
+declare const provideBreadcrumbSeparatorState: (opts?: {
+    inherit?: boolean;
+}) => _angular_core.FactoryProvider;
+
+interface NgpBreadcrumbEllipsisState {
+}
+interface NgpBreadcrumbEllipsisProps {
+}
+declare const NgpBreadcrumbEllipsisStateToken: _angular_core.InjectionToken<_angular_core.WritableSignal<{}>>;
+declare const ngpBreadcrumbEllipsis: ({}: NgpBreadcrumbEllipsisProps) => {};
+declare const injectBreadcrumbEllipsisState: {
+    (): _angular_core.Signal<{}>;
+    (options: {
+        hoisted: true;
+    }): _angular_core.Signal<{} | null>;
+    (options?: {
+        hoisted?: boolean;
+    }): _angular_core.Signal<{} | null>;
+};
+declare const provideBreadcrumbEllipsisState: (opts?: {
+    inherit?: boolean;
+}) => _angular_core.FactoryProvider;
+
+export { NgpBreadcrumbEllipsis, NgpBreadcrumbEllipsisStateToken, NgpBreadcrumbItem, NgpBreadcrumbItemStateToken, NgpBreadcrumbLink, NgpBreadcrumbLinkStateToken, NgpBreadcrumbList, NgpBreadcrumbListStateToken, NgpBreadcrumbPage, NgpBreadcrumbPageStateToken, NgpBreadcrumbSeparator, NgpBreadcrumbSeparatorStateToken, NgpBreadcrumbs, NgpBreadcrumbsStateToken, injectBreadcrumbEllipsisState, injectBreadcrumbItemState, injectBreadcrumbLinkState, injectBreadcrumbListState, injectBreadcrumbPageState, injectBreadcrumbSeparatorState, injectBreadcrumbsState, ngpBreadcrumbEllipsis, ngpBreadcrumbItem, ngpBreadcrumbLink, ngpBreadcrumbList, ngpBreadcrumbPage, ngpBreadcrumbSeparator, ngpBreadcrumbs, provideBreadcrumbEllipsisState, provideBreadcrumbItemState, provideBreadcrumbLinkState, provideBreadcrumbListState, provideBreadcrumbPageState, provideBreadcrumbSeparatorState, provideBreadcrumbsState };
+export type { NgpBreadcrumbEllipsisProps, NgpBreadcrumbEllipsisState, NgpBreadcrumbItemProps, NgpBreadcrumbItemState, NgpBreadcrumbLinkProps, NgpBreadcrumbLinkState, NgpBreadcrumbListProps, NgpBreadcrumbListState, NgpBreadcrumbPageProps, NgpBreadcrumbPageState, NgpBreadcrumbSeparatorProps, NgpBreadcrumbSeparatorState, NgpBreadcrumbsProps, NgpBreadcrumbsState };

package/button/index.d.ts

@@ -1,3 +1,39 @@
-export { NgpButton } from './button/button';
-export { injectButtonState, provideButtonState } from './button/button-state';
-export { setupButton } from './button/setup-button';
+import * as _angular_core from '@angular/core';
+import { Signal } from '@angular/core';
+import { BooleanInput } from '@angular/cdk/coercion';
+
+interface NgpButtonState {
+    disabled: Signal<boolean>;
+}
+interface NgpButtonProps {
+    disabled: Signal<boolean>;
+}
+declare const ngpButton: ({ disabled }: NgpButtonProps) => NgpButtonState;
+declare const injectButtonState: {
+    (): Signal<NgpButtonState>;
+    (options: {
+        hoisted: true;
+    }): Signal<NgpButtonState | null>;
+    (options?: {
+        hoisted?: boolean;
+    }): Signal<NgpButtonState | null>;
+};
+declare const provideButtonState: (opts?: {
+    inherit?: boolean;
+}) => _angular_core.FactoryProvider;
+
+declare class NgpButton {
+    /**
+     * Whether the button is disabled.
+     */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * The button state.
+     */
+    protected readonly state: NgpButtonState;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpButton, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpButton, "[ngpButton]", ["ngpButton"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { NgpButton, injectButtonState, ngpButton, provideButtonState };
+export type { NgpButtonProps, NgpButtonState };

package/checkbox/index.d.ts

@@ -1,2 +1,137 @@
-export { NgpCheckbox } from './checkbox/checkbox';
-export { injectCheckboxState, provideCheckboxState } from './checkbox/checkbox-state';
+import * as _angular_core from '@angular/core';
+import { Signal, WritableSignal } from '@angular/core';
+import { Observable } from 'rxjs';
+import { BooleanInput } from '@angular/cdk/coercion';
+
+/**
+ * Public state surface for the Checkbox primitive.
+ */
+interface NgpCheckboxState {
+    /**
+     * The id of the checkbox.
+     */
+    readonly id: Signal<string>;
+    /**
+     * Whether the checkbox is checked.
+     */
+    readonly checked: WritableSignal<boolean>;
+    /**
+     * Whether the checkbox is indeterminate.
+     */
+    readonly indeterminate: WritableSignal<boolean>;
+    /**
+     * Whether the checkbox is disabled.
+     */
+    readonly disabled: WritableSignal<boolean>;
+    /**
+     * Emits when the checked state changes.
+     */
+    readonly checkedChange: Observable<boolean>;
+    /**
+     * Emits when the indeterminate state changes.
+     */
+    readonly indeterminateChange: Observable<boolean>;
+    /**
+     * Toggle the checkbox value.
+     */
+    toggle(event?: Event): void;
+    /**
+     * Update the checked value.
+     */
+    setChecked(value: boolean): void;
+    /**
+     * Update the indeterminate value.
+     */
+    setIndeterminate(value: boolean): void;
+    /**
+     * Set the disabled value.
+     */
+    setDisabled(value: boolean): void;
+}
+/**
+ * Inputs for configuring the Checkbox primitive.
+ */
+interface NgpCheckboxProps {
+    /**
+     * The id of the checkbox.
+     */
+    readonly id?: Signal<string>;
+    /**
+     * Whether the checkbox is checked.
+     */
+    readonly checked?: Signal<boolean>;
+    /**
+     * Whether the checkbox is indeterminate.
+     */
+    readonly indeterminate?: Signal<boolean>;
+    /**
+     * Whether the checkbox is disabled.
+     */
+    readonly disabled?: Signal<boolean>;
+    /**
+     * Callback fired when the checked state changes.
+     */
+    readonly onCheckedChange?: (checked: boolean) => void;
+    /**
+     * Callback fired when the indeterminate state changes.
+     */
+    readonly onIndeterminateChange?: (indeterminate: boolean) => void;
+}
+declare const ngpCheckbox: ({ id, checked: _checked, indeterminate: _indeterminate, disabled: _disabled, onCheckedChange, onIndeterminateChange, }: NgpCheckboxProps) => NgpCheckboxState;
+declare const injectCheckboxState: {
+    (): Signal<NgpCheckboxState>;
+    (options: {
+        hoisted: true;
+    }): Signal<NgpCheckboxState | null>;
+    (options?: {
+        hoisted?: boolean;
+    }): Signal<NgpCheckboxState | null>;
+};
+declare const provideCheckboxState: (opts?: {
+    inherit?: boolean;
+}) => _angular_core.FactoryProvider;
+
+/**
+ * Apply the `ngpCheckbox` directive to an element to that represents the checkbox, such as a `button`.
+ */
+declare class NgpCheckbox {
+    /**
+     * The id of the checkbox.
+     * @internal
+     */
+    readonly id: _angular_core.InputSignal<string>;
+    /**
+     * Defines whether the checkbox is checked.
+     */
+    readonly checked: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * The event that is emitted when the checkbox value changes.
+     */
+    readonly checkedChange: _angular_core.OutputEmitterRef<boolean>;
+    /**
+     * Defines whether the checkbox is indeterminate.
+     */
+    readonly indeterminate: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * The event that is emitted when the indeterminate value changes.
+     */
+    readonly indeterminateChange: _angular_core.OutputEmitterRef<boolean>;
+    /**
+     * Whether the checkbox is required.
+     */
+    readonly required: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * Defines whether the checkbox is disabled.
+     */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * The state of the checkbox.
+     */
+    protected readonly state: NgpCheckboxState;
+    toggle(event?: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpCheckbox, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpCheckbox, "[ngpCheckbox]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "checked": { "alias": "ngpCheckboxChecked"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "ngpCheckboxIndeterminate"; "required": false; "isSignal": true; }; "required": { "alias": "ngpCheckboxRequired"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpCheckboxDisabled"; "required": false; "isSignal": true; }; }, { "checkedChange": "ngpCheckboxCheckedChange"; "indeterminateChange": "ngpCheckboxIndeterminateChange"; }, never, never, true, never>;
+}
+
+export { NgpCheckbox, injectCheckboxState, ngpCheckbox, provideCheckboxState };
+export type { NgpCheckboxProps, NgpCheckboxState };