@progress/kendo-angular-tooltip 25.1.0-develop.8 → 25.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/progress-kendo-angular-tooltip.mjs +14 -21
- package/index.d.ts +8 -24
- package/package-metadata.mjs +2 -2
- package/package.json +7 -7
|
@@ -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.0
|
|
305
|
+
publishDate: 1788864878,
|
|
306
|
+
version: '25.1.0',
|
|
307
307
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
308
308
|
};
|
|
309
309
|
|
|
@@ -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" }] : []));
|
|
@@ -754,7 +749,7 @@ class PopoverComponent {
|
|
|
754
749
|
this.renderer.setAttribute(wrapper, 'role', focusablePopoverChildren.length > 0 ? 'dialog' : 'tooltip');
|
|
755
750
|
}
|
|
756
751
|
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",
|
|
752
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", 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,
|
|
@@ -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,
|
|
@@ -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);
|
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.0
|
|
10
|
+
"publishDate": 1788864878,
|
|
11
|
+
"version": "25.1.0",
|
|
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.0
|
|
3
|
+
"version": "25.1.0",
|
|
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": 1788864878,
|
|
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.0
|
|
57
|
-
"@progress/kendo-angular-l10n": "25.1.0
|
|
58
|
-
"@progress/kendo-angular-popup": "25.1.0
|
|
59
|
-
"@progress/kendo-angular-icons": "25.1.0
|
|
56
|
+
"@progress/kendo-angular-common": "25.1.0",
|
|
57
|
+
"@progress/kendo-angular-l10n": "25.1.0",
|
|
58
|
+
"@progress/kendo-angular-popup": "25.1.0",
|
|
59
|
+
"@progress/kendo-angular-icons": "25.1.0",
|
|
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.0
|
|
64
|
+
"@progress/kendo-angular-schematics": "25.1.0"
|
|
65
65
|
},
|
|
66
66
|
"schematics": "./schematics/collection.json",
|
|
67
67
|
"module": "fesm2022/progress-kendo-angular-tooltip.mjs",
|