@progress/kendo-angular-tooltip 25.0.0-develop.2 → 25.0.0-develop.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/progress-kendo-angular-tooltip.mjs +343 -143
- package/index.d.ts +103 -41
- package/package-metadata.mjs +2 -2
- package/package.json +7 -7
package/index.d.ts
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { ComponentMessages, LocalizationService } from '@progress/kendo-angular-l10n';
|
|
6
6
|
import * as i0 from '@angular/core';
|
|
7
|
-
import { TemplateRef, OnInit,
|
|
7
|
+
import { TemplateRef, OnInit, OnDestroy, EventEmitter, ElementRef, Renderer2, NgZone, ComponentRef, SimpleChanges, ChangeDetectorRef, InjectionToken, OnChanges, AfterViewChecked, Injector } from '@angular/core';
|
|
8
8
|
import { PopupRef, PopupAnimation, PopupService, Collision } from '@progress/kendo-angular-popup';
|
|
9
9
|
import { PreventableEvent } from '@progress/kendo-angular-common';
|
|
10
10
|
import { Observable, Subscription } from 'rxjs';
|
|
@@ -190,11 +190,10 @@ type PopoverAnimation = PopupAnimation | boolean;
|
|
|
190
190
|
* </kendo-popover>
|
|
191
191
|
* ```
|
|
192
192
|
*/
|
|
193
|
-
declare class PopoverComponent implements OnInit,
|
|
193
|
+
declare class PopoverComponent implements OnInit, OnDestroy {
|
|
194
194
|
private localization;
|
|
195
195
|
private renderer;
|
|
196
196
|
private element;
|
|
197
|
-
private zone;
|
|
198
197
|
/**
|
|
199
198
|
* @hidden
|
|
200
199
|
*/
|
|
@@ -204,7 +203,8 @@ declare class PopoverComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
|
204
203
|
*
|
|
205
204
|
* @default 'right'
|
|
206
205
|
*/
|
|
207
|
-
position: Position;
|
|
206
|
+
set position(value: Position);
|
|
207
|
+
get position(): Position;
|
|
208
208
|
/**
|
|
209
209
|
* Specifies the distance from the Popover to its anchor element in pixels.
|
|
210
210
|
*
|
|
@@ -233,24 +233,28 @@ declare class PopoverComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
|
233
233
|
/**
|
|
234
234
|
* Specifies the main header text of the Popover. If a `titleTemplate` is provided, it takes precedence.
|
|
235
235
|
*/
|
|
236
|
-
title: string;
|
|
236
|
+
set title(value: string);
|
|
237
|
+
get title(): string;
|
|
237
238
|
/**
|
|
238
239
|
* @hidden
|
|
239
240
|
* Specifies the secondary header text of the Popover.
|
|
240
241
|
*
|
|
241
242
|
* If a `titleTemplate` is provided it would take precedence over the subtitle.
|
|
242
243
|
*/
|
|
243
|
-
subtitle: string;
|
|
244
|
+
set subtitle(value: string);
|
|
245
|
+
get subtitle(): string;
|
|
244
246
|
/**
|
|
245
247
|
* Represents the text rendered in the Popover body section. If a `bodyTemplate` is provided, it takes precedence.
|
|
246
248
|
*/
|
|
247
|
-
body: string;
|
|
249
|
+
set body(value: string);
|
|
250
|
+
get body(): string;
|
|
248
251
|
/**
|
|
249
252
|
* Determines whether a callout is rendered along the Popover. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/callout).
|
|
250
253
|
*
|
|
251
254
|
* @default true
|
|
252
255
|
*/
|
|
253
|
-
callout: boolean;
|
|
256
|
+
set callout(value: boolean);
|
|
257
|
+
get callout(): boolean;
|
|
254
258
|
/**
|
|
255
259
|
* Enables and configures the Popover animation. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/animations).
|
|
256
260
|
*
|
|
@@ -258,7 +262,8 @@ declare class PopoverComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
|
258
262
|
*
|
|
259
263
|
* @default false
|
|
260
264
|
*/
|
|
261
|
-
animation: PopoverAnimation;
|
|
265
|
+
set animation(value: PopoverAnimation);
|
|
266
|
+
get animation(): PopoverAnimation;
|
|
262
267
|
/**
|
|
263
268
|
* Defines a callback function that returns custom data for the Popover templates.
|
|
264
269
|
* The function exposes the `anchor` element as an argument and returns an object that can be used in the templates. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/templates#passing-data-to-templates).
|
|
@@ -269,7 +274,8 @@ declare class PopoverComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
|
269
274
|
* @hidden
|
|
270
275
|
* Determines the visibility of the Popover.
|
|
271
276
|
*/
|
|
272
|
-
visible: boolean;
|
|
277
|
+
get visible(): boolean;
|
|
278
|
+
set visible(value: boolean);
|
|
273
279
|
/**
|
|
274
280
|
* @hidden
|
|
275
281
|
*/
|
|
@@ -329,20 +335,29 @@ declare class PopoverComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
|
329
335
|
/**
|
|
330
336
|
* @hidden
|
|
331
337
|
*/
|
|
332
|
-
_width: string;
|
|
338
|
+
get _width(): string;
|
|
333
339
|
/**
|
|
334
340
|
* @hidden
|
|
335
341
|
*/
|
|
336
|
-
_height: string;
|
|
342
|
+
get _height(): string;
|
|
337
343
|
/**
|
|
338
344
|
* @hidden
|
|
339
345
|
*/
|
|
340
346
|
popoverId: string;
|
|
347
|
+
private _position;
|
|
341
348
|
private _offset;
|
|
349
|
+
private _widthValue;
|
|
350
|
+
private _heightValue;
|
|
351
|
+
private _title;
|
|
352
|
+
private _subtitle;
|
|
353
|
+
private _body;
|
|
354
|
+
private _callout;
|
|
355
|
+
private _animation;
|
|
356
|
+
private _templateData;
|
|
357
|
+
private _visible;
|
|
342
358
|
private subs;
|
|
343
|
-
constructor(localization: LocalizationService, renderer: Renderer2, element: ElementRef
|
|
359
|
+
constructor(localization: LocalizationService, renderer: Renderer2, element: ElementRef);
|
|
344
360
|
ngOnInit(): void;
|
|
345
|
-
ngAfterViewInit(): void;
|
|
346
361
|
ngOnDestroy(): void;
|
|
347
362
|
/**
|
|
348
363
|
* @hidden
|
|
@@ -352,7 +367,6 @@ declare class PopoverComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
|
352
367
|
* @hidden
|
|
353
368
|
*/
|
|
354
369
|
onKeyDown(event: any): void;
|
|
355
|
-
private _templateData;
|
|
356
370
|
private keepFocusWithinComponent;
|
|
357
371
|
private setAriaAttributes;
|
|
358
372
|
static ɵfac: i0.ɵɵFactoryDeclaration<PopoverComponent, never>;
|
|
@@ -584,6 +598,7 @@ declare class PopoverContainerDirective extends PopoverDirectivesBase {
|
|
|
584
598
|
declare class TooltipContentComponent {
|
|
585
599
|
private content;
|
|
586
600
|
private localizationService;
|
|
601
|
+
private cdr;
|
|
587
602
|
/**
|
|
588
603
|
* @hidden
|
|
589
604
|
*/
|
|
@@ -598,22 +613,36 @@ declare class TooltipContentComponent {
|
|
|
598
613
|
get hostId(): string;
|
|
599
614
|
get className(): boolean;
|
|
600
615
|
get cssPosition(): string;
|
|
601
|
-
tooltipWidth: number;
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
616
|
+
set tooltipWidth(value: number);
|
|
617
|
+
get tooltipWidth(): number;
|
|
618
|
+
set tooltipHeight(value: number);
|
|
619
|
+
get tooltipHeight(): number;
|
|
620
|
+
set titleTemplate(value: TemplateRef<any>);
|
|
621
|
+
get titleTemplate(): TemplateRef<any>;
|
|
622
|
+
set anchor(value: ElementRef);
|
|
623
|
+
get anchor(): ElementRef;
|
|
624
|
+
set closable(value: boolean);
|
|
625
|
+
get closable(): boolean;
|
|
626
|
+
set templateRef(value: TemplateRef<any>);
|
|
627
|
+
get templateRef(): TemplateRef<any>;
|
|
628
|
+
set templateString(value: string);
|
|
629
|
+
get templateString(): string;
|
|
608
630
|
closeTitle: string;
|
|
609
631
|
callout: boolean;
|
|
610
632
|
position: string;
|
|
633
|
+
private _tooltipWidth;
|
|
634
|
+
private _tooltipHeight;
|
|
635
|
+
private _titleTemplate;
|
|
636
|
+
private _templateString;
|
|
637
|
+
private _templateRef;
|
|
638
|
+
private _anchor;
|
|
639
|
+
private _closable;
|
|
611
640
|
/**
|
|
612
641
|
* @hidden
|
|
613
642
|
*/
|
|
614
643
|
tooltipId: string;
|
|
615
644
|
private dynamicRTLSubscription;
|
|
616
|
-
constructor(content: ElementRef, localizationService: LocalizationService);
|
|
645
|
+
constructor(content: ElementRef, localizationService: LocalizationService, cdr: ChangeDetectorRef);
|
|
617
646
|
ngOnInit(): void;
|
|
618
647
|
ngOnDestroy(): void;
|
|
619
648
|
get closeButtonTitle(): string;
|
|
@@ -725,46 +754,54 @@ declare class TooltipDirective implements OnDestroy, OnChanges, AfterViewChecked
|
|
|
725
754
|
ngZone: NgZone;
|
|
726
755
|
private renderer;
|
|
727
756
|
private popupService;
|
|
757
|
+
private injector;
|
|
728
758
|
/**
|
|
729
759
|
* Specifies a selector for elements within a container that display a tooltip
|
|
730
760
|
* ([see example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/anchor-elements)). The possible values include any
|
|
731
761
|
* DOM `selector`.
|
|
732
762
|
* @default '[title]'
|
|
733
763
|
*/
|
|
734
|
-
filter: string;
|
|
764
|
+
set filter(value: string);
|
|
765
|
+
get filter(): string;
|
|
735
766
|
/**
|
|
736
767
|
* Specifies the position of the Tooltip relative to the
|
|
737
768
|
* anchor element ([see example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/positioning)).
|
|
738
769
|
*
|
|
739
770
|
* @default 'top'
|
|
740
771
|
*/
|
|
741
|
-
position: Position;
|
|
772
|
+
set position(value: Position);
|
|
773
|
+
get position(): Position;
|
|
742
774
|
/**
|
|
743
775
|
* Sets the template for the tooltip header title. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/anchor-elements).
|
|
744
776
|
*/
|
|
745
|
-
titleTemplate
|
|
777
|
+
set titleTemplate(value: TemplateRef<any>);
|
|
778
|
+
get titleTemplate(): TemplateRef<any>;
|
|
746
779
|
/**
|
|
747
780
|
* Specifies the mouse action that triggers the Tooltip to show. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/opening).
|
|
748
781
|
*/
|
|
749
|
-
showOn: ShowOption;
|
|
782
|
+
set showOn(value: ShowOption);
|
|
783
|
+
get showOn(): ShowOption;
|
|
750
784
|
/**
|
|
751
785
|
* Specifies the delay in milliseconds before the Tooltip is shown.
|
|
752
786
|
*
|
|
753
787
|
* @default 100
|
|
754
788
|
*/
|
|
755
|
-
showAfter: number;
|
|
789
|
+
set showAfter(value: number);
|
|
790
|
+
get showAfter(): number;
|
|
756
791
|
/**
|
|
757
792
|
* Determines if the Tooltip displays a callout arrow.
|
|
758
793
|
*
|
|
759
794
|
* @default true
|
|
760
795
|
*/
|
|
761
|
-
callout: boolean;
|
|
796
|
+
set callout(value: boolean);
|
|
797
|
+
get callout(): boolean;
|
|
762
798
|
/**
|
|
763
799
|
* Determines if the Tooltip displays a **Close** button. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/closable-tooltip).
|
|
764
800
|
*
|
|
765
801
|
* @default false
|
|
766
802
|
*/
|
|
767
|
-
closable: boolean;
|
|
803
|
+
set closable(value: boolean);
|
|
804
|
+
get closable(): boolean;
|
|
768
805
|
/**
|
|
769
806
|
* Specifies the offset in pixels between the Tooltip and the anchor.
|
|
770
807
|
* If the `callout` property is set to `true`, the offset is rendered from the callout arrow.
|
|
@@ -772,37 +809,45 @@ declare class TooltipDirective implements OnDestroy, OnChanges, AfterViewChecked
|
|
|
772
809
|
*
|
|
773
810
|
* @default 6
|
|
774
811
|
*/
|
|
775
|
-
offset: number;
|
|
812
|
+
set offset(value: number);
|
|
813
|
+
get offset(): number;
|
|
776
814
|
/**
|
|
777
815
|
* Sets the width of the Tooltip. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/anchor-elements).
|
|
778
816
|
*/
|
|
779
|
-
tooltipWidth: number;
|
|
817
|
+
set tooltipWidth(value: number);
|
|
818
|
+
get tooltipWidth(): number;
|
|
780
819
|
/**
|
|
781
820
|
* Sets the height of the Tooltip.
|
|
782
821
|
*/
|
|
783
|
-
tooltipHeight: number;
|
|
822
|
+
set tooltipHeight(value: number);
|
|
823
|
+
get tooltipHeight(): number;
|
|
784
824
|
/**
|
|
785
825
|
* Sets a CSS class for the Tooltip.
|
|
786
826
|
*/
|
|
787
|
-
tooltipClass: string;
|
|
827
|
+
set tooltipClass(value: string);
|
|
828
|
+
get tooltipClass(): string;
|
|
788
829
|
/**
|
|
789
830
|
* Specifies the theme color of the Tooltip.
|
|
790
831
|
* The theme color applies the corresponding `k-tooltip-{tooltipThemeColor}` class to the Tooltip element.
|
|
791
832
|
*/
|
|
792
|
-
tooltipThemeColor: TooltipThemeColor;
|
|
833
|
+
set tooltipThemeColor(value: TooltipThemeColor);
|
|
834
|
+
get tooltipThemeColor(): TooltipThemeColor;
|
|
793
835
|
/**
|
|
794
836
|
* @hidden
|
|
795
837
|
* Specifies a CSS class that will be added to the kendo-tooltip element.
|
|
796
838
|
*/
|
|
797
|
-
tooltipContentClass: string;
|
|
839
|
+
set tooltipContentClass(value: string);
|
|
840
|
+
get tooltipContentClass(): string;
|
|
798
841
|
/**
|
|
799
842
|
* Provides screen boundary detection when the Тooltip is shown.
|
|
800
843
|
*/
|
|
801
|
-
collision: Collision;
|
|
844
|
+
set collision(value: Collision);
|
|
845
|
+
get collision(): Collision;
|
|
802
846
|
/**
|
|
803
847
|
* Sets the title of the **Close** button.
|
|
804
848
|
*/
|
|
805
|
-
closeTitle: string;
|
|
849
|
+
set closeTitle(value: string);
|
|
850
|
+
get closeTitle(): string;
|
|
806
851
|
/**
|
|
807
852
|
* Sets a custom content template for the Tooltip.
|
|
808
853
|
* The template is rendered inside the Tooltip content area. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/templates).
|
|
@@ -810,7 +855,8 @@ declare class TooltipDirective implements OnDestroy, OnChanges, AfterViewChecked
|
|
|
810
855
|
set tooltipTemplate(value: TemplateRef<any>);
|
|
811
856
|
get tooltipTemplate(): TemplateRef<any>;
|
|
812
857
|
popupRef: PopupRef;
|
|
813
|
-
template: TemplateRef<any
|
|
858
|
+
set template(value: TemplateRef<any>);
|
|
859
|
+
get template(): TemplateRef<any>;
|
|
814
860
|
private showTimeout;
|
|
815
861
|
private anchor;
|
|
816
862
|
private mouseOverSubscription;
|
|
@@ -823,7 +869,23 @@ declare class TooltipDirective implements OnDestroy, OnChanges, AfterViewChecked
|
|
|
823
869
|
private closeClickSubscription;
|
|
824
870
|
private validPositions;
|
|
825
871
|
private validShowOptions;
|
|
826
|
-
|
|
872
|
+
private _filter;
|
|
873
|
+
private _position;
|
|
874
|
+
private _titleTemplate;
|
|
875
|
+
private _showOn;
|
|
876
|
+
private _showAfter;
|
|
877
|
+
private _callout;
|
|
878
|
+
private _closable;
|
|
879
|
+
private _offset;
|
|
880
|
+
private _tooltipWidth;
|
|
881
|
+
private _tooltipHeight;
|
|
882
|
+
private _closeTitle;
|
|
883
|
+
private _tooltipTemplate;
|
|
884
|
+
private _tooltipClass;
|
|
885
|
+
private _tooltipThemeColor;
|
|
886
|
+
private _tooltipContentClass;
|
|
887
|
+
private _collision;
|
|
888
|
+
constructor(tooltipWrapper: ElementRef, ngZone: NgZone, renderer: Renderer2, popupService: PopupService, injector: Injector, settings: TooltipSettings, legacySettings: TooltipSettings);
|
|
827
889
|
/**
|
|
828
890
|
* Shows the Tooltip.
|
|
829
891
|
* @param anchor - The element used as an anchor. The Tooltip opens relative to this element.
|
|
@@ -855,7 +917,7 @@ declare class TooltipDirective implements OnDestroy, OnChanges, AfterViewChecked
|
|
|
855
917
|
private onMouseOver;
|
|
856
918
|
private onMouseOut;
|
|
857
919
|
private verifyProperties;
|
|
858
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TooltipDirective, [null, null, null, null, { optional: true; }, { optional: true; }]>;
|
|
920
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TooltipDirective, [null, null, null, null, null, { optional: true; }, { optional: true; }]>;
|
|
859
921
|
static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[kendoTooltip]", ["kendoTooltip"], { "filter": { "alias": "filter"; "required": false; }; "position": { "alias": "position"; "required": false; }; "titleTemplate": { "alias": "titleTemplate"; "required": false; }; "showOn": { "alias": "showOn"; "required": false; }; "showAfter": { "alias": "showAfter"; "required": false; }; "callout": { "alias": "callout"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "tooltipWidth": { "alias": "tooltipWidth"; "required": false; }; "tooltipHeight": { "alias": "tooltipHeight"; "required": false; }; "tooltipClass": { "alias": "tooltipClass"; "required": false; }; "tooltipThemeColor": { "alias": "tooltipThemeColor"; "required": false; }; "tooltipContentClass": { "alias": "tooltipContentClass"; "required": false; }; "collision": { "alias": "collision"; "required": false; }; "closeTitle": { "alias": "closeTitle"; "required": false; }; "tooltipTemplate": { "alias": "tooltipTemplate"; "required": false; }; }, {}, never, never, true, never>;
|
|
860
922
|
}
|
|
861
923
|
|
package/package-metadata.mjs
CHANGED
|
@@ -7,7 +7,7 @@ export const packageMetadata = {
|
|
|
7
7
|
"productCodes": [
|
|
8
8
|
"KENDOUIANGULAR"
|
|
9
9
|
],
|
|
10
|
-
"publishDate":
|
|
11
|
-
"version": "25.0.0-develop.
|
|
10
|
+
"publishDate": 1785763371,
|
|
11
|
+
"version": "25.0.0-develop.20",
|
|
12
12
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
13
13
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-tooltip",
|
|
3
|
-
"version": "25.0.0-develop.
|
|
3
|
+
"version": "25.0.0-develop.20",
|
|
4
4
|
"description": "Kendo UI Tooltip for Angular - A highly customizable and easily themeable tooltip from the creators developers trust for professional Angular components.",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"package": {
|
|
37
37
|
"productName": "Kendo UI for Angular",
|
|
38
38
|
"productCode": "KENDOUIANGULAR",
|
|
39
|
-
"publishDate":
|
|
39
|
+
"publishDate": 1785763371,
|
|
40
40
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
41
41
|
}
|
|
42
42
|
},
|
|
@@ -46,15 +46,15 @@
|
|
|
46
46
|
"@angular/core": "20 - 22",
|
|
47
47
|
"@angular/platform-browser": "20 - 22",
|
|
48
48
|
"@progress/kendo-licensing": "^1.11.0",
|
|
49
|
-
"@progress/kendo-angular-common": "25.0.0-develop.
|
|
50
|
-
"@progress/kendo-angular-l10n": "25.0.0-develop.
|
|
51
|
-
"@progress/kendo-angular-popup": "25.0.0-develop.
|
|
52
|
-
"@progress/kendo-angular-icons": "25.0.0-develop.
|
|
49
|
+
"@progress/kendo-angular-common": "25.0.0-develop.20",
|
|
50
|
+
"@progress/kendo-angular-l10n": "25.0.0-develop.20",
|
|
51
|
+
"@progress/kendo-angular-popup": "25.0.0-develop.20",
|
|
52
|
+
"@progress/kendo-angular-icons": "25.0.0-develop.20",
|
|
53
53
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
54
54
|
},
|
|
55
55
|
"dependencies": {
|
|
56
56
|
"tslib": "^2.3.1",
|
|
57
|
-
"@progress/kendo-angular-schematics": "25.0.0-develop.
|
|
57
|
+
"@progress/kendo-angular-schematics": "25.0.0-develop.20"
|
|
58
58
|
},
|
|
59
59
|
"schematics": "./schematics/collection.json",
|
|
60
60
|
"module": "fesm2022/progress-kendo-angular-tooltip.mjs",
|