@radix-ng/primitives 0.37.0 → 0.38.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (78) hide show
  1. package/accordion/index.d.ts +3 -1
  2. package/accordion/src/accordion-content-presence.directive.d.ts +6 -0
  3. package/accordion/src/accordion-content.directive.d.ts +4 -7
  4. package/accordion/src/accordion-header.directive.d.ts +2 -2
  5. package/accordion/src/accordion-item.directive.d.ts +24 -83
  6. package/accordion/src/accordion-root.directive.d.ts +33 -87
  7. package/accordion/src/accordion-trigger.directive.d.ts +5 -11
  8. package/collapsible/index.d.ts +11 -0
  9. package/collapsible/src/collapsible-content-presence.directive.d.ts +6 -0
  10. package/collapsible/src/collapsible-content.directive.d.ts +10 -9
  11. package/collapsible/src/collapsible-root.directive.d.ts +19 -37
  12. package/collapsible/src/collapsible-trigger.directive.d.ts +1 -21
  13. package/core/index.d.ts +5 -0
  14. package/core/src/accessor/control-value-accessor.d.ts +67 -0
  15. package/core/src/create-context.d.ts +10 -0
  16. package/core/src/date-time/comparators.d.ts +7 -1
  17. package/core/src/date-time/useDateField.d.ts +2 -2
  18. package/core/src/types.d.ts +24 -0
  19. package/{stepper/src/utils → core/src}/useArrowNavigation.d.ts +2 -2
  20. package/core/src/useResizeObserver.d.ts +15 -0
  21. package/fesm2022/radix-ng-primitives-accordion.mjs +196 -408
  22. package/fesm2022/radix-ng-primitives-accordion.mjs.map +1 -1
  23. package/fesm2022/radix-ng-primitives-avatar.mjs +2 -10
  24. package/fesm2022/radix-ng-primitives-avatar.mjs.map +1 -1
  25. package/fesm2022/radix-ng-primitives-calendar.mjs +3 -14
  26. package/fesm2022/radix-ng-primitives-calendar.mjs.map +1 -1
  27. package/fesm2022/radix-ng-primitives-checkbox.mjs.map +1 -1
  28. package/fesm2022/radix-ng-primitives-collapsible.mjs +138 -143
  29. package/fesm2022/radix-ng-primitives-collapsible.mjs.map +1 -1
  30. package/fesm2022/radix-ng-primitives-core.mjs +248 -7
  31. package/fesm2022/radix-ng-primitives-core.mjs.map +1 -1
  32. package/fesm2022/radix-ng-primitives-hover-card.mjs +1 -3
  33. package/fesm2022/radix-ng-primitives-hover-card.mjs.map +1 -1
  34. package/fesm2022/radix-ng-primitives-menubar.mjs +1 -8
  35. package/fesm2022/radix-ng-primitives-menubar.mjs.map +1 -1
  36. package/fesm2022/radix-ng-primitives-pagination.mjs +2 -6
  37. package/fesm2022/radix-ng-primitives-pagination.mjs.map +1 -1
  38. package/fesm2022/radix-ng-primitives-popover.mjs +2 -6
  39. package/fesm2022/radix-ng-primitives-popover.mjs.map +1 -1
  40. package/fesm2022/radix-ng-primitives-presence.mjs +34 -1
  41. package/fesm2022/radix-ng-primitives-presence.mjs.map +1 -1
  42. package/fesm2022/radix-ng-primitives-progress.mjs +2 -7
  43. package/fesm2022/radix-ng-primitives-progress.mjs.map +1 -1
  44. package/fesm2022/radix-ng-primitives-radio.mjs +1 -3
  45. package/fesm2022/radix-ng-primitives-radio.mjs.map +1 -1
  46. package/fesm2022/radix-ng-primitives-select.mjs +75 -33
  47. package/fesm2022/radix-ng-primitives-select.mjs.map +1 -1
  48. package/fesm2022/radix-ng-primitives-stepper.mjs +1 -84
  49. package/fesm2022/radix-ng-primitives-stepper.mjs.map +1 -1
  50. package/fesm2022/radix-ng-primitives-switch.mjs +61 -100
  51. package/fesm2022/radix-ng-primitives-switch.mjs.map +1 -1
  52. package/fesm2022/radix-ng-primitives-tabs.mjs +4 -19
  53. package/fesm2022/radix-ng-primitives-tabs.mjs.map +1 -1
  54. package/fesm2022/radix-ng-primitives-time-field.mjs +351 -0
  55. package/fesm2022/radix-ng-primitives-time-field.mjs.map +1 -0
  56. package/fesm2022/radix-ng-primitives-toggle-group.mjs.map +1 -1
  57. package/fesm2022/radix-ng-primitives-toggle.mjs +1 -6
  58. package/fesm2022/radix-ng-primitives-toggle.mjs.map +1 -1
  59. package/fesm2022/radix-ng-primitives-tooltip.mjs +1 -3
  60. package/fesm2022/radix-ng-primitives-tooltip.mjs.map +1 -1
  61. package/hover-card/src/hover-card-root.directive.d.ts +4 -4
  62. package/package.json +5 -1
  63. package/popover/src/popover-root.directive.d.ts +4 -4
  64. package/presence/index.d.ts +1 -0
  65. package/presence/src/presence.directive.d.ts +27 -0
  66. package/select/src/select-trigger.directive.d.ts +8 -2
  67. package/select/src/select.component.d.ts +23 -6
  68. package/switch/index.d.ts +0 -1
  69. package/switch/src/switch-input.directive.d.ts +1 -1
  70. package/switch/src/switch-root.directive.d.ts +23 -46
  71. package/switch/src/switch-thumb.directive.d.ts +1 -1
  72. package/time-field/README.md +1 -0
  73. package/time-field/index.d.ts +11 -0
  74. package/time-field/src/time-field-context.token.d.ts +19 -0
  75. package/time-field/src/time-field-input.directive.d.ts +53 -0
  76. package/time-field/src/time-field-root.directive.d.ts +125 -0
  77. package/tooltip/src/tooltip-root.directive.d.ts +4 -4
  78. package/collapsible/src/collapsible-content.token.d.ts +0 -3
