@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.
- package/accordion/index.d.ts +3 -1
- package/accordion/src/accordion-content-presence.directive.d.ts +6 -0
- package/accordion/src/accordion-content.directive.d.ts +4 -7
- package/accordion/src/accordion-header.directive.d.ts +2 -2
- package/accordion/src/accordion-item.directive.d.ts +24 -83
- package/accordion/src/accordion-root.directive.d.ts +33 -87
- package/accordion/src/accordion-trigger.directive.d.ts +5 -11
- package/collapsible/index.d.ts +11 -0
- package/collapsible/src/collapsible-content-presence.directive.d.ts +6 -0
- package/collapsible/src/collapsible-content.directive.d.ts +10 -9
- package/collapsible/src/collapsible-root.directive.d.ts +19 -37
- package/collapsible/src/collapsible-trigger.directive.d.ts +1 -21
- package/core/index.d.ts +5 -0
- package/core/src/accessor/control-value-accessor.d.ts +67 -0
- package/core/src/create-context.d.ts +10 -0
- package/core/src/date-time/comparators.d.ts +7 -1
- package/core/src/date-time/useDateField.d.ts +2 -2
- package/core/src/types.d.ts +24 -0
- package/{stepper/src/utils → core/src}/useArrowNavigation.d.ts +2 -2
- package/core/src/useResizeObserver.d.ts +15 -0
- package/fesm2022/radix-ng-primitives-accordion.mjs +196 -408
- package/fesm2022/radix-ng-primitives-accordion.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-avatar.mjs +2 -10
- package/fesm2022/radix-ng-primitives-avatar.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-calendar.mjs +3 -14
- package/fesm2022/radix-ng-primitives-calendar.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-checkbox.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-collapsible.mjs +138 -143
- package/fesm2022/radix-ng-primitives-collapsible.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-core.mjs +248 -7
- package/fesm2022/radix-ng-primitives-core.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-hover-card.mjs +1 -3
- package/fesm2022/radix-ng-primitives-hover-card.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-menubar.mjs +1 -8
- package/fesm2022/radix-ng-primitives-menubar.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-pagination.mjs +2 -6
- package/fesm2022/radix-ng-primitives-pagination.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-popover.mjs +2 -6
- package/fesm2022/radix-ng-primitives-popover.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-presence.mjs +34 -1
- package/fesm2022/radix-ng-primitives-presence.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-progress.mjs +2 -7
- package/fesm2022/radix-ng-primitives-progress.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-radio.mjs +1 -3
- package/fesm2022/radix-ng-primitives-radio.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-select.mjs +75 -33
- package/fesm2022/radix-ng-primitives-select.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-stepper.mjs +1 -84
- package/fesm2022/radix-ng-primitives-stepper.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-switch.mjs +61 -100
- package/fesm2022/radix-ng-primitives-switch.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-tabs.mjs +4 -19
- package/fesm2022/radix-ng-primitives-tabs.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-time-field.mjs +351 -0
- package/fesm2022/radix-ng-primitives-time-field.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-toggle-group.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-toggle.mjs +1 -6
- package/fesm2022/radix-ng-primitives-toggle.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-tooltip.mjs +1 -3
- package/fesm2022/radix-ng-primitives-tooltip.mjs.map +1 -1
- package/hover-card/src/hover-card-root.directive.d.ts +4 -4
- package/package.json +5 -1
- package/popover/src/popover-root.directive.d.ts +4 -4
- package/presence/index.d.ts +1 -0
- package/presence/src/presence.directive.d.ts +27 -0
- package/select/src/select-trigger.directive.d.ts +8 -2
- package/select/src/select.component.d.ts +23 -6
- package/switch/index.d.ts +0 -1
- package/switch/src/switch-input.directive.d.ts +1 -1
- package/switch/src/switch-root.directive.d.ts +23 -46
- package/switch/src/switch-thumb.directive.d.ts +1 -1
- package/time-field/README.md +1 -0
- package/time-field/index.d.ts +11 -0
- package/time-field/src/time-field-context.token.d.ts +19 -0
- package/time-field/src/time-field-input.directive.d.ts +53 -0
- package/time-field/src/time-field-root.directive.d.ts +125 -0
- package/tooltip/src/tooltip-root.directive.d.ts +4 -4
- 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
|
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:
|
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
|
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 {
|
3
|
-
import {
|
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
|
-
|
6
|
-
export
|
7
|
-
|
8
|
-
checked
|
9
|
-
|
10
|
-
|
11
|
-
|
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
|
-
|
15
|
-
|
16
|
-
|
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:
|
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:
|
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
|
-
*
|
54
|
-
* @
|
45
|
+
* The controlled state of the switch. Must be used in conjunction with onCheckedChange.
|
46
|
+
* @defaultValue false
|
47
|
+
* @group Props
|
55
48
|
*/
|
56
|
-
readonly
|
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:
|
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; }; "
|
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
|
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
|
-
"__#
|
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
|
-
"__#
|
94
|
-
"__#
|
95
|
-
"__#
|
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;
|