@radix-ng/primitives 0.4.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.
Files changed (65) hide show
  1. package/accordion/README.md +3 -0
  2. package/accordion/index.d.ts +7 -0
  3. package/accordion/src/accordion/accordion.directive.d.ts +64 -0
  4. package/accordion/src/accordion/accordion.token.d.ts +4 -0
  5. package/accordion/src/accordion-content/accordion-content.directive.d.ts +44 -0
  6. package/accordion/src/accordion-header/accordion-header.directive.d.ts +6 -0
  7. package/accordion/src/accordion-item/accordion-item.directive.d.ts +42 -0
  8. package/accordion/src/accordion-item/accordion-item.token.d.ts +4 -0
  9. package/accordion/src/accordion-state.directive.d.ts +28 -0
  10. package/accordion/src/accordion-trigger/accordion-trigger.directive.d.ts +23 -0
  11. package/accordion/src/accordion.config.d.ts +25 -0
  12. package/esm2022/accordion/index.mjs +8 -0
  13. package/esm2022/accordion/radix-ng-primitives-accordion.mjs +5 -0
  14. package/esm2022/accordion/src/accordion/accordion.directive.mjs +108 -0
  15. package/esm2022/accordion/src/accordion/accordion.token.mjs +6 -0
  16. package/esm2022/accordion/src/accordion-content/accordion-content.directive.mjs +75 -0
  17. package/esm2022/accordion/src/accordion-header/accordion-header.directive.mjs +17 -0
  18. package/esm2022/accordion/src/accordion-item/accordion-item.directive.mjs +81 -0
  19. package/esm2022/accordion/src/accordion-item/accordion-item.token.mjs +6 -0
  20. package/esm2022/accordion/src/accordion-state.directive.mjs +49 -0
  21. package/esm2022/accordion/src/accordion-trigger/accordion-trigger.directive.mjs +49 -0
  22. package/esm2022/accordion/src/accordion.config.mjs +27 -0
  23. package/esm2022/label/src/label.directive.mjs +17 -3
  24. package/esm2022/roving-focus/src/roving-focus-group.directive.mjs +5 -4
  25. package/esm2022/toggle-group/index.mjs +6 -0
  26. package/esm2022/toggle-group/radix-ng-primitives-toggle-group.mjs +5 -0
  27. package/esm2022/toggle-group/src/toggle-group-button.directive.mjs +79 -0
  28. package/esm2022/toggle-group/src/toggle-group-button.token.mjs +6 -0
  29. package/esm2022/toggle-group/src/toggle-group-multi.directive.mjs +159 -0
  30. package/esm2022/toggle-group/src/toggle-group.directive.mjs +157 -0
  31. package/esm2022/toggle-group/src/toggle-group.token.mjs +6 -0
  32. package/fesm2022/radix-ng-primitives-accordion.mjs +394 -0
  33. package/fesm2022/radix-ng-primitives-accordion.mjs.map +1 -0
  34. package/fesm2022/radix-ng-primitives-label.mjs +16 -2
  35. package/fesm2022/radix-ng-primitives-label.mjs.map +1 -1
  36. package/fesm2022/radix-ng-primitives-roving-focus.mjs +4 -3
  37. package/fesm2022/radix-ng-primitives-roving-focus.mjs.map +1 -1
  38. package/fesm2022/radix-ng-primitives-toggle-group.mjs +397 -0
  39. package/fesm2022/radix-ng-primitives-toggle-group.mjs.map +1 -0
  40. package/label/src/label.directive.d.ts +6 -1
  41. package/package.json +12 -6
  42. package/roving-focus/src/roving-focus-group.directive.d.ts +1 -1
  43. package/toggle-group/README.md +3 -0
  44. package/toggle-group/index.d.ts +5 -0
  45. package/toggle-group/src/toggle-group-button.directive.d.ts +39 -0
  46. package/toggle-group/src/toggle-group-button.token.d.ts +4 -0
  47. package/toggle-group/src/toggle-group-multi.directive.d.ts +90 -0
  48. package/toggle-group/src/toggle-group.directive.d.ts +90 -0
  49. package/toggle-group/src/toggle-group.token.d.ts +5 -0
  50. package/esm2022/tooltip/index.mjs +0 -5
  51. package/esm2022/tooltip/radix-ng-primitives-tooltip.mjs +0 -5
  52. package/esm2022/tooltip/src/tooltip-arrow.directive.mjs +0 -17
  53. package/esm2022/tooltip/src/tooltip-trigger.directive.mjs +0 -148
  54. package/esm2022/tooltip/src/tooltip-trigger.token.mjs +0 -6
  55. package/esm2022/tooltip/src/tooltip.config.mjs +0 -31
  56. package/esm2022/tooltip/src/tooltip.directive.mjs +0 -46
  57. package/fesm2022/radix-ng-primitives-tooltip.mjs +0 -242
  58. package/fesm2022/radix-ng-primitives-tooltip.mjs.map +0 -1
  59. package/tooltip/README.md +0 -1
  60. package/tooltip/index.d.ts +0 -4
  61. package/tooltip/src/tooltip-arrow.directive.d.ts +0 -6
  62. package/tooltip/src/tooltip-trigger.directive.d.ts +0 -79
  63. package/tooltip/src/tooltip-trigger.token.d.ts +0 -4
  64. package/tooltip/src/tooltip.config.d.ts +0 -46
  65. package/tooltip/src/tooltip.directive.d.ts +0 -17
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@radix-ng/primitives",
3
- "version": "0.4.0",
3
+ "version": "0.5.0",
4
4
  "license": "MIT",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -38,6 +38,12 @@
38
38
  "esm": "./esm2022/radix-ng-primitives.mjs",
