@radix-ng/primitives 0.35.0 → 0.36.0

package/number-field/src/number-field-context.token.d.ts

@@ -0,0 +1,24 @@
+import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
+import { InjectionToken, InputSignal, InputSignalWithTransform, ModelSignal, Signal } from '@angular/core';
+import { InputMode } from './types';
+export interface NumberFieldContextToken {
+    value: ModelSignal<number | undefined>;
+    locale: InputSignal<string>;
+    inputMode: Signal<InputMode>;
+    textValue: Signal<any>;
+    max: InputSignalWithTransform<number | undefined, NumberInput>;
+    min: InputSignalWithTransform<number | undefined, NumberInput>;
+    onInputElement: (el: HTMLInputElement) => void;
+    disabled: InputSignalWithTransform<boolean, BooleanInput>;
+    disableWheelChange: InputSignalWithTransform<boolean, BooleanInput>;
+    handleIncrease: (multiplier?: number) => void;
+    handleDecrease: (multiplier?: number) => void;
+    applyInputValue: (val: string) => void;
+    validate: (val: string) => boolean;
+    setInputValue: (val: string) => void;
+    isIncreaseDisabled: Signal<boolean>;
+    isDecreaseDisabled: Signal<boolean>;
+    handleMinMaxValue: (type: 'min' | 'max') => void;
+}
+export declare const NUMBER_FIELD_ROOT_CONTEXT: InjectionToken<NumberFieldContextToken>;
+export declare function injectNumberFieldRootContext(): NumberFieldContextToken;

package/number-field/src/number-field-decrement.directive.d.ts

