@progress/kendo-vue-tooltip 5.3.0-dev.202410141143 → 5.3.0-develop.2
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/README.md +24 -29
- package/Tooltip.js +8 -0
- package/Tooltip.mjs +271 -0
- package/dist/cdn/js/kendo-vue-tooltip.js +8 -1
- package/index.d.mts +304 -0
- package/index.d.ts +304 -0
- package/index.js +8 -0
- package/index.mjs +11 -0
- package/package-metadata.js +8 -0
- package/package-metadata.mjs +18 -0
- package/package.json +22 -39
- package/utils.js +8 -0
- package/utils.mjs +52 -0
- package/dist/es/Tooltip.d.ts +0 -52
- package/dist/es/Tooltip.js +0 -420
- package/dist/es/TooltipProps.d.ts +0 -100
- package/dist/es/TooltipProps.js +0 -2
- package/dist/es/additionalTypes.ts +0 -21
- package/dist/es/events.d.ts +0 -34
- package/dist/es/events.js +0 -1
- package/dist/es/main.d.ts +0 -5
- package/dist/es/main.js +0 -2
- package/dist/es/package-metadata.d.ts +0 -5
- package/dist/es/package-metadata.js +0 -11
- package/dist/es/utils.d.ts +0 -24
- package/dist/es/utils.js +0 -76
- package/dist/esm/Tooltip.d.ts +0 -52
- package/dist/esm/Tooltip.js +0 -420
- package/dist/esm/TooltipProps.d.ts +0 -100
- package/dist/esm/TooltipProps.js +0 -2
- package/dist/esm/additionalTypes.ts +0 -21
- package/dist/esm/events.d.ts +0 -34
- package/dist/esm/events.js +0 -1
- package/dist/esm/main.d.ts +0 -5
- package/dist/esm/main.js +0 -2
- package/dist/esm/package-metadata.d.ts +0 -5
- package/dist/esm/package-metadata.js +0 -11
- package/dist/esm/package.json +0 -3
- package/dist/esm/utils.d.ts +0 -24
- package/dist/esm/utils.js +0 -76
- package/dist/npm/Tooltip.d.ts +0 -52
- package/dist/npm/Tooltip.js +0 -427
- package/dist/npm/TooltipProps.d.ts +0 -100
- package/dist/npm/TooltipProps.js +0 -3
- package/dist/npm/additionalTypes.ts +0 -21
- package/dist/npm/events.d.ts +0 -34
- package/dist/npm/events.js +0 -2
- package/dist/npm/main.d.ts +0 -5
- package/dist/npm/main.js +0 -6
- package/dist/npm/package-metadata.d.ts +0 -5
- package/dist/npm/package-metadata.js +0 -14
- package/dist/npm/utils.d.ts +0 -24
- package/dist/npm/utils.js +0 -86
package/dist/npm/events.d.ts
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { TooltipPosition } from './utils';
|
|
2
|
-
export interface TooltipEvent {
|
|
3
|
-
event: any;
|
|
4
|
-
}
|
|
5
|
-
export interface TooltipPositionEvent {
|
|
6
|
-
/**
|
|
7
|
-
* The Tooltip element. Useful to get the actual `width` and `height` of rendered Tooltip.
|
|
8
|
-
*/
|
|
9
|
-
element: HTMLDivElement;
|
|
10
|
-
/**
|
|
11
|
-
* The current target element. Useful to calculate `top` and `left` position of the Tooltip element.
|
|
12
|
-
*/
|
|
13
|
-
targetElement: HTMLElement | null;
|
|
14
|
-
/**
|
|
15
|
-
* The current mouse `top` position;
|
|
16
|
-
*/
|
|
17
|
-
mouseTop: number;
|
|
18
|
-
/**
|
|
19
|
-
* The current mouse `left` position.
|
|
20
|
-
*/
|
|
21
|
-
mouseLeft: number;
|
|
22
|
-
/**
|
|
23
|
-
* The Tooltip anchor element prop.
|
|
24
|
-
*/
|
|
25
|
-
anchorElement?: string;
|
|
26
|
-
/**
|
|
27
|
-
* The Tooltip position prop.
|
|
28
|
-
*/
|
|
29
|
-
position?: TooltipPosition;
|
|
30
|
-
/**
|
|
31
|
-
* The Tooltip default calculated position.
|
|
32
|
-
*/
|
|
33
|
-
defaultPosition?: TooltipPosition;
|
|
34
|
-
}
|
package/dist/npm/events.js
DELETED
package/dist/npm/main.d.ts
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { Tooltip, TooltipVue2 } from './Tooltip';
|
|
2
|
-
import { TooltipProps } from './TooltipProps';
|
|
3
|
-
import { TooltipEvent, TooltipPositionEvent } from './events';
|
|
4
|
-
import { TooltipPosition } from './utils';
|
|
5
|
-
export { Tooltip, TooltipVue2, TooltipEvent, TooltipPositionEvent, TooltipProps, TooltipPosition };
|
package/dist/npm/main.js
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.TooltipVue2 = exports.Tooltip = void 0;
|
|
4
|
-
var Tooltip_1 = require("./Tooltip");
|
|
5
|
-
Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
|
|
6
|
-
Object.defineProperty(exports, "TooltipVue2", { enumerable: true, get: function () { return Tooltip_1.TooltipVue2; } });
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.packageMetadata = void 0;
|
|
4
|
-
/**
|
|
5
|
-
* @hidden
|
|
6
|
-
*/
|
|
7
|
-
exports.packageMetadata = {
|
|
8
|
-
name: '@progress/kendo-vue-tooltip',
|
|
9
|
-
productName: 'Kendo UI for Vue',
|
|
10
|
-
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate: 1728906101,
|
|
12
|
-
version: '',
|
|
13
|
-
licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
|
|
14
|
-
};
|
package/dist/npm/utils.d.ts
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @hidden
|
|
3
|
-
*/
|
|
4
|
-
export declare type TooltipPosition = 'right' | 'left' | 'bottom' | 'top' | 'auto';
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export declare const getLeftPosition: (left: any, elementWidth: any, targetElement: any, anchorElement: any, position: any) => any;
|
|
9
|
-
/**
|
|
10
|
-
* @hidden
|
|
11
|
-
*/
|
|
12
|
-
export declare const getTopPosition: (top: any, targetElement: any, elementHeight: any, anchorElement: any, position: any) => any;
|
|
13
|
-
/**
|
|
14
|
-
* @hidden
|
|
15
|
-
*/
|
|
16
|
-
export declare const getDomRect: (currentTarget: any) => any;
|
|
17
|
-
/**
|
|
18
|
-
* @hidden
|
|
19
|
-
*/
|
|
20
|
-
export declare const toolTipSelectors: string[];
|
|
21
|
-
/**
|
|
22
|
-
* @hidden
|
|
23
|
-
*/
|
|
24
|
-
export declare const isTooltipElement: (element: any) => boolean;
|
package/dist/npm/utils.js
DELETED
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.isTooltipElement = exports.toolTipSelectors = exports.getDomRect = exports.getTopPosition = exports.getLeftPosition = void 0;
|
|
7
|
-
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
8
|
-
var arrowWidth = 10;
|
|
9
|
-
var arrowHeight = 10;
|
|
10
|
-
/**
|
|
11
|
-
* @hidden
|
|
12
|
-
*/
|
|
13
|
-
var getLeftPosition = function getLeftPosition(left, elementWidth, targetElement, anchorElement, position) {
|
|
14
|
-
switch (position) {
|
|
15
|
-
case 'bottom':
|
|
16
|
-
return anchorElement === 'pointer' ? left - elementWidth / 2 : targetElement.left - elementWidth / 2 + targetElement.width / 2;
|
|
17
|
-
case 'left':
|
|
18
|
-
return anchorElement === 'pointer' ? left - elementWidth - arrowWidth : targetElement.left - elementWidth - arrowWidth;
|
|
19
|
-
case 'right':
|
|
20
|
-
return anchorElement === 'pointer' ? left + arrowWidth : targetElement.right + arrowWidth;
|
|
21
|
-
case 'top':
|
|
22
|
-
return anchorElement === 'pointer' ? left - elementWidth / 2 : targetElement.left - elementWidth / 2 + targetElement.width / 2;
|
|
23
|
-
default:
|
|
24
|
-
if (anchorElement === 'pointer') {
|
|
25
|
-
return kendo_vue_common_1.canUseDOM && left < window.screen.availWidth / 2 ? left - arrowWidth : left - elementWidth + arrowWidth;
|
|
26
|
-
} else {
|
|
27
|
-
return kendo_vue_common_1.canUseDOM && left < window.screen.availWidth / 2 ? targetElement.left : targetElement.right - elementWidth;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
exports.getLeftPosition = getLeftPosition;
|
|
32
|
-
/**
|
|
33
|
-
* @hidden
|
|
34
|
-
*/
|
|
35
|
-
var getTopPosition = function getTopPosition(top, targetElement, elementHeight, anchorElement, position) {
|
|
36
|
-
switch (position) {
|
|
37
|
-
case 'bottom':
|
|
38
|
-
return anchorElement === 'pointer' ? top + arrowHeight : targetElement.bottom + arrowHeight;
|
|
39
|
-
case 'left':
|
|
40
|
-
return anchorElement === 'pointer' ? top - elementHeight / 2 : targetElement.top - elementHeight / 2 + targetElement.height / 2;
|
|
41
|
-
case 'right':
|
|
42
|
-
return anchorElement === 'pointer' ? top - elementHeight / 2 : targetElement.top - elementHeight / 2 + targetElement.height / 2;
|
|
43
|
-
case 'top':
|
|
44
|
-
return anchorElement === 'pointer' ? top - elementHeight - arrowHeight : targetElement.top - elementHeight - arrowHeight;
|
|
45
|
-
default:
|
|
46
|
-
if (anchorElement === 'pointer') {
|
|
47
|
-
return kendo_vue_common_1.canUseDOM && top < window.innerHeight / 2 ? top + arrowWidth : top - elementHeight - arrowWidth;
|
|
48
|
-
} else {
|
|
49
|
-
return kendo_vue_common_1.canUseDOM && top < window.innerHeight / 2 ? targetElement.bottom + arrowHeight : targetElement.top - elementHeight - arrowHeight;
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
};
|
|
53
|
-
exports.getTopPosition = getTopPosition;
|
|
54
|
-
/**
|
|
55
|
-
* @hidden
|
|
56
|
-
*/
|
|
57
|
-
var getDomRect = function getDomRect(currentTarget) {
|
|
58
|
-
if (currentTarget !== null) {
|
|
59
|
-
return currentTarget.getBoundingClientRect();
|
|
60
|
-
}
|
|
61
|
-
return document.body.getBoundingClientRect();
|
|
62
|
-
};
|
|
63
|
-
exports.getDomRect = getDomRect;
|
|
64
|
-
/**
|
|
65
|
-
* @hidden
|
|
66
|
-
*/
|
|
67
|
-
exports.toolTipSelectors = ['k-tooltip-content', 'k-animation-container', 'k-tooltip', 'k-tooltip-title', 'k-tooltip k-tooltip-closable', 'k-icon k-i-x', 'k-svg-icon k-svg-i-x'];
|
|
68
|
-
/**
|
|
69
|
-
* @hidden
|
|
70
|
-
*/
|
|
71
|
-
var isTooltipElement = function isTooltipElement(element) {
|
|
72
|
-
if (element === null) {
|
|
73
|
-
return false;
|
|
74
|
-
}
|
|
75
|
-
var node = element;
|
|
76
|
-
while (node) {
|
|
77
|
-
if (node !== null && node.classList && node.classList.contains('k-tooltip')) {
|
|
78
|
-
return true;
|
|
79
|
-
}
|
|
80
|
-
node.parentNode !== null ? node = node.parentNode : node = false;
|
|
81
|
-
}
|
|
82
|
-
return exports.toolTipSelectors.filter(function (t) {
|
|
83
|
-
return t === element.className;
|
|
84
|
-
}).length > 0;
|
|
85
|
-
};
|
|
86
|
-
exports.isTooltipElement = isTooltipElement;
|