UNPKG

@angular/core

Version:

Angular - the core framework

283 lines (277 loc) • 8.67 kB
/** * @license Angular v20.0.3 * (c) 2010-2025 Google LLC. https://angular.io/ * License: MIT */ import { OutputRef, OutputRefSubscription, DestroyRef, Signal, WritableSignal, ValueEqualityFn, Injector } from './chrome_dev_tools_performance.d-DvzAxqBc.js'; /** * An `OutputEmitterRef` is created by the `output()` function and can be * used to emit values to consumers of your directive or component. * * Consumers of your directive/component can bind to the output and * subscribe to changes via the bound event syntax. For example: * * ```html * <my-comp (valueChange)="processNewValue($event)" /> * ``` * * @publicAPI */ declare class OutputEmitterRef<T> implements OutputRef<T> { private destroyed; private listeners; private errorHandler; constructor(); subscribe(callback: (value: T) => void): OutputRefSubscription; /** Emits a new value to the output. */ emit(value: T): void; } /** Gets the owning `DestroyRef` for the given output. */ declare function getOutputDestroyRef(ref: OutputRef<unknown>): DestroyRef | undefined; /** * Options for declaring an output. * * @publicApi 19.0 */ interface OutputOptions { alias?: string; } /** * The `output` function allows declaration of Angular outputs in * directives and components. * * You can use outputs to emit values to parent directives and component. * Parents can subscribe to changes via: * * - template event bindings. For example, `(myOutput)="doSomething($event)"` * - programmatic subscription by using `OutputRef#subscribe`. * * @usageNotes * * To use `output()`, import the function from `@angular/core`. * * ```ts * import {output} from '@angular/core'; * ``` * * Inside your component, introduce a new class member and initialize * it with a call to `output`. * * ```ts * @Directive({ * ... * }) * export class MyDir { * nameChange = output<string>(); // OutputEmitterRef<string> * onClick = output(); // OutputEmitterRef<void> * } * ``` * * You can emit values to consumers of your directive, by using * the `emit` method from `OutputEmitterRef`. * * ```ts * updateName(newName: string): void { * this.nameChange.emit(newName); * } * ``` * @initializerApiFunction {"showTypesInSignaturePreview": true} * @publicApi 19.0 */ declare function output<T = void>(opts?: OutputOptions): OutputEmitterRef<T>; /** * String value capturing the status of a `Resource`. * * Possible statuses are: * * `idle` - The resource has no valid request and will not perform any loading. `value()` will be * `undefined`. * * `loading` - The resource is currently loading a new value as a result of a change in its reactive * dependencies. `value()` will be `undefined`. * * `reloading` - The resource is currently reloading a fresh value for the same reactive * dependencies. `value()` will continue to return the previously fetched value during the reloading * operation. * * `error` - Loading failed with an error. `value()` will be `undefined`. * * `resolved` - Loading has completed and the resource has the value returned from the loader. * * `local` - The resource's value was set locally via `.set()` or `.update()`. * * @experimental */ type ResourceStatus = 'idle' | 'error' | 'loading' | 'reloading' | 'resolved' | 'local'; /** * A Resource is an asynchronous dependency (for example, the results of an API call) that is * managed and delivered through signals. * * The usual way of creating a `Resource` is through the `resource` function, but various other APIs * may present `Resource` instances to describe their own concepts. * * @experimental */ interface Resource<T> { /** * The current value of the `Resource`, or throws an error if the resource is in an error state. */ readonly value: Signal<T>; /** * The current status of the `Resource`, which describes what the resource is currently doing and * what can be expected of its `value`. */ readonly status: Signal<ResourceStatus>; /** * When in the `error` state, this returns the last known error from the `Resource`. */ readonly error: Signal<Error | undefined>; /** * Whether this resource is loading a new value (or reloading the existing one). */ readonly isLoading: Signal<boolean>; /** * Whether this resource has a valid current value. * * This function is reactive. */ hasValue(): this is Resource<Exclude<T, undefined>>; } /** * A `Resource` with a mutable value. * * Overwriting the value of a resource sets it to the 'local' state. * * @experimental */ interface WritableResource<T> extends Resource<T> { readonly value: WritableSignal<T>; hasValue(): this is WritableResource<Exclude<T, undefined>>; /** * Convenience wrapper for `value.set`. */ set(value: T): void; /** * Convenience wrapper for `value.update`. */ update(updater: (value: T) => T): void; asReadonly(): Resource<T>; /** * Instructs the resource to re-load any asynchronous dependency it may have. * * Note that the resource will not enter its reloading state until the actual backend request is * made. * * @returns true if a reload was initiated, false if a reload was unnecessary or unsupported */ reload(): boolean; } /** * A `WritableResource` created through the `resource` function. * * @experimental */ interface ResourceRef<T> extends WritableResource<T> { hasValue(): this is ResourceRef<Exclude<T, undefined>>; /** * Manually destroy the resource, which cancels pending requests and returns it to `idle` state. */ destroy(): void; } /** * Parameter to a `ResourceLoader` which gives the request and other options for the current loading * operation. * * @experimental */ interface ResourceLoaderParams<R> { params: NoInfer<Exclude<R, undefined>>; abortSignal: AbortSignal; previous: { status: ResourceStatus; }; } /** * Loading function for a `Resource`. * * @experimental */ type ResourceLoader<T, R> = (param: ResourceLoaderParams<R>) => PromiseLike<T>; /** * Streaming loader for a `Resource`. * * @experimental */ type ResourceStreamingLoader<T, R> = (param: ResourceLoaderParams<R>) => PromiseLike<Signal<ResourceStreamItem<T>>>; /** * Options to the `resource` function, for creating a resource. * * @experimental */ interface BaseResourceOptions<T, R> { /** * A reactive function which determines the request to be made. Whenever the request changes, the * loader will be triggered to fetch a new value for the resource. * * If a request function isn't provided, the loader won't rerun unless the resource is reloaded. */ params?: () => R; /** * The value which will be returned from the resource when a server value is unavailable, such as * when the resource is still loading. */ defaultValue?: NoInfer<T>; /** * Equality function used to compare the return value of the loader. */ equal?: ValueEqualityFn<T>; /** * Overrides the `Injector` used by `resource`. */ injector?: Injector; } /** * Options to the `resource` function, for creating a resource. * * @experimental */ interface PromiseResourceOptions<T, R> extends BaseResourceOptions<T, R> { /** * Loading function which returns a `Promise` of the resource's value for a given request. */ loader: ResourceLoader<T, R>; /** * Cannot specify `stream` and `loader` at the same time. */ stream?: never; } /** * Options to the `resource` function, for creating a resource. * * @experimental */ interface StreamingResourceOptions<T, R> extends BaseResourceOptions<T, R> { /** * Loading function which returns a `Promise` of a signal of the resource's value for a given * request, which can change over time as new values are received from a stream. */ stream: ResourceStreamingLoader<T, R>; /** * Cannot specify `stream` and `loader` at the same time. */ loader?: never; } /** * @experimental */ type ResourceOptions<T, R> = PromiseResourceOptions<T, R> | StreamingResourceOptions<T, R>; /** * @experimental */ type ResourceStreamItem<T> = { value: T; } | { error: Error; }; export { OutputEmitterRef, getOutputDestroyRef, output }; export type { BaseResourceOptions, OutputOptions, PromiseResourceOptions, Resource, ResourceLoader, ResourceLoaderParams, ResourceOptions, ResourceRef, ResourceStatus, ResourceStreamItem, ResourceStreamingLoader, StreamingResourceOptions, WritableResource };