@radix-ng/primitives 0.3.0 → 0.5.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/README.md +3 -0
- package/accordion/index.d.ts +7 -0
- package/accordion/src/accordion/accordion.directive.d.ts +64 -0
- package/accordion/src/accordion/accordion.token.d.ts +4 -0
- package/accordion/src/accordion-content/accordion-content.directive.d.ts +44 -0
- package/accordion/src/accordion-header/accordion-header.directive.d.ts +6 -0
- package/accordion/src/accordion-item/accordion-item.directive.d.ts +42 -0
- package/accordion/src/accordion-item/accordion-item.token.d.ts +4 -0
- package/accordion/src/accordion-state.directive.d.ts +28 -0
- package/accordion/src/accordion-trigger/accordion-trigger.directive.d.ts +23 -0
- package/accordion/src/accordion.config.d.ts +25 -0
- package/checkbox/src/checkbox-indicator.directive.d.ts +4 -4
- package/checkbox/src/checkbox.directive.d.ts +3 -3
- package/checkbox/src/checkbox.token.d.ts +3 -3
- package/esm2022/accordion/index.mjs +8 -0
- package/esm2022/accordion/radix-ng-primitives-accordion.mjs +5 -0
- package/esm2022/accordion/src/accordion/accordion.directive.mjs +108 -0
- package/esm2022/accordion/src/accordion/accordion.token.mjs +6 -0
- package/esm2022/accordion/src/accordion-content/accordion-content.directive.mjs +75 -0
- package/esm2022/accordion/src/accordion-header/accordion-header.directive.mjs +17 -0
- package/esm2022/accordion/src/accordion-item/accordion-item.directive.mjs +81 -0
- package/esm2022/accordion/src/accordion-item/accordion-item.token.mjs +6 -0
- package/esm2022/accordion/src/accordion-state.directive.mjs +49 -0
- package/esm2022/accordion/src/accordion-trigger/accordion-trigger.directive.mjs +49 -0
- package/esm2022/accordion/src/accordion.config.mjs +27 -0
- package/esm2022/checkbox/src/checkbox-indicator.directive.mjs +5 -5
- package/esm2022/checkbox/src/checkbox.directive.mjs +10 -10
- package/esm2022/checkbox/src/checkbox.token.mjs +3 -3
- package/esm2022/label/src/label.directive.mjs +20 -6
- package/esm2022/overlay/src/overlay-arrow.directive.mjs +7 -7
- package/esm2022/overlay/src/overlay-arrow.token.mjs +2 -2
- package/esm2022/overlay/src/overlay-trigger.directive.mjs +7 -7
- package/esm2022/overlay/src/overlay-trigger.token.mjs +3 -3
- package/esm2022/overlay/src/overlay.directive.mjs +7 -7
- package/esm2022/overlay/src/overlay.token.mjs +2 -2
- package/esm2022/progress/src/progress-indicator.directive.mjs +5 -5
- package/esm2022/progress/src/progress.directive.mjs +7 -7
- package/esm2022/progress/src/progress.token.mjs +3 -3
- package/esm2022/radio/src/radio-group.directive.mjs +13 -13
- package/esm2022/radio/src/radio-group.token.mjs +3 -3
- package/esm2022/radio/src/radio-indicator.directive.mjs +5 -5
- package/esm2022/radio/src/radio-item.directive.mjs +9 -9
- package/esm2022/radio/src/radio-item.token.mjs +3 -3
- package/esm2022/roving-focus/src/roving-focus-group.directive.mjs +10 -9
- package/esm2022/roving-focus/src/roving-focus-group.token.mjs +3 -3
- package/esm2022/roving-focus/src/roving-focus-item.directive.mjs +7 -7
- package/esm2022/roving-focus/src/roving-focus-item.token.mjs +3 -3
- package/esm2022/separator/src/separator.directive.mjs +5 -5
- package/esm2022/switch/src/switch-thumb.directive.mjs +5 -5
- package/esm2022/switch/src/switch.directive.mjs +10 -10
- package/esm2022/switch/src/switch.token.mjs +3 -3
- package/esm2022/toggle/index.mjs +2 -0
- package/esm2022/toggle/radix-ng-primitives-toggle.mjs +5 -0
- package/esm2022/toggle/src/toggle.directive.mjs +65 -0
- package/esm2022/toggle-group/index.mjs +6 -0
- package/esm2022/toggle-group/radix-ng-primitives-toggle-group.mjs +5 -0
- package/esm2022/toggle-group/src/toggle-group-button.directive.mjs +79 -0
- package/esm2022/toggle-group/src/toggle-group-button.token.mjs +6 -0
- package/esm2022/toggle-group/src/toggle-group-multi.directive.mjs +159 -0
- package/esm2022/toggle-group/src/toggle-group.directive.mjs +157 -0
- package/esm2022/toggle-group/src/toggle-group.token.mjs +6 -0
- package/esm2022/visually-hidden/src/visually-hidden.directive.mjs +5 -5
- package/fesm2022/radix-ng-primitives-accordion.mjs +394 -0
- package/fesm2022/radix-ng-primitives-accordion.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-checkbox.mjs +15 -15
- package/fesm2022/radix-ng-primitives-checkbox.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-label.mjs +20 -6
- package/fesm2022/radix-ng-primitives-label.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-overlay.mjs +20 -20
- package/fesm2022/radix-ng-primitives-overlay.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-progress.mjs +12 -12
- package/fesm2022/radix-ng-primitives-progress.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-radio.mjs +26 -26
- package/fesm2022/radix-ng-primitives-radio.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-roving-focus.mjs +18 -17
- package/fesm2022/radix-ng-primitives-roving-focus.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-separator.mjs +5 -5
- package/fesm2022/radix-ng-primitives-separator.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-switch.mjs +15 -15
- package/fesm2022/radix-ng-primitives-switch.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-toggle-group.mjs +397 -0
- package/fesm2022/radix-ng-primitives-toggle-group.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-toggle.mjs +72 -0
- package/fesm2022/radix-ng-primitives-toggle.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-visually-hidden.mjs +5 -5
- package/fesm2022/radix-ng-primitives-visually-hidden.mjs.map +1 -1
- package/label/src/label.directive.d.ts +8 -3
- package/overlay/src/overlay-arrow.directive.d.ts +3 -3
- package/overlay/src/overlay-arrow.token.d.ts +2 -2
- package/overlay/src/overlay-trigger.directive.d.ts +7 -7
- package/overlay/src/overlay-trigger.token.d.ts +3 -3
- package/overlay/src/overlay.directive.d.ts +3 -3
- package/overlay/src/overlay.token.d.ts +2 -2
- package/package.json +18 -6
- package/progress/src/progress-indicator.directive.d.ts +4 -4
- package/progress/src/progress.directive.d.ts +3 -3
- package/progress/src/progress.token.d.ts +3 -3
- package/radio/src/radio-group.directive.d.ts +3 -3
- package/radio/src/radio-group.token.d.ts +3 -3
- package/radio/src/radio-indicator.directive.d.ts +5 -5
- package/radio/src/radio-item.directive.d.ts +4 -4
- package/radio/src/radio-item.token.d.ts +3 -3
- package/roving-focus/src/roving-focus-group.directive.d.ts +7 -7
- package/roving-focus/src/roving-focus-group.token.d.ts +3 -3
- package/roving-focus/src/roving-focus-item.directive.d.ts +3 -3
- package/roving-focus/src/roving-focus-item.token.d.ts +3 -3
- package/separator/src/separator.directive.d.ts +3 -3
- package/switch/src/switch-thumb.directive.d.ts +4 -4
- package/switch/src/switch.directive.d.ts +3 -3
- package/switch/src/switch.token.d.ts +3 -3
- package/toggle/README.md +3 -0
- package/toggle/index.d.ts +1 -0
- package/toggle/src/toggle.directive.d.ts +30 -0
- package/toggle-group/README.md +3 -0
- package/toggle-group/index.d.ts +5 -0
- package/toggle-group/src/toggle-group-button.directive.d.ts +39 -0
- package/toggle-group/src/toggle-group-button.token.d.ts +4 -0
- package/toggle-group/src/toggle-group-multi.directive.d.ts +90 -0
- package/toggle-group/src/toggle-group.directive.d.ts +90 -0
- package/toggle-group/src/toggle-group.token.d.ts +5 -0
- package/visually-hidden/src/visually-hidden.directive.d.ts +3 -3
- package/esm2022/tooltip/index.mjs +0 -5
- package/esm2022/tooltip/radix-ng-primitives-tooltip.mjs +0 -5
- package/esm2022/tooltip/src/tooltip-arrow.directive.mjs +0 -17
- package/esm2022/tooltip/src/tooltip-trigger.directive.mjs +0 -148
- package/esm2022/tooltip/src/tooltip-trigger.token.mjs +0 -6
- package/esm2022/tooltip/src/tooltip.config.mjs +0 -31
- package/esm2022/tooltip/src/tooltip.directive.mjs +0 -46
- package/fesm2022/radix-ng-primitives-tooltip.mjs +0 -242
- package/fesm2022/radix-ng-primitives-tooltip.mjs.map +0 -1
- package/tooltip/README.md +0 -1
- package/tooltip/index.d.ts +0 -4
- package/tooltip/src/tooltip-arrow.directive.d.ts +0 -6
- package/tooltip/src/tooltip-trigger.directive.d.ts +0 -79
- package/tooltip/src/tooltip-trigger.token.d.ts +0 -4
- package/tooltip/src/tooltip.config.d.ts +0 -46
- package/tooltip/src/tooltip.directive.d.ts +0 -17
@@ -0,0 +1,90 @@
|
|
1
|
+
import { AfterContentInit, EventEmitter, OnChanges, OnInit, QueryList, SimpleChanges } from '@angular/core';
|
2
|
+
import { ControlValueAccessor } from '@angular/forms';
|
3
|
+
import type { RdxToggleGroupButtonDirective } from './toggle-group-button.directive';
|
4
|
+
import * as i0 from "@angular/core";
|
5
|
+
import * as i1 from "@radix-ng/primitives/roving-focus";
|
6
|
+
export declare class RdxToggleGroupDirective implements OnInit, OnChanges, AfterContentInit, ControlValueAccessor {
|
7
|
+
/**
|
8
|
+
* Access the roving focus group
|
9
|
+
*/
|
10
|
+
private readonly rovingFocusGroup;
|
11
|
+
/**
|
12
|
+
* The selected toggle button.
|
13
|
+
*/
|
14
|
+
value: string | null;
|
15
|
+
/**
|
16
|
+
* The orientation of the toggle group.
|
17
|
+
* @default 'horizontal'
|
18
|
+
*/
|
19
|
+
orientation: 'horizontal' | 'vertical';
|
20
|
+
/**
|
21
|
+
* Whether the toggle group is disabled.
|
22
|
+
* @default false
|
23
|
+
*/
|
24
|
+
disabled: boolean;
|
25
|
+
/**
|
26
|
+
* Whether the toggle group roving focus should wrap.
|
27
|
+
* @default true
|
28
|
+
*/
|
29
|
+
wrap: boolean;
|
30
|
+
/**
|
31
|
+
* Event emitted when the selected toggle button changes.
|
32
|
+
*/
|
33
|
+
readonly valueChange: EventEmitter<string | null>;
|
34
|
+
/**
|
35
|
+
* Access the buttons in the toggle group.
|
36
|
+
*/
|
37
|
+
protected buttons?: QueryList<RdxToggleGroupButtonDirective>;
|
38
|
+
/**
|
39
|
+
* The value change callback.
|
40
|
+
*/
|
41
|
+
private onChange?;
|
42
|
+
/**
|
43
|
+
* The touched callback.
|
44
|
+
*/
|
45
|
+
protected onTouched?: () => void;
|
46
|
+
ngOnInit(): void;
|
47
|
+
ngOnChanges(changes: SimpleChanges): void;
|
48
|
+
ngAfterContentInit(): void;
|
49
|
+
/**
|
50
|
+
* Determine if a value is selected.
|
51
|
+
* @param value The value to check.
|
52
|
+
* @returns Whether the value is selected.
|
53
|
+
* @internal
|
54
|
+
*/
|
55
|
+
isSelected(value: string): boolean;
|
56
|
+
/**
|
57
|
+
* Toggle a value.
|
58
|
+
* @param value The value to toggle.
|
59
|
+
* @internal
|
60
|
+
*/
|
61
|
+
toggle(value: string): void;
|
62
|
+
/**
|
63
|
+
* Select a value from Angular forms.
|
64
|
+
* @param value The value to select.
|
65
|
+
* @internal
|
66
|
+
*/
|
67
|
+
writeValue(value: string): void;
|
68
|
+
/**
|
69
|
+
* Register a callback to be called when the value changes.
|
70
|
+
* @param fn The callback to register.
|
71
|
+
* @internal
|
72
|
+
*/
|
73
|
+
registerOnChange(fn: (value: string | null) => void): void;
|
74
|
+
/**
|
75
|
+
* Register a callback to be called when the toggle group is touched.
|
76
|
+
* @param fn The callback to register.
|
77
|
+
* @internal
|
78
|
+
*/
|
79
|
+
registerOnTouched(fn: () => void): void;
|
80
|
+
/**
|
81
|
+
* Set the disabled state of the toggle group.
|
82
|
+
* @param isDisabled Whether the toggle group is disabled.
|
83
|
+
* @internal
|
84
|
+
*/
|
85
|
+
setDisabledState(isDisabled: boolean): void;
|
86
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RdxToggleGroupDirective, never>;
|
87
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxToggleGroupDirective, "[rdxToggleGroup]", never, { "value": { "alias": "rdxToggleGroupValue"; "required": false; }; "orientation": { "alias": "rdxToggleGroupOrientation"; "required": false; }; "disabled": { "alias": "rdxToggleGroupDisabled"; "required": false; }; "wrap": { "alias": "rdxToggleGroupWrap"; "required": false; }; "valueChange": { "alias": "rdxToggleGroupValueChange"; "required": false; }; }, {}, ["buttons"], never, true, [{ directive: typeof i1.RdxRovingFocusGroupDirective; inputs: { "rdxRovingFocusGroupWrap": "wrap"; "rdxRovingFocusGroupOrientation": "orientation"; }; outputs: {}; }]>;
|
88
|
+
static ngAcceptInputType_disabled: unknown;
|
89
|
+
static ngAcceptInputType_wrap: unknown;
|
90
|
+
}
|
@@ -0,0 +1,5 @@
|
|
1
|
+
import { InjectionToken } from '@angular/core';
|
2
|
+
import type { RdxToggleGroupMultiDirective } from './toggle-group-multi.directive';
|
3
|
+
import type { RdxToggleGroupDirective } from './toggle-group.directive';
|
4
|
+
export declare const RdxToggleGroupToken: InjectionToken<RdxToggleGroupDirective | RdxToggleGroupMultiDirective>;
|
5
|
+
export declare function injectToggleGroup(): RdxToggleGroupDirective | RdxToggleGroupMultiDirective;
|
@@ -1,11 +1,11 @@
|
|
1
1
|
import { OnInit } from '@angular/core';
|
2
2
|
import * as i0 from "@angular/core";
|
3
|
-
export declare class
|
3
|
+
export declare class RdxVisuallyHiddenDirective implements OnInit {
|
4
4
|
/**
|
5
5
|
* Access the element.
|
6
6
|
*/
|
7
7
|
private readonly element;
|
8
8
|
ngOnInit(): void;
|
9
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
10
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RdxVisuallyHiddenDirective, never>;
|
10
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxVisuallyHiddenDirective, "[rdxVisuallyHidden]", never, {}, {}, never, never, true, never>;
|
11
11
|
}
|
@@ -1,5 +0,0 @@
|
|
1
|
-
export * from './src/tooltip-arrow.directive';
|
2
|
-
export * from './src/tooltip-trigger.directive';
|
3
|
-
export * from './src/tooltip.config';
|
4
|
-
export * from './src/tooltip.directive';
|
5
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9wcmltaXRpdmVzL3Rvb2x0aXAvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyx5QkFBeUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc3JjL3Rvb2x0aXAtYXJyb3cuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vc3JjL3Rvb2x0aXAtdHJpZ2dlci5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9zcmMvdG9vbHRpcC5jb25maWcnO1xuZXhwb3J0ICogZnJvbSAnLi9zcmMvdG9vbHRpcC5kaXJlY3RpdmUnO1xuIl19
|
@@ -1,5 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Generated bundle index. Do not edit.
|
3
|
-
*/
|
4
|
-
export * from './index';
|
5
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaXgtbmctcHJpbWl0aXZlcy10b29sdGlwLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvcHJpbWl0aXZlcy90b29sdGlwL3JhZGl4LW5nLXByaW1pdGl2ZXMtdG9vbHRpcC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
|
@@ -1,17 +0,0 @@
|
|
1
|
-
import { Directive } from '@angular/core';
|
2
|
-
import { OverlayArrowDirective } from '@radix-ng/primitives/overlay';
|
3
|
-
import * as i0 from "@angular/core";
|
4
|
-
import * as i1 from "@radix-ng/primitives/overlay";
|
5
|
-
export class TooltipArrowDirective {
|
6
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TooltipArrowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
7
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: TooltipArrowDirective, isStandalone: true, selector: "[rdxTooltipArrow]", hostDirectives: [{ directive: i1.OverlayArrowDirective }], ngImport: i0 }); }
|
8
|
-
}
|
9
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TooltipArrowDirective, decorators: [{
|
10
|
-
type: Directive,
|
11
|
-
args: [{
|
12
|
-
selector: '[rdxTooltipArrow]',
|
13
|
-
standalone: true,
|
14
|
-
hostDirectives: [OverlayArrowDirective]
|
15
|
-
}]
|
16
|
-
}] });
|
17
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC1hcnJvdy5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9wcmltaXRpdmVzL3Rvb2x0aXAvc3JjL3Rvb2x0aXAtYXJyb3cuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFMUMsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sOEJBQThCLENBQUM7OztBQU9yRSxNQUFNLE9BQU8scUJBQXFCOzhHQUFyQixxQkFBcUI7a0dBQXJCLHFCQUFxQjs7MkZBQXJCLHFCQUFxQjtrQkFMakMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsbUJBQW1CO29CQUM3QixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsY0FBYyxFQUFFLENBQUMscUJBQXFCLENBQUM7aUJBQzFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IE92ZXJsYXlBcnJvd0RpcmVjdGl2ZSB9IGZyb20gJ0ByYWRpeC1uZy9wcmltaXRpdmVzL292ZXJsYXknO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1tyZHhUb29sdGlwQXJyb3ddJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGhvc3REaXJlY3RpdmVzOiBbT3ZlcmxheUFycm93RGlyZWN0aXZlXVxufSlcbmV4cG9ydCBjbGFzcyBUb29sdGlwQXJyb3dEaXJlY3RpdmUge31cbiJdfQ==
|
@@ -1,148 +0,0 @@
|
|
1
|
-
/* eslint-disable @angular-eslint/no-input-rename */
|
2
|
-
import { booleanAttribute, Directive, HostListener, inject, Input, numberAttribute, TemplateRef } from '@angular/core';
|
3
|
-
import { OverlayTriggerDirective } from '@radix-ng/primitives/overlay';
|
4
|
-
import { TooltipTriggerToken } from './tooltip-trigger.token';
|
5
|
-
import { injectTooltipConfig } from './tooltip.config';
|
6
|
-
import * as i0 from "@angular/core";
|
7
|
-
import * as i1 from "@radix-ng/primitives/overlay";
|
8
|
-
export class TooltipTriggerDirective {
|
9
|
-
constructor() {
|
10
|
-
/**
|
11
|
-
* Access the overlay trigger directive
|
12
|
-
*/
|
13
|
-
this.overlayTrigger = inject(OverlayTriggerDirective);
|
14
|
-
/**
|
15
|
-
* Access the global tooltip configuration
|
16
|
-
*/
|
17
|
-
this.tooltipConfig = injectTooltipConfig();
|
18
|
-
/**
|
19
|
-
* Define if the trigger should be disabled.
|
20
|
-
* @default false
|
21
|
-
*/
|
22
|
-
this.disabled = false;
|
23
|
-
/**
|
24
|
-
* Define the placement of the tooltip relative to the trigger.
|
25
|
-
* @default 'bottom'
|
26
|
-
*/
|
27
|
-
this.placement = this.tooltipConfig.placement;
|
28
|
-
/**
|
29
|
-
* Define the offset of the tooltip relative to the trigger.
|
30
|
-
* @default 0
|
31
|
-
*/
|
32
|
-
this.offset = this.tooltipConfig.offset;
|
33
|
-
/**
|
34
|
-
* Define the delay before the tooltip is displayed.
|
35
|
-
* @default 0
|
36
|
-
*/
|
37
|
-
this.showDelay = this.tooltipConfig.showDelay;
|
38
|
-
/**
|
39
|
-
* Define the delay before the tooltip is hidden.
|
40
|
-
* @default 0
|
41
|
-
*/
|
42
|
-
this.hideDelay = this.tooltipConfig.hideDelay;
|
43
|
-
/**
|
44
|
-
* Define whether the tooltip should flip when there is not enough space for the tooltip.
|
45
|
-
* @default true
|
46
|
-
*/
|
47
|
-
this.flip = this.tooltipConfig.flip;
|
48
|
-
/**
|
49
|
-
* Define the container in to which the tooltip should be attached.
|
50
|
-
* @default document.body
|
51
|
-
*/
|
52
|
-
this.container = this.tooltipConfig.container;
|
53
|
-
}
|
54
|
-
ngOnInit() {
|
55
|
-
this.overlayTrigger.registerProvider({
|
56
|
-
provide: TooltipTriggerToken,
|
57
|
-
useValue: this
|
58
|
-
});
|
59
|
-
}
|
60
|
-
/**
|
61
|
-
* Show the tooltip.
|
62
|
-
*/
|
63
|
-
show() {
|
64
|
-
this.overlayTrigger.show();
|
65
|
-
}
|
66
|
-
/**
|
67
|
-
* Hide the tooltip.
|
68
|
-
*/
|
69
|
-
hide() {
|
70
|
-
this.overlayTrigger.hide();
|
71
|
-
}
|
72
|
-
/**
|
73
|
-
* Define the tooltip id.
|
74
|
-
* @param id The tooltip id
|
75
|
-
* @internal
|
76
|
-
*/
|
77
|
-
setTooltipId(id) {
|
78
|
-
this.tooltipId = id;
|
79
|
-
}
|
80
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TooltipTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
81
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.3.3", type: TooltipTriggerDirective, isStandalone: true, selector: "[rdxTooltipTrigger]", inputs: { templateRef: ["rdxTooltipTrigger", "templateRef"], disabled: ["rdxTooltipDisabled", "disabled", booleanAttribute], placement: ["rdxTooltipPlacement", "placement"], offset: ["rdxTooltipOffset", "offset", numberAttribute], showDelay: ["rdxTooltipShowDelay", "showDelay", numberAttribute], hideDelay: ["rdxTooltipHideDelay", "hideDelay", numberAttribute], flip: ["rdxTooltipFlip", "flip", booleanAttribute], container: ["rdxTooltipContainer", "container"] }, host: { listeners: { "mouseenter": "show()", "focus": "show()", "mouseleave": "hide()", "blur": "hide()", "window:keydown.escape": "hide()" }, properties: { "attr.aria-describedby": "tooltipId" } }, hostDirectives: [{ directive: i1.OverlayTriggerDirective, inputs: ["rdxOverlayTrigger", "rdxTooltipTrigger", "rdxOverlayDisabled", "rdxTooltipDisabled", "rdxOverlayPlacement", "rdxTooltipPlacement", "rdxOverlayOffset", "rdxTooltipOffset", "rdxOverlayShowDelay", "rdxTooltipShowDelay", "rdxOverlayHideDelay", "rdxTooltipHideDelay", "rdxOverlayShift", "rdxTooltipShift", "rdxOverlayFlip", "rdxTooltipFlip", "rdxOverlayContainer", "rdxTooltipContainer"] }], ngImport: i0 }); }
|
82
|
-
}
|
83
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TooltipTriggerDirective, decorators: [{
|
84
|
-
type: Directive,
|
85
|
-
args: [{
|
86
|
-
selector: '[rdxTooltipTrigger]',
|
87
|
-
standalone: true,
|
88
|
-
host: {
|
89
|
-
'[attr.aria-describedby]': 'tooltipId'
|
90
|
-
},
|
91
|
-
hostDirectives: [
|
92
|
-
{
|
93
|
-
directive: OverlayTriggerDirective,
|
94
|
-
inputs: [
|
95
|
-
'rdxOverlayTrigger: rdxTooltipTrigger',
|
96
|
-
'rdxOverlayDisabled: rdxTooltipDisabled',
|
97
|
-
'rdxOverlayPlacement: rdxTooltipPlacement',
|
98
|
-
'rdxOverlayOffset: rdxTooltipOffset',
|
99
|
-
'rdxOverlayShowDelay: rdxTooltipShowDelay',
|
100
|
-
'rdxOverlayHideDelay: rdxTooltipHideDelay',
|
101
|
-
'rdxOverlayShift: rdxTooltipShift',
|
102
|
-
'rdxOverlayFlip: rdxTooltipFlip',
|
103
|
-
'rdxOverlayContainer: rdxTooltipContainer'
|
104
|
-
]
|
105
|
-
}
|
106
|
-
]
|
107
|
-
}]
|
108
|
-
}], propDecorators: { templateRef: [{
|
109
|
-
type: Input,
|
110
|
-
args: [{ alias: 'rdxTooltipTrigger', required: true }]
|
111
|
-
}], disabled: [{
|
112
|
-
type: Input,
|
113
|
-
args: [{ alias: 'rdxTooltipDisabled', transform: booleanAttribute }]
|
114
|
-
}], placement: [{
|
115
|
-
type: Input,
|
116
|
-
args: ['rdxTooltipPlacement']
|
117
|
-
}], offset: [{
|
118
|
-
type: Input,
|
119
|
-
args: [{ alias: 'rdxTooltipOffset', transform: numberAttribute }]
|
120
|
-
}], showDelay: [{
|
121
|
-
type: Input,
|
122
|
-
args: [{ alias: 'rdxTooltipShowDelay', transform: numberAttribute }]
|
123
|
-
}], hideDelay: [{
|
124
|
-
type: Input,
|
125
|
-
args: [{ alias: 'rdxTooltipHideDelay', transform: numberAttribute }]
|
126
|
-
}], flip: [{
|
127
|
-
type: Input,
|
128
|
-
args: [{ alias: 'rdxTooltipFlip', transform: booleanAttribute }]
|
129
|
-
}], container: [{
|
130
|
-
type: Input,
|
131
|
-
args: ['rdxTooltipContainer']
|
132
|
-
}], show: [{
|
133
|
-
type: HostListener,
|
134
|
-
args: ['mouseenter']
|
135
|
-
}, {
|
136
|
-
type: HostListener,
|
137
|
-
args: ['focus']
|
138
|
-
}], hide: [{
|
139
|
-
type: HostListener,
|
140
|
-
args: ['mouseleave']
|
141
|
-
}, {
|
142
|
-
type: HostListener,
|
143
|
-
args: ['blur']
|
144
|
-
}, {
|
145
|
-
type: HostListener,
|
146
|
-
args: ['window:keydown.escape']
|
147
|
-
}] } });
|
148
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC10cmlnZ2VyLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3ByaW1pdGl2ZXMvdG9vbHRpcC9zcmMvdG9vbHRpcC10cmlnZ2VyLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxvREFBb0Q7QUFDcEQsT0FBTyxFQUNILGdCQUFnQixFQUNoQixTQUFTLEVBQ1QsWUFBWSxFQUNaLE1BQU0sRUFDTixLQUFLLEVBQ0wsZUFBZSxFQUVmLFdBQVcsRUFDZCxNQUFNLGVBQWUsQ0FBQztBQUd2QixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUV2RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7O0FBeUJ2RCxNQUFNLE9BQU8sdUJBQXVCO0lBdkJwQztRQXdCSTs7V0FFRztRQUNjLG1CQUFjLEdBQUcsTUFBTSxDQUFDLHVCQUF1QixDQUFDLENBQUM7UUFFbEU7O1dBRUc7UUFDYyxrQkFBYSxHQUFHLG1CQUFtQixFQUFFLENBQUM7UUFPdkQ7OztXQUdHO1FBQ2tFLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFdEY7OztXQUdHO1FBQzJCLGNBQVMsR0FBYyxJQUFJLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQztRQUVsRjs7O1dBR0c7UUFDK0QsV0FBTSxHQUNwRSxJQUFJLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQztRQUU5Qjs7O1dBR0c7UUFDa0UsY0FBUyxHQUMxRSxJQUFJLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQztRQUVqQzs7O1dBR0c7UUFDa0UsY0FBUyxHQUMxRSxJQUFJLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQztRQUVqQzs7O1dBR0c7UUFDOEQsU0FBSSxHQUNqRSxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQztRQUU1Qjs7O1dBR0c7UUFDMkIsY0FBUyxHQUFnQixJQUFJLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQztLQXlDdkY7SUFsQ0csUUFBUTtRQUNKLElBQUksQ0FBQyxjQUFjLENBQUMsZ0JBQWdCLENBQUM7WUFDakMsT0FBTyxFQUFFLG1CQUFtQjtZQUM1QixRQUFRLEVBQUUsSUFBSTtTQUNqQixDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQ7O09BRUc7SUFHSCxJQUFJO1FBQ0EsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMvQixDQUFDO0lBRUQ7O09BRUc7SUFJSCxJQUFJO1FBQ0EsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMvQixDQUFDO0lBRUQ7Ozs7T0FJRztJQUNILFlBQVksQ0FBQyxFQUFVO1FBQ25CLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3hCLENBQUM7OEdBcEdRLHVCQUF1QjtrR0FBdkIsdUJBQXVCLGlLQW9CaUIsZ0JBQWdCLDJGQVlsQixlQUFlLG1EQU9aLGVBQWUsbURBT2YsZUFBZSxvQ0FPcEIsZ0JBQWdCOzsyRkFyRHBELHVCQUF1QjtrQkF2Qm5DLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLHFCQUFxQjtvQkFDL0IsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLElBQUksRUFBRTt3QkFDRix5QkFBeUIsRUFBRSxXQUFXO3FCQUN6QztvQkFDRCxjQUFjLEVBQUU7d0JBQ1o7NEJBQ0ksU0FBUyxFQUFFLHVCQUF1Qjs0QkFDbEMsTUFBTSxFQUFFO2dDQUNKLHNDQUFzQztnQ0FDdEMsd0NBQXdDO2dDQUN4QywwQ0FBMEM7Z0NBQzFDLG9DQUFvQztnQ0FDcEMsMENBQTBDO2dDQUMxQywwQ0FBMEM7Z0NBQzFDLGtDQUFrQztnQ0FDbEMsZ0NBQWdDO2dDQUNoQywwQ0FBMEM7NkJBQzdDO3lCQUNKO3FCQUNKO2lCQUNKOzhCQWUwRCxXQUFXO3NCQUFqRSxLQUFLO3VCQUFDLEVBQUUsS0FBSyxFQUFFLG1CQUFtQixFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBTWdCLFFBQVE7c0JBQTVFLEtBQUs7dUJBQUMsRUFBRSxLQUFLLEVBQUUsb0JBQW9CLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQU1yQyxTQUFTO3NCQUF0QyxLQUFLO3VCQUFDLHFCQUFxQjtnQkFNc0MsTUFBTTtzQkFBdkUsS0FBSzt1QkFBQyxFQUFFLEtBQUssRUFBRSxrQkFBa0IsRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFO2dCQU9LLFNBQVM7c0JBQTdFLEtBQUs7dUJBQUMsRUFBRSxLQUFLLEVBQUUscUJBQXFCLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRTtnQkFPRSxTQUFTO3NCQUE3RSxLQUFLO3VCQUFDLEVBQUUsS0FBSyxFQUFFLHFCQUFxQixFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUU7Z0JBT0YsSUFBSTtzQkFBcEUsS0FBSzt1QkFBQyxFQUFFLEtBQUssRUFBRSxnQkFBZ0IsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBT2pDLFNBQVM7c0JBQXRDLEtBQUs7dUJBQUMscUJBQXFCO2dCQW1CNUIsSUFBSTtzQkFGSCxZQUFZO3VCQUFDLFlBQVk7O3NCQUN6QixZQUFZO3VCQUFDLE9BQU87Z0JBV3JCLElBQUk7c0JBSEgsWUFBWTt1QkFBQyxZQUFZOztzQkFDekIsWUFBWTt1QkFBQyxNQUFNOztzQkFDbkIsWUFBWTt1QkFBQyx1QkFBdUIiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAYW5ndWxhci1lc2xpbnQvbm8taW5wdXQtcmVuYW1lICovXG5pbXBvcnQge1xuICAgIGJvb2xlYW5BdHRyaWJ1dGUsXG4gICAgRGlyZWN0aXZlLFxuICAgIEhvc3RMaXN0ZW5lcixcbiAgICBpbmplY3QsXG4gICAgSW5wdXQsXG4gICAgbnVtYmVyQXR0cmlidXRlLFxuICAgIE9uSW5pdCxcbiAgICBUZW1wbGF0ZVJlZlxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgUGxhY2VtZW50IH0gZnJvbSAnQGZsb2F0aW5nLXVpL2RvbSc7XG5pbXBvcnQgeyBPdmVybGF5VHJpZ2dlckRpcmVjdGl2ZSB9IGZyb20gJ0ByYWRpeC1uZy9wcmltaXRpdmVzL292ZXJsYXknO1xuXG5pbXBvcnQgeyBUb29sdGlwVHJpZ2dlclRva2VuIH0gZnJvbSAnLi90b29sdGlwLXRyaWdnZXIudG9rZW4nO1xuaW1wb3J0IHsgaW5qZWN0VG9vbHRpcENvbmZpZyB9IGZyb20gJy4vdG9vbHRpcC5jb25maWcnO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1tyZHhUb29sdGlwVHJpZ2dlcl0nLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaG9zdDoge1xuICAgICAgICAnW2F0dHIuYXJpYS1kZXNjcmliZWRieV0nOiAndG9vbHRpcElkJ1xuICAgIH0sXG4gICAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgZGlyZWN0aXZlOiBPdmVybGF5VHJpZ2dlckRpcmVjdGl2ZSxcbiAgICAgICAgICAgIGlucHV0czogW1xuICAgICAgICAgICAgICAgICdyZHhPdmVybGF5VHJpZ2dlcjogcmR4VG9vbHRpcFRyaWdnZXInLFxuICAgICAgICAgICAgICAgICdyZHhPdmVybGF5RGlzYWJsZWQ6IHJkeFRvb2x0aXBEaXNhYmxlZCcsXG4gICAgICAgICAgICAgICAgJ3JkeE92ZXJsYXlQbGFjZW1lbnQ6IHJkeFRvb2x0aXBQbGFjZW1lbnQnLFxuICAgICAgICAgICAgICAgICdyZHhPdmVybGF5T2Zmc2V0OiByZHhUb29sdGlwT2Zmc2V0JyxcbiAgICAgICAgICAgICAgICAncmR4T3ZlcmxheVNob3dEZWxheTogcmR4VG9vbHRpcFNob3dEZWxheScsXG4gICAgICAgICAgICAgICAgJ3JkeE92ZXJsYXlIaWRlRGVsYXk6IHJkeFRvb2x0aXBIaWRlRGVsYXknLFxuICAgICAgICAgICAgICAgICdyZHhPdmVybGF5U2hpZnQ6IHJkeFRvb2x0aXBTaGlmdCcsXG4gICAgICAgICAgICAgICAgJ3JkeE92ZXJsYXlGbGlwOiByZHhUb29sdGlwRmxpcCcsXG4gICAgICAgICAgICAgICAgJ3JkeE92ZXJsYXlDb250YWluZXI6IHJkeFRvb2x0aXBDb250YWluZXInXG4gICAgICAgICAgICBdXG4gICAgICAgIH1cbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIFRvb2x0aXBUcmlnZ2VyRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0IHtcbiAgICAvKipcbiAgICAgKiBBY2Nlc3MgdGhlIG92ZXJsYXkgdHJpZ2dlciBkaXJlY3RpdmVcbiAgICAgKi9cbiAgICBwcml2YXRlIHJlYWRvbmx5IG92ZXJsYXlUcmlnZ2VyID0gaW5qZWN0KE92ZXJsYXlUcmlnZ2VyRGlyZWN0aXZlKTtcblxuICAgIC8qKlxuICAgICAqIEFjY2VzcyB0aGUgZ2xvYmFsIHRvb2x0aXAgY29uZmlndXJhdGlvblxuICAgICAqL1xuICAgIHByaXZhdGUgcmVhZG9ubHkgdG9vbHRpcENvbmZpZyA9IGluamVjdFRvb2x0aXBDb25maWcoKTtcblxuICAgIC8qKlxuICAgICAqIERlZmluZSB0aGUgdG9vbHRpcCB0byBkaXNwbGF5IHdoZW4gdGhlIHRyaWdnZXIgaXMgYWN0aXZhdGVkLlxuICAgICAqL1xuICAgIEBJbnB1dCh7IGFsaWFzOiAncmR4VG9vbHRpcFRyaWdnZXInLCByZXF1aXJlZDogdHJ1ZSB9KSB0ZW1wbGF0ZVJlZiE6IFRlbXBsYXRlUmVmPHZvaWQ+O1xuXG4gICAgLyoqXG4gICAgICogRGVmaW5lIGlmIHRoZSB0cmlnZ2VyIHNob3VsZCBiZSBkaXNhYmxlZC5cbiAgICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgICAqL1xuICAgIEBJbnB1dCh7IGFsaWFzOiAncmR4VG9vbHRpcERpc2FibGVkJywgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgICAvKipcbiAgICAgKiBEZWZpbmUgdGhlIHBsYWNlbWVudCBvZiB0aGUgdG9vbHRpcCByZWxhdGl2ZSB0byB0aGUgdHJpZ2dlci5cbiAgICAgKiBAZGVmYXVsdCAnYm90dG9tJ1xuICAgICAqL1xuICAgIEBJbnB1dCgncmR4VG9vbHRpcFBsYWNlbWVudCcpIHBsYWNlbWVudDogUGxhY2VtZW50ID0gdGhpcy50b29sdGlwQ29uZmlnLnBsYWNlbWVudDtcblxuICAgIC8qKlxuICAgICAqIERlZmluZSB0aGUgb2Zmc2V0IG9mIHRoZSB0b29sdGlwIHJlbGF0aXZlIHRvIHRoZSB0cmlnZ2VyLlxuICAgICAqIEBkZWZhdWx0IDBcbiAgICAgKi9cbiAgICBASW5wdXQoeyBhbGlhczogJ3JkeFRvb2x0aXBPZmZzZXQnLCB0cmFuc2Zvcm06IG51bWJlckF0dHJpYnV0ZSB9KSBvZmZzZXQ6IG51bWJlciA9XG4gICAgICAgIHRoaXMudG9vbHRpcENvbmZpZy5vZmZzZXQ7XG5cbiAgICAvKipcbiAgICAgKiBEZWZpbmUgdGhlIGRlbGF5IGJlZm9yZSB0aGUgdG9vbHRpcCBpcyBkaXNwbGF5ZWQuXG4gICAgICogQGRlZmF1bHQgMFxuICAgICAqL1xuICAgIEBJbnB1dCh7IGFsaWFzOiAncmR4VG9vbHRpcFNob3dEZWxheScsIHRyYW5zZm9ybTogbnVtYmVyQXR0cmlidXRlIH0pIHNob3dEZWxheTogbnVtYmVyID1cbiAgICAgICAgdGhpcy50b29sdGlwQ29uZmlnLnNob3dEZWxheTtcblxuICAgIC8qKlxuICAgICAqIERlZmluZSB0aGUgZGVsYXkgYmVmb3JlIHRoZSB0b29sdGlwIGlzIGhpZGRlbi5cbiAgICAgKiBAZGVmYXVsdCAwXG4gICAgICovXG4gICAgQElucHV0KHsgYWxpYXM6ICdyZHhUb29sdGlwSGlkZURlbGF5JywgdHJhbnNmb3JtOiBudW1iZXJBdHRyaWJ1dGUgfSkgaGlkZURlbGF5OiBudW1iZXIgPVxuICAgICAgICB0aGlzLnRvb2x0aXBDb25maWcuaGlkZURlbGF5O1xuXG4gICAgLyoqXG4gICAgICogRGVmaW5lIHdoZXRoZXIgdGhlIHRvb2x0aXAgc2hvdWxkIGZsaXAgd2hlbiB0aGVyZSBpcyBub3QgZW5vdWdoIHNwYWNlIGZvciB0aGUgdG9vbHRpcC5cbiAgICAgKiBAZGVmYXVsdCB0cnVlXG4gICAgICovXG4gICAgQElucHV0KHsgYWxpYXM6ICdyZHhUb29sdGlwRmxpcCcsIHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBmbGlwOiBib29sZWFuID1cbiAgICAgICAgdGhpcy50b29sdGlwQ29uZmlnLmZsaXA7XG5cbiAgICAvKipcbiAgICAgKiBEZWZpbmUgdGhlIGNvbnRhaW5lciBpbiB0byB3aGljaCB0aGUgdG9vbHRpcCBzaG91bGQgYmUgYXR0YWNoZWQuXG4gICAgICogQGRlZmF1bHQgZG9jdW1lbnQuYm9keVxuICAgICAqL1xuICAgIEBJbnB1dCgncmR4VG9vbHRpcENvbnRhaW5lcicpIGNvbnRhaW5lcjogSFRNTEVsZW1lbnQgPSB0aGlzLnRvb2x0aXBDb25maWcuY29udGFpbmVyO1xuXG4gICAgLyoqXG4gICAgICogVGhlIHRvb2x0aXAgaWQuXG4gICAgICovXG4gICAgcHJvdGVjdGVkIHRvb2x0aXBJZD86IHN0cmluZztcblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLm92ZXJsYXlUcmlnZ2VyLnJlZ2lzdGVyUHJvdmlkZXIoe1xuICAgICAgICAgICAgcHJvdmlkZTogVG9vbHRpcFRyaWdnZXJUb2tlbixcbiAgICAgICAgICAgIHVzZVZhbHVlOiB0aGlzXG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFNob3cgdGhlIHRvb2x0aXAuXG4gICAgICovXG4gICAgQEhvc3RMaXN0ZW5lcignbW91c2VlbnRlcicpXG4gICAgQEhvc3RMaXN0ZW5lcignZm9jdXMnKVxuICAgIHNob3coKTogdm9pZCB7XG4gICAgICAgIHRoaXMub3ZlcmxheVRyaWdnZXIuc2hvdygpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEhpZGUgdGhlIHRvb2x0aXAuXG4gICAgICovXG4gICAgQEhvc3RMaXN0ZW5lcignbW91c2VsZWF2ZScpXG4gICAgQEhvc3RMaXN0ZW5lcignYmx1cicpXG4gICAgQEhvc3RMaXN0ZW5lcignd2luZG93OmtleWRvd24uZXNjYXBlJylcbiAgICBoaWRlKCk6IHZvaWQge1xuICAgICAgICB0aGlzLm92ZXJsYXlUcmlnZ2VyLmhpZGUoKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBEZWZpbmUgdGhlIHRvb2x0aXAgaWQuXG4gICAgICogQHBhcmFtIGlkIFRoZSB0b29sdGlwIGlkXG4gICAgICogQGludGVybmFsXG4gICAgICovXG4gICAgc2V0VG9vbHRpcElkKGlkOiBzdHJpbmcpIHtcbiAgICAgICAgdGhpcy50b29sdGlwSWQgPSBpZDtcbiAgICB9XG59XG4iXX0=
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import { inject, InjectionToken } from '@angular/core';
|
2
|
-
export const TooltipTriggerToken = new InjectionToken('TooltipTriggerToken');
|
3
|
-
export function injectTooltipTrigger() {
|
4
|
-
return inject(TooltipTriggerToken);
|
5
|
-
}
|
6
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC10cmlnZ2VyLnRva2VuLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvcHJpbWl0aXZlcy90b29sdGlwL3NyYy90b29sdGlwLXRyaWdnZXIudG9rZW4udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE1BQU0sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFJdkQsTUFBTSxDQUFDLE1BQU0sbUJBQW1CLEdBQUcsSUFBSSxjQUFjLENBQ2pELHFCQUFxQixDQUN4QixDQUFDO0FBRUYsTUFBTSxVQUFVLG9CQUFvQjtJQUNoQyxPQUFPLE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO0FBQ3ZDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBpbmplY3QsIEluamVjdGlvblRva2VuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB0eXBlIHsgVG9vbHRpcFRyaWdnZXJEaXJlY3RpdmUgfSBmcm9tICcuL3Rvb2x0aXAtdHJpZ2dlci5kaXJlY3RpdmUnO1xuXG5leHBvcnQgY29uc3QgVG9vbHRpcFRyaWdnZXJUb2tlbiA9IG5ldyBJbmplY3Rpb25Ub2tlbjxUb29sdGlwVHJpZ2dlckRpcmVjdGl2ZT4oXG4gICAgJ1Rvb2x0aXBUcmlnZ2VyVG9rZW4nXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gaW5qZWN0VG9vbHRpcFRyaWdnZXIoKTogVG9vbHRpcFRyaWdnZXJEaXJlY3RpdmUge1xuICAgIHJldHVybiBpbmplY3QoVG9vbHRpcFRyaWdnZXJUb2tlbik7XG59XG4iXX0=
|
@@ -1,31 +0,0 @@
|
|
1
|
-
import { inject, InjectionToken } from '@angular/core';
|
2
|
-
export const TooltipConfigToken = new InjectionToken('TooltipConfig');
|
3
|
-
const defaultTooltipConfig = {
|
4
|
-
offset: 4,
|
5
|
-
placement: 'top',
|
6
|
-
showDelay: 0,
|
7
|
-
hideDelay: 0,
|
8
|
-
flip: true,
|
9
|
-
container: document.body
|
10
|
-
};
|
11
|
-
/**
|
12
|
-
* Provide the default Tooltip configuration
|
13
|
-
* @param config The Tooltip configuration
|
14
|
-
* @returns The provider
|
15
|
-
*/
|
16
|
-
export function provideTooltipConfig(config) {
|
17
|
-
return [
|
18
|
-
{
|
19
|
-
provide: TooltipConfigToken,
|
20
|
-
useValue: { ...defaultTooltipConfig, ...config }
|
21
|
-
}
|
22
|
-
];
|
23
|
-
}
|
24
|
-
/**
|
25
|
-
* Inject the Tooltip configuration
|
26
|
-
* @returns The global Tooltip configuration
|
27
|
-
*/
|
28
|
-
export function injectTooltipConfig() {
|
29
|
-
return inject(TooltipConfigToken, { optional: true }) ?? defaultTooltipConfig;
|
30
|
-
}
|
31
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5jb25maWcuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9wcmltaXRpdmVzL3Rvb2x0aXAvc3JjL3Rvb2x0aXAuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxNQUFNLEVBQUUsY0FBYyxFQUFZLE1BQU0sZUFBZSxDQUFDO0FBSWpFLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHLElBQUksY0FBYyxDQUFnQixlQUFlLENBQUMsQ0FBQztBQXdDckYsTUFBTSxvQkFBb0IsR0FBa0I7SUFDeEMsTUFBTSxFQUFFLENBQUM7SUFDVCxTQUFTLEVBQUUsS0FBSztJQUNoQixTQUFTLEVBQUUsQ0FBQztJQUNaLFNBQVMsRUFBRSxDQUFDO0lBQ1osSUFBSSxFQUFFLElBQUk7SUFDVixTQUFTLEVBQUUsUUFBUSxDQUFDLElBQUk7Q0FDM0IsQ0FBQztBQUVGOzs7O0dBSUc7QUFDSCxNQUFNLFVBQVUsb0JBQW9CLENBQUMsTUFBOEI7SUFDL0QsT0FBTztRQUNIO1lBQ0ksT0FBTyxFQUFFLGtCQUFrQjtZQUMzQixRQUFRLEVBQUUsRUFBRSxHQUFHLG9CQUFvQixFQUFFLEdBQUcsTUFBTSxFQUFFO1NBQ25EO0tBQ0osQ0FBQztBQUNOLENBQUM7QUFFRDs7O0dBR0c7QUFDSCxNQUFNLFVBQVUsbUJBQW1CO0lBQy9CLE9BQU8sTUFBTSxDQUFDLGtCQUFrQixFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLElBQUksb0JBQW9CLENBQUM7QUFDbEYsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGluamVjdCwgSW5qZWN0aW9uVG9rZW4sIFByb3ZpZGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFBsYWNlbWVudCB9IGZyb20gJ0BmbG9hdGluZy11aS9kb20nO1xuXG5leHBvcnQgY29uc3QgVG9vbHRpcENvbmZpZ1Rva2VuID0gbmV3IEluamVjdGlvblRva2VuPFRvb2x0aXBDb25maWc+KCdUb29sdGlwQ29uZmlnJyk7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVG9vbHRpcENvbmZpZyB7XG4gICAgLyoqXG4gICAgICogRGVmaW5lIHRoZSBvZmZzZXQgb2YgdGhlIHRvb2x0aXAgcmVsYXRpdmUgdG8gdGhlIHRyaWdnZXIuXG4gICAgICogQGRlZmF1bHQgNFxuICAgICAqL1xuICAgIG9mZnNldDogbnVtYmVyO1xuXG4gICAgLyoqXG4gICAgICogRGVmaW5lIHRoZSBwbGFjZW1lbnQgb2YgdGhlIHRvb2x0aXAgcmVsYXRpdmUgdG8gdGhlIHRyaWdnZXIuXG4gICAgICogQGRlZmF1bHQgJ3RvcCdcbiAgICAgKi9cbiAgICBwbGFjZW1lbnQ6IFBsYWNlbWVudDtcblxuICAgIC8qKlxuICAgICAqIERlZmluZSB0aGUgZGVsYXkgYmVmb3JlIHRoZSB0b29sdGlwIGlzIHNob3duLlxuICAgICAqIEBkZWZhdWx0IDBcbiAgICAgKi9cbiAgICBzaG93RGVsYXk6IG51bWJlcjtcblxuICAgIC8qKlxuICAgICAqIERlZmluZSB0aGUgZGVsYXkgYmVmb3JlIHRoZSB0b29sdGlwIGlzIGhpZGRlbi5cbiAgICAgKiBAZGVmYXVsdCAwXG4gICAgICovXG4gICAgaGlkZURlbGF5OiBudW1iZXI7XG5cbiAgICAvKipcbiAgICAgKiBEZWZpbmUgd2hldGhlciB0aGUgdG9vbHRpcCBzaG91bGQgZmxpcCB3aGVuIHRoZXJlIGlzIG5vdCBlbm91Z2ggc3BhY2UgZm9yIHRoZSB0b29sdGlwLlxuICAgICAqIEBkZWZhdWx0IHRydWVcbiAgICAgKi9cbiAgICBmbGlwOiBib29sZWFuO1xuXG4gICAgLyoqXG4gICAgICogRGVmaW5lIHRoZSBjb250YWluZXIgaW4gdG8gd2hpY2ggdGhlIHRvb2x0aXAgc2hvdWxkIGJlIGF0dGFjaGVkLlxuICAgICAqIEBkZWZhdWx0IGRvY3VtZW50LmJvZHlcbiAgICAgKi9cbiAgICBjb250YWluZXI6IEhUTUxFbGVtZW50O1xufVxuXG5jb25zdCBkZWZhdWx0VG9vbHRpcENvbmZpZzogVG9vbHRpcENvbmZpZyA9IHtcbiAgICBvZmZzZXQ6IDQsXG4gICAgcGxhY2VtZW50OiAndG9wJyxcbiAgICBzaG93RGVsYXk6IDAsXG4gICAgaGlkZURlbGF5OiAwLFxuICAgIGZsaXA6IHRydWUsXG4gICAgY29udGFpbmVyOiBkb2N1bWVudC5ib2R5XG59O1xuXG4vKipcbiAqIFByb3ZpZGUgdGhlIGRlZmF1bHQgVG9vbHRpcCBjb25maWd1cmF0aW9uXG4gKiBAcGFyYW0gY29uZmlnIFRoZSBUb29sdGlwIGNvbmZpZ3VyYXRpb25cbiAqIEByZXR1cm5zIFRoZSBwcm92aWRlclxuICovXG5leHBvcnQgZnVuY3Rpb24gcHJvdmlkZVRvb2x0aXBDb25maWcoY29uZmlnOiBQYXJ0aWFsPFRvb2x0aXBDb25maWc+KTogUHJvdmlkZXJbXSB7XG4gICAgcmV0dXJuIFtcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogVG9vbHRpcENvbmZpZ1Rva2VuLFxuICAgICAgICAgICAgdXNlVmFsdWU6IHsgLi4uZGVmYXVsdFRvb2x0aXBDb25maWcsIC4uLmNvbmZpZyB9XG4gICAgICAgIH1cbiAgICBdO1xufVxuXG4vKipcbiAqIEluamVjdCB0aGUgVG9vbHRpcCBjb25maWd1cmF0aW9uXG4gKiBAcmV0dXJucyBUaGUgZ2xvYmFsIFRvb2x0aXAgY29uZmlndXJhdGlvblxuICovXG5leHBvcnQgZnVuY3Rpb24gaW5qZWN0VG9vbHRpcENvbmZpZygpOiBUb29sdGlwQ29uZmlnIHtcbiAgICByZXR1cm4gaW5qZWN0KFRvb2x0aXBDb25maWdUb2tlbiwgeyBvcHRpb25hbDogdHJ1ZSB9KSA/PyBkZWZhdWx0VG9vbHRpcENvbmZpZztcbn1cbiJdfQ==
|
@@ -1,46 +0,0 @@
|
|
1
|
-
import { Directive, Input } from '@angular/core';
|
2
|
-
import { OverlayDirective } from '@radix-ng/primitives/overlay';
|
3
|
-
import { injectTooltipTrigger } from './tooltip-trigger.token';
|
4
|
-
import * as i0 from "@angular/core";
|
5
|
-
import * as i1 from "@radix-ng/primitives/overlay";
|
6
|
-
/**
|
7
|
-
* A unique identifier for the tooltip
|
8
|
-
*/
|
9
|
-
let uniqueId = 0;
|
10
|
-
export class TooltipDirective {
|
11
|
-
constructor() {
|
12
|
-
/**
|
13
|
-
* Access the tooltip trigger
|
14
|
-
*/
|
15
|
-
this.trigger = injectTooltipTrigger();
|
16
|
-
/**
|
17
|
-
* Define the tooltip id
|
18
|
-
*/
|
19
|
-
this.id = `rdx-tooltip-${uniqueId++}`;
|
20
|
-
}
|
21
|
-
ngOnInit() {
|
22
|
-
this.trigger.setTooltipId(this.id);
|
23
|
-
}
|
24
|
-
ngOnChanges(changes) {
|
25
|
-
if ('id' in changes) {
|
26
|
-
this.trigger.setTooltipId(this.id);
|
27
|
-
}
|
28
|
-
}
|
29
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
30
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: TooltipDirective, isStandalone: true, selector: "[rdxTooltip]", inputs: { id: "id" }, host: { attributes: { "role": "tooltip" } }, exportAs: ["rdxTooltip"], usesOnChanges: true, hostDirectives: [{ directive: i1.OverlayDirective }], ngImport: i0 }); }
|
31
|
-
}
|
32
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TooltipDirective, decorators: [{
|
33
|
-
type: Directive,
|
34
|
-
args: [{
|
35
|
-
selector: '[rdxTooltip]',
|
36
|
-
standalone: true,
|
37
|
-
exportAs: 'rdxTooltip',
|
38
|
-
hostDirectives: [OverlayDirective],
|
39
|
-
host: {
|
40
|
-
role: 'tooltip'
|
41
|
-
}
|
42
|
-
}]
|
43
|
-
}], propDecorators: { id: [{
|
44
|
-
type: Input
|
45
|
-
}] } });
|
46
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9wcmltaXRpdmVzL3Rvb2x0aXAvc3JjL3Rvb2x0aXAuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFvQyxNQUFNLGVBQWUsQ0FBQztBQUVuRixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUVoRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7O0FBRS9EOztHQUVHO0FBQ0gsSUFBSSxRQUFRLEdBQUcsQ0FBQyxDQUFDO0FBV2pCLE1BQU0sT0FBTyxnQkFBZ0I7SUFUN0I7UUFVSTs7V0FFRztRQUNjLFlBQU8sR0FBRyxvQkFBb0IsRUFBRSxDQUFDO1FBRWxEOztXQUVHO1FBQ00sT0FBRSxHQUFHLGVBQWUsUUFBUSxFQUFFLEVBQUUsQ0FBQztLQVc3QztJQVRHLFFBQVE7UUFDSixJQUFJLENBQUMsT0FBTyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDdkMsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUM5QixJQUFJLElBQUksSUFBSSxPQUFPLEVBQUUsQ0FBQztZQUNsQixJQUFJLENBQUMsT0FBTyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDdkMsQ0FBQztJQUNMLENBQUM7OEdBbkJRLGdCQUFnQjtrR0FBaEIsZ0JBQWdCOzsyRkFBaEIsZ0JBQWdCO2tCQVQ1QixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxjQUFjO29CQUN4QixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLGNBQWMsRUFBRSxDQUFDLGdCQUFnQixDQUFDO29CQUNsQyxJQUFJLEVBQUU7d0JBQ0YsSUFBSSxFQUFFLFNBQVM7cUJBQ2xCO2lCQUNKOzhCQVVZLEVBQUU7c0JBQVYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0LCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IE92ZXJsYXlEaXJlY3RpdmUgfSBmcm9tICdAcmFkaXgtbmcvcHJpbWl0aXZlcy9vdmVybGF5JztcblxuaW1wb3J0IHsgaW5qZWN0VG9vbHRpcFRyaWdnZXIgfSBmcm9tICcuL3Rvb2x0aXAtdHJpZ2dlci50b2tlbic7XG5cbi8qKlxuICogQSB1bmlxdWUgaWRlbnRpZmllciBmb3IgdGhlIHRvb2x0aXBcbiAqL1xubGV0IHVuaXF1ZUlkID0gMDtcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbcmR4VG9vbHRpcF0nLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgZXhwb3J0QXM6ICdyZHhUb29sdGlwJyxcbiAgICBob3N0RGlyZWN0aXZlczogW092ZXJsYXlEaXJlY3RpdmVdLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgcm9sZTogJ3Rvb2x0aXAnXG4gICAgfVxufSlcbmV4cG9ydCBjbGFzcyBUb29sdGlwRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuICAgIC8qKlxuICAgICAqIEFjY2VzcyB0aGUgdG9vbHRpcCB0cmlnZ2VyXG4gICAgICovXG4gICAgcHJpdmF0ZSByZWFkb25seSB0cmlnZ2VyID0gaW5qZWN0VG9vbHRpcFRyaWdnZXIoKTtcblxuICAgIC8qKlxuICAgICAqIERlZmluZSB0aGUgdG9vbHRpcCBpZFxuICAgICAqL1xuICAgIEBJbnB1dCgpIGlkID0gYHJkeC10b29sdGlwLSR7dW5pcXVlSWQrK31gO1xuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMudHJpZ2dlci5zZXRUb29sdGlwSWQodGhpcy5pZCk7XG4gICAgfVxuXG4gICAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgICAgICBpZiAoJ2lkJyBpbiBjaGFuZ2VzKSB7XG4gICAgICAgICAgICB0aGlzLnRyaWdnZXIuc2V0VG9vbHRpcElkKHRoaXMuaWQpO1xuICAgICAgICB9XG4gICAgfVxufVxuIl19
|
@@ -1,242 +0,0 @@
|
|
1
|
-
import * as i0 from '@angular/core';
|
2
|
-
import { Directive, InjectionToken, inject, booleanAttribute, numberAttribute, Input, HostListener } from '@angular/core';
|
3
|
-
import * as i1 from '@radix-ng/primitives/overlay';
|
4
|
-
import { OverlayArrowDirective, OverlayTriggerDirective, OverlayDirective } from '@radix-ng/primitives/overlay';
|
5
|
-
|
6
|
-
class TooltipArrowDirective {
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TooltipArrowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
8
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: TooltipArrowDirective, isStandalone: true, selector: "[rdxTooltipArrow]", hostDirectives: [{ directive: i1.OverlayArrowDirective }], ngImport: i0 }); }
|
9
|
-
}
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TooltipArrowDirective, decorators: [{
|
11
|
-
type: Directive,
|
12
|
-
args: [{
|
13
|
-
selector: '[rdxTooltipArrow]',
|
14
|
-
standalone: true,
|
15
|
-
hostDirectives: [OverlayArrowDirective]
|
16
|
-
}]
|
17
|
-
}] });
|
18
|
-
|
19
|
-
const TooltipTriggerToken = new InjectionToken('TooltipTriggerToken');
|
20
|
-
function injectTooltipTrigger() {
|
21
|
-
return inject(TooltipTriggerToken);
|
22
|
-
}
|
23
|
-
|
24
|
-
const TooltipConfigToken = new InjectionToken('TooltipConfig');
|
25
|
-
const defaultTooltipConfig = {
|
26
|
-
offset: 4,
|
27
|
-
placement: 'top',
|
28
|
-
showDelay: 0,
|
29
|
-
hideDelay: 0,
|
30
|
-
flip: true,
|
31
|
-
container: document.body
|
32
|
-
};
|
33
|
-
/**
|
34
|
-
* Provide the default Tooltip configuration
|
35
|
-
* @param config The Tooltip configuration
|
36
|
-
* @returns The provider
|
37
|
-
*/
|
38
|
-
function provideTooltipConfig(config) {
|
39
|
-
return [
|
40
|
-
{
|
41
|
-
provide: TooltipConfigToken,
|
42
|
-
useValue: { ...defaultTooltipConfig, ...config }
|
43
|
-
}
|
44
|
-
];
|
45
|
-
}
|
46
|
-
/**
|
47
|
-
* Inject the Tooltip configuration
|
48
|
-
* @returns The global Tooltip configuration
|
49
|
-
*/
|
50
|
-
function injectTooltipConfig() {
|
51
|
-
return inject(TooltipConfigToken, { optional: true }) ?? defaultTooltipConfig;
|
52
|
-
}
|
53
|
-
|
54
|
-
/* eslint-disable @angular-eslint/no-input-rename */
|
55
|
-
class TooltipTriggerDirective {
|
56
|
-
constructor() {
|
57
|
-
/**
|
58
|
-
* Access the overlay trigger directive
|
59
|
-
*/
|
60
|
-
this.overlayTrigger = inject(OverlayTriggerDirective);
|
61
|
-
/**
|
62
|
-
* Access the global tooltip configuration
|
63
|
-
*/
|
64
|
-
this.tooltipConfig = injectTooltipConfig();
|
65
|
-
/**
|
66
|
-
* Define if the trigger should be disabled.
|
67
|
-
* @default false
|
68
|
-
*/
|
69
|
-
this.disabled = false;
|
70
|
-
/**
|
71
|
-
* Define the placement of the tooltip relative to the trigger.
|
72
|
-
* @default 'bottom'
|
73
|
-
*/
|
74
|
-
this.placement = this.tooltipConfig.placement;
|
75
|
-
/**
|
76
|
-
* Define the offset of the tooltip relative to the trigger.
|
77
|
-
* @default 0
|
78
|
-
*/
|
79
|
-
this.offset = this.tooltipConfig.offset;
|
80
|
-
/**
|
81
|
-
* Define the delay before the tooltip is displayed.
|
82
|
-
* @default 0
|
83
|
-
*/
|
84
|
-
this.showDelay = this.tooltipConfig.showDelay;
|
85
|
-
/**
|
86
|
-
* Define the delay before the tooltip is hidden.
|
87
|
-
* @default 0
|
88
|
-
*/
|
89
|
-
this.hideDelay = this.tooltipConfig.hideDelay;
|
90
|
-
/**
|
91
|
-
* Define whether the tooltip should flip when there is not enough space for the tooltip.
|
92
|
-
* @default true
|
93
|
-
*/
|
94
|
-
this.flip = this.tooltipConfig.flip;
|
95
|
-
/**
|
96
|
-
* Define the container in to which the tooltip should be attached.
|
97
|
-
* @default document.body
|
98
|
-
*/
|
99
|
-
this.container = this.tooltipConfig.container;
|
100
|
-
}
|
101
|
-
ngOnInit() {
|
102
|
-
this.overlayTrigger.registerProvider({
|
103
|
-
provide: TooltipTriggerToken,
|
104
|
-
useValue: this
|
105
|
-
});
|
106
|
-
}
|
107
|
-
/**
|
108
|
-
* Show the tooltip.
|
109
|
-
*/
|
110
|
-
show() {
|
111
|
-
this.overlayTrigger.show();
|
112
|
-
}
|
113
|
-
/**
|
114
|
-
* Hide the tooltip.
|
115
|
-
*/
|
116
|
-
hide() {
|
117
|
-
this.overlayTrigger.hide();
|
118
|
-
}
|
119
|
-
/**
|
120
|
-
* Define the tooltip id.
|
121
|
-
* @param id The tooltip id
|
122
|
-
* @internal
|
123
|
-
*/
|
124
|
-
setTooltipId(id) {
|
125
|
-
this.tooltipId = id;
|
126
|
-
}
|
127
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TooltipTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
128
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.3.3", type: TooltipTriggerDirective, isStandalone: true, selector: "[rdxTooltipTrigger]", inputs: { templateRef: ["rdxTooltipTrigger", "templateRef"], disabled: ["rdxTooltipDisabled", "disabled", booleanAttribute], placement: ["rdxTooltipPlacement", "placement"], offset: ["rdxTooltipOffset", "offset", numberAttribute], showDelay: ["rdxTooltipShowDelay", "showDelay", numberAttribute], hideDelay: ["rdxTooltipHideDelay", "hideDelay", numberAttribute], flip: ["rdxTooltipFlip", "flip", booleanAttribute], container: ["rdxTooltipContainer", "container"] }, host: { listeners: { "mouseenter": "show()", "focus": "show()", "mouseleave": "hide()", "blur": "hide()", "window:keydown.escape": "hide()" }, properties: { "attr.aria-describedby": "tooltipId" } }, hostDirectives: [{ directive: i1.OverlayTriggerDirective, inputs: ["rdxOverlayTrigger", "rdxTooltipTrigger", "rdxOverlayDisabled", "rdxTooltipDisabled", "rdxOverlayPlacement", "rdxTooltipPlacement", "rdxOverlayOffset", "rdxTooltipOffset", "rdxOverlayShowDelay", "rdxTooltipShowDelay", "rdxOverlayHideDelay", "rdxTooltipHideDelay", "rdxOverlayShift", "rdxTooltipShift", "rdxOverlayFlip", "rdxTooltipFlip", "rdxOverlayContainer", "rdxTooltipContainer"] }], ngImport: i0 }); }
|
129
|
-
}
|
130
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TooltipTriggerDirective, decorators: [{
|
131
|
-
type: Directive,
|
132
|
-
args: [{
|
133
|
-
selector: '[rdxTooltipTrigger]',
|
134
|
-
standalone: true,
|
135
|
-
host: {
|
136
|
-
'[attr.aria-describedby]': 'tooltipId'
|
137
|
-
},
|
138
|
-
hostDirectives: [
|
139
|
-
{
|
140
|
-
directive: OverlayTriggerDirective,
|
141
|
-
inputs: [
|
142
|
-
'rdxOverlayTrigger: rdxTooltipTrigger',
|
143
|
-
'rdxOverlayDisabled: rdxTooltipDisabled',
|
144
|
-
'rdxOverlayPlacement: rdxTooltipPlacement',
|
145
|
-
'rdxOverlayOffset: rdxTooltipOffset',
|
146
|
-
'rdxOverlayShowDelay: rdxTooltipShowDelay',
|
147
|
-
'rdxOverlayHideDelay: rdxTooltipHideDelay',
|
148
|
-
'rdxOverlayShift: rdxTooltipShift',
|
149
|
-
'rdxOverlayFlip: rdxTooltipFlip',
|
150
|
-
'rdxOverlayContainer: rdxTooltipContainer'
|
151
|
-
]
|
152
|
-
}
|
153
|
-
]
|
154
|
-
}]
|
155
|
-
}], propDecorators: { templateRef: [{
|
156
|
-
type: Input,
|
157
|
-
args: [{ alias: 'rdxTooltipTrigger', required: true }]
|
158
|
-
}], disabled: [{
|
159
|
-
type: Input,
|
160
|
-
args: [{ alias: 'rdxTooltipDisabled', transform: booleanAttribute }]
|
161
|
-
}], placement: [{
|
162
|
-
type: Input,
|
163
|
-
args: ['rdxTooltipPlacement']
|
164
|
-
}], offset: [{
|
165
|
-
type: Input,
|
166
|
-
args: [{ alias: 'rdxTooltipOffset', transform: numberAttribute }]
|
167
|
-
}], showDelay: [{
|
168
|
-
type: Input,
|
169
|
-
args: [{ alias: 'rdxTooltipShowDelay', transform: numberAttribute }]
|
170
|
-
}], hideDelay: [{
|
171
|
-
type: Input,
|
172
|
-
args: [{ alias: 'rdxTooltipHideDelay', transform: numberAttribute }]
|
173
|
-
}], flip: [{
|
174
|
-
type: Input,
|
175
|
-
args: [{ alias: 'rdxTooltipFlip', transform: booleanAttribute }]
|
176
|
-
}], container: [{
|
177
|
-
type: Input,
|
178
|
-
args: ['rdxTooltipContainer']
|
179
|
-
}], show: [{
|
180
|
-
type: HostListener,
|
181
|
-
args: ['mouseenter']
|
182
|
-
}, {
|
183
|
-
type: HostListener,
|
184
|
-
args: ['focus']
|
185
|
-
}], hide: [{
|
186
|
-
type: HostListener,
|
187
|
-
args: ['mouseleave']
|
188
|
-
}, {
|
189
|
-
type: HostListener,
|
190
|
-
args: ['blur']
|
191
|
-
}, {
|
192
|
-
type: HostListener,
|
193
|
-
args: ['window:keydown.escape']
|
194
|
-
}] } });
|
195
|
-
|
196
|
-
/**
|
197
|
-
* A unique identifier for the tooltip
|
198
|
-
*/
|
199
|
-
let uniqueId = 0;
|
200
|
-
class TooltipDirective {
|
201
|
-
constructor() {
|
202
|
-
/**
|
203
|
-
* Access the tooltip trigger
|
204
|
-
*/
|
205
|
-
this.trigger = injectTooltipTrigger();
|
206
|
-
/**
|
207
|
-
* Define the tooltip id
|
208
|
-
*/
|
209
|
-
this.id = `rdx-tooltip-${uniqueId++}`;
|
210
|
-
}
|
211
|
-
ngOnInit() {
|
212
|
-
this.trigger.setTooltipId(this.id);
|
213
|
-
}
|
214
|
-
ngOnChanges(changes) {
|
215
|
-
if ('id' in changes) {
|
216
|
-
this.trigger.setTooltipId(this.id);
|
217
|
-
}
|
218
|
-
}
|
219
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
220
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: TooltipDirective, isStandalone: true, selector: "[rdxTooltip]", inputs: { id: "id" }, host: { attributes: { "role": "tooltip" } }, exportAs: ["rdxTooltip"], usesOnChanges: true, hostDirectives: [{ directive: i1.OverlayDirective }], ngImport: i0 }); }
|
221
|
-
}
|
222
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TooltipDirective, decorators: [{
|
223
|
-
type: Directive,
|
224
|
-
args: [{
|
225
|
-
selector: '[rdxTooltip]',
|
226
|
-
standalone: true,
|
227
|
-
exportAs: 'rdxTooltip',
|
228
|
-
hostDirectives: [OverlayDirective],
|
229
|
-
host: {
|
230
|
-
role: 'tooltip'
|
231
|
-
}
|
232
|
-
}]
|
233
|
-
}], propDecorators: { id: [{
|
234
|
-
type: Input
|
235
|
-
}] } });
|
236
|
-
|
237
|
-
/**
|
238
|
-
* Generated bundle index. Do not edit.
|
239
|
-
*/
|
240
|
-
|
241
|
-
export { TooltipArrowDirective, TooltipConfigToken, TooltipDirective, TooltipTriggerDirective, injectTooltipConfig, provideTooltipConfig };
|
242
|
-
//# sourceMappingURL=radix-ng-primitives-tooltip.mjs.map
|