@@ -2,7 +2,7 @@ import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
2
2
  import { Directionality } from '@angular/cdk/bidi';
3
3
  import { SelectionModel } from '@angular/cdk/collections';
4
4
  import { CdkConnectedOverlay, ConnectedPosition, Overlay } from '@angular/cdk/overlay';
5
- import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnInit, QueryList } from '@angular/core';
5
+ import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnInit } from '@angular/core';
6
6
  import { Observable } from 'rxjs';
7
7
  import { RdxSelectContentDirective } from './select-content.directive';
8
8
  import { RdxSelectItemChange, RdxSelectItemDirective } from './select-item.directive';
@@ -14,10 +14,21 @@ export declare class RdxSelectComponent implements OnInit, AfterContentInit {
14
14
  protected changeDetectorRef: ChangeDetectorRef;
15
15
  private readonly destroyRef;
16
16
  private readonly ngZone;
17
- protected trigger: RdxSelectTriggerDirective;
18
- protected content: RdxSelectContentDirective;
19
- items: QueryList<RdxSelectItemDirective>;
20
- overlayDir: CdkConnectedOverlay;
17
+ protected readonly trigger: import("@angular/core").Signal<RdxSelectTriggerDirective>;
18
+ protected readonly content: import("@angular/core").Signal<RdxSelectContentDirective>;
19
+ readonly items: import("@angular/core").Signal<readonly RdxSelectItemDirective[]>;
20
+ readonly overlayDir: import("@angular/core").Signal<CdkConnectedOverlay>;
21
+ /**
22
+ * Tuple type for the trigger element size. Set by the trigger element itself.
23
+ * The first element is the width and the second element is the height.
24
+ * @returns The size of the trigger element.
25
+ */
26
+ readonly triggerSize: import("@angular/core").WritableSignal<[number, number]>;
27
+ /**
28
+ * The width of the trigger element.
29
+ * @returns The width of the trigger element.
30
+ */
31
+ readonly triggerWidth: import("@angular/core").Signal<number>;
21
32
  /** Deals with the selection logic. */
22
33
  selectionModel: SelectionModel<RdxSelectItemDirective>;
23
34
  /**
@@ -47,6 +58,11 @@ export declare class RdxSelectComponent implements OnInit, AfterContentInit {
47
58
  /** Whether the Select is disabled. */
48
59
  disabled: boolean;
49
60
  required: boolean;
61
+ /**
62
+ * The overlay width will be set to the trigger width if this is true.
63
+ * Otherwise, the overlay width will be set to the width of the content.
64
+ */
65
+ matchTriggerWidth: boolean;
50
66
  /**
51
67
  * The controlled value of the item to expand
52
68
  */
@@ -73,9 +89,10 @@ export declare class RdxSelectComponent implements OnInit, AfterContentInit {
73
89
  private selectValue;
74
90
  private closingActions;
75
91
  static ɵfac: i0.ɵɵFactoryDeclaration<RdxSelectComponent, never>;
76
- static ɵcmp: i0.ɵɵComponentDeclaration<RdxSelectComponent, "[rdxSelect]", never, { "defaultValue": { "alias": "defaultValue"; "required": false; }; "name": { "alias": "name"; "required": false; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; }; "open": { "alias": "open"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "onValueChange": "onValueChange"; "onOpenChange": "onOpenChange"; }, ["trigger", "content", "items"], ["[rdxSelectTrigger]", "[rdxSelectContent]"], true, never>;
92
+ static ɵcmp: i0.ɵɵComponentDeclaration<RdxSelectComponent, "[rdxSelect]", never, { "defaultValue": { "alias": "defaultValue"; "required": false; }; "name": { "alias": "name"; "required": false; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; }; "open": { "alias": "open"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "matchTriggerWidth": { "alias": "matchTriggerWidth"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "onValueChange": "onValueChange"; "onOpenChange": "onOpenChange"; }, ["trigger", "content", "items"], ["[rdxSelectTrigger]", "[rdxSelectContent]"], true, never>;
77
93
  static ngAcceptInputType_defaultOpen: unknown;
78
94
  static ngAcceptInputType_open: unknown;
79
95
  static ngAcceptInputType_disabled: unknown;
80
96
  static ngAcceptInputType_required: unknown;
97
+ static ngAcceptInputType_matchTriggerWidth: unknown;
81
98
  }
package/switch/index.d.ts CHANGED
@@ -5,7 +5,6 @@ import * as i3 from "./src/switch-thumb.directive";
5
5
  export * from './src/switch-input.directive';
6
6
  export * from './src/switch-root.directive';
7
7
  export * from './src/switch-thumb.directive';
8
- export type { SwitchProps } from './src/switch-root.directive';
9
8
  export declare class RdxSwitchModule {
10
9
  static ɵfac: i0.ɵɵFactoryDeclaration<RdxSwitchModule, never>;
11
10
  static ɵmod: i0.ɵɵNgModuleDeclaration<RdxSwitchModule, never, [typeof i1.RdxSwitchRootDirective, typeof i2.RdxSwitchInputDirective, typeof i3.RdxSwitchThumbDirective], [typeof i1.RdxSwitchRootDirective, typeof i2.RdxSwitchInputDirective, typeof i3.RdxSwitchThumbDirective]>;
@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
3
3
  * @group Components
4
4
  */
5
5
  export declare class RdxSwitchInputDirective {
6
- protected readonly switchRoot: import("./switch-root.directive").RdxSwitchRootDirective;
6
+ protected readonly rootContext: import("./switch-root.directive").SwitchContext;
7
7
  /** @ignore */
8
8
  protected onBlur(): void;
9
9
  static ɵfac: i0.ɵɵFactoryDeclaration<RdxSwitchInputDirective, never>;
@@ -1,22 +1,21 @@
1
1
  import { BooleanInput } from '@angular/cdk/coercion';
2
- import { InjectionToken, InputSignalWithTransform, ModelSignal, OutputEmitterRef } from '@angular/core';
3
- import { ControlValueAccessor } from '@angular/forms';
2
+ import { InputSignal, InputSignalWithTransform, Signal } from '@angular/core';
3
+ import { RdxControlValueAccessor } from '@radix-ng/primitives/core';
4
4
  import * as i0 from "@angular/core";
5
- export declare const RdxSwitchToken: InjectionToken<RdxSwitchRootDirective>;
6
- export declare function injectSwitch(): RdxSwitchRootDirective;
7
- export interface SwitchProps {
8
- checked?: ModelSignal<boolean>;
9
- defaultChecked?: InputSignalWithTransform<boolean, BooleanInput>;
10
- required?: InputSignalWithTransform<boolean, BooleanInput>;
11
- onCheckedChange?: OutputEmitterRef<boolean>;
5
+ import * as i1 from "@radix-ng/primitives/core";
6
+ export interface SwitchContext {
7
+ required: InputSignalWithTransform<boolean, BooleanInput>;
8
+ checked: Signal<boolean | undefined>;
9
+ disabled: Signal<boolean | undefined>;
10
+ ariaLabel: InputSignal<string | undefined>;
11
+ ariaLabelledBy: InputSignal<string | undefined>;
12
+ markAsTouched: () => void;
13
+ toggle: () => void;
12
14
  }
13
- /**
14
- * @group Components
15
- */
16
- export declare class RdxSwitchRootDirective implements SwitchProps, ControlValueAccessor {
17
- readonly id: import("@angular/core").InputSignal<string | null>;
18
- protected readonly elementId: import("@angular/core").Signal<string | null>;
19
- readonly inputId: import("@angular/core").InputSignal<string | null>;
15
+ export declare const injectSwitchRootContext: (optional?: boolean) => SwitchContext | null, provideSwitchRootContext: (useFactory: () => SwitchContext) => import("@angular/core").Provider;
16
+ export declare class RdxSwitchRootDirective {
17
+ protected readonly cva: RdxControlValueAccessor<boolean | undefined>;
18
+ readonly id: InputSignal<string>;
20
19
  /**
21
20
  * When true, indicates that the user must check the switch before the owning form can be submitted.
22
21
  *
@@ -29,19 +28,13 @@ export declare class RdxSwitchRootDirective implements SwitchProps, ControlValue
29
28
  * @default null
30
29
  * @group Props
31
30
  */
32
- readonly ariaLabelledBy: import("@angular/core").InputSignal<string | undefined>;
31
+ readonly ariaLabelledBy: InputSignal<string | undefined>;
33
32
  /**
34
33
  * Used to define a string that autocomplete attribute the current element.
35
34
  * @default null
36
35
  * @group Props
37
36
  */
38
- readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
39
- /**
40
- * The controlled state of the switch. Must be used in conjunction with onCheckedChange.
41
- * @defaultValue false
42
- * @group Props
43
- */
44
- readonly checked: ModelSignal<boolean>;
37
+ readonly ariaLabel: InputSignal<string | undefined>;
45
38
  /**
46
39
  * The state of the switch when it is initially rendered. Use when you do not need to control its state.
47
40
  * @default false
@@ -49,46 +42,30 @@ export declare class RdxSwitchRootDirective implements SwitchProps, ControlValue
49
42
  */
50
43
  readonly defaultChecked: InputSignalWithTransform<boolean, BooleanInput>;
51
44
  /**
52
- * The state of the switch.
53
- * If `defaultChecked` is provided, it takes precedence over the `checked` state.
54
- * @ignore
45
+ * The controlled state of the switch. Must be used in conjunction with onCheckedChange.
46
+ * @defaultValue false
47
+ * @group Props
55
48
  */
56
- readonly checkedState: import("@angular/core").Signal<boolean>;
49
+ readonly checked: import("@angular/core").ModelSignal<boolean>;
57
50
  /**
58
51
  * When `true`, prevents the user from interacting with the switch.
59
52
  * @default false
60
53
  * @group Props
61
54
  */
62
55
  readonly disabled: InputSignalWithTransform<boolean, BooleanInput>;
63
- /** @ignore */
64
- readonly disabledState: import("@angular/core").Signal<boolean>;
65
56
  /**
66
57
  * Event handler called when the state of the switch changes.
67
58
  *
68
59
  * @param {boolean} value - Boolean value indicates that the option is changed.
69
60
  * @group Emits
70
61
  */
71
- readonly onCheckedChange: OutputEmitterRef<boolean>;
72
- private readonly defaultCheckedUsed;
73
- constructor();
62
+ readonly onCheckedChange: import("@angular/core").OutputRef<boolean | undefined>;
74
63
  /**
75
64
  * Toggles the checked state of the switch.
76
65
  * If the switch is disabled, the function returns early.
77
66
  * @ignore
78
67
  */
79
68
  toggle(): void;
80
- private readonly accessorDisabled;
81
- private onChange;
82
- /** @ignore */
83
- onTouched: (() => void) | undefined;
84
- /** @ignore */
85
- writeValue(value: any): void;
86
- /** @ignore */
87
- registerOnChange(fn: (value: any) => void): void;
88
- /** @ignore */
89
- registerOnTouched(fn: () => void): void;
90
- /** @ignore */
91
- setDisabledState(isDisabled: boolean): void;
92
69
  static ɵfac: i0.ɵɵFactoryDeclaration<RdxSwitchRootDirective, never>;
93
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSwitchRootDirective, "button[rdxSwitchRoot]", ["rdxSwitchRoot"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "defaultChecked": { "alias": "defaultChecked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "onCheckedChange": "onCheckedChange"; }, never, never, true, never>;
70
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSwitchRootDirective, "button[rdxSwitchRoot]", ["rdxSwitchRoot"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "defaultChecked": { "alias": "defaultChecked"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "onCheckedChange": "onCheckedChange"; }, never, never, true, [{ directive: typeof i1.RdxControlValueAccessor; inputs: { "value": "checked"; "disabled": "disabled"; }; outputs: {}; }]>;
94
71
  }
@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
3
3
  * @group Components
4
4
  */
5
5
  export declare class RdxSwitchThumbDirective {
6
- protected readonly switchRoot: import("./switch-root.directive").RdxSwitchRootDirective;
6
+ protected readonly rootContext: import("./switch-root.directive").SwitchContext | null;
7
7
  static ɵfac: i0.ɵɵFactoryDeclaration<RdxSwitchThumbDirective, never>;
8
8
  static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSwitchThumbDirective, "span[rdxSwitchThumb]", ["rdxSwitchThumb"], {}, {}, never, never, true, never>;
9
9
  }
@@ -0,0 +1 @@
1
+ # @radix-ng/primitives/time-field
@@ -0,0 +1,11 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./src/time-field-root.directive";
3
+ import * as i2 from "./src/time-field-input.directive";
4
+ export * from './src/time-field-context.token';
5
+ export * from './src/time-field-input.directive';
6
+ export * from './src/time-field-root.directive';
7
+ export declare class RdxTimeFieldModule {
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxTimeFieldModule, never>;
9
+ static ɵmod: i0.ɵɵNgModuleDeclaration<RdxTimeFieldModule, never, [typeof i1.RdxTimeFieldRootDirective, typeof i2.RdxTimeFieldInputDirective], [typeof i1.RdxTimeFieldRootDirective, typeof i2.RdxTimeFieldInputDirective]>;
10
+ static ɵinj: i0.ɵɵInjectorDeclaration<RdxTimeFieldModule>;
11
+ }
@@ -0,0 +1,19 @@
1
+ import { InjectionToken, InputSignal, ModelSignal, Signal, WritableSignal } from '@angular/core';
2
+ import { Formatter, HourCycle, SegmentValueObj, TimeValue } from '@radix-ng/primitives/core';
3
+ export interface TimeFieldContextToken {
4
+ locale: InputSignal<string>;
5
+ value: ModelSignal<TimeValue | undefined>;
6
+ placeholder: ModelSignal<TimeValue>;
7
+ isInvalid: Signal<boolean>;
8
+ disabled: InputSignal<boolean>;
9
+ readonly: InputSignal<boolean>;
10
+ formatter: Formatter;
11
+ hourCycle: InputSignal<HourCycle>;
12
+ segmentValues: WritableSignal<SegmentValueObj>;
13
+ focusNext: () => void;
14
+ setFocusedElement: (el: HTMLElement) => void;
15
+ convertedModelValue: WritableSignal<TimeValue | undefined>;
16
+ convertedPlaceholder: WritableSignal<TimeValue>;
17
+ }
18
+ export declare const TIME_FIELDS_ROOT_CONTEXT: InjectionToken<TimeFieldContextToken>;
19
+ export declare function injectTimeFieldsRootContext(): TimeFieldContextToken;
@@ -0,0 +1,53 @@
1
+ import { ElementRef, WritableSignal } from '@angular/core';
2
+ import { SegmentPart } from '@radix-ng/primitives/core';
3
+ import * as i0 from "@angular/core";
4
+ export declare class RdxTimeFieldInputDirective {
5
+ private el;
6
+ private readonly rootContext;
7
+ /**
8
+ * The part of the date to render
9
+ * `'hour' | 'minute' | 'second' | 'dayPeriod' | 'literal' | 'timeZoneName'`
10
+ */
11
+ readonly part: import("@angular/core").InputSignal<SegmentPart | undefined>;
12
+ /**
13
+ * @ignore
14
+ */
15
+ readonly disabled: import("@angular/core").Signal<boolean>;
16
+ /**
17
+ * @ignore
18
+ */
19
+ readonly readonly: import("@angular/core").Signal<boolean>;
20
+ /**
21
+ * @ignore
22
+ */
23
+ readonly isInvalid: import("@angular/core").Signal<boolean>;
24
+ /**
25
+ * @ignore
26
+ */
27
+ readonly hasLeftFocus: WritableSignal<boolean>;
28
+ /**
29
+ * @ignore
30
+ */
31
+ readonly lastKeyZero: WritableSignal<boolean>;
32
+ private readonly fieldData;
33
+ private readonly attributes;
34
+ /**
35
+ * @ignore
36
+ */
37
+ handleSegmentClick: (e: MouseEvent) => void;
38
+ /**
39
+ * @ignore
40
+ */
41
+ handleSegmentKeydown: (e: KeyboardEvent) => void;
42
+ constructor(el: ElementRef);
43
+ /**
44
+ * @ignore
45
+ */
46
+ onFocus(e: FocusEvent): void;
47
+ /**
48
+ * @ignore
49
+ */
50
+ onFocusOut(): void;
51
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxTimeFieldInputDirective, never>;
52
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTimeFieldInputDirective, "[rdxTimeFieldInput]", never, { "part": { "alias": "part"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
53
+ }
@@ -0,0 +1,125 @@
1
+ import { Direction } from '@angular/cdk/bidi';
2
+ import { BooleanInput } from '@angular/cdk/coercion';
3
+ import { AfterViewInit, OnInit } from '@angular/core';
4
+ import { Formatter, Granularity, HourCycle, SegmentValueObj, TimeValue } from '@radix-ng/primitives/core';
5
+ import * as i0 from "@angular/core";
6
+ export declare class RdxTimeFieldRootDirective implements OnInit, AfterViewInit {
7
+ private readonly elementRef;
8
+ /**
9
+ * The controlled checked state of the calendar.
10
+ */
11
+ readonly value: import("@angular/core").ModelSignal<TimeValue | undefined>;
12
+ /**
13
+ * The hour cycle to use for formatting times. Defaults to the locale preference
14
+ */
15
+ readonly hourCycle: import("@angular/core").InputSignal<HourCycle>;
16
+ /**
17
+ * The granularity to use for formatting the field. Defaults to 'day' if a CalendarDate is provided, otherwise defaults to 'minute'.
18
+ * The field will render segments for each part of the date up to and including the specified granularity.
19
+ */
20
+ readonly granularity: import("@angular/core").InputSignal<Granularity | undefined>;
21
+ /**
22
+ * The locale to use for formatting dates.
23
+ */
24
+ readonly locale: import("@angular/core").InputSignal<string>;
25
+ readonly dir: import("@angular/core").InputSignal<Direction>;
26
+ /**
27
+ * The minimum valid date that can be entered.
28
+ */
29
+ readonly minValue: import("@angular/core").InputSignal<TimeValue | undefined>;
30
+ /**
31
+ * The maximum valid date that can be entered.
32
+ */
33
+ readonly maxValue: import("@angular/core").InputSignal<TimeValue | undefined>;
34
+ /**
35
+ * Whether or not to hide the time zone segment of the field.
36
+ */
37
+ readonly hideTimeZone: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
38
+ readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
39
+ /**
40
+ * Whether or not the field is readonly.
41
+ */
42
+ readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
43
+ /**
44
+ * @ignore
45
+ */
46
+ readonly defaultDate: import("@angular/core").Signal<TimeValue>;
47
+ /**
48
+ * The placeholder date, which is used to determine what month to display when no date is selected. This updates as the user navigates the calendar and can be used to programmatically control the calendar view
49
+ */
50
+ readonly placeholder: import("@angular/core").ModelSignal<TimeValue | undefined>;
51
+ /**
52
+ * @ignore
53
+ */
54
+ readonly segmentElements: import("@angular/core").WritableSignal<Set<HTMLElement>>;
55
+ /**
56
+ * @ignore
57
+ */
58
+ readonly currentFocusedElement: import("@angular/core").WritableSignal<HTMLElement | null>;
59
+ /**
60
+ * @ignore
61
+ */
62
+ formatter: Formatter;
63
+ /**
64
+ * @ignore
65
+ */
66
+ readonly segmentValues: import("@angular/core").WritableSignal<SegmentValueObj>;
67
+ /**
68
+ * @ignore
69
+ */
70
+ readonly inferredGranularity: import("@angular/core").Signal<Granularity | undefined>;
71
+ readonly convertedMinValue: import("@angular/core").Signal<import("@internationalized/date").CalendarDateTime | import("@internationalized/date").ZonedDateTime | undefined>;
72
+ readonly convertedMaxValue: import("@angular/core").Signal<import("@internationalized/date").CalendarDateTime | import("@internationalized/date").ZonedDateTime | undefined>;
73
+ readonly convertedModelValue: import("@angular/core").WritableSignal<TimeValue | undefined>;
74
+ readonly convertedPlaceholder: import("@angular/core").WritableSignal<TimeValue>;
75
+ /**
76
+ * @ignore
77
+ */
78
+ readonly isInvalid: import("@angular/core").Signal<boolean>;
79
+ /**
80
+ * @ignore
81
+ */
82
+ readonly allSegmentContent: import("@angular/core").Signal<{
83
+ obj: import("@radix-ng/primitives/core").SegmentContentObj;
84
+ arr: {
85
+ part: import("@radix-ng/primitives/core").SegmentPart;
86
+ value: string;
87
+ }[];
88
+ }>;
89
+ /**
90
+ * An array of segments that should be readonly, which prevent user input on them.
91
+ */
92
+ readonly segmentContents: import("@angular/core").Signal<{
93
+ part: import("@radix-ng/primitives/core").SegmentPart;
94
+ value: string;
95
+ }[]>;
96
+ /**
97
+ * @ignore
98
+ */
99
+ readonly currentSegmentIndex: import("@angular/core").Signal<number>;
100
+ /**
101
+ * @ignore
102
+ */
103
+ readonly prevFocusableSegment: import("@angular/core").Signal<HTMLElement | null>;
104
+ /**
105
+ * @ignore
106
+ */
107
+ readonly nextFocusableSegment: import("@angular/core").Signal<HTMLElement | null>;
108
+ /**
109
+ * @ignore
110
+ */
111
+ readonly focusNext: () => void;
112
+ constructor();
113
+ ngOnInit(): void;
114
+ ngAfterViewInit(): void;
115
+ /**
116
+ * @ignore
117
+ */
118
+ onKeydown(event: KeyboardEvent): void;
119
+ /**
120
+ * @ignore
121
+ */
122
+ setFocusedElement(el: HTMLElement): void;
123
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxTimeFieldRootDirective, never>;
124
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTimeFieldRootDirective, "[rdxTimeFieldRoot]", ["rdxTimeFieldRoot"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "hourCycle": { "alias": "hourCycle"; "required": false; "isSignal": true; }; "granularity": { "alias": "granularity"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "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; }; "hideTimeZone": { "alias": "hideTimeZone"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "placeholder": "placeholderChange"; }, never, never, true, never>;
125
+ }
@@ -79,7 +79,7 @@ export declare class RdxTooltipRootDirective {
79
79
  window: Window & typeof globalThis;
80
80
  primitiveConfigs?: import("./utils/types").PrimitiveConfigs;
81
81
  onDestroyCallbacks: Set<() => void>;
82
- "__#21255@#clickDomRootEventCallbacks": Set<(event: MouseEvent) => void>;
82
+ "__#21755@#clickDomRootEventCallbacks": Set<(event: MouseEvent) => void>;
83
83
  registerPrimitive<T extends object>(primitiveInstance: T): void;
84
84
  deregisterPrimitive<T extends object>(primitiveInstance: T): void;
85
85
  preventPrimitiveFromCdkEvent<T extends object>(primitiveInstance: T, eventType: import("./utils/types").EventType): void;
@@ -90,9 +90,9 @@ export declare class RdxTooltipRootDirective {
90
90
  primitivePreventedFromCdkEvent<T extends object>(primitiveInstance: T, eventType: import("./utils/types").EventType): boolean | undefined;
91
91
  addClickDomRootEventCallback(callback: (event: MouseEvent) => void): void;
92
92
  removeClickDomRootEventCallback(callback: (event: MouseEvent) => void): boolean;
93
- "__#21255@#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;
94
- "__#21255@#registerOnDestroyCallbacks"(): void;
95
- "__#21255@#listenToClickDomRootEvent"(): void;
93
+ "__#21755@#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;
94
+ "__#21755@#registerOnDestroyCallbacks"(): void;
95
+ "__#21755@#listenToClickDomRootEvent"(): void;
96
96
  } | null;
97
97
  /** @ignore */
98
98
  readonly destroyRef: DestroyRef;
@@ -1,3 +0,0 @@
1
- import { InjectionToken } from '@angular/core';
2
- import { RdxCollapsibleContentDirective } from './collapsible-content.directive';
3
- export declare const RdxCollapsibleContentToken: InjectionToken<RdxCollapsibleContentDirective>;