@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.
Files changed (53) hide show
  1. package/README.md +24 -29
  2. package/Tooltip.js +8 -0
  3. package/Tooltip.mjs +271 -0
  4. package/dist/cdn/js/kendo-vue-tooltip.js +8 -1
  5. package/index.d.mts +304 -0
  6. package/index.d.ts +304 -0
  7. package/index.js +8 -0
  8. package/index.mjs +11 -0
  9. package/package-metadata.js +8 -0
  10. package/package-metadata.mjs +18 -0
  11. package/package.json +22 -39
  12. package/utils.js +8 -0
  13. package/utils.mjs +52 -0
  14. package/dist/es/Tooltip.d.ts +0 -52
  15. package/dist/es/Tooltip.js +0 -420
  16. package/dist/es/TooltipProps.d.ts +0 -100
  17. package/dist/es/TooltipProps.js +0 -2
  18. package/dist/es/additionalTypes.ts +0 -21
  19. package/dist/es/events.d.ts +0 -34
  20. package/dist/es/events.js +0 -1
  21. package/dist/es/main.d.ts +0 -5
  22. package/dist/es/main.js +0 -2
  23. package/dist/es/package-metadata.d.ts +0 -5
  24. package/dist/es/package-metadata.js +0 -11
  25. package/dist/es/utils.d.ts +0 -24
  26. package/dist/es/utils.js +0 -76
  27. package/dist/esm/Tooltip.d.ts +0 -52
  28. package/dist/esm/Tooltip.js +0 -420
  29. package/dist/esm/TooltipProps.d.ts +0 -100
  30. package/dist/esm/TooltipProps.js +0 -2
  31. package/dist/esm/additionalTypes.ts +0 -21
  32. package/dist/esm/events.d.ts +0 -34
  33. package/dist/esm/events.js +0 -1
  34. package/dist/esm/main.d.ts +0 -5
  35. package/dist/esm/main.js +0 -2
  36. package/dist/esm/package-metadata.d.ts +0 -5
  37. package/dist/esm/package-metadata.js +0 -11
  38. package/dist/esm/package.json +0 -3
  39. package/dist/esm/utils.d.ts +0 -24
  40. package/dist/esm/utils.js +0 -76
  41. package/dist/npm/Tooltip.d.ts +0 -52
  42. package/dist/npm/Tooltip.js +0 -427
  43. package/dist/npm/TooltipProps.d.ts +0 -100
  44. package/dist/npm/TooltipProps.js +0 -3
  45. package/dist/npm/additionalTypes.ts +0 -21
  46. package/dist/npm/events.d.ts +0 -34
  47. package/dist/npm/events.js +0 -2
  48. package/dist/npm/main.d.ts +0 -5
  49. package/dist/npm/main.js +0 -6
  50. package/dist/npm/package-metadata.d.ts +0 -5
  51. package/dist/npm/package-metadata.js +0 -14
  52. package/dist/npm/utils.d.ts +0 -24
  53. package/dist/npm/utils.js +0 -86
@@ -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
- }
@@ -1,2 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -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,5 +0,0 @@
1
- import { PackageMetadata } from '@progress/kendo-licensing';
2
- /**
3
- * @hidden
4
- */
5
- export declare const packageMetadata: PackageMetadata;
@@ -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
- };
@@ -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;