39
39
  "default": "./fesm2022/radix-ng-primitives.mjs"
40
40
  },
41
+ "./accordion": {
42
+ "types": "./accordion/index.d.ts",
43
+ "esm2022": "./esm2022/accordion/radix-ng-primitives-accordion.mjs",
44
+ "esm": "./esm2022/accordion/radix-ng-primitives-accordion.mjs",
45
+ "default": "./fesm2022/radix-ng-primitives-accordion.mjs"
46
+ },
41
47
  "./avatar": {
42
48
  "types": "./avatar/index.d.ts",
43
49
  "esm2022": "./esm2022/avatar/radix-ng-primitives-avatar.mjs",
@@ -98,11 +104,11 @@
98
104
  "esm": "./esm2022/toggle/radix-ng-primitives-toggle.mjs",
99
105
  "default": "./fesm2022/radix-ng-primitives-toggle.mjs"
100
106
  },
101
- "./tooltip": {
102
- "types": "./tooltip/index.d.ts",
103
- "esm2022": "./esm2022/tooltip/radix-ng-primitives-tooltip.mjs",
104
- "esm": "./esm2022/tooltip/radix-ng-primitives-tooltip.mjs",
105
- "default": "./fesm2022/radix-ng-primitives-tooltip.mjs"
107
+ "./toggle-group": {
108
+ "types": "./toggle-group/index.d.ts",
109
+ "esm2022": "./esm2022/toggle-group/radix-ng-primitives-toggle-group.mjs",
110
+ "esm": "./esm2022/toggle-group/radix-ng-primitives-toggle-group.mjs",
111
+ "default": "./fesm2022/radix-ng-primitives-toggle-group.mjs"
106
112
  },
107
113
  "./visually-hidden": {
108
114
  "types": "./visually-hidden/index.d.ts",
@@ -50,6 +50,6 @@ export declare class RdxRovingFocusGroupDirective implements OnInit, OnChanges,
50
50
  */
51
51
  setOrientation(orientation: 'horizontal' | 'vertical'): void;
52
52
  static ɵfac: i0.ɵɵFactoryDeclaration<RdxRovingFocusGroupDirective, never>;
53
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxRovingFocusGroupDirective, "[rdxRovingFocusGroup]", never, { "orientation": { "alias": "orientation"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; }, {}, never, never, true, never>;
53
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxRovingFocusGroupDirective, "[rdxRovingFocusGroup]", never, { "orientation": { "alias": "rdxRovingFocusGroupOrientation"; "required": false; }; "wrap": { "alias": "rdxRovingFocusGroupWrap"; "required": false; }; }, {}, never, never, true, never>;
54
54
  static ngAcceptInputType_wrap: unknown;
55
55
  }
@@ -0,0 +1,3 @@
1
+ # @radix-ng/primitives/toggle-group
2
+
3
+ Secondary entry point of `@radix-ng/primitives/toggle-group`.
@@ -0,0 +1,5 @@
1
+ export * from './src/toggle-group-button.directive';
2
+ export * from './src/toggle-group-button.token';
3
+ export * from './src/toggle-group-multi.directive';
4
+ export * from './src/toggle-group.directive';
5
+ export * from './src/toggle-group.token';
@@ -0,0 +1,39 @@
1
+ import { OnChanges, SimpleChanges } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ import * as i1 from "@radix-ng/primitives/roving-focus";
4
+ export declare class RdxToggleGroupButtonDirective implements OnChanges {
5
+ /**
6
+ * Access the toggle group.
7
+ */
8
+ protected readonly toggleGroup: import("@radix-ng/primitives/toggle-group").RdxToggleGroupDirective | import("@radix-ng/primitives/toggle-group").RdxToggleGroupMultiDirective;
9
+ /**
10
+ * Access the roving focus item.
11
+ */
12
+ private readonly rovingFocusItem;
13
+ /**
14
+ * The value of this toggle button.
15
+ */
16
+ value: string;
17
+ /**
18
+ * Whether this toggle button is disabled.
19
+ * @default false
20
+ */
21
+ disabled: boolean;
22
+ /**
23
+ * Whether this toggle button is checked.
24
+ */
25
+ protected get checked(): boolean;
26
+ ngOnChanges(changes: SimpleChanges): void;
27
+ /**
28
+ * Toggle this toggle button.
29
+ */
30
+ toggle(): void;
31
+ /**
32
+ * Ensure the disabled state is propagated to the roving focus item.
33
+ * @internal
34
+ */
35
+ updateDisabled(): void;
36
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxToggleGroupButtonDirective, never>;
37
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxToggleGroupButtonDirective, "button[rdxToggleGroupButton]", never, { "value": { "alias": "rdxToggleGroupButtonValue"; "required": true; }; "disabled": { "alias": "rdxToggleGroupButtonDisabled"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.RdxRovingFocusItemDirective; inputs: {}; outputs: {}; }]>;
38
+ static ngAcceptInputType_disabled: unknown;
39
+ }
@@ -0,0 +1,4 @@
1
+ import { InjectionToken } from '@angular/core';
2
+ import type { RdxToggleGroupButtonDirective } from './toggle-group-button.directive';
3
+ export declare const RdxToggleGroupButtonToken: InjectionToken<RdxToggleGroupButtonDirective>;
4
+ export declare function injectToggleGroupButton(): RdxToggleGroupButtonDirective;
@@ -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 RdxToggleGroupMultiDirective 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: ReadonlyArray<string>;
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<readonly string[]>;
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: ReadonlyArray<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: ReadonlyArray<string>) => 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<RdxToggleGroupMultiDirective, never>;
87
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxToggleGroupMultiDirective, "[rdxToggleGroupMulti]", never, { "value": { "alias": "rdxToggleGroupMultiValue"; "required": false; }; "orientation": { "alias": "rdxToggleGroupMultiOrientation"; "required": false; }; "disabled": { "alias": "rdxToggleGroupMultiDisabled"; "required": false; }; "wrap": { "alias": "rdxToggleGroupMultiWrap"; "required": false; }; "valueChange": { "alias": "rdxToggleGroupMultiValueChange"; "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,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,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 { RdxOverlayArrowDirective } from '@radix-ng/primitives/overlay';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "@radix-ng/primitives/overlay";
5
- export class RdxTooltipArrowDirective {
6
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxTooltipArrowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
7
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: RdxTooltipArrowDirective, isStandalone: true, selector: "[rdxTooltipArrow]", hostDirectives: [{ directive: i1.RdxOverlayArrowDirective }], ngImport: i0 }); }
8
- }
9
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxTooltipArrowDirective, decorators: [{
10
- type: Directive,
11
- args: [{
12
- selector: '[rdxTooltipArrow]',
13
- standalone: true,
14
- hostDirectives: [RdxOverlayArrowDirective]
15
- }]
16
- }] });
17
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC1hcnJvdy5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9wcmltaXRpdmVzL3Rvb2x0aXAvc3JjL3Rvb2x0aXAtYXJyb3cuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFMUMsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sOEJBQThCLENBQUM7OztBQU94RSxNQUFNLE9BQU8sd0JBQXdCOzhHQUF4Qix3QkFBd0I7a0dBQXhCLHdCQUF3Qjs7MkZBQXhCLHdCQUF3QjtrQkFMcEMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsbUJBQW1CO29CQUM3QixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsY0FBYyxFQUFFLENBQUMsd0JBQXdCLENBQUM7aUJBQzdDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFJkeE92ZXJsYXlBcnJvd0RpcmVjdGl2ZSB9IGZyb20gJ0ByYWRpeC1uZy9wcmltaXRpdmVzL292ZXJsYXknO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1tyZHhUb29sdGlwQXJyb3ddJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGhvc3REaXJlY3RpdmVzOiBbUmR4T3ZlcmxheUFycm93RGlyZWN0aXZlXVxufSlcbmV4cG9ydCBjbGFzcyBSZHhUb29sdGlwQXJyb3dEaXJlY3RpdmUge31cbiJdfQ==
@@ -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 { RdxOverlayTriggerDirective } from '@radix-ng/primitives/overlay';
4
- import { RdxTooltipTriggerToken } 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 RdxTooltipTriggerDirective {
9
- constructor() {
10
- /**
11
- * Access the overlay trigger directive
12
- */
13
- this.overlayTrigger = inject(RdxOverlayTriggerDirective);
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: RdxTooltipTriggerToken,
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: RdxTooltipTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
81
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.3.3", type: RdxTooltipTriggerDirective, 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.RdxOverlayTriggerDirective, 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: RdxTooltipTriggerDirective, 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: RdxOverlayTriggerDirective,
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC10cmlnZ2VyLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3ByaW1pdGl2ZXMvdG9vbHRpcC9zcmMvdG9vbHRpcC10cmlnZ2VyLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxvREFBb0Q7QUFDcEQsT0FBTyxFQUNILGdCQUFnQixFQUNoQixTQUFTLEVBQ1QsWUFBWSxFQUNaLE1BQU0sRUFDTixLQUFLLEVBQ0wsZUFBZSxFQUVmLFdBQVcsRUFDZCxNQUFNLGVBQWUsQ0FBQztBQUd2QixPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUUxRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNqRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7O0FBeUJ2RCxNQUFNLE9BQU8sMEJBQTBCO0lBdkJ2QztRQXdCSTs7V0FFRztRQUNjLG1CQUFjLEdBQUcsTUFBTSxDQUFDLDBCQUEwQixDQUFDLENBQUM7UUFFckU7O1dBRUc7UUFDYyxrQkFBYSxHQUFHLG1CQUFtQixFQUFFLENBQUM7UUFPdkQ7OztXQUdHO1FBQ2tFLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFdEY7OztXQUdHO1FBQzJCLGNBQVMsR0FBYyxJQUFJLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQztRQUVsRjs7O1dBR0c7UUFDK0QsV0FBTSxHQUNwRSxJQUFJLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQztRQUU5Qjs7O1dBR0c7UUFDa0UsY0FBUyxHQUMxRSxJQUFJLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQztRQUVqQzs7O1dBR0c7UUFDa0UsY0FBUyxHQUMxRSxJQUFJLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQztRQUVqQzs7O1dBR0c7UUFDOEQsU0FBSSxHQUNqRSxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQztRQUU1Qjs7O1dBR0c7UUFDMkIsY0FBUyxHQUFnQixJQUFJLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQztLQXlDdkY7SUFsQ0csUUFBUTtRQUNKLElBQUksQ0FBQyxjQUFjLENBQUMsZ0JBQWdCLENBQUM7WUFDakMsT0FBTyxFQUFFLHNCQUFzQjtZQUMvQixRQUFRLEVBQUUsSUFBSTtTQUNqQixDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQ7O09BRUc7SUFHSCxJQUFJO1FBQ0EsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMvQixDQUFDO0lBRUQ7O09BRUc7SUFJSCxJQUFJO1FBQ0EsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMvQixDQUFDO0lBRUQ7Ozs7T0FJRztJQUNILFlBQVksQ0FBQyxFQUFVO1FBQ25CLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3hCLENBQUM7OEdBcEdRLDBCQUEwQjtrR0FBMUIsMEJBQTBCLGlLQW9CYyxnQkFBZ0IsMkZBWWxCLGVBQWUsbURBT1osZUFBZSxtREFPZixlQUFlLG9DQU9wQixnQkFBZ0I7OzJGQXJEcEQsMEJBQTBCO2tCQXZCdEMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUscUJBQXFCO29CQUMvQixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsSUFBSSxFQUFFO3dCQUNGLHlCQUF5QixFQUFFLFdBQVc7cUJBQ3pDO29CQUNELGNBQWMsRUFBRTt3QkFDWjs0QkFDSSxTQUFTLEVBQUUsMEJBQTBCOzRCQUNyQyxNQUFNLEVBQUU7Z0NBQ0osc0NBQXNDO2dDQUN0Qyx3Q0FBd0M7Z0NBQ3hDLDBDQUEwQztnQ0FDMUMsb0NBQW9DO2dDQUNwQywwQ0FBMEM7Z0NBQzFDLDBDQUEwQztnQ0FDMUMsa0NBQWtDO2dDQUNsQyxnQ0FBZ0M7Z0NBQ2hDLDBDQUEwQzs2QkFDN0M7eUJBQ0o7cUJBQ0o7aUJBQ0o7OEJBZTBELFdBQVc7c0JBQWpFLEtBQUs7dUJBQUMsRUFBRSxLQUFLLEVBQUUsbUJBQW1CLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFNZ0IsUUFBUTtzQkFBNUUsS0FBSzt1QkFBQyxFQUFFLEtBQUssRUFBRSxvQkFBb0IsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBTXJDLFNBQVM7c0JBQXRDLEtBQUs7dUJBQUMscUJBQXFCO2dCQU1zQyxNQUFNO3NCQUF2RSxLQUFLO3VCQUFDLEVBQUUsS0FBSyxFQUFFLGtCQUFrQixFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUU7Z0JBT0ssU0FBUztzQkFBN0UsS0FBSzt1QkFBQyxFQUFFLEtBQUssRUFBRSxxQkFBcUIsRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFO2dCQU9FLFNBQVM7c0JBQTdFLEtBQUs7dUJBQUMsRUFBRSxLQUFLLEVBQUUscUJBQXFCLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRTtnQkFPRixJQUFJO3NCQUFwRSxLQUFLO3VCQUFDLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFPakMsU0FBUztzQkFBdEMsS0FBSzt1QkFBQyxxQkFBcUI7Z0JBbUI1QixJQUFJO3NCQUZILFlBQVk7dUJBQUMsWUFBWTs7c0JBQ3pCLFlBQVk7dUJBQUMsT0FBTztnQkFXckIsSUFBSTtzQkFISCxZQUFZO3VCQUFDLFlBQVk7O3NCQUN6QixZQUFZO3VCQUFDLE1BQU07O3NCQUNuQixZQUFZO3VCQUFDLHVCQUF1QiIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIEBhbmd1bGFyLWVzbGludC9uby1pbnB1dC1yZW5hbWUgKi9cbmltcG9ydCB7XG4gICAgYm9vbGVhbkF0dHJpYnV0ZSxcbiAgICBEaXJlY3RpdmUsXG4gICAgSG9zdExpc3RlbmVyLFxuICAgIGluamVjdCxcbiAgICBJbnB1dCxcbiAgICBudW1iZXJBdHRyaWJ1dGUsXG4gICAgT25Jbml0LFxuICAgIFRlbXBsYXRlUmVmXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBQbGFjZW1lbnQgfSBmcm9tICdAZmxvYXRpbmctdWkvZG9tJztcbmltcG9ydCB7IFJkeE92ZXJsYXlUcmlnZ2VyRGlyZWN0aXZlIH0gZnJvbSAnQHJhZGl4LW5nL3ByaW1pdGl2ZXMvb3ZlcmxheSc7XG5cbmltcG9ydCB7IFJkeFRvb2x0aXBUcmlnZ2VyVG9rZW4gfSBmcm9tICcuL3Rvb2x0aXAtdHJpZ2dlci50b2tlbic7XG5pbXBvcnQgeyBpbmplY3RUb29sdGlwQ29uZmlnIH0gZnJvbSAnLi90b29sdGlwLmNvbmZpZyc7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW3JkeFRvb2x0aXBUcmlnZ2VyXScsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBob3N0OiB7XG4gICAgICAgICdbYXR0ci5hcmlhLWRlc2NyaWJlZGJ5XSc6ICd0b29sdGlwSWQnXG4gICAgfSxcbiAgICBob3N0RGlyZWN0aXZlczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBkaXJlY3RpdmU6IFJkeE92ZXJsYXlUcmlnZ2VyRGlyZWN0aXZlLFxuICAgICAgICAgICAgaW5wdXRzOiBbXG4gICAgICAgICAgICAgICAgJ3JkeE92ZXJsYXlUcmlnZ2VyOiByZHhUb29sdGlwVHJpZ2dlcicsXG4gICAgICAgICAgICAgICAgJ3JkeE92ZXJsYXlEaXNhYmxlZDogcmR4VG9vbHRpcERpc2FibGVkJyxcbiAgICAgICAgICAgICAgICAncmR4T3ZlcmxheVBsYWNlbWVudDogcmR4VG9vbHRpcFBsYWNlbWVudCcsXG4gICAgICAgICAgICAgICAgJ3JkeE92ZXJsYXlPZmZzZXQ6IHJkeFRvb2x0aXBPZmZzZXQnLFxuICAgICAgICAgICAgICAgICdyZHhPdmVybGF5U2hvd0RlbGF5OiByZHhUb29sdGlwU2hvd0RlbGF5JyxcbiAgICAgICAgICAgICAgICAncmR4T3ZlcmxheUhpZGVEZWxheTogcmR4VG9vbHRpcEhpZGVEZWxheScsXG4gICAgICAgICAgICAgICAgJ3JkeE92ZXJsYXlTaGlmdDogcmR4VG9vbHRpcFNoaWZ0JyxcbiAgICAgICAgICAgICAgICAncmR4T3ZlcmxheUZsaXA6IHJkeFRvb2x0aXBGbGlwJyxcbiAgICAgICAgICAgICAgICAncmR4T3ZlcmxheUNvbnRhaW5lcjogcmR4VG9vbHRpcENvbnRhaW5lcidcbiAgICAgICAgICAgIF1cbiAgICAgICAgfVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgUmR4VG9vbHRpcFRyaWdnZXJEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIC8qKlxuICAgICAqIEFjY2VzcyB0aGUgb3ZlcmxheSB0cmlnZ2VyIGRpcmVjdGl2ZVxuICAgICAqL1xuICAgIHByaXZhdGUgcmVhZG9ubHkgb3ZlcmxheVRyaWdnZXIgPSBpbmplY3QoUmR4T3ZlcmxheVRyaWdnZXJEaXJlY3RpdmUpO1xuXG4gICAgLyoqXG4gICAgICogQWNjZXNzIHRoZSBnbG9iYWwgdG9vbHRpcCBjb25maWd1cmF0aW9uXG4gICAgICovXG4gICAgcHJpdmF0ZSByZWFkb25seSB0b29sdGlwQ29uZmlnID0gaW5qZWN0VG9vbHRpcENvbmZpZygpO1xuXG4gICAgLyoqXG4gICAgICogRGVmaW5lIHRoZSB0b29sdGlwIHRvIGRpc3BsYXkgd2hlbiB0aGUgdHJpZ2dlciBpcyBhY3RpdmF0ZWQuXG4gICAgICovXG4gICAgQElucHV0KHsgYWxpYXM6ICdyZHhUb29sdGlwVHJpZ2dlcicsIHJlcXVpcmVkOiB0cnVlIH0pIHRlbXBsYXRlUmVmITogVGVtcGxhdGVSZWY8dm9pZD47XG5cbiAgICAvKipcbiAgICAgKiBEZWZpbmUgaWYgdGhlIHRyaWdnZXIgc2hvdWxkIGJlIGRpc2FibGVkLlxuICAgICAqIEBkZWZhdWx0IGZhbHNlXG4gICAgICovXG4gICAgQElucHV0KHsgYWxpYXM6ICdyZHhUb29sdGlwRGlzYWJsZWQnLCB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgZGlzYWJsZWQgPSBmYWxzZTtcblxuICAgIC8qKlxuICAgICAqIERlZmluZSB0aGUgcGxhY2VtZW50IG9mIHRoZSB0b29sdGlwIHJlbGF0aXZlIHRvIHRoZSB0cmlnZ2VyLlxuICAgICAqIEBkZWZhdWx0ICdib3R0b20nXG4gICAgICovXG4gICAgQElucHV0KCdyZHhUb29sdGlwUGxhY2VtZW50JykgcGxhY2VtZW50OiBQbGFjZW1lbnQgPSB0aGlzLnRvb2x0aXBDb25maWcucGxhY2VtZW50O1xuXG4gICAgLyoqXG4gICAgICogRGVmaW5lIHRoZSBvZmZzZXQgb2YgdGhlIHRvb2x0aXAgcmVsYXRpdmUgdG8gdGhlIHRyaWdnZXIuXG4gICAgICogQGRlZmF1bHQgMFxuICAgICAqL1xuICAgIEBJbnB1dCh7IGFsaWFzOiAncmR4VG9vbHRpcE9mZnNldCcsIHRyYW5zZm9ybTogbnVtYmVyQXR0cmlidXRlIH0pIG9mZnNldDogbnVtYmVyID1cbiAgICAgICAgdGhpcy50b29sdGlwQ29uZmlnLm9mZnNldDtcblxuICAgIC8qKlxuICAgICAqIERlZmluZSB0aGUgZGVsYXkgYmVmb3JlIHRoZSB0b29sdGlwIGlzIGRpc3BsYXllZC5cbiAgICAgKiBAZGVmYXVsdCAwXG4gICAgICovXG4gICAgQElucHV0KHsgYWxpYXM6ICdyZHhUb29sdGlwU2hvd0RlbGF5JywgdHJhbnNmb3JtOiBudW1iZXJBdHRyaWJ1dGUgfSkgc2hvd0RlbGF5OiBudW1iZXIgPVxuICAgICAgICB0aGlzLnRvb2x0aXBDb25maWcuc2hvd0RlbGF5O1xuXG4gICAgLyoqXG4gICAgICogRGVmaW5lIHRoZSBkZWxheSBiZWZvcmUgdGhlIHRvb2x0aXAgaXMgaGlkZGVuLlxuICAgICAqIEBkZWZhdWx0IDBcbiAgICAgKi9cbiAgICBASW5wdXQoeyBhbGlhczogJ3JkeFRvb2x0aXBIaWRlRGVsYXknLCB0cmFuc2Zvcm06IG51bWJlckF0dHJpYnV0ZSB9KSBoaWRlRGVsYXk6IG51bWJlciA9XG4gICAgICAgIHRoaXMudG9vbHRpcENvbmZpZy5oaWRlRGVsYXk7XG5cbiAgICAvKipcbiAgICAgKiBEZWZpbmUgd2hldGhlciB0aGUgdG9vbHRpcCBzaG91bGQgZmxpcCB3aGVuIHRoZXJlIGlzIG5vdCBlbm91Z2ggc3BhY2UgZm9yIHRoZSB0b29sdGlwLlxuICAgICAqIEBkZWZhdWx0IHRydWVcbiAgICAgKi9cbiAgICBASW5wdXQoeyBhbGlhczogJ3JkeFRvb2x0aXBGbGlwJywgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGZsaXA6IGJvb2xlYW4gPVxuICAgICAgICB0aGlzLnRvb2x0aXBDb25maWcuZmxpcDtcblxuICAgIC8qKlxuICAgICAqIERlZmluZSB0aGUgY29udGFpbmVyIGluIHRvIHdoaWNoIHRoZSB0b29sdGlwIHNob3VsZCBiZSBhdHRhY2hlZC5cbiAgICAgKiBAZGVmYXVsdCBkb2N1bWVudC5ib2R5XG4gICAgICovXG4gICAgQElucHV0KCdyZHhUb29sdGlwQ29udGFpbmVyJykgY29udGFpbmVyOiBIVE1MRWxlbWVudCA9IHRoaXMudG9vbHRpcENvbmZpZy5jb250YWluZXI7XG5cbiAgICAvKipcbiAgICAgKiBUaGUgdG9vbHRpcCBpZC5cbiAgICAgKi9cbiAgICBwcm90ZWN0ZWQgdG9vbHRpcElkPzogc3RyaW5nO1xuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMub3ZlcmxheVRyaWdnZXIucmVnaXN0ZXJQcm92aWRlcih7XG4gICAgICAgICAgICBwcm92aWRlOiBSZHhUb29sdGlwVHJpZ2dlclRva2VuLFxuICAgICAgICAgICAgdXNlVmFsdWU6IHRoaXNcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogU2hvdyB0aGUgdG9vbHRpcC5cbiAgICAgKi9cbiAgICBASG9zdExpc3RlbmVyKCdtb3VzZWVudGVyJylcbiAgICBASG9zdExpc3RlbmVyKCdmb2N1cycpXG4gICAgc2hvdygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5vdmVybGF5VHJpZ2dlci5zaG93KCk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogSGlkZSB0aGUgdG9vbHRpcC5cbiAgICAgKi9cbiAgICBASG9zdExpc3RlbmVyKCdtb3VzZWxlYXZlJylcbiAgICBASG9zdExpc3RlbmVyKCdibHVyJylcbiAgICBASG9zdExpc3RlbmVyKCd3aW5kb3c6a2V5ZG93bi5lc2NhcGUnKVxuICAgIGhpZGUoKTogdm9pZCB7XG4gICAgICAgIHRoaXMub3ZlcmxheVRyaWdnZXIuaGlkZSgpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIERlZmluZSB0aGUgdG9vbHRpcCBpZC5cbiAgICAgKiBAcGFyYW0gaWQgVGhlIHRvb2x0aXAgaWRcbiAgICAgKiBAaW50ZXJuYWxcbiAgICAgKi9cbiAgICBzZXRUb29sdGlwSWQoaWQ6IHN0cmluZykge1xuICAgICAgICB0aGlzLnRvb2x0aXBJZCA9IGlkO1xuICAgIH1cbn1cbiJdfQ==
@@ -1,6 +0,0 @@
1
- import { inject, InjectionToken } from '@angular/core';
2
- export const RdxTooltipTriggerToken = new InjectionToken('RdxTooltipTriggerToken');
3
- export function injectTooltipTrigger() {
4
- return inject(RdxTooltipTriggerToken);
5
- }
6
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC10cmlnZ2VyLnRva2VuLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvcHJpbWl0aXZlcy90b29sdGlwL3NyYy90b29sdGlwLXRyaWdnZXIudG9rZW4udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE1BQU0sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFJdkQsTUFBTSxDQUFDLE1BQU0sc0JBQXNCLEdBQUcsSUFBSSxjQUFjLENBQ3BELHdCQUF3QixDQUMzQixDQUFDO0FBRUYsTUFBTSxVQUFVLG9CQUFvQjtJQUNoQyxPQUFPLE1BQU0sQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO0FBQzFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBpbmplY3QsIEluamVjdGlvblRva2VuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB0eXBlIHsgUmR4VG9vbHRpcFRyaWdnZXJEaXJlY3RpdmUgfSBmcm9tICcuL3Rvb2x0aXAtdHJpZ2dlci5kaXJlY3RpdmUnO1xuXG5leHBvcnQgY29uc3QgUmR4VG9vbHRpcFRyaWdnZXJUb2tlbiA9IG5ldyBJbmplY3Rpb25Ub2tlbjxSZHhUb29sdGlwVHJpZ2dlckRpcmVjdGl2ZT4oXG4gICAgJ1JkeFRvb2x0aXBUcmlnZ2VyVG9rZW4nXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gaW5qZWN0VG9vbHRpcFRyaWdnZXIoKTogUmR4VG9vbHRpcFRyaWdnZXJEaXJlY3RpdmUge1xuICAgIHJldHVybiBpbmplY3QoUmR4VG9vbHRpcFRyaWdnZXJUb2tlbik7XG59XG4iXX0=
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5jb25maWcuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9wcmltaXRpdmVzL3Rvb2x0aXAvc3JjL3Rvb2x0aXAuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxNQUFNLEVBQUUsY0FBYyxFQUFZLE1BQU0sZUFBZSxDQUFDO0FBSWpFLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHLElBQUksY0FBYyxDQUFtQixlQUFlLENBQUMsQ0FBQztBQXdDeEYsTUFBTSxvQkFBb0IsR0FBcUI7SUFDM0MsTUFBTSxFQUFFLENBQUM7SUFDVCxTQUFTLEVBQUUsS0FBSztJQUNoQixTQUFTLEVBQUUsQ0FBQztJQUNaLFNBQVMsRUFBRSxDQUFDO0lBQ1osSUFBSSxFQUFFLElBQUk7SUFDVixTQUFTLEVBQUUsUUFBUSxDQUFDLElBQUk7Q0FDM0IsQ0FBQztBQUVGOzs7O0dBSUc7QUFDSCxNQUFNLFVBQVUsb0JBQW9CLENBQUMsTUFBaUM7SUFDbEUsT0FBTztRQUNIO1lBQ0ksT0FBTyxFQUFFLGtCQUFrQjtZQUMzQixRQUFRLEVBQUUsRUFBRSxHQUFHLG9CQUFvQixFQUFFLEdBQUcsTUFBTSxFQUFFO1NBQ25EO0tBQ0osQ0FBQztBQUNOLENBQUM7QUFFRDs7O0dBR0c7QUFDSCxNQUFNLFVBQVUsbUJBQW1CO0lBQy9CLE9BQU8sTUFBTSxDQUFDLGtCQUFrQixFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLElBQUksb0JBQW9CLENBQUM7QUFDbEYsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGluamVjdCwgSW5qZWN0aW9uVG9rZW4sIFByb3ZpZGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFBsYWNlbWVudCB9IGZyb20gJ0BmbG9hdGluZy11aS9kb20nO1xuXG5leHBvcnQgY29uc3QgVG9vbHRpcENvbmZpZ1Rva2VuID0gbmV3IEluamVjdGlvblRva2VuPFJkeFRvb2x0aXBDb25maWc+KCdUb29sdGlwQ29uZmlnJyk7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUmR4VG9vbHRpcENvbmZpZyB7XG4gICAgLyoqXG4gICAgICogRGVmaW5lIHRoZSBvZmZzZXQgb2YgdGhlIHRvb2x0aXAgcmVsYXRpdmUgdG8gdGhlIHRyaWdnZXIuXG4gICAgICogQGRlZmF1bHQgNFxuICAgICAqL1xuICAgIG9mZnNldDogbnVtYmVyO1xuXG4gICAgLyoqXG4gICAgICogRGVmaW5lIHRoZSBwbGFjZW1lbnQgb2YgdGhlIHRvb2x0aXAgcmVsYXRpdmUgdG8gdGhlIHRyaWdnZXIuXG4gICAgICogQGRlZmF1bHQgJ3RvcCdcbiAgICAgKi9cbiAgICBwbGFjZW1lbnQ6IFBsYWNlbWVudDtcblxuICAgIC8qKlxuICAgICAqIERlZmluZSB0aGUgZGVsYXkgYmVmb3JlIHRoZSB0b29sdGlwIGlzIHNob3duLlxuICAgICAqIEBkZWZhdWx0IDBcbiAgICAgKi9cbiAgICBzaG93RGVsYXk6IG51bWJlcjtcblxuICAgIC8qKlxuICAgICAqIERlZmluZSB0aGUgZGVsYXkgYmVmb3JlIHRoZSB0b29sdGlwIGlzIGhpZGRlbi5cbiAgICAgKiBAZGVmYXVsdCAwXG4gICAgICovXG4gICAgaGlkZURlbGF5OiBudW1iZXI7XG5cbiAgICAvKipcbiAgICAgKiBEZWZpbmUgd2hldGhlciB0aGUgdG9vbHRpcCBzaG91bGQgZmxpcCB3aGVuIHRoZXJlIGlzIG5vdCBlbm91Z2ggc3BhY2UgZm9yIHRoZSB0b29sdGlwLlxuICAgICAqIEBkZWZhdWx0IHRydWVcbiAgICAgKi9cbiAgICBmbGlwOiBib29sZWFuO1xuXG4gICAgLyoqXG4gICAgICogRGVmaW5lIHRoZSBjb250YWluZXIgaW4gdG8gd2hpY2ggdGhlIHRvb2x0aXAgc2hvdWxkIGJlIGF0dGFjaGVkLlxuICAgICAqIEBkZWZhdWx0IGRvY3VtZW50LmJvZHlcbiAgICAgKi9cbiAgICBjb250YWluZXI6IEhUTUxFbGVtZW50O1xufVxuXG5jb25zdCBkZWZhdWx0VG9vbHRpcENvbmZpZzogUmR4VG9vbHRpcENvbmZpZyA9IHtcbiAgICBvZmZzZXQ6IDQsXG4gICAgcGxhY2VtZW50OiAndG9wJyxcbiAgICBzaG93RGVsYXk6IDAsXG4gICAgaGlkZURlbGF5OiAwLFxuICAgIGZsaXA6IHRydWUsXG4gICAgY29udGFpbmVyOiBkb2N1bWVudC5ib2R5XG59O1xuXG4vKipcbiAqIFByb3ZpZGUgdGhlIGRlZmF1bHQgVG9vbHRpcCBjb25maWd1cmF0aW9uXG4gKiBAcGFyYW0gY29uZmlnIFRoZSBUb29sdGlwIGNvbmZpZ3VyYXRpb25cbiAqIEByZXR1cm5zIFRoZSBwcm92aWRlclxuICovXG5leHBvcnQgZnVuY3Rpb24gcHJvdmlkZVRvb2x0aXBDb25maWcoY29uZmlnOiBQYXJ0aWFsPFJkeFRvb2x0aXBDb25maWc+KTogUHJvdmlkZXJbXSB7XG4gICAgcmV0dXJuIFtcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogVG9vbHRpcENvbmZpZ1Rva2VuLFxuICAgICAgICAgICAgdXNlVmFsdWU6IHsgLi4uZGVmYXVsdFRvb2x0aXBDb25maWcsIC4uLmNvbmZpZyB9XG4gICAgICAgIH1cbiAgICBdO1xufVxuXG4vKipcbiAqIEluamVjdCB0aGUgVG9vbHRpcCBjb25maWd1cmF0aW9uXG4gKiBAcmV0dXJucyBUaGUgZ2xvYmFsIFRvb2x0aXAgY29uZmlndXJhdGlvblxuICovXG5leHBvcnQgZnVuY3Rpb24gaW5qZWN0VG9vbHRpcENvbmZpZygpOiBSZHhUb29sdGlwQ29uZmlnIHtcbiAgICByZXR1cm4gaW5qZWN0KFRvb2x0aXBDb25maWdUb2tlbiwgeyBvcHRpb25hbDogdHJ1ZSB9KSA/PyBkZWZhdWx0VG9vbHRpcENvbmZpZztcbn1cbiJdfQ==
@@ -1,46 +0,0 @@
1
- import { Directive, Input } from '@angular/core';
2
- import { RdxOverlayDirective } 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 RdxTooltipDirective {
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: RdxTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
30
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: RdxTooltipDirective, isStandalone: true, selector: "[rdxTooltip]", inputs: { id: "id" }, host: { attributes: { "role": "tooltip" } }, exportAs: ["rdxTooltip"], usesOnChanges: true, hostDirectives: [{ directive: i1.RdxOverlayDirective }], ngImport: i0 }); }
31
- }
32
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxTooltipDirective, decorators: [{
33
- type: Directive,
34
- args: [{
35
- selector: '[rdxTooltip]',
36
- standalone: true,
37
- exportAs: 'rdxTooltip',
38
- hostDirectives: [RdxOverlayDirective],
39
- host: {
40
- role: 'tooltip'
41
- }
42
- }]
43
- }], propDecorators: { id: [{
44
- type: Input
45
- }] } });
46
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9wcmltaXRpdmVzL3Rvb2x0aXAvc3JjL3Rvb2x0aXAuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFvQyxNQUFNLGVBQWUsQ0FBQztBQUVuRixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUVuRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7O0FBRS9EOztHQUVHO0FBQ0gsSUFBSSxRQUFRLEdBQUcsQ0FBQyxDQUFDO0FBV2pCLE1BQU0sT0FBTyxtQkFBbUI7SUFUaEM7UUFVSTs7V0FFRztRQUNjLFlBQU8sR0FBRyxvQkFBb0IsRUFBRSxDQUFDO1FBRWxEOztXQUVHO1FBQ00sT0FBRSxHQUFHLGVBQWUsUUFBUSxFQUFFLEVBQUUsQ0FBQztLQVc3QztJQVRHLFFBQVE7UUFDSixJQUFJLENBQUMsT0FBTyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDdkMsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUM5QixJQUFJLElBQUksSUFBSSxPQUFPLEVBQUUsQ0FBQztZQUNsQixJQUFJLENBQUMsT0FBTyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDdkMsQ0FBQztJQUNMLENBQUM7OEdBbkJRLG1CQUFtQjtrR0FBbkIsbUJBQW1COzsyRkFBbkIsbUJBQW1CO2tCQVQvQixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxjQUFjO29CQUN4QixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLGNBQWMsRUFBRSxDQUFDLG1CQUFtQixDQUFDO29CQUNyQyxJQUFJLEVBQUU7d0JBQ0YsSUFBSSxFQUFFLFNBQVM7cUJBQ2xCO2lCQUNKOzhCQVVZLEVBQUU7c0JBQVYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0LCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFJkeE92ZXJsYXlEaXJlY3RpdmUgfSBmcm9tICdAcmFkaXgtbmcvcHJpbWl0aXZlcy9vdmVybGF5JztcblxuaW1wb3J0IHsgaW5qZWN0VG9vbHRpcFRyaWdnZXIgfSBmcm9tICcuL3Rvb2x0aXAtdHJpZ2dlci50b2tlbic7XG5cbi8qKlxuICogQSB1bmlxdWUgaWRlbnRpZmllciBmb3IgdGhlIHRvb2x0aXBcbiAqL1xubGV0IHVuaXF1ZUlkID0gMDtcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbcmR4VG9vbHRpcF0nLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgZXhwb3J0QXM6ICdyZHhUb29sdGlwJyxcbiAgICBob3N0RGlyZWN0aXZlczogW1JkeE92ZXJsYXlEaXJlY3RpdmVdLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgcm9sZTogJ3Rvb2x0aXAnXG4gICAgfVxufSlcbmV4cG9ydCBjbGFzcyBSZHhUb29sdGlwRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuICAgIC8qKlxuICAgICAqIEFjY2VzcyB0aGUgdG9vbHRpcCB0cmlnZ2VyXG4gICAgICovXG4gICAgcHJpdmF0ZSByZWFkb25seSB0cmlnZ2VyID0gaW5qZWN0VG9vbHRpcFRyaWdnZXIoKTtcblxuICAgIC8qKlxuICAgICAqIERlZmluZSB0aGUgdG9vbHRpcCBpZFxuICAgICAqL1xuICAgIEBJbnB1dCgpIGlkID0gYHJkeC10b29sdGlwLSR7dW5pcXVlSWQrK31gO1xuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMudHJpZ2dlci5zZXRUb29sdGlwSWQodGhpcy5pZCk7XG4gICAgfVxuXG4gICAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgICAgICBpZiAoJ2lkJyBpbiBjaGFuZ2VzKSB7XG4gICAgICAgICAgICB0aGlzLnRyaWdnZXIuc2V0VG9vbHRpcElkKHRoaXMuaWQpO1xuICAgICAgICB9XG4gICAgfVxufVxuIl19