@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.
Files changed (137) 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/checkbox/src/checkbox-indicator.directive.d.ts +4 -4
  13. package/checkbox/src/checkbox.directive.d.ts +3 -3
  14. package/checkbox/src/checkbox.token.d.ts +3 -3
  15. package/esm2022/accordion/index.mjs +8 -0
  16. package/esm2022/accordion/radix-ng-primitives-accordion.mjs +5 -0
  17. package/esm2022/accordion/src/accordion/accordion.directive.mjs +108 -0
  18. package/esm2022/accordion/src/accordion/accordion.token.mjs +6 -0
  19. package/esm2022/accordion/src/accordion-content/accordion-content.directive.mjs +75 -0
  20. package/esm2022/accordion/src/accordion-header/accordion-header.directive.mjs +17 -0
  21. package/esm2022/accordion/src/accordion-item/accordion-item.directive.mjs +81 -0
  22. package/esm2022/accordion/src/accordion-item/accordion-item.token.mjs +6 -0
  23. package/esm2022/accordion/src/accordion-state.directive.mjs +49 -0
  24. package/esm2022/accordion/src/accordion-trigger/accordion-trigger.directive.mjs +49 -0
  25. package/esm2022/accordion/src/accordion.config.mjs +27 -0
  26. package/esm2022/checkbox/src/checkbox-indicator.directive.mjs +5 -5
  27. package/esm2022/checkbox/src/checkbox.directive.mjs +10 -10
  28. package/esm2022/checkbox/src/checkbox.token.mjs +3 -3
  29. package/esm2022/label/src/label.directive.mjs +20 -6
  30. package/esm2022/overlay/src/overlay-arrow.directive.mjs +7 -7
  31. package/esm2022/overlay/src/overlay-arrow.token.mjs +2 -2
  32. package/esm2022/overlay/src/overlay-trigger.directive.mjs +7 -7
  33. package/esm2022/overlay/src/overlay-trigger.token.mjs +3 -3
  34. package/esm2022/overlay/src/overlay.directive.mjs +7 -7
  35. package/esm2022/overlay/src/overlay.token.mjs +2 -2
  36. package/esm2022/progress/src/progress-indicator.directive.mjs +5 -5
  37. package/esm2022/progress/src/progress.directive.mjs +7 -7
  38. package/esm2022/progress/src/progress.token.mjs +3 -3
  39. package/esm2022/radio/src/radio-group.directive.mjs +13 -13
  40. package/esm2022/radio/src/radio-group.token.mjs +3 -3
  41. package/esm2022/radio/src/radio-indicator.directive.mjs +5 -5
  42. package/esm2022/radio/src/radio-item.directive.mjs +9 -9
  43. package/esm2022/radio/src/radio-item.token.mjs +3 -3
  44. package/esm2022/roving-focus/src/roving-focus-group.directive.mjs +10 -9
  45. package/esm2022/roving-focus/src/roving-focus-group.token.mjs +3 -3
  46. package/esm2022/roving-focus/src/roving-focus-item.directive.mjs +7 -7
  47. package/esm2022/roving-focus/src/roving-focus-item.token.mjs +3 -3
  48. package/esm2022/separator/src/separator.directive.mjs +5 -5
  49. package/esm2022/switch/src/switch-thumb.directive.mjs +5 -5
  50. package/esm2022/switch/src/switch.directive.mjs +10 -10
  51. package/esm2022/switch/src/switch.token.mjs +3 -3
  52. package/esm2022/toggle/index.mjs +2 -0
  53. package/esm2022/toggle/radix-ng-primitives-toggle.mjs +5 -0
  54. package/esm2022/toggle/src/toggle.directive.mjs +65 -0
  55. package/esm2022/toggle-group/index.mjs +6 -0
  56. package/esm2022/toggle-group/radix-ng-primitives-toggle-group.mjs +5 -0
  57. package/esm2022/toggle-group/src/toggle-group-button.directive.mjs +79 -0
  58. package/esm2022/toggle-group/src/toggle-group-button.token.mjs +6 -0
  59. package/esm2022/toggle-group/src/toggle-group-multi.directive.mjs +159 -0
  60. package/esm2022/toggle-group/src/toggle-group.directive.mjs +157 -0
  61. package/esm2022/toggle-group/src/toggle-group.token.mjs +6 -0
  62. package/esm2022/visually-hidden/src/visually-hidden.directive.mjs +5 -5
  63. package/fesm2022/radix-ng-primitives-accordion.mjs +394 -0
  64. package/fesm2022/radix-ng-primitives-accordion.mjs.map +1 -0
  65. package/fesm2022/radix-ng-primitives-checkbox.mjs +15 -15
  66. package/fesm2022/radix-ng-primitives-checkbox.mjs.map +1 -1
  67. package/fesm2022/radix-ng-primitives-label.mjs +20 -6
  68. package/fesm2022/radix-ng-primitives-label.mjs.map +1 -1
  69. package/fesm2022/radix-ng-primitives-overlay.mjs +20 -20
  70. package/fesm2022/radix-ng-primitives-overlay.mjs.map +1 -1
  71. package/fesm2022/radix-ng-primitives-progress.mjs +12 -12
  72. package/fesm2022/radix-ng-primitives-progress.mjs.map +1 -1
  73. package/fesm2022/radix-ng-primitives-radio.mjs +26 -26
  74. package/fesm2022/radix-ng-primitives-radio.mjs.map +1 -1
  75. package/fesm2022/radix-ng-primitives-roving-focus.mjs +18 -17
  76. package/fesm2022/radix-ng-primitives-roving-focus.mjs.map +1 -1
  77. package/fesm2022/radix-ng-primitives-separator.mjs +5 -5
  78. package/fesm2022/radix-ng-primitives-separator.mjs.map +1 -1
  79. package/fesm2022/radix-ng-primitives-switch.mjs +15 -15
  80. package/fesm2022/radix-ng-primitives-switch.mjs.map +1 -1
  81. package/fesm2022/radix-ng-primitives-toggle-group.mjs +397 -0
  82. package/fesm2022/radix-ng-primitives-toggle-group.mjs.map +1 -0
  83. package/fesm2022/radix-ng-primitives-toggle.mjs +72 -0
  84. package/fesm2022/radix-ng-primitives-toggle.mjs.map +1 -0
  85. package/fesm2022/radix-ng-primitives-visually-hidden.mjs +5 -5
  86. package/fesm2022/radix-ng-primitives-visually-hidden.mjs.map +1 -1
  87. package/label/src/label.directive.d.ts +8 -3
  88. package/overlay/src/overlay-arrow.directive.d.ts +3 -3
  89. package/overlay/src/overlay-arrow.token.d.ts +2 -2
  90. package/overlay/src/overlay-trigger.directive.d.ts +7 -7
  91. package/overlay/src/overlay-trigger.token.d.ts +3 -3
  92. package/overlay/src/overlay.directive.d.ts +3 -3
  93. package/overlay/src/overlay.token.d.ts +2 -2
  94. package/package.json +18 -6
  95. package/progress/src/progress-indicator.directive.d.ts +4 -4
  96. package/progress/src/progress.directive.d.ts +3 -3
  97. package/progress/src/progress.token.d.ts +3 -3
  98. package/radio/src/radio-group.directive.d.ts +3 -3
  99. package/radio/src/radio-group.token.d.ts +3 -3
  100. package/radio/src/radio-indicator.directive.d.ts +5 -5
  101. package/radio/src/radio-item.directive.d.ts +4 -4
  102. package/radio/src/radio-item.token.d.ts +3 -3
  103. package/roving-focus/src/roving-focus-group.directive.d.ts +7 -7
  104. package/roving-focus/src/roving-focus-group.token.d.ts +3 -3
  105. package/roving-focus/src/roving-focus-item.directive.d.ts +3 -3
  106. package/roving-focus/src/roving-focus-item.token.d.ts +3 -3
  107. package/separator/src/separator.directive.d.ts +3 -3
  108. package/switch/src/switch-thumb.directive.d.ts +4 -4
  109. package/switch/src/switch.directive.d.ts +3 -3
  110. package/switch/src/switch.token.d.ts +3 -3
  111. package/toggle/README.md +3 -0
  112. package/toggle/index.d.ts +1 -0
  113. package/toggle/src/toggle.directive.d.ts +30 -0
  114. package/toggle-group/README.md +3 -0
  115. package/toggle-group/index.d.ts +5 -0
  116. package/toggle-group/src/toggle-group-button.directive.d.ts +39 -0
  117. package/toggle-group/src/toggle-group-button.token.d.ts +4 -0
  118. package/toggle-group/src/toggle-group-multi.directive.d.ts +90 -0
  119. package/toggle-group/src/toggle-group.directive.d.ts +90 -0
  120. package/toggle-group/src/toggle-group.token.d.ts +5 -0
  121. package/visually-hidden/src/visually-hidden.directive.d.ts +3 -3
  122. package/esm2022/tooltip/index.mjs +0 -5
  123. package/esm2022/tooltip/radix-ng-primitives-tooltip.mjs +0 -5
  124. package/esm2022/tooltip/src/tooltip-arrow.directive.mjs +0 -17
  125. package/esm2022/tooltip/src/tooltip-trigger.directive.mjs +0 -148
  126. package/esm2022/tooltip/src/tooltip-trigger.token.mjs +0 -6
  127. package/esm2022/tooltip/src/tooltip.config.mjs +0 -31
  128. package/esm2022/tooltip/src/tooltip.directive.mjs +0 -46
  129. package/fesm2022/radix-ng-primitives-tooltip.mjs +0 -242
  130. package/fesm2022/radix-ng-primitives-tooltip.mjs.map +0 -1
  131. package/tooltip/README.md +0 -1
  132. package/tooltip/index.d.ts +0 -4
  133. package/tooltip/src/tooltip-arrow.directive.d.ts +0 -6
  134. package/tooltip/src/tooltip-trigger.directive.d.ts +0 -79
  135. package/tooltip/src/tooltip-trigger.token.d.ts +0 -4
  136. package/tooltip/src/tooltip.config.d.ts +0 -46
  137. 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 VisuallyHiddenDirective implements OnInit {
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<VisuallyHiddenDirective, never>;
10
- static ɵdir: i0.ɵɵDirectiveDeclaration<VisuallyHiddenDirective, "[rdxVisuallyHidden]", never, {}, {}, never, never, true, never>;
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