@progress/kendo-angular-tooltip 17.0.0-develop.9 → 17.0.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 (42) hide show
  1. package/{esm2020 → esm2022}/localization/localized-messages.directive.mjs +13 -8
  2. package/{esm2020 → esm2022}/models/events.mjs +24 -0
  3. package/{esm2020 → esm2022}/package-metadata.mjs +2 -2
  4. package/{esm2020 → esm2022}/popover/anchor.directive.mjs +46 -41
  5. package/{esm2020 → esm2022}/popover/container.directive.mjs +58 -46
  6. package/{esm2020 → esm2022}/popover/directives-base.mjs +31 -15
  7. package/{esm2020 → esm2022}/popover/popover.component.mjs +145 -86
  8. package/{esm2020 → esm2022}/popover/popover.service.mjs +12 -8
  9. package/{esm2020 → esm2022}/popover/template-directives/actions-template.directive.mjs +4 -3
  10. package/{esm2020 → esm2022}/popover/template-directives/body-template.directive.mjs +4 -3
  11. package/{esm2020 → esm2022}/popover/template-directives/title-template.directive.mjs +4 -3
  12. package/{esm2020 → esm2022}/popover.module.mjs +4 -4
  13. package/{esm2020 → esm2022}/tooltip/tooltip.content.component.mjs +66 -48
  14. package/{esm2020 → esm2022}/tooltip/tooltip.directive.mjs +116 -62
  15. package/{esm2020 → esm2022}/tooltip/tooltip.settings.mjs +40 -3
  16. package/{esm2020 → esm2022}/tooltip.module.mjs +4 -4
  17. package/{esm2020 → esm2022}/tooltips.module.mjs +4 -4
  18. package/{fesm2020 → fesm2022}/progress-kendo-angular-tooltip.mjs +579 -342
  19. package/localization/localized-messages.directive.d.ts +1 -1
  20. package/models/animation.model.d.ts +1 -1
  21. package/models/functions.model.d.ts +2 -2
  22. package/models/popover-show-option.type.d.ts +1 -1
  23. package/models/position.type.d.ts +1 -1
  24. package/models/show.option.type.d.ts +1 -1
  25. package/package.json +14 -20
  26. package/popover/container.directive.d.ts +1 -1
  27. package/popover/directives-base.d.ts +1 -1
  28. package/popover/popover.component.d.ts +1 -1
  29. package/schematics/ngAdd/index.js +1 -1
  30. package/tooltip/tooltip.content.component.d.ts +1 -1
  31. package/tooltip/tooltip.directive.d.ts +1 -1
  32. package/fesm2015/progress-kendo-angular-tooltip.mjs +0 -2312
  33. /package/{esm2020 → esm2022}/constants.mjs +0 -0
  34. /package/{esm2020 → esm2022}/directives.mjs +0 -0
  35. /package/{esm2020 → esm2022}/index.mjs +0 -0
  36. /package/{esm2020 → esm2022}/models/animation.model.mjs +0 -0
  37. /package/{esm2020 → esm2022}/models/functions.model.mjs +0 -0
  38. /package/{esm2020 → esm2022}/models/popover-show-option.type.mjs +0 -0
  39. /package/{esm2020 → esm2022}/models/position.type.mjs +0 -0
  40. /package/{esm2020 → esm2022}/models/show.option.type.mjs +0 -0
  41. /package/{esm2020 → esm2022}/progress-kendo-angular-tooltip.mjs +0 -0
  42. /package/{esm2020 → esm2022}/utils.mjs +0 -0
