@radix-ng/primitives 0.33.0 → 0.33.2

package/core/src/date-time/utils.d.ts

@@ -0,0 +1 @@
+export declare function handleCalendarInitialFocus(calendar: HTMLElement): void;

package/core/src/kbd-constants.d.ts

@@ -38,3 +38,4 @@ export declare const p = "p";
 export declare const n = "n";
 export declare const j = "j";
 export declare const k = "k";
+export declare const SPACE_CODE = "Space";

package/core/src/watch.d.ts

@@ -0,0 +1,41 @@
+import { CreateEffectOptions, EffectCleanupRegisterFn, EffectRef } from '@angular/core';
+/**
+ * We want to have the Tuple in order to use the types in the function signature
+ */
+type ExplicitEffectValues<T> = {
+    [K in keyof T]: () => T[K];
+};
+/**
+ * Extend the regular set of effect options
+ */
+declare interface CreateExplicitEffectOptions extends CreateEffectOptions {
+    /**
+     * Option that allows the computation not to execute immediately, but only run on first change.
+     */
+    defer?: boolean;
+}
+/**
+ * This explicit effect function will take the dependencies and the function to run when the dependencies change.
+ *
+ * @example
+ * ```typescript
+ * import { watch } from 'radix-ng/primitives/core';
+ *
+ * const count = signal(0);
+ * const state = signal('idle');
+ *
+ * watch([count, state], ([count, state], cleanup) => {
+ *   console.log('count updated', count, state);
+ *
+ *   cleanup(() => {
+ *     console.log('cleanup');
+ *   });
+ * });
+ * ```
+ *
+ * @param deps - The dependencies that the effect will run on
+ * @param fn - The function to run when the dependencies change
+ * @param options - The options for the effect with the addition of defer (it allows the computation to run on first change, not immediately)
+ */
+export declare function watch<Input extends readonly unknown[], Params = Input>(deps: readonly [...ExplicitEffectValues<Input>], fn: (deps: Params, onCleanup: EffectCleanupRegisterFn) => void, options?: CreateExplicitEffectOptions | undefined): EffectRef;
+export {};