@radix-ng/primitives 1.0.0-beta.3 → 1.0.0-beta.5

package/types/radix-ng-primitives-calendar.d.ts

@@ -1,6 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { Signal, InputSignal, ModelSignal } from '@angular/core';
 import { DateValue } from '@internationalized/date';
+import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
 import { DateMatcher, Formatter, BooleanInput, Month } from '@radix-ng/primitives/core';
 
 declare class RdxCalendarCellTriggerDirective {
@@ -65,7 +66,7 @@ interface CalendarRootContextToken {
     isNextButtonDisabled: (nextPageFunc?: (date: DateValue) => DateValue) => boolean;
     isPrevButtonDisabled: (prevPageFunc?: (date: DateValue) => DateValue) => boolean;
     headingValue: Signal<string>;
-    dir: InputSignal<'ltr' | 'rtl'>;
+    dir: Signal<'ltr' | 'rtl'>;
     readonly: Signal<boolean>;
     numberOfMonths: InputSignal<number>;
     placeholder: ModelSignal<DateValue>;
@@ -182,7 +183,8 @@ declare class RdxCalendarRootDirective {
     /**
      * The reading direction of the calendar when applicable.
      */
-    readonly dir: _angular_core.InputSignal<"ltr" | "rtl">;
+    readonly dirInput: _angular_core.InputSignal<"ltr" | "rtl" | undefined>;
+    readonly dir: _angular_core.Signal<_radix_ng_primitives_core.Direction>;
     /**
      * The minimum date that can be selected
      */
@@ -296,7 +298,7 @@ declare class RdxCalendarRootDirective {
      */
     onDateChange(date: DateValue): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxCalendarRootDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxCalendarRootDirective, "[rdxCalendarRoot]", ["rdxCalendarRoot"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultPlaceholder": { "alias": "defaultPlaceholder"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "fixedWeeks": { "alias": "fixedWeeks"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "preventDeselect": { "alias": "preventDeselect"; "required": false; "isSignal": true; }; "weekStartsOn": { "alias": "weekStartsOn"; "required": false; "isSignal": true; }; "numberOfMonths": { "alias": "numberOfMonths"; "required": false; "isSignal": true; }; "dir": { "alias": "dir"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "weekdayFormat": { "alias": "weekdayFormat"; "required": false; "isSignal": true; }; "calendarLabel": { "alias": "calendarLabel"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "pagedNavigation": { "alias": "pagedNavigation"; "required": false; "isSignal": true; }; "propsNextPage": { "alias": "propsNextPage"; "required": false; "isSignal": true; }; "propsPrevPage": { "alias": "propsPrevPage"; "required": false; "isSignal": true; }; "isDateDisabled": { "alias": "isDateDisabled"; "required": false; "isSignal": true; }; "isDateUnavailable": { "alias": "isDateUnavailable"; "required": false; "isSignal": true; }; "initialFocus": { "alias": "initialFocus"; "required": false; "isSignal": true; }; "months": { "alias": "months"; "required": false; "isSignal": true; }; "weekDays": { "alias": "weekDays"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "defaultPlaceholder": "defaultPlaceholderChange"; "placeholder": "placeholderChange"; "months": "monthsChange"; "weekDays": "weekDaysChange"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxCalendarRootDirective, "[rdxCalendarRoot]", ["rdxCalendarRoot"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultPlaceholder": { "alias": "defaultPlaceholder"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "fixedWeeks": { "alias": "fixedWeeks"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "preventDeselect": { "alias": "preventDeselect"; "required": false; "isSignal": true; }; "weekStartsOn": { "alias": "weekStartsOn"; "required": false; "isSignal": true; }; "numberOfMonths": { "alias": "numberOfMonths"; "required": false; "isSignal": true; }; "dirInput": { "alias": "dir"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "weekdayFormat": { "alias": "weekdayFormat"; "required": false; "isSignal": true; }; "calendarLabel": { "alias": "calendarLabel"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "pagedNavigation": { "alias": "pagedNavigation"; "required": false; "isSignal": true; }; "propsNextPage": { "alias": "propsNextPage"; "required": false; "isSignal": true; }; "propsPrevPage": { "alias": "propsPrevPage"; "required": false; "isSignal": true; }; "isDateDisabled": { "alias": "isDateDisabled"; "required": false; "isSignal": true; }; "isDateUnavailable": { "alias": "isDateUnavailable"; "required": false; "isSignal": true; }; "initialFocus": { "alias": "initialFocus"; "required": false; "isSignal": true; }; "months": { "alias": "months"; "required": false; "isSignal": true; }; "weekDays": { "alias": "weekDays"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "defaultPlaceholder": "defaultPlaceholderChange"; "placeholder": "placeholderChange"; "months": "monthsChange"; "weekDays": "weekDaysChange"; }, never, never, true, never>;
 }
 
 declare class RdxCalendarHeadingDirective {

package/types/radix-ng-primitives-checkbox.d.ts

@@ -3,7 +3,7 @@ import { Signal } from '@angular/core';
 import * as i1 from '@radix-ng/primitives/presence';
 import * as _radix_ng_primitives_types_radix_ng_primitives_core from '@radix-ng/primitives/types/radix-ng-primitives-core';
 import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
-import { BooleanInput, RdxFormCheckboxControl } from '@radix-ng/primitives/core';
+import { BooleanInput, RdxCancelableChangeEventDetails, RdxFormCheckboxControl } from '@radix-ng/primitives/core';
 import { ControlValueAccessor } from '@angular/forms';
 
 declare class RdxCheckboxIndicatorPresenceDirective {
@@ -23,7 +23,7 @@ declare class RdxCheckboxInputDirective {
         form: _angular_core.InputSignal<string | undefined>;
         readonly: _angular_core.InputSignalWithTransform<boolean, _radix_ng_primitives_types_radix_ng_primitives_core.BooleanInput>;
         state: _angular_core.Signal<"indeterminate" | "checked" | "unchecked">;
-        toggle(): void;
+        toggle(event?: Event): void;
     };
     private readonly input;
     constructor();
@@ -40,6 +40,12 @@ declare class RdxCheckboxInputDirective {
 type CheckedState = boolean | 'indeterminate';
 declare function isIndeterminate(checked?: CheckedState): checked is 'indeterminate';
 declare function getState(checked: CheckedState): "indeterminate" | "checked" | "unchecked";
+type RdxCheckboxCheckedChangeReason = 'trigger-press' | 'none';
+type RdxCheckboxCheckedChangeEventDetails = RdxCancelableChangeEventDetails<RdxCheckboxCheckedChangeReason>;
+interface RdxCheckboxCheckedChangeEvent {
+    checked: boolean;
+    eventDetails: RdxCheckboxCheckedChangeEventDetails;
+}
 declare const rootContext: () => {
     checked: _angular_core.Signal<boolean>;
     indeterminate: _angular_core.Signal<boolean>;
@@ -51,7 +57,7 @@ declare const rootContext: () => {
     form: _angular_core.InputSignal<string | undefined>;
     readonly: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
     state: _angular_core.Signal<"indeterminate" | "checked" | "unchecked">;
-    toggle(): void;
+    toggle(event?: Event): void;
 };
 type CheckboxRootContext = ReturnType<typeof rootContext>;
 declare const injectCheckboxRootContext: _radix_ng_primitives_core.InjectContext<{
@@ -65,7 +71,7 @@ declare const injectCheckboxRootContext: _radix_ng_primitives_core.InjectContext
     form: _angular_core.InputSignal<string | undefined>;
     readonly: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
     state: _angular_core.Signal<"indeterminate" | "checked" | "unchecked">;
-    toggle(): void;
+    toggle(event?: Event): void;
 }>;
 declare const provideCheckboxRootContext: (useFactory: () => {
     checked: _angular_core.Signal<boolean>;
@@ -78,7 +84,7 @@ declare const provideCheckboxRootContext: (useFactory: () => {
     form: _angular_core.InputSignal<string | undefined>;
     readonly: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
     state: _angular_core.Signal<"indeterminate" | "checked" | "unchecked">;
-    toggle(): void;
+    toggle(event?: Event): void;
 }) => _angular_core.Provider;
 /**
  * @group Components
@@ -156,7 +162,7 @@ declare class RdxCheckboxRootDirective implements RdxFormCheckboxControl {
      * Event emitted when the checkbox checked state changes.
      * @group Emits
      */
-    readonly onCheckedChange: _angular_core.OutputRef<any>;
+    readonly onCheckedChange: _angular_core.OutputEmitterRef<RdxCheckboxCheckedChangeEvent>;
     /**
      * @ignore
      * The effective checked state as a `boolean`. Inside a `rdxCheckboxGroup` it is derived from the
@@ -174,7 +180,7 @@ declare class RdxCheckboxRootDirective implements RdxFormCheckboxControl {
     readonly disabledState: _angular_core.Signal<boolean>;
     readonly state: _angular_core.Signal<"indeterminate" | "checked" | "unchecked">;
     constructor();
-    toggle(): void;
+    toggle(event?: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxCheckboxRootDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxCheckboxRootDirective, "[rdxCheckboxRoot]", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "submitValue": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "parent": { "alias": "parent"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "indeterminate": "indeterminateChange"; "onCheckedChange": "onCheckedChange"; }, never, never, true, [{ directive: typeof _radix_ng_primitives_core.RdxControlValueAccessor; inputs: { "value": "checked"; "disabled": "disabled"; }; outputs: {}; }]>;
 }
@@ -197,7 +203,7 @@ declare class RdxCheckboxButtonDirective {
         form: _angular_core.InputSignal<string | undefined>;
         readonly: _angular_core.InputSignalWithTransform<boolean, _radix_ng_primitives_types_radix_ng_primitives_core.BooleanInput>;
         state: _angular_core.Signal<"indeterminate" | "checked" | "unchecked">;
-        toggle(): void;
+        toggle(event?: Event): void;
     };
     private readonly group;
     private readonly elementRef;
@@ -221,12 +227,18 @@ declare class RdxCheckboxIndicatorDirective {
         form: _angular_core.InputSignal<string | undefined>;
         readonly: _angular_core.InputSignalWithTransform<boolean, _radix_ng_primitives_types_radix_ng_primitives_core.BooleanInput>;
         state: _angular_core.Signal<"indeterminate" | "checked" | "unchecked">;
-        toggle(): void;
+        toggle(event?: Event): void;
     };
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxCheckboxIndicatorDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxCheckboxIndicatorDirective, "[rdxCheckboxIndicator]", never, {}, {}, never, never, true, never>;
 }
 
+type RdxCheckboxGroupValueChangeReason = 'child-press' | 'parent-press' | 'none';
+type RdxCheckboxGroupValueChangeEventDetails = RdxCancelableChangeEventDetails<RdxCheckboxGroupValueChangeReason>;
+interface RdxCheckboxGroupValueChangeEvent {
+    value: string[];
+    eventDetails: RdxCheckboxGroupValueChangeEventDetails;
+}
 interface RdxCheckboxGroupContext {
     /** The names of the currently checked checkboxes. */
     value: Signal<string[]>;
@@ -241,9 +253,9 @@ interface RdxCheckboxGroupContext {
     /** A stable id for a child's control element, derived from the group id and the child name. */
     controlId: (name: string) => string;
     /** Toggle a single child by name. */
-    toggleValue: (name: string) => void;
+    toggleValue: (name: string, event?: Event) => void;
     /** Toggle every child on or off (used by a `parent` checkbox). */
-    toggleAll: () => void;
+    toggleAll: (event?: Event) => void;
     /** Register a child's name and disabled state so the parent can preserve disabled items. */
     registerChild: (name: string, disabled: Signal<boolean>) => () => void;
     /** Register a child's control element id so the parent can reference it via `aria-controls`. */
@@ -267,7 +279,7 @@ declare class RdxCheckboxGroupDirective implements ControlValueAccessor {
     /** Whether the whole group is disabled. */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
     /** Emits the new array of checked names whenever the value changes. */
-    readonly onValueChange: _angular_core.OutputEmitterRef<string[]>;
+    readonly onValueChange: _angular_core.OutputEmitterRef<RdxCheckboxGroupValueChangeEvent>;
     private readonly disabledByCva;
     readonly disabledState: Signal<boolean>;
     /** Derived state for a `parent` checkbox: `true` (all), `false` (none) or `'indeterminate'`. */
@@ -299,7 +311,7 @@ declare class RdxCheckboxGroupDirective implements ControlValueAccessor {
     /** @ignore Register a child's control element id so the parent can list it in `aria-controls`. */
     registerControl(name: string, id: string): () => void;
     /** Add/remove a single child name from the value (a direct child change). */
-    toggleValue(name: string): void;
+    toggleValue(name: string, event?: Event): void;
     /**
      * Toggle from the `parent` checkbox. Mirrors Base UI's `useCheckboxGroupParent`:
      *
@@ -309,7 +321,7 @@ declare class RdxCheckboxGroupDirective implements ControlValueAccessor {
      *
      * Disabled-but-checked children are always preserved (they cannot be toggled programmatically).
      */
-    toggleAll(): void;
+    toggleAll(event?: Event): void;
     private isNameDisabled;
     /** Seed the remembered selection from the current value the first time the parent is used. */
     private ensureSeeded;
@@ -334,4 +346,4 @@ declare class RdxCheckboxModule {
 }
 
 export { RdxCheckboxButtonDirective, RdxCheckboxGroupDirective, RdxCheckboxIndicatorDirective, RdxCheckboxIndicatorPresenceDirective, RdxCheckboxInputDirective, RdxCheckboxModule, RdxCheckboxRootDirective, checkboxImports, getState, injectCheckboxGroupContext, injectCheckboxRootContext, isIndeterminate, provideCheckboxGroupContext, provideCheckboxRootContext };
-export type { CheckboxRootContext, CheckedState, RdxCheckboxGroupContext };
+export type { CheckboxRootContext, CheckedState, RdxCheckboxCheckedChangeEvent, RdxCheckboxCheckedChangeEventDetails, RdxCheckboxCheckedChangeReason, RdxCheckboxGroupContext, RdxCheckboxGroupValueChangeEvent, RdxCheckboxGroupValueChangeEventDetails, RdxCheckboxGroupValueChangeReason };