@progress/kendo-angular-tooltip 25.1.0-develop.9 → 25.1.1-develop.1
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 +61 -68
- package/index.d.ts +8 -24
- package/package-metadata.mjs +2 -2
- package/package.json +7 -7
|
@@ -29,15 +29,15 @@ class LocalizedMessagesDirective extends ComponentMessages {
|
|
|
29
29
|
super();
|
|
30
30
|
this.service = service;
|
|
31
31
|
}
|
|
32
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
33
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
32
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
33
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.30", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoTooltipLocalizedMessages]", inputs: { closeTitle: "closeTitle" }, providers: [
|
|
34
34
|
{
|
|
35
35
|
provide: ComponentMessages,
|
|
36
36
|
useExisting: forwardRef(() => LocalizedMessagesDirective)
|
|
37
37
|
}
|
|
38
38
|
], usesInheritance: true, ngImport: i0 });
|
|
39
39
|
}
|
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
|
|
41
41
|
type: Directive,
|
|
42
42
|
args: [{
|
|
43
43
|
providers: [
|
|
@@ -302,8 +302,8 @@ const packageMetadata = {
|
|
|
302
302
|
productName: 'Kendo UI for Angular',
|
|
303
303
|
productCode: 'KENDOUIANGULAR',
|
|
304
304
|
productCodes: ['KENDOUIANGULAR'],
|
|
305
|
-
publishDate:
|
|
306
|
-
version: '25.1.
|
|
305
|
+
publishDate: 1788947652,
|
|
306
|
+
version: '25.1.1-develop.1',
|
|
307
307
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
308
308
|
};
|
|
309
309
|
|
|
@@ -327,10 +327,10 @@ class PopoverTitleTemplateDirective {
|
|
|
327
327
|
constructor(templateRef) {
|
|
328
328
|
this.templateRef = templateRef;
|
|
329
329
|
}
|
|
330
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
331
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
330
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: PopoverTitleTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
331
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.30", type: PopoverTitleTemplateDirective, isStandalone: true, selector: "[kendoPopoverTitleTemplate]", ngImport: i0 });
|
|
332
332
|
}
|
|
333
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
333
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: PopoverTitleTemplateDirective, decorators: [{
|
|
334
334
|
type: Directive,
|
|
335
335
|
args: [{
|
|
336
336
|
selector: '[kendoPopoverTitleTemplate]',
|
|
@@ -360,10 +360,10 @@ class PopoverBodyTemplateDirective {
|
|
|
360
360
|
constructor(templateRef) {
|
|
361
361
|
this.templateRef = templateRef;
|
|
362
362
|
}
|
|
363
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
364
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
363
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: PopoverBodyTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
364
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.30", type: PopoverBodyTemplateDirective, isStandalone: true, selector: "[kendoPopoverBodyTemplate]", ngImport: i0 });
|
|
365
365
|
}
|
|
366
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
366
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: PopoverBodyTemplateDirective, decorators: [{
|
|
367
367
|
type: Directive,
|
|
368
368
|
args: [{
|
|
369
369
|
selector: '[kendoPopoverBodyTemplate]',
|
|
@@ -393,10 +393,10 @@ class PopoverActionsTemplateDirective {
|
|
|
393
393
|
constructor(templateRef) {
|
|
394
394
|
this.templateRef = templateRef;
|
|
395
395
|
}
|
|
396
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
397
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
396
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: PopoverActionsTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
397
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.30", type: PopoverActionsTemplateDirective, isStandalone: true, selector: "[kendoPopoverActionsTemplate]", ngImport: i0 });
|
|
398
398
|
}
|
|
399
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
399
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: PopoverActionsTemplateDirective, decorators: [{
|
|
400
400
|
type: Directive,
|
|
401
401
|
args: [{
|
|
402
402
|
selector: '[kendoPopoverActionsTemplate]',
|
|
@@ -431,9 +431,15 @@ class PopoverComponent {
|
|
|
431
431
|
* Specifies CSS classes to apply to the Popover element.
|
|
432
432
|
* Supports the same values as [ngClass](https://angular.dev/api/common/NgClass).
|
|
433
433
|
*/
|
|
434
|
-
popupClass
|
|
434
|
+
set popupClass(value) {
|
|
435
|
+
this._popupClass.set(value);
|
|
436
|
+
}
|
|
437
|
+
get popupClass() {
|
|
438
|
+
return this._popupClass();
|
|
439
|
+
}
|
|
435
440
|
/**
|
|
436
441
|
* Provides screen boundary detection when the Popover is shown.
|
|
442
|
+
* @default { horizontal: 'fit', vertical: 'fit' }
|
|
437
443
|
*/
|
|
438
444
|
set collision(value) {
|
|
439
445
|
this._collision.set(value);
|
|
@@ -441,18 +447,6 @@ class PopoverComponent {
|
|
|
441
447
|
get collision() {
|
|
442
448
|
return this._collision();
|
|
443
449
|
}
|
|
444
|
-
/**
|
|
445
|
-
* Configures the popup settings for the Popover.
|
|
446
|
-
* Accepts a `PopupSettings` object with `popupClass` and `collision` properties.
|
|
447
|
-
*/
|
|
448
|
-
set popupSettings(value) {
|
|
449
|
-
if (value?.popupClass !== undefined) {
|
|
450
|
-
this.popupClass = value.popupClass;
|
|
451
|
-
}
|
|
452
|
-
if (value?.collision !== undefined) {
|
|
453
|
-
this._collision.set(value.collision);
|
|
454
|
-
}
|
|
455
|
-
}
|
|
456
450
|
/**
|
|
457
451
|
* Specifies the position of the Popover relative to its anchor element. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/positioning).
|
|
458
452
|
*
|
|
@@ -657,7 +651,8 @@ class PopoverComponent {
|
|
|
657
651
|
* @hidden
|
|
658
652
|
*/
|
|
659
653
|
popoverId = '';
|
|
660
|
-
|
|
654
|
+
_popupClass = signal(null, ...(ngDevMode ? [{ debugName: "_popupClass" }] : []));
|
|
655
|
+
_collision = signal({ horizontal: 'fit', vertical: 'fit' }, ...(ngDevMode ? [{ debugName: "_collision" }] : []));
|
|
661
656
|
_position = signal('right', ...(ngDevMode ? [{ debugName: "_position" }] : []));
|
|
662
657
|
_offset = signal(6, ...(ngDevMode ? [{ debugName: "_offset" }] : []));
|
|
663
658
|
_widthValue = signal('auto', ...(ngDevMode ? [{ debugName: "_widthValue" }] : []));
|
|
@@ -753,8 +748,8 @@ class PopoverComponent {
|
|
|
753
748
|
this.renderer.setAttribute(wrapper, 'id', this.popoverId);
|
|
754
749
|
this.renderer.setAttribute(wrapper, 'role', focusablePopoverChildren.length > 0 ? 'dialog' : 'tooltip');
|
|
755
750
|
}
|
|
756
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
757
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
751
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: PopoverComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
752
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.30", type: PopoverComponent, isStandalone: true, selector: "kendo-popover", inputs: { popupClass: "popupClass", collision: "collision", position: "position", offset: "offset", width: "width", height: "height", title: "title", subtitle: "subtitle", body: "body", callout: "callout", animation: "animation", templateData: "templateData" }, outputs: { show: "show", shown: "shown", hide: "hide", hidden: "hidden", closeOnKeyDown: "closeOnKeyDown" }, host: { properties: { "attr.dir": "this.direction", "class.k-hidden": "this.isHidden", "attr.aria-hidden": "this.hasAttributeHidden", "style.width": "this._width", "style.height": "this._height" } }, providers: [
|
|
758
753
|
LocalizationService,
|
|
759
754
|
{
|
|
760
755
|
provide: L10N_PREFIX,
|
|
@@ -850,7 +845,7 @@ class PopoverComponent {
|
|
|
850
845
|
}
|
|
851
846
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
852
847
|
}
|
|
853
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
848
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: PopoverComponent, decorators: [{
|
|
854
849
|
type: Component,
|
|
855
850
|
args: [{
|
|
856
851
|
selector: 'kendo-popover',
|
|
@@ -958,8 +953,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
|
|
|
958
953
|
type: Input
|
|
959
954
|
}], collision: [{
|
|
960
955
|
type: Input
|
|
961
|
-
}], popupSettings: [{
|
|
962
|
-
type: Input
|
|
963
956
|
}], position: [{
|
|
964
957
|
type: Input
|
|
965
958
|
}], offset: [{
|
|
@@ -1164,7 +1157,7 @@ class PopoverDirectivesBase {
|
|
|
1164
1157
|
const popupAlign = alignSettings.popupAlign;
|
|
1165
1158
|
const popupMargin = alignSettings.popupMargin;
|
|
1166
1159
|
const _animation = popoverComp.animation;
|
|
1167
|
-
const _collision =
|
|
1160
|
+
const _collision = popoverComp.collision || { horizontal: 'fit', vertical: 'fit' };
|
|
1168
1161
|
this.popupRef = this.popupService.open({
|
|
1169
1162
|
anchor: { nativeElement: this.anchor },
|
|
1170
1163
|
animate: _animation,
|
|
@@ -1345,10 +1338,10 @@ class PopoverDirectivesBase {
|
|
|
1345
1338
|
}
|
|
1346
1339
|
return false;
|
|
1347
1340
|
}
|
|
1348
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1349
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
1341
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: PopoverDirectivesBase, deps: [{ token: i0.NgZone }, { token: i1$1.PopupService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1342
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.30", type: PopoverDirectivesBase, isStandalone: true, inputs: { popover: "popover", showOn: "showOn" }, ngImport: i0 });
|
|
1350
1343
|
}
|
|
1351
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1344
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: PopoverDirectivesBase, decorators: [{
|
|
1352
1345
|
type: Directive,
|
|
1353
1346
|
args: [{}]
|
|
1354
1347
|
}], ctorParameters: () => [{ type: i0.NgZone }, { type: i1$1.PopupService }, { type: i0.Renderer2 }], propDecorators: { popover: [{
|
|
@@ -1414,10 +1407,10 @@ class PopoverService {
|
|
|
1414
1407
|
this._hidePopover.next([isPopoverHovered, isAnchorHovered, this._isOrigin, this.currentAnchor]);
|
|
1415
1408
|
}));
|
|
1416
1409
|
}
|
|
1417
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1418
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
1410
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: PopoverService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1411
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: PopoverService });
|
|
1419
1412
|
}
|
|
1420
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1413
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: PopoverService, decorators: [{
|
|
1421
1414
|
type: Injectable
|
|
1422
1415
|
}], ctorParameters: () => [{ type: i0.NgZone }] });
|
|
1423
1416
|
|
|
@@ -1566,10 +1559,10 @@ class PopoverAnchorDirective extends PopoverDirectivesBase {
|
|
|
1566
1559
|
this.hide();
|
|
1567
1560
|
}
|
|
1568
1561
|
}
|
|
1569
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1570
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
1562
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: PopoverAnchorDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1$1.PopupService }, { token: i0.Renderer2 }, { token: PopoverService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1563
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.30", type: PopoverAnchorDirective, isStandalone: true, selector: "[kendoPopoverAnchor]", providers: [PopoverService], exportAs: ["kendoPopoverAnchor"], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
|
|
1571
1564
|
}
|
|
1572
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1565
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: PopoverAnchorDirective, decorators: [{
|
|
1573
1566
|
type: Directive,
|
|
1574
1567
|
args: [{
|
|
1575
1568
|
selector: '[kendoPopoverAnchor]',
|
|
@@ -1740,10 +1733,10 @@ class PopoverContainerDirective extends PopoverDirectivesBase {
|
|
|
1740
1733
|
this.hide();
|
|
1741
1734
|
}
|
|
1742
1735
|
}
|
|
1743
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1744
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
1736
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: PopoverContainerDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1$1.PopupService }, { token: i0.Renderer2 }, { token: PopoverService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1737
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.30", type: PopoverContainerDirective, isStandalone: true, selector: "[kendoPopoverContainer]", inputs: { filter: "filter" }, providers: [PopoverService], exportAs: ["kendoPopoverContainer"], usesInheritance: true, ngImport: i0 });
|
|
1745
1738
|
}
|
|
1746
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1739
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: PopoverContainerDirective, decorators: [{
|
|
1747
1740
|
type: Directive,
|
|
1748
1741
|
args: [{
|
|
1749
1742
|
selector: '[kendoPopoverContainer]',
|
|
@@ -1927,8 +1920,8 @@ class TooltipContentComponent {
|
|
|
1927
1920
|
styles.transform = isVertical ? `rotateX(${flipDeg})` : `rotateY(${flipDeg})`;
|
|
1928
1921
|
return styles;
|
|
1929
1922
|
};
|
|
1930
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1931
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
1923
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: TooltipContentComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1924
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.30", type: TooltipContentComponent, isStandalone: true, selector: "kendo-tooltip", inputs: { tooltipWidth: "tooltipWidth", tooltipHeight: "tooltipHeight", titleTemplate: "titleTemplate", anchor: "anchor", closable: "closable", templateRef: "templateRef", templateString: "templateString" }, outputs: { close: "close" }, host: { properties: { "attr.dir": "this.direction", "class": "this.cssClasses", "attr.role": "this.hostRole", "attr.id": "this.hostId", "class.k-tooltip-closable": "this.className", "style.position": "this.cssPosition", "style.width.px": "this.tooltipWidth", "style.height.px": "this.tooltipHeight" } }, providers: [
|
|
1932
1925
|
LocalizationService,
|
|
1933
1926
|
{
|
|
1934
1927
|
provide: L10N_PREFIX,
|
|
@@ -1980,7 +1973,7 @@ class TooltipContentComponent {
|
|
|
1980
1973
|
}
|
|
1981
1974
|
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoTooltipLocalizedMessages]", inputs: ["closeTitle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1982
1975
|
}
|
|
1983
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1976
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: TooltipContentComponent, decorators: [{
|
|
1984
1977
|
type: Component,
|
|
1985
1978
|
args: [{
|
|
1986
1979
|
selector: 'kendo-tooltip',
|
|
@@ -2139,10 +2132,10 @@ class TooltipSettings {
|
|
|
2139
2132
|
* @hidden
|
|
2140
2133
|
*/
|
|
2141
2134
|
constructor() { }
|
|
2142
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2143
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
2135
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: TooltipSettings, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2136
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: TooltipSettings });
|
|
2144
2137
|
}
|
|
2145
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2138
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: TooltipSettings, decorators: [{
|
|
2146
2139
|
type: Injectable
|
|
2147
2140
|
}], ctorParameters: () => [] });
|
|
2148
2141
|
|
|
@@ -2299,7 +2292,7 @@ class TooltipDirective {
|
|
|
2299
2292
|
return this._tooltipContentClass();
|
|
2300
2293
|
}
|
|
2301
2294
|
/**
|
|
2302
|
-
* Provides screen boundary detection when the
|
|
2295
|
+
* Provides screen boundary detection when the Tooltip is shown.
|
|
2303
2296
|
*/
|
|
2304
2297
|
set collision(value) {
|
|
2305
2298
|
this._collision.set(value);
|
|
@@ -2679,10 +2672,10 @@ class TooltipDirective {
|
|
|
2679
2672
|
throw new Error(`Invalid value provided for showOn property.The available options are 'hover' or 'none'.`);
|
|
2680
2673
|
}
|
|
2681
2674
|
}
|
|
2682
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2683
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
2675
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1$1.PopupService }, { token: i0.Injector }, { token: TooltipSettings, optional: true }, { token: TOOLTIP_SETTINGS, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2676
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.30", 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", tooltipThemeColor: "tooltipThemeColor", tooltipContentClass: "tooltipContentClass", collision: "collision", closeTitle: "closeTitle", tooltipTemplate: "tooltipTemplate" }, exportAs: ["kendoTooltip"], usesOnChanges: true, ngImport: i0 });
|
|
2684
2677
|
}
|
|
2685
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2678
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: TooltipDirective, decorators: [{
|
|
2686
2679
|
type: Directive,
|
|
2687
2680
|
args: [{
|
|
2688
2681
|
selector: '[kendoTooltip]',
|
|
@@ -2838,11 +2831,11 @@ const KENDO_TOOLTIPS = [
|
|
|
2838
2831
|
* ```
|
|
2839
2832
|
*/
|
|
2840
2833
|
class TooltipModule {
|
|
2841
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2842
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
2843
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
2834
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2835
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.30", ngImport: i0, type: TooltipModule, imports: [TooltipDirective, TooltipContentComponent, LocalizedMessagesDirective], exports: [TooltipDirective, TooltipContentComponent, LocalizedMessagesDirective] });
|
|
2836
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: TooltipModule, providers: [PopupService, ResizeBatchService, IconsService], imports: [TooltipContentComponent] });
|
|
2844
2837
|
}
|
|
2845
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2838
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: TooltipModule, decorators: [{
|
|
2846
2839
|
type: NgModule,
|
|
2847
2840
|
args: [{
|
|
2848
2841
|
imports: [...KENDO_TOOLTIP],
|
|
@@ -2871,11 +2864,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
|
|
|
2871
2864
|
* ```
|
|
2872
2865
|
*/
|
|
2873
2866
|
class PopoverModule {
|
|
2874
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2875
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
2876
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
2867
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: PopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2868
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.30", ngImport: i0, type: PopoverModule, imports: [PopoverComponent, PopoverActionsTemplateDirective, PopoverBodyTemplateDirective, PopoverTitleTemplateDirective, PopoverAnchorDirective, PopoverContainerDirective], exports: [PopoverComponent, PopoverActionsTemplateDirective, PopoverBodyTemplateDirective, PopoverTitleTemplateDirective, PopoverAnchorDirective, PopoverContainerDirective] });
|
|
2869
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: PopoverModule, providers: [PopupService, ResizeBatchService] });
|
|
2877
2870
|
}
|
|
2878
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2871
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: PopoverModule, decorators: [{
|
|
2879
2872
|
type: NgModule,
|
|
2880
2873
|
args: [{
|
|
2881
2874
|
exports: [...KENDO_POPOVER],
|
|
@@ -2904,11 +2897,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
|
|
|
2904
2897
|
* ```
|
|
2905
2898
|
*/
|
|
2906
2899
|
class TooltipsModule {
|
|
2907
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2908
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
2909
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
2900
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: TooltipsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2901
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.30", ngImport: i0, type: TooltipsModule, imports: [TooltipDirective, TooltipContentComponent, LocalizedMessagesDirective, PopoverComponent, PopoverActionsTemplateDirective, PopoverBodyTemplateDirective, PopoverTitleTemplateDirective, PopoverAnchorDirective, PopoverContainerDirective], exports: [TooltipDirective, TooltipContentComponent, LocalizedMessagesDirective, PopoverComponent, PopoverActionsTemplateDirective, PopoverBodyTemplateDirective, PopoverTitleTemplateDirective, PopoverAnchorDirective, PopoverContainerDirective] });
|
|
2902
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: TooltipsModule, providers: [PopupService, ResizeBatchService, IconsService], imports: [TooltipContentComponent] });
|
|
2910
2903
|
}
|
|
2911
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2904
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: TooltipsModule, decorators: [{
|
|
2912
2905
|
type: NgModule,
|
|
2913
2906
|
args: [{
|
|
2914
2907
|
imports: [...KENDO_TOOLTIPS],
|
package/index.d.ts
CHANGED
|
@@ -6,6 +6,7 @@ import { ComponentMessages, LocalizationService } from '@progress/kendo-angular-
|
|
|
6
6
|
import * as i0 from '@angular/core';
|
|
7
7
|
import { TemplateRef, OnInit, OnDestroy, EventEmitter, ElementRef, Renderer2, NgZone, ComponentRef, SimpleChanges, ChangeDetectorRef, InjectionToken, OnChanges, AfterViewChecked, Injector } from '@angular/core';
|
|
8
8
|
import { PopupRef, PopupAnimation, Collision, PopupService } from '@progress/kendo-angular-popup';
|
|
9
|
+
export { Collision } from '@progress/kendo-angular-popup';
|
|
9
10
|
import { PreventableEvent } from '@progress/kendo-angular-common';
|
|
10
11
|
import { Observable, Subscription } from 'rxjs';
|
|
11
12
|
import { SVGIcon } from '@progress/kendo-svg-icons';
|
|
@@ -177,21 +178,6 @@ declare class PopoverHiddenEvent {
|
|
|
177
178
|
*/
|
|
178
179
|
type PopoverAnimation = PopupAnimation | boolean;
|
|
179
180
|
|
|
180
|
-
/**
|
|
181
|
-
* Configures the popup settings for the Popover component.
|
|
182
|
-
*/
|
|
183
|
-
interface PopupSettings {
|
|
184
|
-
/**
|
|
185
|
-
* Specifies CSS classes to apply to the Popup element of the Popover.
|
|
186
|
-
* Supports the same values as [ngClass](https://angular.dev/api/common/NgClass).
|
|
187
|
-
*/
|
|
188
|
-
popupClass?: string | string[] | Set<string>;
|
|
189
|
-
/**
|
|
190
|
-
* Provides screen boundary detection when the Popover is shown.
|
|
191
|
-
*/
|
|
192
|
-
collision?: Collision;
|
|
193
|
-
}
|
|
194
|
-
|
|
195
181
|
/**
|
|
196
182
|
* Represents the [Kendo UI Popover component for Angular](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover).
|
|
197
183
|
* Displays additional information related to a target element.
|
|
@@ -217,17 +203,14 @@ declare class PopoverComponent implements OnInit, OnDestroy {
|
|
|
217
203
|
* Specifies CSS classes to apply to the Popover element.
|
|
218
204
|
* Supports the same values as [ngClass](https://angular.dev/api/common/NgClass).
|
|
219
205
|
*/
|
|
220
|
-
popupClass: string | string[] | Set<string
|
|
206
|
+
set popupClass(value: string | string[] | Set<string>);
|
|
207
|
+
get popupClass(): string | string[] | Set<string>;
|
|
221
208
|
/**
|
|
222
209
|
* Provides screen boundary detection when the Popover is shown.
|
|
210
|
+
* @default { horizontal: 'fit', vertical: 'fit' }
|
|
223
211
|
*/
|
|
224
212
|
set collision(value: Collision);
|
|
225
213
|
get collision(): Collision;
|
|
226
|
-
/**
|
|
227
|
-
* Configures the popup settings for the Popover.
|
|
228
|
-
* Accepts a `PopupSettings` object with `popupClass` and `collision` properties.
|
|
229
|
-
*/
|
|
230
|
-
set popupSettings(value: PopupSettings);
|
|
231
214
|
/**
|
|
232
215
|
* Specifies the position of the Popover relative to its anchor element. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/positioning).
|
|
233
216
|
*
|
|
@@ -374,6 +357,7 @@ declare class PopoverComponent implements OnInit, OnDestroy {
|
|
|
374
357
|
* @hidden
|
|
375
358
|
*/
|
|
376
359
|
popoverId: string;
|
|
360
|
+
private _popupClass;
|
|
377
361
|
private _collision;
|
|
378
362
|
private _position;
|
|
379
363
|
private _offset;
|
|
@@ -401,7 +385,7 @@ declare class PopoverComponent implements OnInit, OnDestroy {
|
|
|
401
385
|
private keepFocusWithinComponent;
|
|
402
386
|
private setAriaAttributes;
|
|
403
387
|
static ɵfac: i0.ɵɵFactoryDeclaration<PopoverComponent, never>;
|
|
404
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PopoverComponent, "kendo-popover", never, { "popupClass": { "alias": "popupClass"; "required": false; }; "collision": { "alias": "collision"; "required": false; }; "
|
|
388
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PopoverComponent, "kendo-popover", never, { "popupClass": { "alias": "popupClass"; "required": false; }; "collision": { "alias": "collision"; "required": false; }; "position": { "alias": "position"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "body": { "alias": "body"; "required": false; }; "callout": { "alias": "callout"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "templateData": { "alias": "templateData"; "required": false; }; }, { "show": "show"; "shown": "shown"; "hide": "hide"; "hidden": "hidden"; "closeOnKeyDown": "closeOnKeyDown"; }, ["titleTemplate", "bodyTemplate", "actionsTemplate"], never, true, never>;
|
|
405
389
|
}
|
|
406
390
|
|
|
407
391
|
/**
|
|
@@ -870,7 +854,7 @@ declare class TooltipDirective implements OnDestroy, OnChanges, AfterViewChecked
|
|
|
870
854
|
set tooltipContentClass(value: string);
|
|
871
855
|
get tooltipContentClass(): string;
|
|
872
856
|
/**
|
|
873
|
-
* Provides screen boundary detection when the
|
|
857
|
+
* Provides screen boundary detection when the Tooltip is shown.
|
|
874
858
|
*/
|
|
875
859
|
set collision(value: Collision);
|
|
876
860
|
get collision(): Collision;
|
|
@@ -1099,4 +1083,4 @@ declare class TooltipsModule {
|
|
|
1099
1083
|
}
|
|
1100
1084
|
|
|
1101
1085
|
export { KENDO_POPOVER, KENDO_TOOLTIP, KENDO_TOOLTIPS, LocalizedMessagesDirective, PopoverActionsTemplateDirective, PopoverAnchorDirective, PopoverBodyTemplateDirective, PopoverComponent, PopoverContainerDirective, PopoverHiddenEvent, PopoverHideEvent, PopoverModule, PopoverShowEvent, PopoverShownEvent, PopoverTitleTemplateDirective, TOOLTIP_SETTINGS, TooltipContentComponent, TooltipDirective, TooltipModule, TooltipSettings, TooltipsModule };
|
|
1102
|
-
export type { PopoverAnimation, PopoverDataFn, PopoverFn, PopoverShowOption,
|
|
1086
|
+
export type { PopoverAnimation, PopoverDataFn, PopoverFn, PopoverShowOption, Position, ShowOption, TooltipThemeColor };
|
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.1.
|
|
10
|
+
"publishDate": 1788947652,
|
|
11
|
+
"version": "25.1.1-develop.1",
|
|
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.1.
|
|
3
|
+
"version": "25.1.1-develop.1",
|
|
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",
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
"package": {
|
|
44
44
|
"productName": "Kendo UI for Angular",
|
|
45
45
|
"productCode": "KENDOUIANGULAR",
|
|
46
|
-
"publishDate":
|
|
46
|
+
"publishDate": 1788947652,
|
|
47
47
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
48
48
|
}
|
|
49
49
|
},
|
|
@@ -53,15 +53,15 @@
|
|
|
53
53
|
"@angular/core": "20 - 22",
|
|
54
54
|
"@angular/platform-browser": "20 - 22",
|
|
55
55
|
"@progress/kendo-licensing": "^1.11.0",
|
|
56
|
-
"@progress/kendo-angular-common": "25.1.
|
|
57
|
-
"@progress/kendo-angular-l10n": "25.1.
|
|
58
|
-
"@progress/kendo-angular-popup": "25.1.
|
|
59
|
-
"@progress/kendo-angular-icons": "25.1.
|
|
56
|
+
"@progress/kendo-angular-common": "25.1.1-develop.1",
|
|
57
|
+
"@progress/kendo-angular-l10n": "25.1.1-develop.1",
|
|
58
|
+
"@progress/kendo-angular-popup": "25.1.1-develop.1",
|
|
59
|
+
"@progress/kendo-angular-icons": "25.1.1-develop.1",
|
|
60
60
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
61
61
|
},
|
|
62
62
|
"dependencies": {
|
|
63
63
|
"tslib": "^2.3.1",
|
|
64
|
-
"@progress/kendo-angular-schematics": "25.1.
|
|
64
|
+
"@progress/kendo-angular-schematics": "25.1.1-develop.1"
|
|
65
65
|
},
|
|
66
66
|
"schematics": "./schematics/collection.json",
|
|
67
67
|
"module": "fesm2022/progress-kendo-angular-tooltip.mjs",
|