@progress/kendo-angular-tooltip 3.1.6 → 4.0.0-dev.202204131841

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 (146) hide show
  1. package/bundles/kendo-angular-tooltip.umd.js +5 -0
  2. package/{dist/es/constants.d.ts → constants.d.ts} +0 -0
  3. package/{dist/es2015 → esm2015}/constants.js +0 -0
  4. package/{dist/es/models/functions.model.js → esm2015/kendo-angular-tooltip.js} +4 -0
  5. package/esm2015/localization/localized-messages.directive.js +38 -0
  6. package/{dist/es → esm2015}/main.js +2 -0
  7. package/{dist/es2015 → esm2015}/models/animation.model.js +1 -0
  8. package/{dist/es2015 → esm2015}/models/events.js +0 -0
  9. package/{dist/es2015 → esm2015}/models/functions.model.js +1 -0
  10. package/{dist/es → esm2015}/models/popover-show-option.type.js +1 -0
  11. package/{dist/es2015 → esm2015}/models/position.type.js +1 -0
  12. package/{dist/es → esm2015}/models/show.option.type.js +1 -0
  13. package/{dist/es2015 → esm2015}/package-metadata.js +1 -1
  14. package/{dist/es2015 → esm2015}/popover/anchor.directive.js +22 -19
  15. package/{dist/es2015 → esm2015}/popover/container.directive.js +24 -23
  16. package/{dist/es2015 → esm2015}/popover/directives-base.js +13 -12
  17. package/{dist/es2015 → esm2015}/popover/popover.component.js +118 -108
  18. package/{dist/es2015 → esm2015}/popover/popover.service.js +9 -9
  19. package/esm2015/popover/template-directives/actions-template.directive.js +27 -0
  20. package/esm2015/popover/template-directives/body-template.directive.js +27 -0
  21. package/esm2015/popover/template-directives/title-template.directive.js +27 -0
  22. package/{dist/es2015 → esm2015}/popover.module.js +31 -16
  23. package/{dist/es2015 → esm2015}/tooltip/tooltip.content.component.js +95 -73
  24. package/{dist/es2015 → esm2015}/tooltip/tooltip.directive.js +57 -80
  25. package/{dist/es2015 → esm2015}/tooltip/tooltip.settings.js +12 -7
  26. package/{dist/es2015 → esm2015}/tooltip.module.js +15 -12
  27. package/{dist/es2015 → esm2015}/tooltips.module.js +12 -9
  28. package/{dist/es2015 → esm2015}/utils.js +0 -1
  29. package/{dist/fesm2015/index.js → fesm2015/kendo-angular-tooltip.js} +456 -399
  30. package/{dist/es2015/constants.d.ts → kendo-angular-tooltip.d.ts} +3 -6
  31. package/{dist/es2015/localization → localization}/localized-messages.directive.d.ts +3 -0
  32. package/{dist/es/main.d.ts → main.d.ts} +3 -0
  33. package/{dist/es/models → models}/animation.model.d.ts +0 -0
  34. package/{dist/es/models → models}/events.d.ts +0 -0
  35. package/{dist/es/models → models}/functions.model.d.ts +0 -0
  36. package/{dist/es/models → models}/popover-show-option.type.d.ts +0 -0
  37. package/{dist/es/models → models}/position.type.d.ts +0 -0
  38. package/{dist/es/models → models}/show.option.type.d.ts +0 -0
  39. package/{dist/es/package-metadata.d.ts → package-metadata.d.ts} +0 -0
  40. package/package.json +34 -113
  41. package/{dist/es2015/popover → popover}/anchor.directive.d.ts +3 -0
  42. package/{dist/es/popover → popover}/container.directive.d.ts +3 -0
  43. package/{dist/es2015/popover → popover}/directives-base.d.ts +9 -4
  44. package/{dist/es2015/popover → popover}/popover.component.d.ts +21 -8
  45. package/{dist/es/popover → popover}/popover.service.d.ts +7 -4
  46. package/{dist/es2015/popover → popover}/template-directives/actions-template.directive.d.ts +3 -0
  47. package/{dist/es2015/popover → popover}/template-directives/body-template.directive.d.ts +3 -0
  48. package/{dist/es2015/popover → popover}/template-directives/title-template.directive.d.ts +3 -0
  49. package/popover.module.d.ts +43 -0
  50. package/schematics/ngAdd/index.js +5 -2
  51. package/schematics/ngAdd/index.js.map +1 -1
  52. package/{dist/es/tooltip → tooltip}/tooltip.content.component.d.ts +7 -4
  53. package/{dist/es/tooltip → tooltip}/tooltip.directive.d.ts +5 -1
  54. package/{dist/es/tooltip → tooltip}/tooltip.settings.d.ts +7 -0
  55. package/{dist/es2015/tooltip.module.d.ts → tooltip.module.d.ts} +9 -0
  56. package/{dist/es2015/tooltips.module.d.ts → tooltips.module.d.ts} +6 -0
  57. package/{dist/es/utils.d.ts → utils.d.ts} +0 -0
  58. package/dist/cdn/js/kendo-angular-tooltip.js +0 -20
  59. package/dist/cdn/main.js +0 -5
  60. package/dist/es/constants.js +0 -12
  61. package/dist/es/index.d.ts +0 -12
  62. package/dist/es/index.js +0 -12
  63. package/dist/es/index.metadata.json +0 -1
  64. package/dist/es/localization/localized-messages.directive.d.ts +0 -16
  65. package/dist/es/localization/localized-messages.directive.js +0 -38
  66. package/dist/es/models/animation.model.js +0 -4
  67. package/dist/es/models/events.js +0 -78
  68. package/dist/es/models/position.type.js +0 -4
  69. package/dist/es/package-metadata.js +0 -15
  70. package/dist/es/popover/anchor.directive.d.ts +0 -44
  71. package/dist/es/popover/anchor.directive.js +0 -156
  72. package/dist/es/popover/container.directive.js +0 -182
  73. package/dist/es/popover/directives-base.d.ts +0 -90
  74. package/dist/es/popover/directives-base.js +0 -294
  75. package/dist/es/popover/popover.component.d.ts +0 -166
  76. package/dist/es/popover/popover.component.js +0 -300
  77. package/dist/es/popover/popover.service.js +0 -88
  78. package/dist/es/popover/template-directives/actions-template.directive.d.ts +0 -15
  79. package/dist/es/popover/template-directives/actions-template.directive.js +0 -26
  80. package/dist/es/popover/template-directives/body-template.directive.d.ts +0 -15
  81. package/dist/es/popover/template-directives/body-template.directive.js +0 -26
  82. package/dist/es/popover/template-directives/title-template.directive.d.ts +0 -15
  83. package/dist/es/popover/template-directives/title-template.directive.js +0 -26
  84. package/dist/es/popover.module.d.ts +0 -31
  85. package/dist/es/popover.module.js +0 -65
  86. package/dist/es/tooltip/tooltip.content.component.js +0 -192
  87. package/dist/es/tooltip/tooltip.directive.js +0 -452
  88. package/dist/es/tooltip/tooltip.settings.js +0 -46
  89. package/dist/es/tooltip.module.d.ts +0 -36
  90. package/dist/es/tooltip.module.js +0 -57
  91. package/dist/es/tooltips.module.d.ts +0 -32
  92. package/dist/es/tooltips.module.js +0 -45
  93. package/dist/es/utils.js +0 -113
  94. package/dist/es2015/index.d.ts +0 -12
  95. package/dist/es2015/index.js +0 -12
  96. package/dist/es2015/index.metadata.json +0 -1
  97. package/dist/es2015/localization/localized-messages.directive.js +0 -34
  98. package/dist/es2015/main.d.ts +0 -22
  99. package/dist/es2015/main.js +0 -18
  100. package/dist/es2015/models/animation.model.d.ts +0 -9
  101. package/dist/es2015/models/events.d.ts +0 -78
  102. package/dist/es2015/models/functions.model.d.ts +0 -17
  103. package/dist/es2015/models/popover-show-option.type.d.ts +0 -8
  104. package/dist/es2015/models/popover-show-option.type.js +0 -4
  105. package/dist/es2015/models/position.type.d.ts +0 -14
  106. package/dist/es2015/models/show.option.type.d.ts +0 -13
  107. package/dist/es2015/models/show.option.type.js +0 -4
  108. package/dist/es2015/package-metadata.d.ts +0 -9
  109. package/dist/es2015/popover/container.directive.d.ts +0 -56
  110. package/dist/es2015/popover/popover.service.d.ts +0 -30
  111. package/dist/es2015/popover/template-directives/actions-template.directive.js +0 -25
  112. package/dist/es2015/popover/template-directives/body-template.directive.js +0 -25
  113. package/dist/es2015/popover/template-directives/title-template.directive.js +0 -25
  114. package/dist/es2015/popover.module.d.ts +0 -31
  115. package/dist/es2015/tooltip/tooltip.content.component.d.ts +0 -41
  116. package/dist/es2015/tooltip/tooltip.directive.d.ts +0 -156
  117. package/dist/es2015/tooltip/tooltip.settings.d.ts +0 -72
  118. package/dist/es2015/utils.d.ts +0 -34
  119. package/dist/fesm5/index.js +0 -2071
  120. package/dist/npm/constants.js +0 -14
  121. package/dist/npm/index.js +0 -19
  122. package/dist/npm/localization/localized-messages.directive.js +0 -40
  123. package/dist/npm/main.js +0 -36
  124. package/dist/npm/models/animation.model.js +0 -6
  125. package/dist/npm/models/events.js +0 -80
  126. package/dist/npm/models/functions.model.js +0 -6
  127. package/dist/npm/models/popover-show-option.type.js +0 -6
  128. package/dist/npm/models/position.type.js +0 -6
  129. package/dist/npm/models/show.option.type.js +0 -6
  130. package/dist/npm/package-metadata.js +0 -17
  131. package/dist/npm/popover/anchor.directive.js +0 -158
  132. package/dist/npm/popover/container.directive.js +0 -184
  133. package/dist/npm/popover/directives-base.js +0 -296
  134. package/dist/npm/popover/popover.component.js +0 -302
  135. package/dist/npm/popover/popover.service.js +0 -90
  136. package/dist/npm/popover/template-directives/actions-template.directive.js +0 -28
  137. package/dist/npm/popover/template-directives/body-template.directive.js +0 -28
  138. package/dist/npm/popover/template-directives/title-template.directive.js +0 -28
  139. package/dist/npm/popover.module.js +0 -67
  140. package/dist/npm/tooltip/tooltip.content.component.js +0 -194
  141. package/dist/npm/tooltip/tooltip.directive.js +0 -454
  142. package/dist/npm/tooltip/tooltip.settings.js +0 -48
  143. package/dist/npm/tooltip.module.js +0 -59
  144. package/dist/npm/tooltips.module.js +0 -47
  145. package/dist/npm/utils.js +0 -121
  146. package/dist/systemjs/kendo-angular-tooltip.js +0 -5