@@ -27,60 +27,124 @@ import * as i2 from "./tooltip.settings";
27
27
  * ```
28
28
  */
29
29
  export class TooltipDirective {
30
+ tooltipWrapper;
31
+ ngZone;
32
+ renderer;
33
+ popupService;
34
+ /**
35
+ * Specifies a selector for elements within a container which will display a tooltip
36
+ * ([see example]({% slug anchorelements_tooltip %})). The possible values include any
37
+ * DOM `selector`. The default value is `[title]`.
38
+ */
39
+ filter = '[title]';
40
+ /**
41
+ * Specifies the position of the Tooltip that is relative to the
42
+ * anchor element ([see example]({% slug positioning_tooltip %})).
43
+ *
44
+ * The possible values are:
45
+ * * `top` (default)
46
+ * * `bottom`
47
+ * * `left`
48
+ * * `right`
49
+ */
50
+ position = 'top';
51
+ /**
52
+ * Renders the passed template as a header title of the Tooltip
53
+ * ([see example]({% slug anchorelements_tooltip %})).
54
+ */
55
+ titleTemplate;
56
+ /**
57
+ * Specifies when the Тooltip will be rendered
58
+ * ([see example]({% slug programmaticopening_tooltip %})).
59
+ *
60
+ * The possible values are:
61
+ * * `hover` (default)
62
+ * * `click`
63
+ * * `none`
64
+ */
65
+ showOn;
66
+ /**
67
+ * Specifies the delay in milliseconds before the Tooltip is shown.
68
+ * * `100` (default) milliseconds.
69
+ */
70
+ showAfter = 100;
71
+ /**
72
+ * Specifies if the Тooltip will display a callout arrow.
73
+ *
74
+ * The possible values are:
75
+ * * `true` (default)
76
+ * * `false`
77
+ */
78
+ callout = true;
79
+ /**
80
+ * Specifies if the Тooltip will display a **Close** button
81
+ * ([see example]({% slug closable_tooltip %})).
82
+ *
83
+ * The possible values are:
84
+ * * `true`
85
+ * * `false`
86
+ */
87
+ closable = false;
88
+ /**
89
+ * Specifies the offset in pixels between the Tooltip and the anchor. Defaults to `6` pixels.
90
+ * If the `callout` property is set to `true`, the offset is rendered from the callout arrow.
91
+ * If the `callout` property is set to `false`, the offset is rendered from the content of the Tooltip.
92
+ */
93
+ offset = 6;
94
+ /**
95
+ * Specifies the width of the Тooltip ([see example]({% slug anchorelements_tooltip %})).
96
+ */
97
+ tooltipWidth;
98
+ /**
99
+ * Specifies the height of the Тooltip.
100
+ */
101
+ tooltipHeight;
102
+ /**
103
+ * Specifies a CSS class that will be added to the Tooltip.
104
+ */
105
+ tooltipClass;
106
+ /**
107
+ * @hidden
108
+ * Specifies a CSS class that will be added to the kendo-tooltip element.
109
+ */
110
+ tooltipContentClass;
111
+ /**
112
+ * Provides screen boundary detection when the Тooltip is shown.
113
+ */
114
+ collision;
115
+ /**
116
+ * Specifies the title of the close button.
117
+ */
118
+ closeTitle;
119
+ /**
120
+ * Sets the content of the Tooltip as a template reference
121
+ * ([see example]({% slug templates_tooltip %})).
122
+ */
123
+ set tooltipTemplate(value) {
124
+ this.template = value;
125
+ }
126
+ get tooltipTemplate() {
127
+ return this.template;
128
+ }
129
+ popupRef;
130
+ template;
131
+ showTimeout;
132
+ anchor = null;
133
+ mouseOverSubscription;
134
+ mouseOutSubscription;
135
+ mouseClickSubscription;
136
+ anchorTitleSubscription;
137
+ popupPositionChangeSubscription;
138
+ popupMouseOutSubscription;
139
+ keyboardNavigationSubscription = new Subscription();
140
+ closeClickSubscription;
141
+ validPositions = ['top', 'bottom', 'right', 'left'];
142
+ validShowOptions = ['hover', 'click', 'none'];
30
143
  constructor(tooltipWrapper, ngZone, renderer, popupService, settings, legacySettings) {
31
144
  this.tooltipWrapper = tooltipWrapper;
32
145
  this.ngZone = ngZone;
33
146
  this.renderer = renderer;
34
147
  this.popupService = popupService;
35
- /**
36
- * Specifies a selector for elements within a container which will display a tooltip
37
- * ([see example]({% slug anchorelements_tooltip %})). The possible values include any
38
- * DOM `selector`. The default value is `[title]`.
39
- */
40
- this.filter = '[title]';
41
- /**
42
- * Specifies the position of the Tooltip that is relative to the
43
- * anchor element ([see example]({% slug positioning_tooltip %})).
44
- *
45
- * The possible values are:
46
- * * `top` (default)
47
- * * `bottom`
48
- * * `left`
49
- * * `right`
50
- */
51
- this.position = 'top';
52
- /**
53
- * Specifies the delay in milliseconds before the Tooltip is shown.
54
- * * `100` (default) milliseconds.
55
- */
56
- this.showAfter = 100;
57
- /**
58
- * Specifies if the Тooltip will display a callout arrow.
59
- *
60
- * The possible values are:
61
- * * `true` (default)
62
- * * `false`
63
- */
64
- this.callout = true;
65
- /**
66
- * Specifies if the Тooltip will display a **Close** button
67
- * ([see example]({% slug closable_tooltip %})).
68
- *
69
- * The possible values are:
70
- * * `true`
71
- * * `false`
72
- */
73
- this.closable = false;
74
- /**
75
- * Specifies the offset in pixels between the Tooltip and the anchor. Defaults to `6` pixels.
76
- * If the `callout` property is set to `true`, the offset is rendered from the callout arrow.
77
- * If the `callout` property is set to `false`, the offset is rendered from the content of the Tooltip.
78
- */
79
- this.offset = 6;
80
- this.anchor = null;
81
- this.keyboardNavigationSubscription = new Subscription();
82
- this.validPositions = ['top', 'bottom', 'right', 'left'];
83
- this.validShowOptions = ['hover', 'click', 'none'];
84
148
  validatePackage(packageMetadata);
85
149
  Object.assign(this, settings, legacySettings);
86
150
  this.ngZone.runOutsideAngular(() => {
@@ -100,16 +164,6 @@ export class TooltipDirective {
100
164
  .subscribe(e => this.onMouseOut(e));
101
165
  });
102
166
  }
103
- /**
104
- * Sets the content of the Tooltip as a template reference
105
- * ([see example]({% slug templates_tooltip %})).
106
- */
107
- set tooltipTemplate(value) {
108
- this.template = value;
109
- }
110
- get tooltipTemplate() {
111
- return this.template;
112
- }
113
167
  /**
114
168
  * Shows the Tooltip.
115
169
  * @param anchor— ElementRef|Element.
@@ -400,10 +454,10 @@ export class TooltipDirective {
400
454
  throw new Error(`Invalid value provided for showOn property.The available options are 'hover' or 'none'.`);
401
455
  }
402
456
  }
457
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.PopupService }, { token: i2.TooltipSettings, optional: true }, { token: TOOLTIP_SETTINGS, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
458
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TooltipDirective, isStandalone: true, selector: "[kendoTooltip]", inputs: { filter: "filter", position: "position", titleTemplate: "titleTemplate", showOn: "showOn", showAfter: "showAfter", callout: "callout", closable: "closable", offset: "offset", tooltipWidth: "tooltipWidth", tooltipHeight: "tooltipHeight", tooltipClass: "tooltipClass", tooltipContentClass: "tooltipContentClass", collision: "collision", closeTitle: "closeTitle", tooltipTemplate: "tooltipTemplate" }, exportAs: ["kendoTooltip"], usesOnChanges: true, ngImport: i0 });
403
459
  }
404
- TooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.PopupService }, { token: i2.TooltipSettings, optional: true }, { token: TOOLTIP_SETTINGS, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
405
- TooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TooltipDirective, isStandalone: true, selector: "[kendoTooltip]", inputs: { filter: "filter", position: "position", titleTemplate: "titleTemplate", showOn: "showOn", showAfter: "showAfter", callout: "callout", closable: "closable", offset: "offset", tooltipWidth: "tooltipWidth", tooltipHeight: "tooltipHeight", tooltipClass: "tooltipClass", tooltipContentClass: "tooltipContentClass", collision: "collision", closeTitle: "closeTitle", tooltipTemplate: "tooltipTemplate" }, exportAs: ["kendoTooltip"], usesOnChanges: true, ngImport: i0 });
406
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TooltipDirective, decorators: [{
460
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipDirective, decorators: [{
407
461
  type: Directive,
408
462
  args: [{
409
463
  selector: '[kendoTooltip]',
@@ -36,14 +36,51 @@ export const TOOLTIP_SETTINGS = new InjectionToken('kendo-ui-tooltip-settings');
36
36
  * ```
