@progress/kendo-angular-tooltip 25.0.0-develop.3 → 25.0.0-develop.30
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.
|
@@ -13,6 +13,7 @@ exports.writeInstructionMarker = writeInstructionMarker;
|
|
|
13
13
|
exports.isApiChangeTarget = isApiChangeTarget;
|
|
14
14
|
exports.isRenderingChangeTarget = isRenderingChangeTarget;
|
|
15
15
|
exports.executeCodemodTest = executeCodemodTest;
|
|
16
|
+
exports.removeAttributeFromDirectiveHost = removeAttributeFromDirectiveHost;
|
|
16
17
|
const tslib_1 = require("tslib");
|
|
17
18
|
/// <reference types="node" />
|
|
18
19
|
const fs = tslib_1.__importStar(require("fs"));
|
|
@@ -1486,3 +1487,17 @@ function executeCodemodTest(codemod, testDir, exampleFileName = 'example.ts', ex
|
|
|
1486
1487
|
catch { }
|
|
1487
1488
|
}
|
|
1488
1489
|
}
|
|
1490
|
+
function removeAttributeFromDirectiveHost(templateContent, directiveAttr, attrToRemove) {
|
|
1491
|
+
const escapedDirective = directiveAttr.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
|
|
1492
|
+
const escapedAttr = attrToRemove.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
|
|
1493
|
+
const boundPattern = new RegExp(`(<[a-zA-Z][a-zA-Z0-9-]*[^>]*${escapedDirective}[^>]*?)\\s+\\[${escapedAttr}\\]\\s*=\\s*("(?:[^"\\\\]|\\\\.)*?"|'(?:[^'\\\\]|\\\\.)*?'|[^\\s>]+)([^>]*?>)`, 'gi');
|
|
1494
|
+
const staticPattern = new RegExp(`(<[a-zA-Z][a-zA-Z0-9-]*[^>]*${escapedDirective}[^>]*?)\\s+${escapedAttr}\\s*=\\s*("(?:[^"\\\\]|\\\\.)*?"|'(?:[^'\\\\]|\\\\.)*?'|[^\\s>]+)([^>]*?>)`, 'gi');
|
|
1495
|
+
// Also match when the attribute appears before the directive
|
|
1496
|
+
const boundPatternBefore = new RegExp(`(<[a-zA-Z][a-zA-Z0-9-]*[^>]*?)\\s+\\[${escapedAttr}\\]\\s*=\\s*("(?:[^"\\\\]|\\\\.)*?"|'(?:[^'\\\\]|\\\\.)*?'|[^\\s>]+)([^>]*${escapedDirective}[^>]*?>)`, 'gi');
|
|
1497
|
+
const staticPatternBefore = new RegExp(`(<[a-zA-Z][a-zA-Z0-9-]*[^>]*?)\\s+${escapedAttr}\\s*=\\s*("(?:[^"\\\\]|\\\\.)*?"|'(?:[^'\\\\]|\\\\.)*?'|[^\\s>]+)([^>]*${escapedDirective}[^>]*?>)`, 'gi');
|
|
1498
|
+
let result = templateContent.replace(boundPattern, '$1$3');
|
|
1499
|
+
result = result.replace(staticPattern, '$1$3');
|
|
1500
|
+
result = result.replace(boundPatternBefore, '$1$3');
|
|
1501
|
+
result = result.replace(staticPatternBefore, '$1$3');
|
|
1502
|
+
return result;
|
|
1503
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2026 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
|
+
exports.aiInstructions = void 0;
|
|
8
|
+
exports.default = default_1;
|
|
9
|
+
const codemods_1 = require("@progress/kendo-angular-common/codemods");
|
|
10
|
+
exports.aiInstructions = `Review your stylesheets, test files, and any code that references these Tooltip changes:
|
|
11
|
+
|
|
12
|
+
aria-labelledby — changed to aria-describedby on tooltip anchor elements.
|
|
13
|
+
Replace aria-labelledby selectors/assertions with aria-describedby in Tooltip context.`;
|
|
14
|
+
const pattern = /aria-labelledby/;
|
|
15
|
+
function default_1(fileInfo) {
|
|
16
|
+
if ((0, codemods_1.isRenderingChangeTarget)(fileInfo.path)) {
|
|
17
|
+
if (pattern.test(fileInfo.source)) {
|
|
18
|
+
(0, codemods_1.writeInstructionMarker)(exports.aiInstructions, __filename, fileInfo.path);
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
return fileInfo.source;
|
|
22
|
+
}
|
|
@@ -6,7 +6,7 @@ import * as i0 from '@angular/core';
|
|
|
6
6
|
import { forwardRef, Input, Directive, Optional, isDevMode, EventEmitter, signal, afterNextRender, HostBinding, ContentChild, ViewChild, Output, ChangeDetectionStrategy, Component, ElementRef, ChangeDetectorRef, Injectable, InjectionToken, Inject, NgModule } from '@angular/core';
|
|
7
7
|
import * as i1 from '@progress/kendo-angular-l10n';
|
|
8
8
|
import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
|
|
9
|
-
import { PreventableEvent, focusableSelector, Keys, isDocumentAvailable, closest, hasObservers, ResizeBatchService } from '@progress/kendo-angular-common';
|
|
9
|
+
import { PreventableEvent, focusableSelector, Keys, isDocumentAvailable, closest, hasObservers, provideComponentName, ResizeBatchService } from '@progress/kendo-angular-common';
|
|
10
10
|
import * as i1$1 from '@progress/kendo-angular-popup';
|
|
11
11
|
import { PopupService } from '@progress/kendo-angular-popup';
|
|
12
12
|
import { auditTime, take, filter } from 'rxjs/operators';
|
|
@@ -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.27", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
33
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", 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.27", 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.0.0-develop.
|
|
305
|
+
publishDate: 1786449821,
|
|
306
|
+
version: '25.0.0-develop.30',
|
|
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.27", 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.27", 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.27", 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.27", 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.27", 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.27", 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.27", 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.27", 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.27", ngImport: i0, type: PopoverActionsTemplateDirective, decorators: [{
|
|
400
400
|
type: Directive,
|
|
401
401
|
args: [{
|
|
402
402
|
selector: '[kendoPopoverActionsTemplate]',
|
|
@@ -427,6 +427,32 @@ class PopoverComponent {
|
|
|
427
427
|
* @hidden
|
|
428
428
|
*/
|
|
429
429
|
anchor;
|
|
430
|
+
/**
|
|
431
|
+
* Specifies CSS classes to apply to the Popover element.
|
|
432
|
+
* Supports the same values as [ngClass](https://angular.dev/api/common/NgClass).
|
|
433
|
+
*/
|
|
434
|
+
popupClass;
|
|
435
|
+
/**
|
|
436
|
+
* Provides screen boundary detection when the Popover is shown.
|
|
437
|
+
*/
|
|
438
|
+
set collision(value) {
|
|
439
|
+
this._collision.set(value);
|
|
440
|
+
}
|
|
441
|
+
get collision() {
|
|
442
|
+
return this._collision();
|
|
443
|
+
}
|
|
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
|
+
}
|
|
430
456
|
/**
|
|
431
457
|
* Specifies the position of the Popover relative to its anchor element. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/positioning).
|
|
432
458
|
*
|
|
@@ -631,6 +657,7 @@ class PopoverComponent {
|
|
|
631
657
|
* @hidden
|
|
632
658
|
*/
|
|
633
659
|
popoverId = '';
|
|
660
|
+
_collision = signal(null, ...(ngDevMode ? [{ debugName: "_collision" }] : []));
|
|
634
661
|
_position = signal('right', ...(ngDevMode ? [{ debugName: "_position" }] : []));
|
|
635
662
|
_offset = signal(6, ...(ngDevMode ? [{ debugName: "_offset" }] : []));
|
|
636
663
|
_widthValue = signal('auto', ...(ngDevMode ? [{ debugName: "_widthValue" }] : []));
|
|
@@ -726,8 +753,8 @@ class PopoverComponent {
|
|
|
726
753
|
this.renderer.setAttribute(wrapper, 'id', this.popoverId);
|
|
727
754
|
this.renderer.setAttribute(wrapper, 'role', focusablePopoverChildren.length > 0 ? 'dialog' : 'tooltip');
|
|
728
755
|
}
|
|
729
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
730
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
756
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PopoverComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
757
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: PopoverComponent, isStandalone: true, selector: "kendo-popover", inputs: { popupClass: "popupClass", collision: "collision", popupSettings: "popupSettings", 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: [
|
|
731
758
|
LocalizationService,
|
|
732
759
|
{
|
|
733
760
|
provide: L10N_PREFIX,
|
|
@@ -735,7 +762,7 @@ class PopoverComponent {
|
|
|
735
762
|
}
|
|
736
763
|
], queries: [{ propertyName: "titleTemplate", first: true, predicate: PopoverTitleTemplateDirective, descendants: true }, { propertyName: "bodyTemplate", first: true, predicate: PopoverBodyTemplateDirective, descendants: true }, { propertyName: "actionsTemplate", first: true, predicate: PopoverActionsTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "popoverWrapper", first: true, predicate: ["popoverWrapper"], descendants: true }, { propertyName: "titleTemplateWrapper", first: true, predicate: ["titleTemplateWrapper"], descendants: true }, { propertyName: "bodyTemplateWrapper", first: true, predicate: ["bodyTemplateWrapper"], descendants: true }], ngImport: i0, template: `
|
|
737
764
|
@if (visible) {
|
|
738
|
-
<div #popoverWrapper class="k-popover k-popup" [ngStyle]="{'width': width, 'height': height}">
|
|
765
|
+
<div #popoverWrapper class="k-popover k-popup" [ngClass]="popupClass" [ngStyle]="{'width': width, 'height': height}">
|
|
739
766
|
@if (callout) {
|
|
740
767
|
<div class="k-popover-callout" [ngClass]="getCalloutPosition()"></div>
|
|
741
768
|
}
|
|
@@ -823,7 +850,7 @@ class PopoverComponent {
|
|
|
823
850
|
}
|
|
824
851
|
`, 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 });
|
|
825
852
|
}
|
|
826
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
853
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PopoverComponent, decorators: [{
|
|
827
854
|
type: Component,
|
|
828
855
|
args: [{
|
|
829
856
|
selector: 'kendo-popover',
|
|
@@ -836,7 +863,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
|
|
|
836
863
|
],
|
|
837
864
|
template: `
|
|
838
865
|
@if (visible) {
|
|
839
|
-
<div #popoverWrapper class="k-popover k-popup" [ngStyle]="{'width': width, 'height': height}">
|
|
866
|
+
<div #popoverWrapper class="k-popover k-popup" [ngClass]="popupClass" [ngStyle]="{'width': width, 'height': height}">
|
|
840
867
|
@if (callout) {
|
|
841
868
|
<div class="k-popover-callout" [ngClass]="getCalloutPosition()"></div>
|
|
842
869
|
}
|
|
@@ -927,7 +954,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
|
|
|
927
954
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
928
955
|
imports: [NgStyle, NgClass, NgTemplateOutlet]
|
|
929
956
|
}]
|
|
930
|
-
}], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: {
|
|
957
|
+
}], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { popupClass: [{
|
|
958
|
+
type: Input
|
|
959
|
+
}], collision: [{
|
|
960
|
+
type: Input
|
|
961
|
+
}], popupSettings: [{
|
|
962
|
+
type: Input
|
|
963
|
+
}], position: [{
|
|
931
964
|
type: Input
|
|
932
965
|
}], offset: [{
|
|
933
966
|
type: Input
|
|
@@ -993,6 +1026,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
|
|
|
993
1026
|
}] } });
|
|
994
1027
|
|
|
995
1028
|
const validShowOptions = ['hover', 'click', 'none', 'focus'];
|
|
1029
|
+
const flipMap = {
|
|
1030
|
+
top: { vertical: 'bottom', horizontal: 'top' },
|
|
1031
|
+
bottom: { vertical: 'top', horizontal: 'bottom' },
|
|
1032
|
+
left: { horizontal: 'right', vertical: 'left' },
|
|
1033
|
+
right: { horizontal: 'left', vertical: 'right' }
|
|
1034
|
+
};
|
|
996
1035
|
/**
|
|
997
1036
|
* @hidden
|
|
998
1037
|
*/
|
|
@@ -1125,6 +1164,7 @@ class PopoverDirectivesBase {
|
|
|
1125
1164
|
const popupAlign = alignSettings.popupAlign;
|
|
1126
1165
|
const popupMargin = alignSettings.popupMargin;
|
|
1127
1166
|
const _animation = popoverComp.animation;
|
|
1167
|
+
const _collision = (popoverComp.collision || { horizontal: 'flip', vertical: 'flip' });
|
|
1128
1168
|
this.popupRef = this.popupService.open({
|
|
1129
1169
|
anchor: { nativeElement: this.anchor },
|
|
1130
1170
|
animate: _animation,
|
|
@@ -1132,7 +1172,7 @@ class PopoverDirectivesBase {
|
|
|
1132
1172
|
popupAlign,
|
|
1133
1173
|
anchorAlign,
|
|
1134
1174
|
margin: popupMargin,
|
|
1135
|
-
collision:
|
|
1175
|
+
collision: _collision
|
|
1136
1176
|
});
|
|
1137
1177
|
const popupInstance = this.popupRef.content.instance;
|
|
1138
1178
|
// Avoid adding the default k-popup class which leads to visual and rendering discrepancies
|
|
@@ -1154,6 +1194,20 @@ class PopoverDirectivesBase {
|
|
|
1154
1194
|
this.hide();
|
|
1155
1195
|
}));
|
|
1156
1196
|
this.applySettings(this.popupRef.content, popoverComp);
|
|
1197
|
+
this._popupSubs.add(this.popupRef.popupPositionChange.subscribe(({ flip }) => {
|
|
1198
|
+
const configuredPos = popoverComp.position;
|
|
1199
|
+
let actualPos = configuredPos;
|
|
1200
|
+
if (flip.horizontal) {
|
|
1201
|
+
actualPos = flipMap[actualPos].horizontal;
|
|
1202
|
+
}
|
|
1203
|
+
if (flip.vertical) {
|
|
1204
|
+
actualPos = flipMap[actualPos].vertical;
|
|
1205
|
+
}
|
|
1206
|
+
if (actualPos !== popupInstance.position) {
|
|
1207
|
+
popupInstance.position = actualPos;
|
|
1208
|
+
this.popupRef.content.changeDetectorRef.detectChanges();
|
|
1209
|
+
}
|
|
1210
|
+
}));
|
|
1157
1211
|
this.monitorPopup();
|
|
1158
1212
|
this.initializeCompletionEvents(popoverComp, this.anchor);
|
|
1159
1213
|
}
|
|
@@ -1198,6 +1252,7 @@ class PopoverDirectivesBase {
|
|
|
1198
1252
|
content.visible = true;
|
|
1199
1253
|
content.anchor = this.anchor;
|
|
1200
1254
|
content.position = popover.position;
|
|
1255
|
+
content.popupClass = popover.popupClass;
|
|
1201
1256
|
content.offset = popover.offset;
|
|
1202
1257
|
content.width = popover.width;
|
|
1203
1258
|
content.height = popover.height;
|
|
@@ -1290,10 +1345,10 @@ class PopoverDirectivesBase {
|
|
|
1290
1345
|
}
|
|
1291
1346
|
return false;
|
|
1292
1347
|
}
|
|
1293
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1294
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
1348
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PopoverDirectivesBase, deps: [{ token: i0.NgZone }, { token: i1$1.PopupService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1349
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: PopoverDirectivesBase, isStandalone: true, inputs: { popover: "popover", showOn: "showOn" }, ngImport: i0 });
|
|
1295
1350
|
}
|
|
1296
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1351
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PopoverDirectivesBase, decorators: [{
|
|
1297
1352
|
type: Directive,
|
|
1298
1353
|
args: [{}]
|
|
1299
1354
|
}], ctorParameters: () => [{ type: i0.NgZone }, { type: i1$1.PopupService }, { type: i0.Renderer2 }], propDecorators: { popover: [{
|
|
@@ -1359,10 +1414,10 @@ class PopoverService {
|
|
|
1359
1414
|
this._hidePopover.next([isPopoverHovered, isAnchorHovered, this._isOrigin, this.currentAnchor]);
|
|
1360
1415
|
}));
|
|
1361
1416
|
}
|
|
1362
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1363
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
1417
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PopoverService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1418
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PopoverService });
|
|
1364
1419
|
}
|
|
1365
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1420
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PopoverService, decorators: [{
|
|
1366
1421
|
type: Injectable
|
|
1367
1422
|
}], ctorParameters: () => [{ type: i0.NgZone }] });
|
|
1368
1423
|
|
|
@@ -1511,10 +1566,10 @@ class PopoverAnchorDirective extends PopoverDirectivesBase {
|
|
|
1511
1566
|
this.hide();
|
|
1512
1567
|
}
|
|
1513
1568
|
}
|
|
1514
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1515
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
1569
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PopoverAnchorDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1$1.PopupService }, { token: i0.Renderer2 }, { token: PopoverService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1570
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: PopoverAnchorDirective, isStandalone: true, selector: "[kendoPopoverAnchor]", providers: [PopoverService], exportAs: ["kendoPopoverAnchor"], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
|
|
1516
1571
|
}
|
|
1517
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1572
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PopoverAnchorDirective, decorators: [{
|
|
1518
1573
|
type: Directive,
|
|
1519
1574
|
args: [{
|
|
1520
1575
|
selector: '[kendoPopoverAnchor]',
|
|
@@ -1685,10 +1740,10 @@ class PopoverContainerDirective extends PopoverDirectivesBase {
|
|
|
1685
1740
|
this.hide();
|
|
1686
1741
|
}
|
|
1687
1742
|
}
|
|
1688
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1689
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
1743
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PopoverContainerDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1$1.PopupService }, { token: i0.Renderer2 }, { token: PopoverService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1744
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: PopoverContainerDirective, isStandalone: true, selector: "[kendoPopoverContainer]", inputs: { filter: "filter" }, providers: [PopoverService], exportAs: ["kendoPopoverContainer"], usesInheritance: true, ngImport: i0 });
|
|
1690
1745
|
}
|
|
1691
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1746
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PopoverContainerDirective, decorators: [{
|
|
1692
1747
|
type: Directive,
|
|
1693
1748
|
args: [{
|
|
1694
1749
|
selector: '[kendoPopoverContainer]',
|
|
@@ -1872,13 +1927,14 @@ class TooltipContentComponent {
|
|
|
1872
1927
|
styles.transform = isVertical ? `rotateX(${flipDeg})` : `rotateY(${flipDeg})`;
|
|
1873
1928
|
return styles;
|
|
1874
1929
|
};
|
|
1875
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1876
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
1930
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: TooltipContentComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1931
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", 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: [
|
|
1877
1932
|
LocalizationService,
|
|
1878
1933
|
{
|
|
1879
1934
|
provide: L10N_PREFIX,
|
|
1880
1935
|
useValue: 'kendo.tooltip'
|
|
1881
|
-
}
|
|
1936
|
+
},
|
|
1937
|
+
provideComponentName('tooltip')
|
|
1882
1938
|
], ngImport: i0, template: `
|
|
1883
1939
|
<ng-container kendoTooltipLocalizedMessages
|
|
1884
1940
|
i18n-closeTitle="kendo.tooltip.closeTitle|The title of the close button"
|
|
@@ -1924,7 +1980,7 @@ class TooltipContentComponent {
|
|
|
1924
1980
|
}
|
|
1925
1981
|
`, 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 });
|
|
1926
1982
|
}
|
|
1927
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1983
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: TooltipContentComponent, decorators: [{
|
|
1928
1984
|
type: Component,
|
|
1929
1985
|
args: [{
|
|
1930
1986
|
selector: 'kendo-tooltip',
|
|
@@ -1977,7 +2033,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
|
|
|
1977
2033
|
{
|
|
1978
2034
|
provide: L10N_PREFIX,
|
|
1979
2035
|
useValue: 'kendo.tooltip'
|
|
1980
|
-
}
|
|
2036
|
+
},
|
|
2037
|
+
provideComponentName('tooltip')
|
|
1981
2038
|
],
|
|
1982
2039
|
standalone: true,
|
|
1983
2040
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -2082,10 +2139,10 @@ class TooltipSettings {
|
|
|
2082
2139
|
* @hidden
|
|
2083
2140
|
*/
|
|
2084
2141
|
constructor() { }
|
|
2085
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2086
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
2142
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: TooltipSettings, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2143
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: TooltipSettings });
|
|
2087
2144
|
}
|
|
2088
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2145
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: TooltipSettings, decorators: [{
|
|
2089
2146
|
type: Injectable
|
|
2090
2147
|
}], ctorParameters: () => [] });
|
|
2091
2148
|
|
|
@@ -2360,10 +2417,10 @@ class TooltipDirective {
|
|
|
2360
2417
|
clearTimeout(this.showTimeout);
|
|
2361
2418
|
const anchor = this.anchor?.nativeElement;
|
|
2362
2419
|
if (anchor?.getAttribute('data-title')) {
|
|
2363
|
-
if (!anchor
|
|
2364
|
-
anchor
|
|
2420
|
+
if (!anchor?.getAttribute('title') && anchor?.hasAttribute('title')) {
|
|
2421
|
+
anchor?.setAttribute('title', anchor?.getAttribute('data-title'));
|
|
2365
2422
|
}
|
|
2366
|
-
anchor
|
|
2423
|
+
anchor?.setAttribute('data-title', '');
|
|
2367
2424
|
}
|
|
2368
2425
|
if (this.popupMouseOutSubscription) {
|
|
2369
2426
|
this.popupMouseOutSubscription.unsubscribe();
|
|
@@ -2509,7 +2566,7 @@ class TooltipDirective {
|
|
|
2509
2566
|
}
|
|
2510
2567
|
const popupInstance = this.popupRef.content.instance;
|
|
2511
2568
|
if (anchorRef) {
|
|
2512
|
-
this.renderer.setAttribute(anchorRef.nativeElement, 'aria-
|
|
2569
|
+
this.renderer.setAttribute(anchorRef.nativeElement, 'aria-describedby', popupInstance.tooltipId);
|
|
2513
2570
|
}
|
|
2514
2571
|
if (popupInstance.callout) {
|
|
2515
2572
|
this.popupPositionChangeSubscription = this.popupRef.popupPositionChange
|
|
@@ -2529,7 +2586,7 @@ class TooltipDirective {
|
|
|
2529
2586
|
closePopup() {
|
|
2530
2587
|
if (this.popupRef) {
|
|
2531
2588
|
if (this.anchor) {
|
|
2532
|
-
this.renderer.removeAttribute(this.anchor?.nativeElement, 'aria-
|
|
2589
|
+
this.renderer.removeAttribute(this.anchor?.nativeElement, 'aria-describedby');
|
|
2533
2590
|
}
|
|
2534
2591
|
this.popupRef.close();
|
|
2535
2592
|
this.popupRef = null;
|
|
@@ -2572,14 +2629,14 @@ class TooltipDirective {
|
|
|
2572
2629
|
const target = event.target;
|
|
2573
2630
|
if (this.popupRef) {
|
|
2574
2631
|
const tooltipId = this.popupRef.content.location.nativeElement.getAttribute('id');
|
|
2575
|
-
const
|
|
2576
|
-
if (keyCode === Keys.Escape && this.canCloseTooltip(target, tooltipId,
|
|
2632
|
+
const anchorDescribedBy = target.getAttribute('aria-describedby');
|
|
2633
|
+
if (keyCode === Keys.Escape && this.canCloseTooltip(target, tooltipId, anchorDescribedBy)) {
|
|
2577
2634
|
this.closePopup();
|
|
2578
2635
|
}
|
|
2579
2636
|
}
|
|
2580
2637
|
}
|
|
2581
|
-
canCloseTooltip(target, tooltipId,
|
|
2582
|
-
const isIdEqualsLabel = tooltipId ===
|
|
2638
|
+
canCloseTooltip(target, tooltipId, anchorDescribedBy) {
|
|
2639
|
+
const isIdEqualsLabel = tooltipId === anchorDescribedBy;
|
|
2583
2640
|
const filterElement = closestBySelector(target, this.filter);
|
|
2584
2641
|
const isTargetFocused = target === document.activeElement;
|
|
2585
2642
|
const isTargetInsideWrapper = this.tooltipWrapper.nativeElement.contains(target);
|
|
@@ -2622,10 +2679,10 @@ class TooltipDirective {
|
|
|
2622
2679
|
throw new Error(`Invalid value provided for showOn property.The available options are 'hover' or 'none'.`);
|
|
2623
2680
|
}
|
|
2624
2681
|
}
|
|
2625
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2626
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
2682
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", 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 });
|
|
2683
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", 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 });
|
|
2627
2684
|
}
|
|
2628
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2685
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: TooltipDirective, decorators: [{
|
|
2629
2686
|
type: Directive,
|
|
2630
2687
|
args: [{
|
|
2631
2688
|
selector: '[kendoTooltip]',
|
|
@@ -2781,11 +2838,11 @@ const KENDO_TOOLTIPS = [
|
|
|
2781
2838
|
* ```
|
|
2782
2839
|
*/
|
|
2783
2840
|
class TooltipModule {
|
|
2784
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2785
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
2786
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
2841
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2842
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.27", ngImport: i0, type: TooltipModule, imports: [TooltipDirective, TooltipContentComponent, LocalizedMessagesDirective], exports: [TooltipDirective, TooltipContentComponent, LocalizedMessagesDirective] });
|
|
2843
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: TooltipModule, providers: [PopupService, ResizeBatchService, IconsService], imports: [TooltipContentComponent] });
|
|
2787
2844
|
}
|
|
2788
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2845
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: TooltipModule, decorators: [{
|
|
2789
2846
|
type: NgModule,
|
|
2790
2847
|
args: [{
|
|
2791
2848
|
imports: [...KENDO_TOOLTIP],
|
|
@@ -2814,11 +2871,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
|
|
|
2814
2871
|
* ```
|
|
2815
2872
|
*/
|
|
2816
2873
|
class PopoverModule {
|
|
2817
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2818
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
2819
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
2874
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2875
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.27", ngImport: i0, type: PopoverModule, imports: [PopoverComponent, PopoverActionsTemplateDirective, PopoverBodyTemplateDirective, PopoverTitleTemplateDirective, PopoverAnchorDirective, PopoverContainerDirective], exports: [PopoverComponent, PopoverActionsTemplateDirective, PopoverBodyTemplateDirective, PopoverTitleTemplateDirective, PopoverAnchorDirective, PopoverContainerDirective] });
|
|
2876
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PopoverModule, providers: [PopupService, ResizeBatchService] });
|
|
2820
2877
|
}
|
|
2821
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2878
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: PopoverModule, decorators: [{
|
|
2822
2879
|
type: NgModule,
|
|
2823
2880
|
args: [{
|
|
2824
2881
|
exports: [...KENDO_POPOVER],
|
|
@@ -2847,11 +2904,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
|
|
|
2847
2904
|
* ```
|
|
2848
2905
|
*/
|
|
2849
2906
|
class TooltipsModule {
|
|
2850
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2851
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
2852
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
2907
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: TooltipsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2908
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.27", ngImport: i0, type: TooltipsModule, imports: [TooltipDirective, TooltipContentComponent, LocalizedMessagesDirective, PopoverComponent, PopoverActionsTemplateDirective, PopoverBodyTemplateDirective, PopoverTitleTemplateDirective, PopoverAnchorDirective, PopoverContainerDirective], exports: [TooltipDirective, TooltipContentComponent, LocalizedMessagesDirective, PopoverComponent, PopoverActionsTemplateDirective, PopoverBodyTemplateDirective, PopoverTitleTemplateDirective, PopoverAnchorDirective, PopoverContainerDirective] });
|
|
2909
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: TooltipsModule, providers: [PopupService, ResizeBatchService, IconsService], imports: [TooltipContentComponent] });
|
|
2853
2910
|
}
|
|
2854
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2911
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: TooltipsModule, decorators: [{
|
|
2855
2912
|
type: NgModule,
|
|
2856
2913
|
args: [{
|
|
2857
2914
|
imports: [...KENDO_TOOLTIPS],
|
package/index.d.ts
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import { ComponentMessages, LocalizationService } from '@progress/kendo-angular-l10n';
|
|
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
|
-
import { PopupRef, PopupAnimation,
|
|
8
|
+
import { PopupRef, PopupAnimation, Collision, PopupService } from '@progress/kendo-angular-popup';
|
|
9
9
|
import { PreventableEvent } from '@progress/kendo-angular-common';
|
|
10
10
|
import { Observable, Subscription } from 'rxjs';
|
|
11
11
|
import { SVGIcon } from '@progress/kendo-svg-icons';
|
|
@@ -177,6 +177,21 @@ declare class PopoverHiddenEvent {
|
|
|
177
177
|
*/
|
|
178
178
|
type PopoverAnimation = PopupAnimation | boolean;
|
|
179
179
|
|
|
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
|
+
|
|
180
195
|
/**
|
|
181
196
|
* Represents the [Kendo UI Popover component for Angular](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover).
|
|
182
197
|
* Displays additional information related to a target element.
|
|
@@ -198,6 +213,21 @@ declare class PopoverComponent implements OnInit, OnDestroy {
|
|
|
198
213
|
* @hidden
|
|
199
214
|
*/
|
|
200
215
|
anchor: Element;
|
|
216
|
+
/**
|
|
217
|
+
* Specifies CSS classes to apply to the Popover element.
|
|
218
|
+
* Supports the same values as [ngClass](https://angular.dev/api/common/NgClass).
|
|
219
|
+
*/
|
|
220
|
+
popupClass: string | string[] | Set<string>;
|
|
221
|
+
/**
|
|
222
|
+
* Provides screen boundary detection when the Popover is shown.
|
|
223
|
+
*/
|
|
224
|
+
set collision(value: Collision);
|
|
225
|
+
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);
|
|
201
231
|
/**
|
|
202
232
|
* Specifies the position of the Popover relative to its anchor element. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/positioning).
|
|
203
233
|
*
|
|
@@ -344,6 +374,7 @@ declare class PopoverComponent implements OnInit, OnDestroy {
|
|
|
344
374
|
* @hidden
|
|
345
375
|
*/
|
|
346
376
|
popoverId: string;
|
|
377
|
+
private _collision;
|
|
347
378
|
private _position;
|
|
348
379
|
private _offset;
|
|
349
380
|
private _widthValue;
|
|
@@ -370,7 +401,7 @@ declare class PopoverComponent implements OnInit, OnDestroy {
|
|
|
370
401
|
private keepFocusWithinComponent;
|
|
371
402
|
private setAriaAttributes;
|
|
372
403
|
static ɵfac: i0.ɵɵFactoryDeclaration<PopoverComponent, never>;
|
|
373
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PopoverComponent, "kendo-popover", never, { "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>;
|
|
404
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PopoverComponent, "kendo-popover", never, { "popupClass": { "alias": "popupClass"; "required": false; }; "collision": { "alias": "collision"; "required": false; }; "popupSettings": { "alias": "popupSettings"; "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>;
|
|
374
405
|
}
|
|
375
406
|
|
|
376
407
|
/**
|
|
@@ -1068,4 +1099,4 @@ declare class TooltipsModule {
|
|
|
1068
1099
|
}
|
|
1069
1100
|
|
|
1070
1101
|
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 };
|
|
1071
|
-
export type { PopoverAnimation, PopoverDataFn, PopoverFn, PopoverShowOption, Position, ShowOption, TooltipThemeColor };
|
|
1102
|
+
export type { PopoverAnimation, PopoverDataFn, PopoverFn, PopoverShowOption, PopupSettings, 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.0.0-develop.
|
|
10
|
+
"publishDate": 1786449821,
|
|
11
|
+
"version": "25.0.0-develop.30",
|
|
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.30",
|
|
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",
|
|
@@ -30,13 +30,20 @@
|
|
|
30
30
|
"file": "codemods/v24/tooltip-rendering-changes.js",
|
|
31
31
|
"instructionsOnly": true
|
|
32
32
|
}
|
|
33
|
+
],
|
|
34
|
+
"25": [
|
|
35
|
+
{
|
|
36
|
+
"description": "The Tooltip has rendering changes that may affect custom styling.",
|
|
37
|
+
"file": "codemods/v25/tooltip-rendering-changes.js",
|
|
38
|
+
"instructionsOnly": true
|
|
39
|
+
}
|
|
33
40
|
]
|
|
34
41
|
}
|
|
35
42
|
},
|
|
36
43
|
"package": {
|
|
37
44
|
"productName": "Kendo UI for Angular",
|
|
38
45
|
"productCode": "KENDOUIANGULAR",
|
|
39
|
-
"publishDate":
|
|
46
|
+
"publishDate": 1786449821,
|
|
40
47
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
41
48
|
}
|
|
42
49
|
},
|
|
@@ -46,15 +53,15 @@
|
|
|
46
53
|
"@angular/core": "20 - 22",
|
|
47
54
|
"@angular/platform-browser": "20 - 22",
|
|
48
55
|
"@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.
|
|
56
|
+
"@progress/kendo-angular-common": "25.0.0-develop.30",
|
|
57
|
+
"@progress/kendo-angular-l10n": "25.0.0-develop.30",
|
|
58
|
+
"@progress/kendo-angular-popup": "25.0.0-develop.30",
|
|
59
|
+
"@progress/kendo-angular-icons": "25.0.0-develop.30",
|
|
53
60
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
54
61
|
},
|
|
55
62
|
"dependencies": {
|
|
56
63
|
"tslib": "^2.3.1",
|
|
57
|
-
"@progress/kendo-angular-schematics": "25.0.0-develop.
|
|
64
|
+
"@progress/kendo-angular-schematics": "25.0.0-develop.30"
|
|
58
65
|
},
|
|
59
66
|
"schematics": "./schematics/collection.json",
|
|
60
67
|
"module": "fesm2022/progress-kendo-angular-tooltip.mjs",
|