@progress/kendo-vue-tooltip 5.3.0-dev.202410141143 → 5.3.0-develop.2

package/dist/es/TooltipProps.d.ts

@@ -1,100 +0,0 @@
-import { TooltipEvent, TooltipPositionEvent } from './events';
-import { TooltipPosition } from './utils';
-/**
- * Represents the props of the [Kendo UI for Vue Tooltip component]({% slug overview_tooltip %}).
- */
-export interface TooltipProps {
-    /**
-     * Sets the anchor element of the Tooltip.
-     *
-     * The available options are:
-     * - (Default) `pointer`—Shows a Tooltip where the cursor is located.
-     * - `target`—Positions the Tooltip based on the anchor element.
-     */
-    anchorElement?: string;
-    /**
-     * Defines the container to which the Tooltip will be appended. Defaults to [`body`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/body).
-     */
-    appendTo?: HTMLElement | null;
-    /**
-     * Sets the position of the Tooltip ([see example]({% slug positioning_tooltip %})).
-     *
-     * The available options are:
-     * - (Default) `auto`—Positions the Tooltip depending on the available space.
-     * - `right`—Positions the Tooltip to the right side of the element.
-     * - `left`—Positions the Tooltip to the left side of the element.
-     * - `bottom`—Positions the Tooltip at the bottom of the element.
-     * - `top`—Positions the Tooltip at the top of the element.
-     */
-    position?: TooltipPosition | String;
-    /**
-     * Sets a class of the Tooltip animation container.
-     */
-    className?: string;
-    /**
-     * Sets a class of the Tooltip animation container.
-     */
-    wrapperStyle?: object;
-    /**
-     * Sets the content of the Tooltip ([see example]({% slug templates_tooltip %})).
-     */
-    content?: any;
-    /**
-     * Specifies if the Tooltip will be open.
-     * Sets the Tooltip in its controlled mode ([see example]({% slug controlledmode_tooltip %})).
-     * Requires you to set the `targetElement` property.
-     */
-    open?: boolean;
-    /**
-     * Sets a delay in milliseconds.
-     */
-    openDelay?: number;
-    /**
-     * If any of the parent elements has a title, displays a Tooltip.
-     */
-    parentTitle?: boolean;
-    /**
-     * Specifies if the Tooltip callout will be displayed.
-     */
-    showCallout?: boolean;
-    /**
-     * When the position is set to `auto`, sets the start point of the Tooltip callout (in pixels).
-     */
-    setCalloutOnPositionAuto?: any;
-    /**
-     * Sets the Tooltip target element. You have to use it with the `open` property.
-     */
-    targetElement?: any;
-    /**
-     * Specifies the CSS class names which are set to the Tooltip DOM element.
-     */
-    tooltipClassName?: string;
-    /**
-     * Specifies the styles which are set to the Tooltip DOM element.
-     */
-    tooltipStyle?: any;
-    /**
-     * Callback called when the Tooltip calculates it's position. Useful to modify the default position behavior.
-     * Require to return the `top` and `left` position of the Tooltip.
-     */
-    updatePosition?: (event: TooltipPositionEvent) => {
-        top: number;
-        left: number;
-    };
-    /**
-     * Fires when the Tooltip is shown.
-     */
-    onOpen?: (event: TooltipEvent) => void;
-    /**
-     * Fires when the Tooltip is hidden.
-     */
-    onClose?: (event: TooltipEvent) => void;
-    /**
-     * Represents a callback function which determines if a Tooltip will be displayed ([see example]({% slug filter_elements_tooltip %})).
-     */
-    filter?: (target: HTMLElement) => void;
-    /**
-     * The milliseconds interval on which the Tooltip will check for title change. By default the Tooltip does not track for title updates.
-     */
-    updateInterval?: number;
-}

package/dist/es/TooltipProps.js

@@ -1,2 +0,0 @@
-export {};
-// tslint:enable:max-line-length

package/dist/es/additionalTypes.ts