37
37
  */
38
38
  export class TooltipSettings {
39
+ /**
40
+ * Specifies if the Тooltip will display a callout arrow.
41
+ *
42
+ * The possible values are:
43
+ * * `true` (default)
44
+ * * `false`
45
+ */
46
+ callout;
47
+ /**
48
+ * Specifies the title of the close button.
49
+ */
50
+ closeTitle;
51
+ /**
52
+ * Specifies the position of the Tooltip that is
53
+ * relative to the anchor element.
54
+ *
55
+ * The possible values are:
56
+ * * `top` (default)
57
+ * * `bottom`
58
+ * * `left`
59
+ * * `right`
60
+ */
61
+ position;
62
+ /**
63
+ * Specifies when the Тooltip will be rendered.
64
+ *
65
+ * The possible values are:
66
+ * * `hover` (default)
67
+ * * `click`
68
+ * * `none`
69
+ */
70
+ showOn;
71
+ /**
72
+ * Specifies the delay in milliseconds before the Tooltip is shown.
73
+ * * `100` (default) milliseconds.
74
+ */
75
+ showAfter;
39
76
  /**
40
77
  * @hidden
41
78
  */
42
79
  // eslint-disable-next-line @typescript-eslint/no-empty-function
43
80
  constructor() { }
81
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipSettings, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
82
+ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipSettings });
44
83
  }