@@ -1,14 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- /**
8
- * @hidden
9
- */
10
- exports.ERRORS = {
11
- popover: "Invalid value provided for the 'popover' property. The accepted data types are 'PopoverComponent' or 'PopoverFn'.",
12
- templateData: "templateData must be a function, but received",
13
- showOn: "Invalid value provided for the 'showOn' property. The available options are 'click', 'hover', 'focus' or 'none'."
14
- };
package/dist/npm/index.js DELETED
@@ -1,19 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- "use strict";
6
- /**
7
- * Generated bundle index. Do not edit.
8
- */
9
- Object.defineProperty(exports, "__esModule", { value: true });
10
- var tslib_1 = require("tslib");
11
- tslib_1.__exportStar(require("./main"), exports);
12
- var localized_messages_directive_1 = require("./localization/localized-messages.directive");
13
- exports.LocalizedMessagesDirective = localized_messages_directive_1.LocalizedMessagesDirective
14
- var directives_base_1 = require("./popover/directives-base");
15
- exports.PopoverDirectivesBase = directives_base_1.PopoverDirectivesBase
16
- var popover_service_1 = require("./popover/popover.service");
17
- exports.PopoverService = popover_service_1.PopoverService
18
- var tooltip_content_component_1 = require("./tooltip/tooltip.content.component");
19
- exports.TooltipContentComponent = tooltip_content_component_1.TooltipContentComponent
@@ -1,40 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- var tslib_1 = require("tslib");
8
- var core_1 = require("@angular/core");
9
- var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
10
- /**
11
- * @hidden
12
- */
13
- var LocalizedMessagesDirective = /** @class */ (function (_super) {
14
- tslib_1.__extends(LocalizedMessagesDirective, _super);
15
- function LocalizedMessagesDirective(service) {
16
- var _this = _super.call(this) || this;
17
- _this.service = service;
18
- return _this;
19
- }
20
- LocalizedMessagesDirective_1 = LocalizedMessagesDirective;
21
- var LocalizedMessagesDirective_1;
22
- tslib_1.__decorate([
23
- core_1.Input(),
24
- tslib_1.__metadata("design:type", String)
25
- ], LocalizedMessagesDirective.prototype, "closeTitle", void 0);
26
- LocalizedMessagesDirective = LocalizedMessagesDirective_1 = tslib_1.__decorate([
27
- core_1.Directive({
28
- providers: [
29
- {
30
- provide: kendo_angular_l10n_1.ComponentMessages,
31
- useExisting: core_1.forwardRef(function () { return LocalizedMessagesDirective_1; })
32
- }
33
- ],
34
- selector: "[kendoTooltipLocalizedMessages]"
35
- }),
36
- tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService])
37
- ], LocalizedMessagesDirective);
38
- return LocalizedMessagesDirective;
39
- }(kendo_angular_l10n_1.ComponentMessages));
40
- exports.LocalizedMessagesDirective = LocalizedMessagesDirective;
package/dist/npm/main.js DELETED
@@ -1,36 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- // Tooltip
8
- var tooltip_directive_1 = require("./tooltip/tooltip.directive");
9
- exports.TooltipDirective = tooltip_directive_1.TooltipDirective;
10
- var tooltip_settings_1 = require("./tooltip/tooltip.settings");
11
- exports.TooltipSettings = tooltip_settings_1.TooltipSettings;
12
- exports.TOOLTIP_SETTINGS = tooltip_settings_1.TOOLTIP_SETTINGS;
13
- // Popover
14
- var popover_component_1 = require("./popover/popover.component");
15
- exports.PopoverComponent = popover_component_1.PopoverComponent;
16
- var container_directive_1 = require("./popover/container.directive");
17
- exports.PopoverContainerDirective = container_directive_1.PopoverContainerDirective;
18
- var anchor_directive_1 = require("./popover/anchor.directive");
19
- exports.PopoverAnchorDirective = anchor_directive_1.PopoverAnchorDirective;
20
- var title_template_directive_1 = require("./popover/template-directives/title-template.directive");
21
- exports.PopoverTitleTemplateDirective = title_template_directive_1.PopoverTitleTemplateDirective;
22
- var body_template_directive_1 = require("./popover/template-directives/body-template.directive");
23
- exports.PopoverBodyTemplateDirective = body_template_directive_1.PopoverBodyTemplateDirective;
24
- var actions_template_directive_1 = require("./popover/template-directives/actions-template.directive");
25
- exports.PopoverActionsTemplateDirective = actions_template_directive_1.PopoverActionsTemplateDirective;
26
- var events_1 = require("./models/events");
27
- exports.PopoverShowEvent = events_1.PopoverShowEvent;
28
- exports.PopoverShownEvent = events_1.PopoverShownEvent;
29
- exports.PopoverHideEvent = events_1.PopoverHideEvent;
30
- exports.PopoverHiddenEvent = events_1.PopoverHiddenEvent;
31
- var tooltip_module_1 = require("./tooltip.module");
32
- exports.TooltipModule = tooltip_module_1.TooltipModule;
33
- var popover_module_1 = require("./popover.module");
34
- exports.PopoverModule = popover_module_1.PopoverModule;
35
- var tooltips_module_1 = require("./tooltips.module");
36
- exports.TooltipsModule = tooltips_module_1.TooltipsModule;
@@ -1,6 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,80 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- var tslib_1 = require("tslib");
8
- var kendo_angular_common_1 = require("@progress/kendo-angular-common");
9
- /**
10
- * Arguments for the `show` event. The `show` event fires when a popover is about
11
- * to be opened. If you cancel the event, the opening is prevented.
12
- */
13
- var PopoverShowEvent = /** @class */ (function (_super) {
14
- tslib_1.__extends(PopoverShowEvent, _super);
15
- /**
16
- * @hidden
17
- * Constructs the event arguments for the `show` event.
18
- * @param anchor - The host element related to the popover.
19
- */
20
- function PopoverShowEvent(anchor) {
21
- var _this = _super.call(this) || this;
22
- _this.anchor = anchor;
23
- return _this;
24
- }
25
- return PopoverShowEvent;
26
- }(kendo_angular_common_1.PreventableEvent));
27
- exports.PopoverShowEvent = PopoverShowEvent;
28
- /**
29
- * Arguments for the `hide` event. The `hide` event fires when a popover is about
30
- * to be closed. If you cancel the event, the popover stays open.
31
- */
32
- var PopoverHideEvent = /** @class */ (function (_super) {
33
- tslib_1.__extends(PopoverHideEvent, _super);
34
- /**
35
- * @hidden
36
- * Constructs the event arguments for the `hide` event.
37
- * @param anchor - The host element related to the popover.
38
- * @param popover - The popover element.
39
- */
40
- function PopoverHideEvent(anchor, popover) {
41
- var _this = _super.call(this) || this;
42
- _this.anchor = anchor;
43
- _this.popover = popover;
44
- return _this;
45
- }
46
- return PopoverHideEvent;
47
- }(kendo_angular_common_1.PreventableEvent));
48
- exports.PopoverHideEvent = PopoverHideEvent;
49
- /**
50
- * Arguments for the `shown` event. The `shown` event fires after the popover has opened and its opening animation has finished.
51
- */
52
- var PopoverShownEvent = /** @class */ (function () {
53
- /**
54
- * @hidden
55
- * Constructs the event arguments for the `shown` event.
56
- * @param anchor - The host element related to the popover.
57
- * @param popover - The popover element.
58
- */
59
- function PopoverShownEvent(anchor, popover) {
60
- this.anchor = anchor;
61
- this.popover = popover;
62
- }
63
- return PopoverShownEvent;
64
- }());
65
- exports.PopoverShownEvent = PopoverShownEvent;
66
- /**
67
- * Arguments for the `hidden` event. The `hidden` event fires after the popover has closed and its closing animation has finished.
68
- */
69
- var PopoverHiddenEvent = /** @class */ (function () {
70
- /**
71
- * @hidden
72
- * Constructs the event arguments for the `hidden` event.
73
- * @param anchor - The host element related to the popover.
74
- */
75
- function PopoverHiddenEvent(anchor) {
76
- this.anchor = anchor;
77
- }
78
- return PopoverHiddenEvent;
79
- }());
80
- exports.PopoverHiddenEvent = PopoverHiddenEvent;
@@ -1,6 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,6 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,6 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,6 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,17 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- /**
8
- * @hidden
9
- */
10
- exports.packageMetadata = {
11
- name: '@progress/kendo-angular-tooltip',
12
- productName: 'Kendo UI for Angular',
13
- productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
14
- publishDate: 1646219971,
15
- version: '',
16
- licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
17
- };
@@ -1,158 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- var tslib_1 = require("tslib");
8
- var core_1 = require("@angular/core");
9
- var kendo_angular_common_1 = require("@progress/kendo-angular-common");
10
- var kendo_angular_popup_1 = require("@progress/kendo-angular-popup");
11
- var operators_1 = require("rxjs/operators");
12
- var directives_base_1 = require("./directives-base");
13
- var popover_service_1 = require("./popover.service");
14
- /**
15
- * Represents the [`kendoPopoverAnchor`]({% slug configuration_popover %}#toc-anchordirective) directive.
16
- * It is used to target an element, which should display a popover on interaction.
17
- *
18
- * @example
19
- * ```ts-no-run
20
- * <button kendoPopoverAnchor [popover]="myPopover">Show Popover</button>
21
- * ```
22
- */
23
- var PopoverAnchorDirective = /** @class */ (function (_super) {
24
- tslib_1.__extends(PopoverAnchorDirective, _super);
25
- function PopoverAnchorDirective(hostEl, ngZone, popupService, renderer, popoverService) {
26
- var _this = _super.call(this, ngZone, popupService, renderer) || this;
27
- _this.hostEl = hostEl;
28
- _this.ngZone = ngZone;
29
- _this.popupService = popupService;
30
- _this.renderer = renderer;
31
- _this.popoverService = popoverService;
32
- _this.mouseenterHandler = function () {
33
- _this.controlVisibility(_this.hostEl.nativeElement, true);
34
- };
35
- _this.mouseleaveHandler = function () {
36
- if (_this.isPrevented(_this.hostEl.nativeElement, false)) {
37
- return;
38
- }
39
- if (!_this._hideSub) {
40
- _this._hideSub = _this.popoverService.hidePopover.subscribe(function (val) {
41
- var isPopoverHovered = val[0], isAnchorHovered = val[1];
42
- if (!isPopoverHovered && !isAnchorHovered) {
43
- _this.hide();
44
- }
45
- });
46
- }
47
- };
48
- _this.focusHandler = function () {
49
- _this.controlVisibility(_this.hostEl.nativeElement, true);
50
- };
51
- _this.blurHandler = function (args) {
52
- var event = args.domEvent;
53
- if (_this.isPrevented(_this.hostEl.nativeElement, false)) {
54
- return;
55
- }
56
- // from anchor to popup focus check
57
- var isFocusInside = !!kendo_angular_common_1.closest(event.relatedTarget, function (node) { return node.classList && node.classList.contains('k-popover'); });
58
- if (!isFocusInside) {
59
- _this.hide();
60
- }
61
- if (!_this._focusInsideSub) {
62
- // inside popup focus check
63
- _this._focusInsideSub = _this.popoverService.isFocusInsidePopover.pipe(operators_1.filter(function (v) { return v !== null; })).subscribe(function (val) {
64
- if (!val) {
65
- _this.hide();
66
- }
67
- });
68
- }
69
- };
70
- _this._popoverService = _this.popoverService;
71
- return _this;
72
- }
73
- /**
74
- * Shows the Popover. [See example]({% slug programmaticcontrol_popover %})
75
- */
76
- PopoverAnchorDirective.prototype.show = function () {
77
- var _this = this;
78
- if (this.popupRef) {
79
- return;
80
- }
81
- this.ngZone.run(function () {
82
- _this.openPopup(_this.hostEl);
83
- });
84
- this.popupRef.popupAnchorViewportLeave
85
- .pipe(operators_1.take(1))
86
- .subscribe(function () { return _this.hide(); });
87
- };
88
- /**
89
- * Toggles the visibility of the Popover. [See example]({% slug programmaticcontrol_popover %})
90
- */
91
- PopoverAnchorDirective.prototype.toggle = function () {
92
- if (this.popupRef) {
93
- this.hide();
94
- }
95
- else {
96
- this.show();
97
- }
98
- };
99
- PopoverAnchorDirective.prototype.subscribeToEvents = function (arr) {
100
- var _this = this;
101
- this.subs.add(this.renderer.listen(this.hostEl.nativeElement, arr[0].name, function () {
102
- _this.popoverService.emitAnchorState(true, _this.hostEl.nativeElement);
103
- arr[0].handler();
104
- }));
105
- this.subs.add(this.renderer.listen(this.hostEl.nativeElement, arr[1].name, function (e) {
106
- _this.popoverService.emitAnchorState(false, null);
107
- arr[1].handler({ domEvent: e });
108
- }));
109
- };
110
- PopoverAnchorDirective.prototype.subscribeClick = function () {
111
- var _this = this;
112
- if (this.disposeClickListener) {
113
- this.disposeClickListener();
114
- }
115
- this.disposeClickListener = this.renderer.listen(document, 'click', function (e) {
116
- _this.onClick(e);
117
- });
118
- };
119
- /**
120
- * @hidden
121
- */
122
- PopoverAnchorDirective.prototype.onClick = function (event) {
123
- var _this = this;
124
- var isInsidePopup = !!kendo_angular_common_1.closest(event.target, function (node) { return node.classList && node.classList.contains('k-popup'); });
125
- var isAnchor = !!kendo_angular_common_1.closest(event.target, function (node) { return node === _this.hostEl.nativeElement; });
126
- if (isInsidePopup || (this.popupRef && isAnchor)) {
127
- return;
128
- }
129
- if (isAnchor) {
130
- // on opening
131
- this.controlVisibility(this.hostEl.nativeElement, true);
132
- }
133
- else {
134
- // on closing
135
- this.controlVisibility(this.hostEl.nativeElement, false);
136
- }
137
- };
138
- PopoverAnchorDirective.prototype.controlVisibility = function (anchor, show) {
139
- if (this.isPrevented(anchor, show)) {
140
- return;
141
- }
142
- show ? this.show() : this.hide();
143
- };
144
- PopoverAnchorDirective = tslib_1.__decorate([
145
- core_1.Directive({
146
- selector: '[kendoPopoverAnchor]',
147
- exportAs: 'kendoPopoverAnchor',
148
- providers: [popover_service_1.PopoverService]
149
- }),
150
- tslib_1.__metadata("design:paramtypes", [core_1.ElementRef,
151
- core_1.NgZone,
152
- kendo_angular_popup_1.PopupService,
153
- core_1.Renderer2,
154
- popover_service_1.PopoverService])
155
- ], PopoverAnchorDirective);
156
- return PopoverAnchorDirective;
157
- }(directives_base_1.PopoverDirectivesBase));
158
- exports.PopoverAnchorDirective = PopoverAnchorDirective;
@@ -1,184 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- var tslib_1 = require("tslib");
8
- var core_1 = require("@angular/core");
9
- var kendo_angular_common_1 = require("@progress/kendo-angular-common");
10
- var kendo_angular_popup_1 = require("@progress/kendo-angular-popup");
11
- var operators_1 = require("rxjs/operators");
12
- var utils_1 = require("../utils");
13
- var directives_base_1 = require("./directives-base");
14
- var popover_service_1 = require("./popover.service");
15
- /**
16
- * Represents the [`kendoPopoverContainer`]({% slug configuration_popover %}#toc-containerdirective) directive.
17
- * It is used to filter and target multiple elements, which should display a popover on interaction.
18
- *
19
- * @example
20
- * ```ts-no-run
21
- * <div kendoPopoverContainer [popover]="myPopover" filter=".has-popover">
22
- * <button class="has-popover">Show Popover</button>
23
- * <button>Button Without Popover</button>
24
- * <button class="has-popover">Show Popover</button>
25
- * </div>
26
- * ```
27
- */
28
- var PopoverContainerDirective = /** @class */ (function (_super) {
29
- tslib_1.__extends(PopoverContainerDirective, _super);
30
- function PopoverContainerDirective(wrapperEl, ngZone, popupService, renderer, popoverService) {
31
- var _this = _super.call(this, ngZone, popupService, renderer) || this;
32
- _this.wrapperEl = wrapperEl;
33
- _this.ngZone = ngZone;
34
- _this.popupService = popupService;
35
- _this.renderer = renderer;
36
- _this.popoverService = popoverService;
37
- _this.mouseenterHandler = function (anchor) {
38
- _this.controlVisibility(anchor, true);
39
- };
40
- _this.mouseleaveHandler = function (args) {
41
- var anchor = args.anchor;
42
- if (_this.isPrevented(anchor, false)) {
43
- return;
44
- }
45
- if (!_this._hideSub) {
46
- _this._hideSub = _this.popoverService.hidePopover.subscribe(function (val) {
47
- var isPopoverHovered = val[0], isOriginAnchor = val[2], currentAnchor = val[3];
48
- if (!isPopoverHovered && !isOriginAnchor) {
49
- _this.hide();
50
- if (!isOriginAnchor && currentAnchor) {
51
- _this.show(currentAnchor);
52
- }
53
- }
54
- });
55
- }
56
- };
57
- _this.focusHandler = function (anchor) {
58
- _this.controlVisibility(anchor, true);
59
- };
60
- _this.blurHandler = function (args) {
61
- var anchor = args.anchor;
62
- var event = args.domEvent;
63
- if (_this.isPrevented(anchor, false)) {
64
- return;
65
- }
66
- // from anchor to popup focus check
67
- var isFocusInside = !!kendo_angular_common_1.closest(event.relatedTarget, function (node) { return node.classList && node.classList.contains('k-popover'); });
68
- if (!isFocusInside) {
69
- _this.hide();
70
- }
71
- if (!_this._focusInsideSub) {
72
- // inside popup focus check
73
- _this._focusInsideSub = _this.popoverService.isFocusInsidePopover.pipe(operators_1.filter(function (v) { return v !== null; })).subscribe(function (val) {
74
- if (!val && !isFocusInside) {
75
- _this.hide();
76
- }
77
- });
78
- }
79
- };
80
- _this._popoverService = _this.popoverService;
81
- return _this;
82
- }
83
- /**
84
- * Shows the Popover.
85
- *
86
- * @param anchor&mdash;Specifies the element that will be used as an anchor. The Popover opens relative to that element. [See example]({% slug programmaticcontrol_popover %})
87
- */
88
- PopoverContainerDirective.prototype.show = function (anchor) {
89
- var _this = this;
90
- if (this.popupRef) {
91
- return;
92
- }
93
- this.ngZone.run(function () {
94
- _this.openPopup(anchor);
95
- });
96
- this.popupRef.popupAnchorViewportLeave
97
- .pipe(operators_1.take(1))
98
- .subscribe(function () { return _this.hide(); });
99
- };
100
- /**
101
- * Toggles the visibility of the Popover. [See example]({% slug programmaticcontrol_popover %})
102
- *
103
- * @param anchor&mdash;Specifies the element that will be used as an anchor. The Popover opens relative to that element.
104
- */
105
- PopoverContainerDirective.prototype.toggle = function (anchor) {
106
- var previousAnchor = this.popupRef && this.popupRef.content.instance.anchor;
107
- if (this.popupRef) {
108
- this.hide();
109
- if (previousAnchor !== anchor) {
110
- this.show(anchor);
111
- }
112
- }
113
- else {
114
- this.show(anchor);
115
- }
116
- };
117
- PopoverContainerDirective.prototype.subscribeClick = function () {
118
- var _this = this;
119
- if (this.disposeClickListener) {
120
- this.disposeClickListener();
121
- }
122
- this.disposeClickListener = this.renderer.listen(document, 'click', function (e) {
123
- var filterElement = utils_1.closestBySelector(e.target, _this.filter);
124
- _this.clickHandler(filterElement, e);
125
- });
126
- };
127
- PopoverContainerDirective.prototype.subscribeToEvents = function (arr) {
128
- var _this = this;
129
- var filteredElements = Array.from(document.querySelectorAll(this.filter));
130
- filteredElements.forEach(function (el) {
131
- _this.subs.add(_this.renderer.listen(el, arr[0].name, function () {
132
- _this.popoverService.emitAnchorState(true, el);
133
- arr[0].handler(el);
134
- }));
135
- _this.subs.add(_this.renderer.listen(el, arr[1].name, function (e) {
136
- _this.popoverService.emitAnchorState(false, null);
137
- arr[1].handler({ anchor: el, domEvent: e });
138
- }));
139
- });
140
- };
141
- PopoverContainerDirective.prototype.clickHandler = function (anchor, event) {
142
- var isInsidePopup = !!kendo_angular_common_1.closest(event.target, function (node) { return node.classList && node.classList.contains('k-popup'); });
143
- var popupRefAnchor = this.popupRef && this.popupRef.content.instance.anchor;
144
- var isOriginAnchor = !!kendo_angular_common_1.closest(event.target, function (node) { return node === (popupRefAnchor ? popupRefAnchor : anchor); });
145
- if (this.showOn !== 'click' || isInsidePopup || (this.popupRef && isOriginAnchor)) {
146
- return;
147
- }
148
- if (!anchor && this.popupRef) {
149
- this.controlVisibility(anchor, false);
150
- return;
151
- }
152
- if (isOriginAnchor) {
153
- this.controlVisibility(anchor, true);
154
- }
155
- else if (this.popupRef) {
156
- this.controlVisibility(anchor, false);
157
- this.controlVisibility(anchor, true);
158
- }
159
- };
160
- PopoverContainerDirective.prototype.controlVisibility = function (anchor, show) {
161
- if (this.isPrevented(anchor, show)) {
162
- return;
163
- }
164
- show ? this.show(anchor) : this.hide();
165
- };
166
- tslib_1.__decorate([
167
- core_1.Input(),
168
- tslib_1.__metadata("design:type", String)
169
- ], PopoverContainerDirective.prototype, "filter", void 0);
170
- PopoverContainerDirective = tslib_1.__decorate([
171
- core_1.Directive({
172
- selector: '[kendoPopoverContainer]',
173
- exportAs: 'kendoPopoverContainer',
174
- providers: [popover_service_1.PopoverService]
175
- }),
176
- tslib_1.__metadata("design:paramtypes", [core_1.ElementRef,
177
- core_1.NgZone,
178
- kendo_angular_popup_1.PopupService,
179
- core_1.Renderer2,
180
- popover_service_1.PopoverService])
181
- ], PopoverContainerDirective);
182
- return PopoverContainerDirective;
183
- }(directives_base_1.PopoverDirectivesBase));
184
- exports.PopoverContainerDirective = PopoverContainerDirective;