@@ -1,21 +0,0 @@
-// @ts-ignore
-import { DefineComponent } from 'vue';
-// @ts-ignore
-import * as Vue from 'vue';
-
-/**
- * @hidden
- */
-// @ts-ignore
-type Vue2type = Vue.default;
-
-/**
- * @hidden
- */
-// @ts-ignore
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
-/**
- * @hidden
- */
-// @ts-ignore
-export { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type };

package/dist/es/events.d.ts

@@ -1,34 +0,0 @@
-import { TooltipPosition } from './utils';
-export interface TooltipEvent {
-    event: any;
-}
-export interface TooltipPositionEvent {
-    /**
-     * The Tooltip element. Useful to get the actual `width` and `height` of rendered Tooltip.
-     */
-    element: HTMLDivElement;
-    /**
-     * The current target element. Useful to calculate `top` and `left` position of the Tooltip element.
-     */
-    targetElement: HTMLElement | null;
-    /**
-     * The current mouse `top` position;
-     */
-    mouseTop: number;
-    /**
-     * The current mouse `left` position.
-     */
-    mouseLeft: number;
-    /**
-     * The Tooltip anchor element prop.
-     */
-    anchorElement?: string;
-    /**
-     * The Tooltip position prop.
-     */
-    position?: TooltipPosition;
-    /**
-     * The Tooltip default calculated position.
-     */
-    defaultPosition?: TooltipPosition;
-}

package/dist/es/events.js

@@ -1 +0,0 @@
-export {};

package/dist/es/main.d.ts

@@ -1,5 +0,0 @@
-import { Tooltip, TooltipVue2 } from './Tooltip';
-import { TooltipProps } from './TooltipProps';
-import { TooltipEvent, TooltipPositionEvent } from './events';
-import { TooltipPosition } from './utils';
-export { Tooltip, TooltipVue2, TooltipEvent, TooltipPositionEvent, TooltipProps, TooltipPosition };

package/dist/es/main.js

@@ -1,2 +0,0 @@
-import { Tooltip, TooltipVue2 } from './Tooltip';
-export { Tooltip, TooltipVue2 };

package/dist/es/package-metadata.d.ts

@@ -1,5 +0,0 @@
-import { PackageMetadata } from '@progress/kendo-licensing';
-/**
- * @hidden
- */
-export declare const packageMetadata: PackageMetadata;

package/dist/es/package-metadata.js

@@ -1,11 +0,0 @@
-/**
- * @hidden
- */
-export var packageMetadata = {
-    name: '@progress/kendo-vue-tooltip',
-    productName: 'Kendo UI for Vue',
-    productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1728906101,
-    version: '',
-    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'
-};

package/dist/es/utils.d.ts

@@ -1,24 +0,0 @@
-/**
- * @hidden
- */
-export declare type TooltipPosition = 'right' | 'left' | 'bottom' | 'top' | 'auto';
-/**
- * @hidden
- */
-export declare const getLeftPosition: (left: any, elementWidth: any, targetElement: any, anchorElement: any, position: any) => any;
-/**
- * @hidden
- */
-export declare const getTopPosition: (top: any, targetElement: any, elementHeight: any, anchorElement: any, position: any) => any;
-/**
- * @hidden
- */
-export declare const getDomRect: (currentTarget: any) => any;
-/**
- * @hidden
- */
-export declare const toolTipSelectors: string[];
-/**
- * @hidden
- */
-export declare const isTooltipElement: (element: any) => boolean;

package/dist/es/utils.js