45
- TooltipSettings.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TooltipSettings, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
46
- TooltipSettings.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TooltipSettings });
47
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TooltipSettings, decorators: [{
84
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipSettings, decorators: [{
48
85
  type: Injectable
49
86
  }], ctorParameters: function () { return []; } });
@@ -43,11 +43,11 @@ import * as i3 from "./localization/localized-messages.directive";
43
43
  * ```
44
44
  */
45
45
  export class TooltipModule {
46
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
47
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TooltipModule, imports: [i1.TooltipDirective, i2.TooltipContentComponent, i3.LocalizedMessagesDirective], exports: [i1.TooltipDirective, i2.TooltipContentComponent, i3.LocalizedMessagesDirective] });
48
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipModule, providers: [PopupService, ResizeBatchService, IconsService], imports: [i2.TooltipContentComponent] });
46
49
  }
47
- TooltipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
48
- TooltipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TooltipModule, imports: [i1.TooltipDirective, i2.TooltipContentComponent, i3.LocalizedMessagesDirective], exports: [i1.TooltipDirective, i2.TooltipContentComponent, i3.LocalizedMessagesDirective] });
49
- TooltipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TooltipModule, providers: [PopupService, ResizeBatchService, IconsService], imports: [i2.TooltipContentComponent] });
50
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TooltipModule, decorators: [{
50
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipModule, decorators: [{
51
51
  type: NgModule,
52
52
  args: [{
53
53
  imports: [...KENDO_TOOLTIP],
@@ -45,11 +45,11 @@ import * as i9 from "./popover/container.directive";
45
45
  * ```
46
46
  */
47
47
  export class TooltipsModule {
48
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
49
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TooltipsModule, imports: [i1.TooltipDirective, i2.TooltipContentComponent, i3.LocalizedMessagesDirective, i4.PopoverComponent, i5.PopoverActionsTemplateDirective, i6.PopoverBodyTemplateDirective, i7.PopoverTitleTemplateDirective, i8.PopoverAnchorDirective, i9.PopoverContainerDirective], exports: [i1.TooltipDirective, i2.TooltipContentComponent, i3.LocalizedMessagesDirective, i4.PopoverComponent, i5.PopoverActionsTemplateDirective, i6.PopoverBodyTemplateDirective, i7.PopoverTitleTemplateDirective, i8.PopoverAnchorDirective, i9.PopoverContainerDirective] });
50
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipsModule, providers: [PopupService, ResizeBatchService, IconsService], imports: [i2.TooltipContentComponent] });
48
51
  }
49
- TooltipsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TooltipsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
50
- TooltipsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TooltipsModule, imports: [i1.TooltipDirective, i2.TooltipContentComponent, i3.LocalizedMessagesDirective, i4.PopoverComponent, i5.PopoverActionsTemplateDirective, i6.PopoverBodyTemplateDirective, i7.PopoverTitleTemplateDirective, i8.PopoverAnchorDirective, i9.PopoverContainerDirective], exports: [i1.TooltipDirective, i2.TooltipContentComponent, i3.LocalizedMessagesDirective, i4.PopoverComponent, i5.PopoverActionsTemplateDirective, i6.PopoverBodyTemplateDirective, i7.PopoverTitleTemplateDirective, i8.PopoverAnchorDirective, i9.PopoverContainerDirective] });
51
- TooltipsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TooltipsModule, providers: [PopupService, ResizeBatchService, IconsService], imports: [i2.TooltipContentComponent, i4.PopoverComponent] });
52
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TooltipsModule, decorators: [{
52
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipsModule, decorators: [{
53
53
  type: NgModule,
54
54
  args: [{
55
55
  imports: [...KENDO_TOOLTIPS],