@radix-ng/primitives 0.17.0 → 0.18.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/compodoc/documentation.json +5303 -1426
- package/esm2022/select/src/select-trigger.directive.mjs +3 -3
- package/esm2022/select/src/select-value.directive.mjs +4 -9
- package/esm2022/select/src/select.component.mjs +6 -5
- package/esm2022/slider/index.mjs +28 -0
- package/esm2022/slider/radix-ng-primitives-slider.mjs +5 -0
- package/esm2022/slider/src/slider-horizontal.component.mjs +117 -0
- package/esm2022/slider/src/slider-impl.directive.mjs +89 -0
- package/esm2022/slider/src/slider-orientation-context.service.mjs +28 -0
- package/esm2022/slider/src/slider-range.component.mjs +41 -0
- package/esm2022/slider/src/slider-root.component.mjs +207 -0
- package/esm2022/slider/src/slider-thumb-impl.directive.mjs +102 -0
- package/esm2022/slider/src/slider-thumb.component.mjs +22 -0
- package/esm2022/slider/src/slider-track.component.mjs +27 -0
- package/esm2022/slider/src/slider-vertical.component.mjs +117 -0
- package/esm2022/slider/src/utils.mjs +94 -0
- package/esm2022/tooltip/index.mjs +41 -0
- package/esm2022/tooltip/radix-ng-primitives-tooltip.mjs +5 -0
- package/esm2022/tooltip/src/get-content-position.mjs +31 -0
- package/esm2022/tooltip/src/tooltip-arrow.directive.mjs +92 -0
- package/esm2022/tooltip/src/tooltip-arrow.token.mjs +3 -0
- package/esm2022/tooltip/src/tooltip-content-attributes.directive.mjs +24 -0
- package/esm2022/tooltip/src/tooltip-content.directive.mjs +48 -0
- package/esm2022/tooltip/src/tooltip-content.token.mjs +3 -0
- package/esm2022/tooltip/src/tooltip-root.directive.mjs +288 -0
- package/esm2022/tooltip/src/tooltip-trigger.directive.mjs +70 -0
- package/esm2022/tooltip/src/tooltip.config.mjs +18 -0
- package/esm2022/tooltip/src/tooltip.constants.mjs +84 -0
- package/esm2022/tooltip/src/tooltip.types.mjs +14 -0
- package/fesm2022/radix-ng-primitives-select.mjs +10 -14
- package/fesm2022/radix-ng-primitives-select.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-slider.mjs +830 -0
- package/fesm2022/radix-ng-primitives-slider.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-tooltip.mjs +684 -0
- package/fesm2022/radix-ng-primitives-tooltip.mjs.map +1 -0
- package/package.json +13 -1
- package/slider/README.md +1 -0
- package/slider/index.d.ts +18 -0
- package/slider/src/slider-horizontal.component.d.ts +29 -0
- package/slider/src/slider-impl.directive.d.ts +18 -0
- package/slider/src/slider-orientation-context.service.d.ts +14 -0
- package/slider/src/slider-range.component.d.ts +13 -0
- package/slider/src/slider-root.component.d.ts +47 -0
- package/slider/src/slider-thumb-impl.directive.d.ts +26 -0
- package/slider/src/slider-thumb.component.d.ts +6 -0
- package/slider/src/slider-track.component.d.ts +7 -0
- package/slider/src/slider-vertical.component.d.ts +29 -0
- package/slider/src/utils.d.ts +52 -0
- package/tooltip/README.md +1 -0
- package/tooltip/index.d.ts +17 -0
- package/tooltip/src/get-content-position.d.ts +3 -0
- package/tooltip/src/tooltip-arrow.directive.d.ts +25 -0
- package/tooltip/src/tooltip-arrow.token.d.ts +3 -0
- package/tooltip/src/tooltip-content-attributes.directive.d.ts +8 -0
- package/tooltip/src/tooltip-content.directive.d.ts +36 -0
- package/tooltip/src/tooltip-content.token.d.ts +3 -0
- package/tooltip/src/tooltip-root.directive.d.ts +103 -0
- package/tooltip/src/tooltip-trigger.directive.d.ts +26 -0
- package/tooltip/src/tooltip.config.d.ts +6 -0
- package/tooltip/src/tooltip.constants.d.ts +9 -0
- package/tooltip/src/tooltip.types.d.ts +18 -0
@@ -0,0 +1,103 @@
|
|
1
|
+
import { ElementRef, InjectionToken, OnInit } from '@angular/core';
|
2
|
+
import { RdxTooltipState } from './tooltip.types';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
export declare const RdxTooltipRootToken: InjectionToken<RdxTooltipRootDirective>;
|
5
|
+
export declare function injectTooltipRoot(): RdxTooltipRootDirective;
|
6
|
+
export declare class RdxTooltipRootDirective implements OnInit {
|
7
|
+
/** @ignore */
|
8
|
+
private readonly viewContainerRef;
|
9
|
+
/** @ignore */
|
10
|
+
private readonly destroyRef;
|
11
|
+
/** @ignore */
|
12
|
+
private readonly overlay;
|
13
|
+
/** @ignore */
|
14
|
+
private readonly platformId;
|
15
|
+
/** @ignore */
|
16
|
+
private readonly document;
|
17
|
+
/** @ignore */
|
18
|
+
readonly tooltipConfig: import("./tooltip.types").RdxTooltipConfig;
|
19
|
+
/**
|
20
|
+
* The open state of the tooltip when it is initially rendered. Use when you do not need to control its open state.
|
21
|
+
*/
|
22
|
+
readonly defaultOpen: import("@angular/core").InputSignal<boolean>;
|
23
|
+
/**
|
24
|
+
* The controlled open state of the tooltip. Must be used in conjunction with onOpenChange.
|
25
|
+
*/
|
26
|
+
readonly open: import("@angular/core").InputSignal<boolean | undefined>;
|
27
|
+
/**
|
28
|
+
* Override the duration given to the configuration to customise the open delay for a specific tooltip.
|
29
|
+
*/
|
30
|
+
readonly delayDuration: import("@angular/core").InputSignal<number>;
|
31
|
+
/** @ignore */
|
32
|
+
readonly disableHoverableContent: import("@angular/core").InputSignal<boolean>;
|
33
|
+
/**
|
34
|
+
* Event handler called when the open state of the tooltip changes.
|
35
|
+
*/
|
36
|
+
readonly onOpenChange: import("@angular/core").OutputEmitterRef<boolean>;
|
37
|
+
/** @ignore */
|
38
|
+
readonly isOpen: import("@angular/core").WritableSignal<boolean>;
|
39
|
+
/** @ignore */
|
40
|
+
readonly isOpenDelayed: import("@angular/core").WritableSignal<boolean>;
|
41
|
+
/** @ignore */
|
42
|
+
readonly wasOpenDelayed: import("@angular/core").WritableSignal<boolean>;
|
43
|
+
/** @ignore */
|
44
|
+
readonly state: import("@angular/core").Signal<RdxTooltipState>;
|
45
|
+
/** @ignore */
|
46
|
+
readonly tooltipContentDirective: import("@angular/core").Signal<import("@radix-ng/primitives/tooltip").RdxTooltipContentDirective>;
|
47
|
+
/** @ignore */
|
48
|
+
readonly tooltipTriggerElementRef: import("@angular/core").Signal<ElementRef<any>>;
|
49
|
+
/** @ignore */
|
50
|
+
private openTimer;
|
51
|
+
/** @ignore */
|
52
|
+
private skipDelayTimer;
|
53
|
+
/** @ignore */
|
54
|
+
private overlayRef?;
|
55
|
+
/** @ignore */
|
56
|
+
private instance?;
|
57
|
+
/** @ignore */
|
58
|
+
private portal;
|
59
|
+
/** @ignore */
|
60
|
+
private isControlledExternally;
|
61
|
+
/** @ignore */
|
62
|
+
ngOnInit(): void;
|
63
|
+
/** @ignore */
|
64
|
+
onTriggerEnter(): void;
|
65
|
+
/** @ignore */
|
66
|
+
onTriggerLeave(): void;
|
67
|
+
/** @ignore */
|
68
|
+
onOpen(): void;
|
69
|
+
/** @ignore */
|
70
|
+
onClose(): void;
|
71
|
+
/** @ignore */
|
72
|
+
handleOpen(): void;
|
73
|
+
/** @ignore */
|
74
|
+
handleClose(): void;
|
75
|
+
/** @ignore */
|
76
|
+
private handleOverlayKeydown;
|
77
|
+
/** @ignore */
|
78
|
+
private handlePointerDownOutside;
|
79
|
+
/** @ignore */
|
80
|
+
private handleDelayedOpen;
|
81
|
+
/** @ignore */
|
82
|
+
private setOpen;
|
83
|
+
/** @ignore */
|
84
|
+
private createOverlayRef;
|
85
|
+
/** @ignore */
|
86
|
+
private show;
|
87
|
+
/** @ignore */
|
88
|
+
private detach;
|
89
|
+
/** @ignore */
|
90
|
+
private hide;
|
91
|
+
/** @ignore */
|
92
|
+
private getPositionStrategy;
|
93
|
+
/** @ignore */
|
94
|
+
private clearTimeout;
|
95
|
+
/** @ignore */
|
96
|
+
private readonly onIsOpenChangeEffect;
|
97
|
+
/** @ignore */
|
98
|
+
private readonly onPositionChangeEffect;
|
99
|
+
/** @ignore */
|
100
|
+
private readonly onOpenChangeEffect;
|
101
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RdxTooltipRootDirective, never>;
|
102
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTooltipRootDirective, "[rdxTooltipRoot]", ["rdxTooltipRoot"], { "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "delayDuration": { "alias": "delayDuration"; "required": false; "isSignal": true; }; "disableHoverableContent": { "alias": "disableHoverableContent"; "required": false; "isSignal": true; }; }, { "onOpenChange": "onOpenChange"; }, ["tooltipContentDirective", "tooltipTriggerElementRef"], never, true, never>;
|
103
|
+
}
|
@@ -0,0 +1,26 @@
|
|
1
|
+
import { ElementRef } from '@angular/core';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
export declare class RdxTooltipTriggerDirective {
|
4
|
+
/** @ignore */
|
5
|
+
readonly tooltipRoot: import("./tooltip-root.directive").RdxTooltipRootDirective;
|
6
|
+
/** @ignore */
|
7
|
+
readonly elementRef: ElementRef<HTMLElement>;
|
8
|
+
/** @ignore */
|
9
|
+
private isPointerDown;
|
10
|
+
/** @ignore */
|
11
|
+
private isPointerInside;
|
12
|
+
/** @ignore */
|
13
|
+
onPointerMove(event: PointerEvent): void;
|
14
|
+
/** @ignore */
|
15
|
+
onPointerLeave(): void;
|
16
|
+
/** @ignore */
|
17
|
+
onPointerDown(): void;
|
18
|
+
/** @ignore */
|
19
|
+
onFocus(): void;
|
20
|
+
/** @ignore */
|
21
|
+
onBlur(): void;
|
22
|
+
/** @ignore */
|
23
|
+
onClick(): void;
|
24
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RdxTooltipTriggerDirective, never>;
|
25
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTooltipTriggerDirective, "[rdxTooltipTrigger]", never, {}, {}, never, never, true, never>;
|
26
|
+
}
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import { InjectionToken, Provider } from '@angular/core';
|
2
|
+
import { RdxTooltipConfig } from './tooltip.types';
|
3
|
+
export declare const defaultTooltipConfig: RdxTooltipConfig;
|
4
|
+
export declare const RdxTooltipConfigToken: InjectionToken<RdxTooltipConfig>;
|
5
|
+
export declare function provideRdxTooltipConfig(config: Partial<RdxTooltipConfig>): Provider[];
|
6
|
+
export declare function injectTooltipConfig(): RdxTooltipConfig;
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { ConnectionPositionPair } from '@angular/cdk/overlay';
|
2
|
+
import { RdxTooltipAlign, RdxTooltipSide } from './tooltip.types';
|
3
|
+
type TooltipPositions = {
|
4
|
+
[key in RdxTooltipSide]: {
|
5
|
+
[key in RdxTooltipAlign]: ConnectionPositionPair;
|
6
|
+
};
|
7
|
+
};
|
8
|
+
export declare const TOOLTIP_POSITIONS: TooltipPositions;
|
9
|
+
export {};
|
@@ -0,0 +1,18 @@
|
|
1
|
+
export declare enum RdxTooltipSide {
|
2
|
+
Top = "top",
|
3
|
+
Right = "right",
|
4
|
+
Bottom = "bottom",
|
5
|
+
Left = "left"
|
6
|
+
}
|
7
|
+
export declare enum RdxTooltipAlign {
|
8
|
+
Start = "start",
|
9
|
+
Center = "center",
|
10
|
+
End = "end"
|
11
|
+
}
|
12
|
+
export type RdxTooltipConfig = {
|
13
|
+
delayDuration: number;
|
14
|
+
skipDelayDuration: number;
|
15
|
+
disableHoverableContent?: boolean;
|
16
|
+
hideDelayDuration?: number;
|
17
|
+
};
|
18
|
+
export type RdxTooltipState = 'delayed-open' | 'instant-open' | 'closed';
|