@@ -1,76 +0,0 @@
-import { canUseDOM } from '@progress/kendo-vue-common';
-var arrowWidth = 10;
-var arrowHeight = 10;
-/**
- * @hidden
- */
-export var getLeftPosition = function getLeftPosition(left, elementWidth, targetElement, anchorElement, position) {
-  switch (position) {
-    case 'bottom':
-      return anchorElement === 'pointer' ? left - elementWidth / 2 : targetElement.left - elementWidth / 2 + targetElement.width / 2;
-    case 'left':
-      return anchorElement === 'pointer' ? left - elementWidth - arrowWidth : targetElement.left - elementWidth - arrowWidth;
-    case 'right':
-      return anchorElement === 'pointer' ? left + arrowWidth : targetElement.right + arrowWidth;
-    case 'top':
-      return anchorElement === 'pointer' ? left - elementWidth / 2 : targetElement.left - elementWidth / 2 + targetElement.width / 2;
-    default:
-      if (anchorElement === 'pointer') {
-        return canUseDOM && left < window.screen.availWidth / 2 ? left - arrowWidth : left - elementWidth + arrowWidth;
-      } else {
-        return canUseDOM && left < window.screen.availWidth / 2 ? targetElement.left : targetElement.right - elementWidth;
-      }
-  }
-};
-/**
- * @hidden
- */
-export var getTopPosition = function getTopPosition(top, targetElement, elementHeight, anchorElement, position) {
-  switch (position) {
-    case 'bottom':
-      return anchorElement === 'pointer' ? top + arrowHeight : targetElement.bottom + arrowHeight;
-    case 'left':
-      return anchorElement === 'pointer' ? top - elementHeight / 2 : targetElement.top - elementHeight / 2 + targetElement.height / 2;
-    case 'right':
-      return anchorElement === 'pointer' ? top - elementHeight / 2 : targetElement.top - elementHeight / 2 + targetElement.height / 2;
-    case 'top':
-      return anchorElement === 'pointer' ? top - elementHeight - arrowHeight : targetElement.top - elementHeight - arrowHeight;
-    default:
-      if (anchorElement === 'pointer') {
-        return canUseDOM && top < window.innerHeight / 2 ? top + arrowWidth : top - elementHeight - arrowWidth;
-      } else {
-        return canUseDOM && top < window.innerHeight / 2 ? targetElement.bottom + arrowHeight : targetElement.top - elementHeight - arrowHeight;
-      }
-  }
-};
-/**
- * @hidden
- */
-export var getDomRect = function getDomRect(currentTarget) {
-  if (currentTarget !== null) {
-    return currentTarget.getBoundingClientRect();
-  }
-  return document.body.getBoundingClientRect();
-};
-/**
- * @hidden
- */
-export var 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'];
-/**
- * @hidden
- */
-export var isTooltipElement = function isTooltipElement(element) {
-  if (element === null) {
-    return false;
-  }
-  var node = element;
-  while (node) {
-    if (node !== null && node.classList && node.classList.contains('k-tooltip')) {
-      return true;
-    }
-    node.parentNode !== null ? node = node.parentNode : node = false;
-  }
-  return toolTipSelectors.filter(function (t) {
-    return t === element.className;
-  }).length > 0;
-};

package/dist/esm/Tooltip.d.ts

@@ -1,52 +0,0 @@
-import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
-declare type DefaultData<V> = object | ((this: V) => {});
-declare type DefaultMethods<V> = {
-    [key: string]: (this: V, ...args: any[]) => any;
-};
-import { TooltipProps } from './TooltipProps';
-/**
- * @hidden
- */
-interface TooltipData {
-    targetElement: HTMLElement | null;
-    open: boolean;
-    title: string;
-}
-/**
- * @hidden
- */
-export interface TooltipComputed {
-    [key: string]: any;
-    computedTarget: any;
-    computedOpen: any;
-}
-/**
- * @hidden
- */
-export interface TooltipMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface TooltipState {
-    top: number;
-    left: number;
-    openTimeoutId?: any;
-    updateIntervalId?: any;
-    willOpen: boolean;
-}
-/**
- * @hidden
- */
-export interface TooltipAll extends Vue2type, TooltipMethods, TooltipData, TooltipComputed, TooltipState {
-}
-/**
- * @hidden
- */
-declare let TooltipVue2: ComponentOptions<TooltipAll, DefaultData<TooltipData>, DefaultMethods<TooltipAll>, TooltipComputed, RecordPropsDefinition<TooltipProps>>;
-/**
- * @hidden
- */
-declare const Tooltip: DefineComponent<TooltipProps, any, TooltipData, TooltipComputed, TooltipMethods, {}, {}, {}, string, TooltipProps, TooltipProps, {}>;
-export { Tooltip, TooltipVue2 };