@@ -0,0 +1,23 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class RdxNumberFieldDecrementDirective implements OnInit {
+    private readonly elementRef;
+    private readonly pressedHold;
+    protected readonly rootContext: import("./number-field-context.token").NumberFieldContextToken;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * @ignore
+     */
+    readonly isDisabled: import("@angular/core").Signal<boolean>;
+    /**
+     * @ignore
+     */
+    readonly useHold: {
+        isPressed: import("@angular/core").Signal<boolean>;
+        onTrigger: (fn: () => void) => void;
+    };
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxNumberFieldDecrementDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxNumberFieldDecrementDirective, "button[rdxNumberFieldDecrement]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/number-field/src/number-field-increment.directive.d.ts

@@ -0,0 +1,23 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class RdxNumberFieldIncrementDirective implements OnInit {
+    private readonly elementRef;
+    private readonly pressedHold;
+    protected readonly rootContext: import("./number-field-context.token").NumberFieldContextToken;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * @ignore
+     */
+    readonly isDisabled: import("@angular/core").Signal<boolean>;
+    /**
+     * @ignore
+     */
+    readonly useHold: {
+        isPressed: import("@angular/core").Signal<boolean>;
+        onTrigger: (fn: () => void) => void;
+    };
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxNumberFieldIncrementDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxNumberFieldIncrementDirective, "button[rdxNumberFieldIncrement]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/number-field/src/number-field-input.directive.d.ts

@@ -0,0 +1,22 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class RdxNumberFieldInputDirective implements OnInit {
+    private readonly elementRef;
+    protected readonly rootContext: import("./number-field-context.token").NumberFieldContextToken;
+    readonly inputValue: import("@angular/core").WritableSignal<any>;
+    constructor();
+    ngOnInit(): void;
+    onBeforeInput(event: InputEvent): void;
+    onWheelEvent(event: WheelEvent): void;
+    onKeydownPageUp(event: KeyboardEvent): void;
+    onKeydownPageDown(event: KeyboardEvent): void;
+    onKeydownHome(event: KeyboardEvent): void;
+    onKeydownEnd(event: KeyboardEvent): void;
+    onInput(event: InputEvent): void;
+    onChange(): void;
+    onKeydownEnter(event: KeyboardEvent): void;
+    onKeydownUp(event: KeyboardEvent): void;
+    onKeydownDown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxNumberFieldInputDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxNumberFieldInputDirective, "input[rdxNumberFieldInput]", never, {}, {}, never, never, true, never>;
+}

package/number-field/src/number-field-root.directive.d.ts

@@ -0,0 +1,86 @@
+import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
+import { OnInit } from '@angular/core';
+import { NumberFieldContextToken } from './number-field-context.token';
+import { InputMode } from './types';
+import * as i0 from "@angular/core";
+export declare class RdxNumberFieldRootDirective implements OnInit, NumberFieldContextToken {
+    readonly value: import("@angular/core").ModelSignal<number | undefined>;
+    readonly min: import("@angular/core").InputSignalWithTransform<number | undefined, NumberInput>;
+    readonly max: import("@angular/core").InputSignalWithTransform<number | undefined, NumberInput>;
+    readonly step: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
+    readonly stepSnapping: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    readonly disableWheelChange: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    readonly locale: import("@angular/core").InputSignal<string>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    readonly formatOptions: import("@angular/core").InputSignal<Intl.NumberFormatOptions | undefined>;
+    /**
+     * @ignore
+     */
+    readonly inputEl: import("@angular/core").WritableSignal<HTMLInputElement | undefined>;
+    /**
+     * @ignore
+     */
+    readonly isDecreaseDisabled: import("@angular/core").Signal<boolean>;
+    /**
+     * @ignore
+     */
+    readonly isIncreaseDisabled: import("@angular/core").Signal<boolean>;
+    /**
+     * @ignore
+     */
+    readonly inputMode: import("@angular/core").Signal<InputMode>;
+    /**
+     * Replace negative textValue formatted using currencySign: 'accounting'
+     * with a textValue that can be announced using a minus sign.
+     * @ignore
+     */
+    readonly textValue: import("@angular/core").Signal<any>;
+    /**
+     * @ignore
+     */
+    readonly onInputElement: (el: HTMLInputElement) => void;
+    /**
+     * @ignore
+     */
+    numberParser: any;
+    /**
+     * @ignore
+     */
+    numberFormatter: any;
+    /**
+     * @ignore
+     */
+    textValueFormatter: any;
+    /**
+     * @ignore
+     */
+    clampInputValue(val: number): number;
+    ngOnInit(): void;
+    /**
+     * @ignore
+     */
+    handleMinMaxValue(type: 'min' | 'max'): void;
+    /**
+     * @ignore
+     */
+    handleDecrease(multiplier?: number): void;
+    /**
+     * @ignore
+     */
+    handleIncrease(multiplier?: number): void;
+    /**
+     * @ignore
+     */
+    applyInputValue(val: string): void;
+    /**
+     * @ignore
+     */
+    setInputValue(val: string): void;
+    /**
+     * @ignore
+     */
+    validate(val: string): any;
+    private handleChangingValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxNumberFieldRootDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxNumberFieldRootDirective, "[rdxNumberFieldRoot]", ["rdxNumberFieldRoot"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "stepSnapping": { "alias": "stepSnapping"; "required": false; "isSignal": true; }; "disableWheelChange": { "alias": "disableWheelChange"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "formatOptions": { "alias": "formatOptions"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}

package/number-field/src/types.d.ts

@@ -0,0 +1 @@
+export type InputMode = 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';

package/number-field/src/utils.d.ts

@@ -0,0 +1,18 @@
+import { Signal } from '@angular/core';
+import { NumberFormatter, NumberParser } from '@internationalized/number';
+import * as i0 from "@angular/core";
+export declare class PressedHoldService {
+    private readonly destroyRef;
+    create(options: {
+        target?: Signal<HTMLElement | undefined>;
+        disabled: Signal<boolean>;
+    }): {
+        isPressed: Signal<boolean>;
+        onTrigger: (fn: () => void) => void;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<PressedHoldService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<PressedHoldService>;
+}
+export declare function useNumberFormatter(locale: Signal<string>, options?: Signal<Intl.NumberFormatOptions | undefined>): Signal<NumberFormatter>;
+export declare function useNumberParser(locale: Signal<string>, options?: Signal<Intl.NumberFormatOptions | undefined>): Signal<NumberParser>;
+export declare function handleDecimalOperation(operator: '-' | '+', value1: number, value2: number): number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@radix-ng/primitives",
-  "version": "0.35.0",
+  "version": "0.36.0",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -108,6 +108,10 @@
       "types": "./navigation-menu/index.d.ts",
       "default": "./fesm2022/radix-ng-primitives-navigation-menu.mjs"
     },
+    "./number-field": {
+      "types": "./number-field/index.d.ts",
+      "default": "./fesm2022/radix-ng-primitives-number-field.mjs"
+    },
     "./pagination": {
       "types": "./pagination/index.d.ts",
       "default": "./fesm2022/radix-ng-primitives-pagination.mjs"

package/popover/src/popover-root.directive.d.ts

@@ -70,7 +70,7 @@ export declare class RdxPopoverRootDirective {
         window: Window & typeof globalThis;
         primitiveConfigs?: import("./utils/types").PrimitiveConfigs;
         onDestroyCallbacks: Set<() => void>;
-        "__#15681@#clickDomRootEventCallbacks": Set<(event: MouseEvent) => void>;
+        "__#17319@#clickDomRootEventCallbacks": Set<(event: MouseEvent) => void>;
         registerPrimitive<T extends object>(primitiveInstance: T): void;
         deregisterPrimitive<T extends object>(primitiveInstance: T): void;
         preventPrimitiveFromCdkEvent<T extends object>(primitiveInstance: T, eventType: import("./utils/types").EventType): void;
@@ -81,9 +81,9 @@ export declare class RdxPopoverRootDirective {
         primitivePreventedFromCdkEvent<T extends object>(primitiveInstance: T, eventType: import("./utils/types").EventType): boolean | undefined;
         addClickDomRootEventCallback(callback: (event: MouseEvent) => void): void;
         removeClickDomRootEventCallback(callback: (event: MouseEvent) => void): boolean;
-        "__#15681@#setPreventPrimitiveFromCdkEvent"<T extends object, R extends import("./utils/types").EventType, K extends import("./utils/types").PrimitiveConfig[`prevent${Capitalize<R>}`]>(primitiveInstance: T, eventType: R, value: K): void;
-        "__#15681@#registerOnDestroyCallbacks"(): void;
-        "__#15681@#listenToClickDomRootEvent"(): void;
+        "__#17319@#setPreventPrimitiveFromCdkEvent"<T extends object, R extends import("./utils/types").EventType, K extends import("./utils/types").PrimitiveConfig[`prevent${Capitalize<R>}`]>(primitiveInstance: T, eventType: R, value: K): void;
+        "__#17319@#registerOnDestroyCallbacks"(): void;
+        "__#17319@#listenToClickDomRootEvent"(): void;
     } | null;
     /** @ignore */
     readonly destroyRef: DestroyRef;

package/tooltip/src/tooltip-root.directive.d.ts

@@ -79,7 +79,7 @@ export declare class RdxTooltipRootDirective {
         window: Window & typeof globalThis;
         primitiveConfigs?: import("./utils/types").PrimitiveConfigs;
         onDestroyCallbacks: Set<() => void>;
-        "__#19148@#clickDomRootEventCallbacks": Set<(event: MouseEvent) => void>;
+        "__#20782@#clickDomRootEventCallbacks": Set<(event: MouseEvent) => void>;
         registerPrimitive<T extends object>(primitiveInstance: T): void;
         deregisterPrimitive<T extends object>(primitiveInstance: T): void;
         preventPrimitiveFromCdkEvent<T extends object>(primitiveInstance: T, eventType: import("./utils/types").EventType): void;
@@ -90,9 +90,9 @@ export declare class RdxTooltipRootDirective {
         primitivePreventedFromCdkEvent<T extends object>(primitiveInstance: T, eventType: import("./utils/types").EventType): boolean | undefined;
         addClickDomRootEventCallback(callback: (event: MouseEvent) => void): void;
         removeClickDomRootEventCallback(callback: (event: MouseEvent) => void): boolean;
-        "__#19148@#setPreventPrimitiveFromCdkEvent"<T extends object, R extends import("./utils/types").EventType, K extends import("./utils/types").PrimitiveConfig[`prevent${Capitalize<R>}`]>(primitiveInstance: T, eventType: R, value: K): void;
-        "__#19148@#registerOnDestroyCallbacks"(): void;
-        "__#19148@#listenToClickDomRootEvent"(): void;
+        "__#20782@#setPreventPrimitiveFromCdkEvent"<T extends object, R extends import("./utils/types").EventType, K extends import("./utils/types").PrimitiveConfig[`prevent${Capitalize<R>}`]>(primitiveInstance: T, eventType: R, value: K): void;
+        "__#20782@#registerOnDestroyCallbacks"(): void;
+        "__#20782@#listenToClickDomRootEvent"(): void;
     } | null;
     /** @ignore */
     readonly destroyRef: DestroyRef;