@progress/kendo-vue-tooltip 2.7.1 → 2.7.2-dev.202201020746

package/dist/cdn/js/kendo-vue-tooltip.js

@@ -1 +1 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("vue"),require("@progress/kendo-licensing")):"function"==typeof define&&define.amd?define(["vue","@progress/kendo-licensing"],e):"object"==typeof exports?exports.KendoVueTooltip=e(require("vue"),require("@progress/kendo-licensing")):t.KendoVueTooltip=e(t.Vue,t.KendoLicensing)}(window,(function(t,e){return function(t){var e={};function n(o){if(e[o])return e[o].exports;var i=e[o]={i:o,l:!1,exports:{}};return t[o].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=t,n.c=e,n.d=function(t,e,o){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)n.d(o,i,function(e){return t[e]}.bind(null,i));return o},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=2)}([function(e,n){e.exports=t},function(t,n){t.exports=e},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Tooltip=void 0;var o=n(3);Object.defineProperty(e,"Tooltip",{enumerable:!0,get:function(){return o.Tooltip}})},function(t,e,n){"use strict";var o=function(){return(o=Object.assign||function(t){for(var e,n=1,o=arguments.length;n<o;n++)for(var i in e=arguments[n])Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t}).apply(this,arguments)},i=Object.create?function(t,e,n,o){void 0===o&&(o=n),Object.defineProperty(t,o,{enumerable:!0,get:function(){return e[n]}})}:function(t,e,n,o){void 0===o&&(o=n),t[o]=e[n]},r=Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e},s=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var n in t)"default"!==n&&Object.hasOwnProperty.call(t,n)&&i(e,t,n);return r(e,t),e};Object.defineProperty(e,"__esModule",{value:!0}),e.TooltipVue3=e.Tooltip=void 0;var u=s(n(0)).h,l=n(6),a=n(4),c=n(5),p={name:"KendoTooltip",inheritAttrs:!1,props:{anchorElement:{type:String,default:"pointer",validator:function(t){return["pointer","target"].includes(t)}},content:[String,Object,Function],filter:Function,openDelay:{type:Number,default:400},open:{type:Boolean,default:void 0},position:{type:String,default:"auto",validator:function(t){return["right","left","top","bottom","auto"].includes(t)}},updateInterval:Number,className:String,wrapperStyle:Object,tooltipClassName:String,tooltipStyle:Object,parentTitle:{type:Boolean,default:!1}},data:function(){return{top:0,left:0,targetElement:null,currentOpen:!1,title:""}},computed:{wrapperClass:function(){var t;return(t={"k-animation-container":!0,"k-animation-container-fixed":!0,"k-animation-container-shown":!0})[this.$props.className]=!0,t}},created:function(){l.validatePackage(c.packageMetadata),this.top=0,this.left=0,this.willOpen=!1},mounted:function(){document&&document.body.addEventListener("mousemove",this.handleBodyMousemove)},destroyed:function(){clearTimeout(this.openTimeoutId),clearInterval(this.updateIntervalId),document&&document.body.removeEventListener("mousemove",this.handleBodyMousemove),this.element&&this.element.remove()},updated:function(){if(this.$props.targetElement&&this.showToolTip({target:this.$props.targetElement}),this.element=this.v3?this.elementRef:this.$refs.element,this.element){var t;if(t=this.$props.onPosition?this.$props.onPosition.call(void 0,{element:this.element,targetElement:this.state.targetElement,mouseTop:this.top,mouseLeft:this.left,anchorElement:this.$props.anchorElement,position:this.$props.position,target:this}):this.setPosition(this.element),this.element.style.left=t.left+"px",this.element.style.top=t.top+"px",this.targetElement){var e=this.$props.appendTo?this.$props.appendTo:this.targetElement.ownerDocument.body;this.element.parentElement!==e&&this.targetElement.ownerDocument.body.append(this.element)}this.callout=this.v3?this.calloutRef:this.$refs.callout,this.callout&&(this.callout.className=this.calloutClassName(),"auto"===this.$props.position&&(this.left<window.screen.availWidth/2?this.callout.style.left=this.$props.setCalloutOnPositionAuto||"25%":this.callout.style.left=this.$props.setCalloutOnPositionAuto||"75%"))}},setup:u?function(){return{v3:!!u}}:void 0,render:function(t){var e=this,n=u||t,i=l.getDefaultSlots(this);if(!1===this.$props.open)return null;var r=this.getCurrentZIndex(),s=this.$props.content?l.templateRendering.call(this,this.$props.content,l.getListeners.call(this)):void 0,a=this.title,c=l.getTemplate.call(this,{h:n,template:s,defaultRendering:a,additionalProps:{title:this.title,target:this.targetElement}}),p=n("div",{class:l.classNames("k-tooltip",this.$props.tooltipClassName),style:o({position:"relative"},this.$props.tooltipStyle)},[n("div",{class:"k-tooltip-content"},[c]),this.$props.showCallout&&n("div",{ref:this.v3?function(t){e.calloutRef=t}:"callout"})]),d=this.targetElement&&this.title&&this.targetElement.ownerDocument&&n("div",{ref:this.v3?function(t){e.elementRef=t}:"element",class:this.wrapperClass,style:o({zIndex:r},this.$props.wrapperStyle),tabIndex:0,attrs:this.v3?void 0:{tabIndex:0}},[p]);return i?n("div",{onMouseover:this.handleMouseOver,on:this.v3?void 0:{mouseover:this.handleMouseOver,mouseout:this.handleMouseOut},onMouseout:this.handleMouseOut},[d,i]):{tooltip:d}},methods:{handleMouseOut:function(t){var e=this.targetElement?this.targetElement.ownerDocument:document,n=e&&e.elementFromPoint(t.clientX,t.clientY);a.isTooltipElement(n)||this.$props.open||(clearInterval(this.updateIntervalId),this.willOpen=!1,this.onClose(t))},handleMouseOver:function(t){var e=t.target;this.isVisible(e)&&!a.isTooltipElement(e)&&e!==this.targetElement&&this.showToolTip(t)},handleBodyMousemove:function(t){this.top=t.clientY,this.left=t.clientX},onClose:function(t){this.$emit("close",{event:t,component:this}),this.targetElement=null,this.currentOpen=!1,this.title=""},showToolTip:function(t){var e=this;clearTimeout(this.openTimeoutId),clearInterval(this.updateIntervalId),t.target.hasChildNodes()&&t.target.childNodes.forEach((function(e){"title"===e.nodeName&&(t.target.titleExpando=e.innerHTML,e.remove())}));var n=this.$props.targetElement||t.target,o=this.getTitle(n);o.title?(o.element&&(o.element.titleExpando=o.title,o.element.title=""),this.willOpen=!0,this.$props.openDelay?this.openTimeoutId=window.setTimeout((function(){e.willOpen&&(e.targetElement=n,e.currentOpen=!0,e.title=o.title,e.setUpdateInterval())}),this.$props.openDelay):(this.targetElement=n,this.currentOpen=!0,this.title=o.title,this.setUpdateInterval()),this.title!==o.title&&this.$emit("open",{event:t,compoponent:this})):this.currentOpen&&this.onClose(t)},setUpdateInterval:function(){this.$props.updateInterval&&(this.updateIntervalId=setInterval(this.onIntervalUpdate,this.$props.updateInterval))},onIntervalUpdate:function(){var t=this.targetElement;t&&(null===t.parentElement?this.onClose({target:t}):this.showToolTip({target:t}))},isVisible:function(t){return!this.$props.filter||this.$props.filter(t)},setPosition:function(t){var e=a.getDomRect(this.targetElement);return{left:a.getLeftPosition(this.left,t.offsetWidth,e,this.$props.anchorElement,this.$props.position),top:a.getTopPosition(this.top,e,t.offsetHeight,this.$props.anchorElement,this.$props.position)}},getTitle:function(t){for(;t;){if(null!==t.getAttribute("title")||t.titleExpando)return{title:t.getAttribute("title")||t.titleExpando,element:t};t=this.$props.parentTitle&&t.parentElement||null}return{title:"",element:t}},calloutClassName:function(){switch(this.$props.position){case"bottom":return"k-callout k-callout-n";case"left":return"k-callout k-callout-e";case"right":return"k-callout k-callout-w";case"top":return"k-callout k-callout-s";default:return this.top<window.innerHeight/2?"k-callout k-callout-n":"k-callout k-callout-s"}},getCurrentZIndex:function(){return this.context?this.context:100}}};e.Tooltip=p;var d=p;e.TooltipVue3=d},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.isTooltipElement=e.toolTipSelectors=e.getDomRect=e.getTopPosition=e.getLeftPosition=void 0;e.getLeftPosition=function(t,e,n,o,i){switch(i){case"bottom":return"pointer"===o?t-e/2:n.left-e/2+n.width/2;case"left":return"pointer"===o?t-e-10:n.left-e-10;case"right":return"pointer"===o?t+10:n.right+10;case"top":return"pointer"===o?t-e/2:n.left-e/2+n.width/2;default:return"pointer"===o?t<window.screen.availWidth/2?t-10:t-e+10:t<window.screen.availWidth/2?n.left:n.right-e}},e.getTopPosition=function(t,e,n,o,i){switch(i){case"bottom":return"pointer"===o?t+10:e.bottom+10;case"left":case"right":return"pointer"===o?t-n/2:e.top-n/2+e.height/2;case"top":return"pointer"===o?t-n-10:e.top-n-10;default:return"pointer"===o?t<window.innerHeight/2?t+10:t-n-10:t<window.innerHeight/2?e.bottom+10:e.top-n-10}},e.getDomRect=function(t){return null!==t?t.getBoundingClientRect():document.body.getBoundingClientRect()},e.toolTipSelectors=["k-tooltip-content","k-animation-container","k-tooltip","k-tooltip-title","k-tooltip k-tooltip-closable","k-icon k-i-close"],e.isTooltipElement=function(t){if(null===t)return!1;for(var n=t;n;){if(null!==n&&n.classList&&n.classList.contains("k-tooltip"))return!0;n=null!==n.parentNode&&n.parentNode}return e.toolTipSelectors.filter((function(e){return e===t.className})).length>0}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.packageMetadata=void 0,e.packageMetadata={name:"@progress/kendo-vue-tooltip",productName:"Kendo UI for Vue",productCodes:["KENDOUIVUE","KENDOUICOMPLETE"],publishDate:1640004102,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"}},function(t,e,n){"use strict";n.r(e),n.d(e,"classNames",(function(){return o})),n.d(e,"guid",(function(){return i})),n.d(e,"Keys",(function(){return r})),n.d(e,"noop",(function(){return j})),n.d(e,"getListeners",(function(){return L})),n.d(e,"hasListener",(function(){return D})),n.d(e,"canUseDOM",(function(){return s})),n.d(e,"focusFirstFocusableChild",(function(){return u})),n.d(e,"clone",(function(){return E})),n.d(e,"Draggable",(function(){return O})),n.d(e,"cloneArray",(function(){return P})),n.d(e,"cloneValue",(function(){return k})),n.d(e,"cloneObject",(function(){return $})),n.d(e,"cloneDate",(function(){return T})),n.d(e,"getTemplate",(function(){return R})),n.d(e,"templateRendering",(function(){return K})),n.d(e,"getTabIndex",(function(){return A})),n.d(e,"getDefaultSlots",(function(){return _})),n.d(e,"isRtl",(function(){return X})),n.d(e,"getDir",(function(){return Y})),n.d(e,"getter",(function(){return M})),n.d(e,"setter",(function(){return S})),n.d(e,"validatePackage",(function(){return V}));var o=function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];return t.filter((function(t){return!0!==t&&!!t})).map((function(t){return Array.isArray(t)?o.apply(void 0,t):"object"==typeof t?Object.keys(t).map((function(e,n){return t[n]||t[e]&&e||null})).filter((function(t){return null!==t})).join(" "):t})).filter((function(t){return!!t})).join(" ")},i=function(){var t,e,n="";for(t=0;t<32;t++)e=16*Math.random()|0,8!==t&&12!==t&&16!==t&&20!==t||(n+="-"),n+=(12===t?4:16===t?3&e|8:e).toString(16);return n},r={backspace:8,tab:9,enter:13,shift:16,esc:27,space:32,pageUp:33,pageDown:34,end:35,home:36,left:37,up:38,right:39,down:40,delete:46},s=Boolean("undefined"!=typeof window&&window.document&&window.document.createElement),u=function(t){if(t){var e=t.querySelectorAll('input, [tabindex]:not([tabindex="-1"])');e.length&&e[0].focus&&e[0].focus()}},l=n(0),a=function(t,e){return function(n){return e(t(n))}},c=function(t,e,n){return t.addEventListener&&t.addEventListener(e,n)},p=function(t,e,n){return t&&t.removeEventListener&&t.removeEventListener(e,n)},d=function(){},h=function(t){return t.preventDefault()},f=/touch/;function m(t){return t.type.match(f)?{pageX:t.changedTouches[0].pageX,pageY:t.changedTouches[0].pageY,clientX:t.changedTouches[0].clientX,clientY:t.changedTouches[0].clientY,type:t.type,originalEvent:t,isTouch:!0}:{pageX:t.pageX,pageY:t.pageY,clientX:t.clientX,clientY:t.clientY,offsetX:t.offsetX,offsetY:t.offsetY,type:t.type,ctrlKey:t.ctrlKey,shiftKey:t.shiftKey,altKey:t.altKey,originalEvent:t}}var v=function(t){var e=this,n=t.press;void 0===n&&(n=d);var o=t.drag;void 0===o&&(o=d);var i=t.release;void 0===i&&(i=d);var r=t.mouseOnly;void 0===r&&(r=!1),this._pressHandler=a(m,n),this._dragHandler=a(m,o),this._releaseHandler=a(m,i),this._ignoreMouse=!1,this._mouseOnly=r,this._touchstart=function(t){1===t.touches.length&&e._pressHandler(t)},this._touchmove=function(t){1===t.touches.length&&e._dragHandler(t)},this._touchend=function(t){0===t.touches.length&&1===t.changedTouches.length&&(e._releaseHandler(t),e._ignoreMouse=!0,setTimeout(e._restoreMouse,2e3))},this._restoreMouse=function(){e._ignoreMouse=!1},this._mousedown=function(t){var n=t.which;n&&n>1||e._ignoreMouse||(c(document,"mousemove",e._mousemove),c(document,"mouseup",e._mouseup),e._pressHandler(t))},this._mousemove=function(t){e._dragHandler(t)},this._mouseup=function(t){p(document,"mousemove",e._mousemove),p(document,"mouseup",e._mouseup),e._releaseHandler(t)},this._pointerdown=function(t){t.isPrimary&&0===t.button&&(c(document,"pointermove",e._pointermove),c(document,"pointerup",e._pointerup),c(document,"pointercancel",e._pointerup),c(document,"contextmenu",h),e._pressHandler(t))},this._pointermove=function(t){t.isPrimary&&e._dragHandler(t)},this._pointerup=function(t){t.isPrimary&&(p(document,"pointermove",e._pointermove),p(document,"pointerup",e._pointerup),p(document,"pointercancel",e._pointerup),p(document,"contextmenu",h),e._releaseHandler(t))}};v.supportPointerEvent=function(){return"undefined"!=typeof window&&window.PointerEvent},v.prototype.bindTo=function(t){t!==this._element&&(this._element&&this._unbindFromCurrent(),this._element=t,this._bindToCurrent())},v.prototype._bindToCurrent=function(){var t=this._element;this._usePointers()?c(t,"pointerdown",this._pointerdown):(c(t,"mousedown",this._mousedown),this._mouseOnly||(c(t,"touchstart",this._touchstart),c(t,"touchmove",this._touchmove),c(t,"touchend",this._touchend)))},v.prototype._unbindFromCurrent=function(){var t=this._element;if(this._usePointers())return p(t,"pointerdown",this._pointerdown),p(document,"pointermove",this._pointermove),p(document,"pointerup",this._pointerup),p(document,"contextmenu",h),void p(document,"pointercancel",this._pointerup);p(t,"mousedown",this._mousedown),this._mouseOnly||(p(t,"touchstart",this._touchstart),p(t,"touchmove",this._touchmove),p(t,"touchend",this._touchend))},v.prototype._usePointers=function(){return!this._mouseOnly&&v.supportPointerEvent()},v.prototype.update=function(t){var e=t.press;void 0===e&&(e=d);var n=t.drag;void 0===n&&(n=d);var o=t.release;void 0===o&&(o=d);var i=t.mouseOnly;void 0===i&&(i=!1),this._pressHandler=a(m,e),this._dragHandler=a(m,n),this._releaseHandler=a(m,o),this._mouseOnly=i},v.prototype.destroy=function(){this._unbindFromCurrent(),this._element=null},v.default=v;var g,y=v;function _(t){var e=t.$slots.default;return t.v3&&e&&"function"==typeof e?e():e}function b(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var w=l.h,O=(b(g={emits:{press:null,drag:null,release:null},inheritAttrs:!1,created:function(){this.element=null,this.draggable=new y({press:this.press,drag:this.drag,release:this.release})},setup:w?function(){return{v3:!!w}}:void 0,mounted:function(){this.$el&&(this.element=3===this.$el.nodeType?this.$el.nextElementSibling:this.$el,this.draggable.bindTo(this.element))},destroyed:w?void 0:function(){this.draggable.destroy()},unmounted:function(){this.draggable.destroy()},methods:{press:function(t){this.element&&this.$emit("press",t,this.element)},drag:function(t){this.element&&this.$emit("drag",t,this.element)},release:function(t){this.element&&this.$emit("release",t,this.element)}}},"setup",w?function(){return{v3:!!w}}:void 0),b(g,"render",(function(t){return _(this)})),g),T=function(t){return t?new Date(t.getTime()):null};function E(t){var e={};return $(t,e),e}function $(t,e){for(var n in t)if(t.hasOwnProperty(n)){var o=t[n];e[n]=k(o,e[n])}}function k(t,e){if(Array.isArray(t))return P(t);if(t instanceof Date)return T(t);if(t&&"object"==typeof t){var n=e||{};return $(t,n),n}return t}function P(t){return t.map((function(t){return k(t,void 0)}))}var j=function(){},C=/\[(?:(\d+)|['"](.*?)['"])\]|((?:(?!\[.*?\]|\.).)+)/g,I={};function M(t){if(I[t])return I[t];var e=[];return t.replace(C,(function(t,n,o,i){e.push(void 0!==n?n:o||i)})),I[t]=function(t){for(var n=t,o=0;o<e.length&&n;o++)n=n[e[o]];return n},I[t]}I.undefined=function(){};var x={};function S(t){if(x[t])return x[t];var e=[];return t.replace(C,(function(t,n,o,i){e.push(void 0!==n?n:o||i)})),x[t]=function(t,n){for(var o=t,i=e.length-1,r=0;r<i&&o;r++)o=o[e[r]]=o[e[r]]||{};o[e[i]]=n},x[t]}function D(t){return this.v3?Object.keys(this.$attrs).map((function(t){return t.toLowerCase()})).some((function(e){return e.endsWith(t.toLowerCase())})):this.$listeners[t]}function L(){if(this.v3){var t={};for(var e in this.$attrs)e.startsWith("on")&&(t[e]=this.$attrs[e]);return t}return this.$listeners}x.undefined=function(t){return t};var N=function(){return(N=Object.assign||function(t){for(var e,n=1,o=arguments.length;n<o;n++)for(var i in e=arguments[n])Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t}).apply(this,arguments)},H=l.h;function K(t,e){if(t){var n=H?this.$slots[t]||(t.toLowerCase?this.$slots[t.toLowerCase()]:null):this.$scopedSlots[t]||(t.toLowerCase?this.$scopedSlots[t.toLowerCase()]:null);return"string"==typeof t&&n?{type:"slot",render:n,listeners:e}:"string"==typeof t||"object"==typeof t||"function"==typeof t&&t.component?{type:"component",render:t,listeners:e}:{type:"renderFunction",render:t,listeners:e}}}function R(t){var e,n,o,i=t.h,r=t.template,s=t.defaultRendering,u=t.defaultSlots,l=t.additionalProps,a=t.additionalListeners,c=t.swapDefaultSlots;if(!r)return s;if(H){var p=s?s.props:{};e=N(N({},U(a)),r.listeners),n=N(N(N({},p),l),e),o=N(N({},n),e)}else{var d=s&&s.componentOptions,h=d?s.componentOptions.listeners:{},f=d?s.componentOptions.propsData:{};e=N(N(N(N({},h),a),U(a)),r.listeners),o={props:n=N(N(N({},f),l),e),on:e}}if("slot"===r.type){var m=r.render({props:n,listeners:e,methods:e,defaultSlots:u});return m?m[0]:void 0}return"renderFunction"===r.type?c?r.render(i,s,u,n,e):r.render(i,s,n,e,u):i(r.render,o,H?function(){return[u]}:[u])}function U(t){if(!t)return t;for(var e={},n=Object.keys(t),o=0;o<n.length;o++){var i=n[o];e["on"+i.charAt(0).toUpperCase()+i.slice(1)]=t[i]}return e}var A=function(t,e,n){var o="string"==typeof t?parseInt(t,void 0):t;if(NaN!==o)return void 0!==o?o:e?n?void 0:-1:0};function X(t){return Boolean(s&&t&&"rtl"===getComputedStyle(t).direction)}function Y(t,e){if(!e&&s&&t){var n=window.getComputedStyle(t).direction;if(n)return n}return e}var F=n(1);function V(t){if(void 0!==F)F.validatePackage(t);else{var e="License activation failed for "+t.name+"\n";e+="The @progress/kendo-licensing script is not loaded.\n",e+="See "+t.licensingDocsUrl+" for more information.\n",console.warn(e)}}}])}));
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("vue"),require("@progress/kendo-licensing")):"function"==typeof define&&define.amd?define(["vue","@progress/kendo-licensing"],e):"object"==typeof exports?exports.KendoVueTooltip=e(require("vue"),require("@progress/kendo-licensing")):t.KendoVueTooltip=e(t.Vue,t.KendoLicensing)}(window,(function(t,e){return function(t){var e={};function n(o){if(e[o])return e[o].exports;var i=e[o]={i:o,l:!1,exports:{}};return t[o].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=t,n.c=e,n.d=function(t,e,o){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)n.d(o,i,function(e){return t[e]}.bind(null,i));return o},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=2)}([function(e,n){e.exports=t},function(t,n){t.exports=e},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Tooltip=void 0;var o=n(3);Object.defineProperty(e,"Tooltip",{enumerable:!0,get:function(){return o.Tooltip}})},function(t,e,n){"use strict";var o=function(){return(o=Object.assign||function(t){for(var e,n=1,o=arguments.length;n<o;n++)for(var i in e=arguments[n])Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t}).apply(this,arguments)},i=Object.create?function(t,e,n,o){void 0===o&&(o=n),Object.defineProperty(t,o,{enumerable:!0,get:function(){return e[n]}})}:function(t,e,n,o){void 0===o&&(o=n),t[o]=e[n]},r=Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e},s=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var n in t)"default"!==n&&Object.hasOwnProperty.call(t,n)&&i(e,t,n);return r(e,t),e};Object.defineProperty(e,"__esModule",{value:!0}),e.TooltipVue3=e.Tooltip=void 0;var u=s(n(0)).h,l=n(6),a=n(4),c=n(5),p={name:"KendoTooltip",inheritAttrs:!1,props:{showCallout:{type:Boolean,default:!0},setCalloutOnPositionAuto:{type:Number,default:void 0},anchorElement:{type:String,default:"pointer",validator:function(t){return["pointer","target"].includes(t)}},content:[String,Object,Function],filter:Function,openDelay:{type:Number,default:400},open:{type:Boolean,default:void 0},position:{type:String,default:"auto",validator:function(t){return["right","left","top","bottom","auto"].includes(t)}},updateInterval:Number,className:String,wrapperStyle:Object,tooltipClassName:String,tooltipStyle:Object,targetElement:Object,parentTitle:{type:Boolean,default:!1}},data:function(){return{top:0,left:0,currentTargetElement:null,currentOpen:!1,title:""}},computed:{wrapperClass:function(){var t;return(t={"k-animation-container":!0,"k-animation-container-fixed":!0,"k-animation-container-shown":!0})[this.$props.className]=!0,t},computedTarget:function(){return void 0!==this.targetElement?this.targetElement:this.currentTargetElement},computedOpen:function(){return void 0!==this.open?this.open:this.currentOpen}},inject:{kendoContext:{default:null}},created:function(){l.validatePackage(c.packageMetadata),this.top=0,this.left=0,this.willOpen=!1,this.context=this.kendoContext||void 0},mounted:function(){document&&document.body.addEventListener("mousemove",this.handleBodyMousemove)},destroyed:u?void 0:function(){this.destroyElement()},unmounted:function(){this.destroyElement()},updated:function(){if(this.element=this.v3?this.elementRef:this.$refs.element,this.element){var t;if(t=this.$props.onPosition?this.$props.onPosition.call(void 0,{element:this.element,targetElement:this.computedTarget,mouseTop:this.top,mouseLeft:this.left,anchorElement:this.$props.anchorElement,position:this.$props.position,target:this}):this.setPosition(this.element),this.element.style.left=t.left+"px",this.element.style.top=t.top+"px",this.computedTarget){var e=this.$props.appendTo?this.$props.appendTo:this.computedTarget.ownerDocument.body;this.element.parentElement!==e&&this.computedTarget.ownerDocument.body.append(this.element)}this.callout=this.v3?this.calloutRef:this.$refs.callout,this.callout&&(this.callout.className=this.calloutClassName(),"auto"===this.$props.position&&(this.left<window.screen.availWidth/2?this.callout.style.left=this.$props.setCalloutOnPositionAuto||"25%":this.callout.style.left=this.$props.setCalloutOnPositionAuto||"75%"))}},setup:u?function(){return{v3:!!u}}:void 0,render:function(t){var e=this,n=u||t,i=l.getDefaultSlots(this),r=this.getCurrentZIndex(),s=this.$props.content?l.templateRendering.call(this,this.$props.content,l.getListeners.call(this)):void 0,a=this.title,c=l.getTemplate.call(this,{h:n,template:s,defaultRendering:a,additionalProps:{title:this.title,target:this.computedTarget}}),p=this.computedOpen&&n("div",{class:l.classNames("k-tooltip",this.$props.tooltipClassName),style:o({position:"relative"},this.$props.tooltipStyle)},[n("div",{class:"k-tooltip-content"},[c]),this.$props.showCallout&&n("div",{ref:this.v3?function(t){e.calloutRef=t}:"callout"})]),d=this.computedTarget&&this.title&&this.computedTarget.ownerDocument&&n("div",{ref:this.v3?function(t){e.elementRef=t}:"element",class:this.wrapperClass,style:o({zIndex:r},this.$props.wrapperStyle),tabIndex:0,attrs:this.v3?void 0:{tabIndex:0}},[p]);return i?n("div",{onMouseover:this.handleMouseOver,on:this.v3?void 0:{mouseover:this.handleMouseOver,mouseout:this.handleMouseOut},onMouseout:this.handleMouseOut},[d,i]):d},methods:{destroyElement:function(){clearTimeout(this.openTimeoutId),clearInterval(this.updateIntervalId),document&&document.body.removeEventListener("mousemove",this.handleBodyMousemove),this.element&&this.element.remove()},handleMouseOut:function(t){var e=this.computedTarget?this.computedTarget.ownerDocument:document,n=e&&e.elementFromPoint(t.clientX,t.clientY);a.isTooltipElement(n)||this.$props.open||(clearInterval(this.updateIntervalId),this.willOpen=!1,this.onClose(t))},handleMouseOver:function(t){var e=t.target;this.isVisible(e)&&!a.isTooltipElement(e)&&e!==this.computedTarget&&this.showToolTip(t)},handleBodyMousemove:function(t){this.top=t.clientY,this.left=t.clientX},onClose:function(t){this.$emit("close",{event:t,component:this}),this.currentTargetElement=null,this.currentOpen=!1,this.title=""},showToolTip:function(t){var e=this;clearTimeout(this.openTimeoutId),clearInterval(this.updateIntervalId),t.target.hasChildNodes()&&t.target.childNodes.forEach((function(e){"title"===e.nodeName&&(t.target.titleExpando=e.innerHTML,e.remove())}));var n=this.computedTarget||t.target,o=this.getTitle(n);o.title?(o.element&&(o.element.titleExpando=o.title,o.element.title=""),this.willOpen=!0,this.$props.openDelay?this.openTimeoutId=window.setTimeout((function(){e.willOpen&&(e.currentTargetElement=n,e.currentOpen=!0,e.title=o.title,e.setUpdateInterval())}),this.$props.openDelay):(this.currentTargetElement=n,this.currentOpen=!0,this.title=o.title,this.setUpdateInterval()),this.title!==o.title&&this.$emit("open",{event:t,compoponent:this})):this.computedOpen&&this.onClose(t)},setUpdateInterval:function(){this.$props.updateInterval&&(this.updateIntervalId=setInterval(this.onIntervalUpdate,this.$props.updateInterval))},onIntervalUpdate:function(){var t=this.computedTarget;t&&(null===t.parentElement?this.onClose({target:t}):this.showToolTip({target:t}))},isVisible:function(t){return!this.$props.filter||this.$props.filter(t)},setPosition:function(t){var e=a.getDomRect(this.computedTarget);return{left:a.getLeftPosition(this.left,t.offsetWidth,e,this.$props.anchorElement,this.$props.position),top:a.getTopPosition(this.top,e,t.offsetHeight,this.$props.anchorElement,this.$props.position)}},getTitle:function(t){for(;t;){if(null!==t.getAttribute("title")||t.titleExpando)return{title:t.getAttribute("title")||t.titleExpando,element:t};t=this.$props.parentTitle&&t.parentElement||null}return{title:"",element:t}},calloutClassName:function(){switch(this.$props.position){case"bottom":return"k-callout k-callout-n";case"left":return"k-callout k-callout-e";case"right":return"k-callout k-callout-w";case"top":return"k-callout k-callout-s";default:return this.top<window.innerHeight/2?"k-callout k-callout-n":"k-callout k-callout-s"}},getCurrentZIndex:function(){return this.context?this.context:100}}};e.Tooltip=p;var d=p;e.TooltipVue3=d},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.isTooltipElement=e.toolTipSelectors=e.getDomRect=e.getTopPosition=e.getLeftPosition=void 0;e.getLeftPosition=function(t,e,n,o,i){switch(i){case"bottom":return"pointer"===o?t-e/2:n.left-e/2+n.width/2;case"left":return"pointer"===o?t-e-10:n.left-e-10;case"right":return"pointer"===o?t+10:n.right+10;case"top":return"pointer"===o?t-e/2:n.left-e/2+n.width/2;default:return"pointer"===o?t<window.screen.availWidth/2?t-10:t-e+10:t<window.screen.availWidth/2?n.left:n.right-e}},e.getTopPosition=function(t,e,n,o,i){switch(i){case"bottom":return"pointer"===o?t+10:e.bottom+10;case"left":case"right":return"pointer"===o?t-n/2:e.top-n/2+e.height/2;case"top":return"pointer"===o?t-n-10:e.top-n-10;default:return"pointer"===o?t<window.innerHeight/2?t+10:t-n-10:t<window.innerHeight/2?e.bottom+10:e.top-n-10}},e.getDomRect=function(t){return null!==t?t.getBoundingClientRect():document.body.getBoundingClientRect()},e.toolTipSelectors=["k-tooltip-content","k-animation-container","k-tooltip","k-tooltip-title","k-tooltip k-tooltip-closable","k-icon k-i-close"],e.isTooltipElement=function(t){if(null===t)return!1;for(var n=t;n;){if(null!==n&&n.classList&&n.classList.contains("k-tooltip"))return!0;n=null!==n.parentNode&&n.parentNode}return e.toolTipSelectors.filter((function(e){return e===t.className})).length>0}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.packageMetadata=void 0,e.packageMetadata={name:"@progress/kendo-vue-tooltip",productName:"Kendo UI for Vue",productCodes:["KENDOUIVUE","KENDOUICOMPLETE"],publishDate:1641109404,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"}},function(t,e,n){"use strict";n.r(e),n.d(e,"classNames",(function(){return o})),n.d(e,"guid",(function(){return i})),n.d(e,"Keys",(function(){return r})),n.d(e,"noop",(function(){return j})),n.d(e,"getListeners",(function(){return L})),n.d(e,"hasListener",(function(){return D})),n.d(e,"canUseDOM",(function(){return s})),n.d(e,"focusFirstFocusableChild",(function(){return u})),n.d(e,"clone",(function(){return $})),n.d(e,"Draggable",(function(){return T})),n.d(e,"cloneArray",(function(){return P})),n.d(e,"cloneValue",(function(){return E})),n.d(e,"cloneObject",(function(){return k})),n.d(e,"cloneDate",(function(){return O})),n.d(e,"getTemplate",(function(){return K})),n.d(e,"templateRendering",(function(){return A})),n.d(e,"getTabIndex",(function(){return U})),n.d(e,"getDefaultSlots",(function(){return _})),n.d(e,"isRtl",(function(){return X})),n.d(e,"getDir",(function(){return Y})),n.d(e,"getter",(function(){return I})),n.d(e,"setter",(function(){return S})),n.d(e,"validatePackage",(function(){return F}));var o=function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];return t.filter((function(t){return!0!==t&&!!t})).map((function(t){return Array.isArray(t)?o.apply(void 0,t):"object"==typeof t?Object.keys(t).map((function(e,n){return t[n]||t[e]&&e||null})).filter((function(t){return null!==t})).join(" "):t})).filter((function(t){return!!t})).join(" ")},i=function(){var t,e,n="";for(t=0;t<32;t++)e=16*Math.random()|0,8!==t&&12!==t&&16!==t&&20!==t||(n+="-"),n+=(12===t?4:16===t?3&e|8:e).toString(16);return n},r={backspace:8,tab:9,enter:13,shift:16,esc:27,space:32,pageUp:33,pageDown:34,end:35,home:36,left:37,up:38,right:39,down:40,delete:46},s=Boolean("undefined"!=typeof window&&window.document&&window.document.createElement),u=function(t){if(t){var e=t.querySelectorAll('input, [tabindex]:not([tabindex="-1"])');e.length&&e[0].focus&&e[0].focus()}},l=n(0),a=function(t,e){return function(n){return e(t(n))}},c=function(t,e,n){return t.addEventListener&&t.addEventListener(e,n)},p=function(t,e,n){return t&&t.removeEventListener&&t.removeEventListener(e,n)},d=function(){},h=function(t){return t.preventDefault()},f=/touch/;function m(t){return t.type.match(f)?{pageX:t.changedTouches[0].pageX,pageY:t.changedTouches[0].pageY,clientX:t.changedTouches[0].clientX,clientY:t.changedTouches[0].clientY,type:t.type,originalEvent:t,isTouch:!0}:{pageX:t.pageX,pageY:t.pageY,clientX:t.clientX,clientY:t.clientY,offsetX:t.offsetX,offsetY:t.offsetY,type:t.type,ctrlKey:t.ctrlKey,shiftKey:t.shiftKey,altKey:t.altKey,originalEvent:t}}var v=function(t){var e=this,n=t.press;void 0===n&&(n=d);var o=t.drag;void 0===o&&(o=d);var i=t.release;void 0===i&&(i=d);var r=t.mouseOnly;void 0===r&&(r=!1),this._pressHandler=a(m,n),this._dragHandler=a(m,o),this._releaseHandler=a(m,i),this._ignoreMouse=!1,this._mouseOnly=r,this._touchstart=function(t){1===t.touches.length&&e._pressHandler(t)},this._touchmove=function(t){1===t.touches.length&&e._dragHandler(t)},this._touchend=function(t){0===t.touches.length&&1===t.changedTouches.length&&(e._releaseHandler(t),e._ignoreMouse=!0,setTimeout(e._restoreMouse,2e3))},this._restoreMouse=function(){e._ignoreMouse=!1},this._mousedown=function(t){var n=t.which;n&&n>1||e._ignoreMouse||(c(document,"mousemove",e._mousemove),c(document,"mouseup",e._mouseup),e._pressHandler(t))},this._mousemove=function(t){e._dragHandler(t)},this._mouseup=function(t){p(document,"mousemove",e._mousemove),p(document,"mouseup",e._mouseup),e._releaseHandler(t)},this._pointerdown=function(t){t.isPrimary&&0===t.button&&(c(document,"pointermove",e._pointermove),c(document,"pointerup",e._pointerup),c(document,"pointercancel",e._pointerup),c(document,"contextmenu",h),e._pressHandler(t))},this._pointermove=function(t){t.isPrimary&&e._dragHandler(t)},this._pointerup=function(t){t.isPrimary&&(p(document,"pointermove",e._pointermove),p(document,"pointerup",e._pointerup),p(document,"pointercancel",e._pointerup),p(document,"contextmenu",h),e._releaseHandler(t))}};v.supportPointerEvent=function(){return"undefined"!=typeof window&&window.PointerEvent},v.prototype.bindTo=function(t){t!==this._element&&(this._element&&this._unbindFromCurrent(),this._element=t,this._bindToCurrent())},v.prototype._bindToCurrent=function(){var t=this._element;this._usePointers()?c(t,"pointerdown",this._pointerdown):(c(t,"mousedown",this._mousedown),this._mouseOnly||(c(t,"touchstart",this._touchstart),c(t,"touchmove",this._touchmove),c(t,"touchend",this._touchend)))},v.prototype._unbindFromCurrent=function(){var t=this._element;if(this._usePointers())return p(t,"pointerdown",this._pointerdown),p(document,"pointermove",this._pointermove),p(document,"pointerup",this._pointerup),p(document,"contextmenu",h),void p(document,"pointercancel",this._pointerup);p(t,"mousedown",this._mousedown),this._mouseOnly||(p(t,"touchstart",this._touchstart),p(t,"touchmove",this._touchmove),p(t,"touchend",this._touchend))},v.prototype._usePointers=function(){return!this._mouseOnly&&v.supportPointerEvent()},v.prototype.update=function(t){var e=t.press;void 0===e&&(e=d);var n=t.drag;void 0===n&&(n=d);var o=t.release;void 0===o&&(o=d);var i=t.mouseOnly;void 0===i&&(i=!1),this._pressHandler=a(m,e),this._dragHandler=a(m,n),this._releaseHandler=a(m,o),this._mouseOnly=i},v.prototype.destroy=function(){this._unbindFromCurrent(),this._element=null},v.default=v;var g,y=v;function _(t){var e=t.$slots.default;return t.v3&&e&&"function"==typeof e?e():e}function b(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var w=l.h,T=(b(g={emits:{press:null,drag:null,release:null},inheritAttrs:!1,created:function(){this.element=null,this.draggable=new y({press:this.press,drag:this.drag,release:this.release})},setup:w?function(){return{v3:!!w}}:void 0,mounted:function(){this.$el&&(this.element=3===this.$el.nodeType?this.$el.nextElementSibling:this.$el,this.draggable.bindTo(this.element))},destroyed:w?void 0:function(){this.draggable.destroy()},unmounted:function(){this.draggable.destroy()},methods:{press:function(t){this.element&&this.$emit("press",t,this.element)},drag:function(t){this.element&&this.$emit("drag",t,this.element)},release:function(t){this.element&&this.$emit("release",t,this.element)}}},"setup",w?function(){return{v3:!!w}}:void 0),b(g,"render",(function(t){return _(this)})),g),O=function(t){return t?new Date(t.getTime()):null};function $(t){var e={};return k(t,e),e}function k(t,e){for(var n in t)if(t.hasOwnProperty(n)){var o=t[n];e[n]=E(o,e[n])}}function E(t,e){if(Array.isArray(t))return P(t);if(t instanceof Date)return O(t);if(t&&"object"==typeof t){var n=e||{};return k(t,n),n}return t}function P(t){return t.map((function(t){return E(t,void 0)}))}var j=function(){},C=/\[(?:(\d+)|['"](.*?)['"])\]|((?:(?!\[.*?\]|\.).)+)/g,x={};function I(t){if(x[t])return x[t];var e=[];return t.replace(C,(function(t,n,o,i){e.push(void 0!==n?n:o||i)})),x[t]=function(t){for(var n=t,o=0;o<e.length&&n;o++)n=n[e[o]];return n},x[t]}x.undefined=function(){};var M={};function S(t){if(M[t])return M[t];var e=[];return t.replace(C,(function(t,n,o,i){e.push(void 0!==n?n:o||i)})),M[t]=function(t,n){for(var o=t,i=e.length-1,r=0;r<i&&o;r++)o=o[e[r]]=o[e[r]]||{};o[e[i]]=n},M[t]}function D(t){return this.v3?Object.keys(this.$attrs).map((function(t){return t.toLowerCase()})).some((function(e){return e.endsWith(t.toLowerCase())})):this.$listeners[t]}function L(){if(this.v3){var t={};for(var e in this.$attrs)e.startsWith("on")&&(t[e]=this.$attrs[e]);return t}return this.$listeners}M.undefined=function(t){return t};var N=function(){return(N=Object.assign||function(t){for(var e,n=1,o=arguments.length;n<o;n++)for(var i in e=arguments[n])Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t}).apply(this,arguments)},H=l.h;function A(t,e){if(t){var n=H?this.$slots[t]||(t.toLowerCase?this.$slots[t.toLowerCase()]:null):this.$scopedSlots[t]||(t.toLowerCase?this.$scopedSlots[t.toLowerCase()]:null);return"string"==typeof t&&n?{type:"slot",render:n,listeners:e}:"string"==typeof t||"object"==typeof t||"function"==typeof t&&t.component?{type:"component",render:t,listeners:e}:{type:"renderFunction",render:t,listeners:e}}}function K(t){var e,n,o,i=t.h,r=t.template,s=t.defaultRendering,u=t.defaultSlots,l=t.additionalProps,a=t.additionalListeners,c=t.swapDefaultSlots;if(!r)return s;if(H){var p=s?s.props:{};e=N(N({},R(a)),r.listeners),n=N(N(N({},p),l),e),o=N(N({},n),e)}else{var d=s&&s.componentOptions,h=d?s.componentOptions.listeners:{},f=d?s.componentOptions.propsData:{};e=N(N(N(N({},h),a),R(a)),r.listeners),o={props:n=N(N(N({},f),l),e),on:e}}if("slot"===r.type){var m=r.render({props:n,listeners:e,methods:e,defaultSlots:u});return m?m[0]:void 0}return"renderFunction"===r.type?c?r.render(i,s,u,n,e):r.render(i,s,n,e,u):i(r.render,o,H?function(){return[u]}:[u])}function R(t){if(!t)return t;for(var e={},n=Object.keys(t),o=0;o<n.length;o++){var i=n[o];e["on"+i.charAt(0).toUpperCase()+i.slice(1)]=t[i]}return e}var U=function(t,e,n){var o="string"==typeof t?parseInt(t,void 0):t;if(NaN!==o)return void 0!==o?o:e?n?void 0:-1:0};function X(t){return Boolean(s&&t&&"rtl"===getComputedStyle(t).direction)}function Y(t,e){if(!e&&s&&t){var n=window.getComputedStyle(t).direction;if(n)return n}return e}var B=n(1);function F(t){if(void 0!==B)B.validatePackage(t);else{var e="License activation failed for "+t.name+"\n";e+="The @progress/kendo-licensing script is not loaded.\n",e+="See "+t.licensingDocsUrl+" for more information.\n",console.warn(e)}}}])}));

package/dist/es/Tooltip.d.ts

@@ -18,6 +18,8 @@ interface TooltipData {
  */
 export interface TooltipComputed {
     [key: string]: any;
+    computedTarget: any;
+    computedOpen: any;
 }
 /**
  * @hidden

package/dist/es/Tooltip.js

@@ -27,6 +27,14 @@ var Tooltip = {
   name: 'KendoTooltip',
   inheritAttrs: false,
   props: {
+    showCallout: {
+      type: Boolean,
+      default: true
+    },
+    setCalloutOnPositionAuto: {
+      type: Number,
+      default: undefined
+    },
     anchorElement: {
       type: String,
       default: 'pointer',
@@ -56,6 +64,7 @@ var Tooltip = {
     wrapperStyle: Object,
     tooltipClassName: String,
     tooltipStyle: Object,
+    targetElement: Object,
     parentTitle: {
       type: Boolean,
       default: false
@@ -65,7 +74,7 @@ var Tooltip = {
     return {
       top: 0,
       left: 0,
-      targetElement: null,
+      currentTargetElement: null,
       currentOpen: false,
       title: ''
     };
@@ -79,6 +88,17 @@ var Tooltip = {
         'k-animation-container-fixed': true,
         'k-animation-container-shown': true
       }, _a[this.$props.className] = true, _a;
+    },
+    computedTarget: function computedTarget() {
+      return this.targetElement !== undefined ? this.targetElement : this.currentTargetElement;
+    },
+    computedOpen: function computedOpen() {
+      return this.open !== undefined ? this.open : this.currentOpen;
+    }
+  },
+  inject: {
+    kendoContext: {
+      default: null
     }
   },
   created: function created() {
@@ -86,31 +106,21 @@ var Tooltip = {
     this.top = 0;
     this.left = 0;
     this.willOpen = false;
+    this.context = this.kendoContext || undefined;
   },
   mounted: function mounted() {
     if (document) {
       document.body.addEventListener('mousemove', this.handleBodyMousemove);
     }
   },
-  destroyed: function destroyed() {
-    clearTimeout(this.openTimeoutId);
-    clearInterval(this.updateIntervalId);
-
-    if (document) {
-      document.body.removeEventListener('mousemove', this.handleBodyMousemove);
-    }
-
-    if (this.element) {
-      this.element.remove();
-    }
+  destroyed: !!gh ? undefined : function () {
+    this.destroyElement();
+  },
+  // @ts-ignore
+  unmounted: function unmounted() {
+    this.destroyElement();
   },
   updated: function updated() {
-    if (this.$props.targetElement) {
-      this.showToolTip({
-        target: this.$props.targetElement
-      });
-    }
-
     this.element = this.v3 ? this.elementRef : this.$refs.element;
 
     if (!this.element) {
@@ -122,7 +132,7 @@ var Tooltip = {
     if (this.$props.onPosition) {
       position = this.$props.onPosition.call(undefined, {
         element: this.element,
-        targetElement: this.state.targetElement,
+        targetElement: this.computedTarget,
         mouseTop: this.top,
         mouseLeft: this.left,
         anchorElement: this.$props.anchorElement,
@@ -136,11 +146,11 @@ var Tooltip = {
     this.element.style.left = position.left + 'px';
     this.element.style.top = position.top + 'px';
 
-    if (this.targetElement) {
-      var appendToElement = this.$props.appendTo ? this.$props.appendTo : this.targetElement.ownerDocument.body;
+    if (this.computedTarget) {
+      var appendToElement = this.$props.appendTo ? this.$props.appendTo : this.computedTarget.ownerDocument.body;
 
       if (this.element.parentElement !== appendToElement) {
-        this.targetElement.ownerDocument.body.append(this.element);
+        this.computedTarget.ownerDocument.body.append(this.element);
       }
     }
 
@@ -169,11 +179,6 @@ var Tooltip = {
 
     var h = gh || createElement;
     var defaultSlot = getDefaultSlots(this);
-
-    if (this.$props.open === false) {
-      return null;
-    }
-
     var currentZIndex = this.getCurrentZIndex();
     var content = this.$props.content ? templateRendering.call(this, this.$props.content, getListeners.call(this)) : undefined;
     var contentDefaultRendering = this.title;
@@ -183,10 +188,10 @@ var Tooltip = {
       defaultRendering: contentDefaultRendering,
       additionalProps: {
         title: this.title,
-        target: this.targetElement
+        target: this.computedTarget
       }
     });
-    var innerToolTip = h("div", {
+    var innerToolTip = this.computedOpen && h("div", {
       "class": classNames('k-tooltip', this.$props.tooltipClassName),
       style: __assign({
         position: 'relative'
@@ -198,7 +203,7 @@ var Tooltip = {
         _this.calloutRef = el;
       } : 'callout'
     })]);
-    var tooltip = this.targetElement && this.title && this.targetElement.ownerDocument && h("div", {
+    var tooltip = this.computedTarget && this.title && this.computedTarget.ownerDocument && h("div", {
       ref: this.v3 ? function (el) {
         _this.elementRef = el;
       } : 'element',
@@ -222,14 +227,24 @@ var Tooltip = {
         onMouseout: this.handleMouseOut
       }, [tooltip, defaultSlot]);
     } else {
-      return {
-        tooltip: tooltip
-      };
+      return tooltip;
     }
   },
   methods: {
+    destroyElement: function destroyElement() {
+      clearTimeout(this.openTimeoutId);
+      clearInterval(this.updateIntervalId);
+
+      if (document) {
+        document.body.removeEventListener('mousemove', this.handleBodyMousemove);
+      }
+
+      if (this.element) {
+        this.element.remove();
+      }
+    },
     handleMouseOut: function handleMouseOut(event) {
-      var currentDocument = this.targetElement ? this.targetElement.ownerDocument : document;
+      var currentDocument = this.computedTarget ? this.computedTarget.ownerDocument : document;
       var element = currentDocument && currentDocument.elementFromPoint(event.clientX, event.clientY);
 
       if (isTooltipElement(element)) {
@@ -247,7 +262,7 @@ var Tooltip = {
     handleMouseOver: function handleMouseOver(event) {
       var target = event.target;
 
-      if (!this.isVisible(target) || isTooltipElement(target) || target === this.targetElement) {
+      if (!this.isVisible(target) || isTooltipElement(target) || target === this.computedTarget) {
         return;
       }
 
@@ -262,7 +277,7 @@ var Tooltip = {
         event: event,
         component: this
       });
-      this.targetElement = null;
+      this.currentTargetElement = null;
       this.currentOpen = false;
       this.title = '';
     },
@@ -281,11 +296,11 @@ var Tooltip = {
         });
       }
 
-      var target = this.$props.targetElement || event.target;
+      var target = this.computedTarget || event.target;
       var titleResult = this.getTitle(target);
 
       if (!titleResult.title) {
-        if (this.currentOpen) {
+        if (this.computedOpen) {
           this.onClose(event);
         }
 
@@ -300,14 +315,14 @@ var Tooltip = {
       this.willOpen = true;
 
       if (!this.$props.openDelay) {
-        this.targetElement = target;
+        this.currentTargetElement = target;
         this.currentOpen = true;
         this.title = titleResult.title;
         this.setUpdateInterval();
       } else {
         this.openTimeoutId = window.setTimeout(function () {
           if (_this.willOpen) {
-            _this.targetElement = target;
+            _this.currentTargetElement = target;
             _this.currentOpen = true;
             _this.title = titleResult.title;
 
@@ -329,7 +344,7 @@ var Tooltip = {
       }
     },
     onIntervalUpdate: function onIntervalUpdate() {
-      var target = this.targetElement;
+      var target = this.computedTarget;
 
       if (!target) {
         return;
@@ -351,7 +366,7 @@ var Tooltip = {
       return !this.$props.filter || this.$props.filter(element);
     },
     setPosition: function setPosition(element) {
-      var domRect = getDomRect(this.targetElement);
+      var domRect = getDomRect(this.computedTarget);
       var left = getLeftPosition(this.left, element.offsetWidth, domRect, this.$props.anchorElement, this.$props.position);
       var top = getTopPosition(this.top, domRect, element.offsetHeight, this.$props.anchorElement, this.$props.position);
       return {

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-tooltip',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1640004102,
+    publishDate: 1641109404,
     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/npm/Tooltip.d.ts

@@ -18,6 +18,8 @@ interface TooltipData {
  */
 export interface TooltipComputed {
     [key: string]: any;
+    computedTarget: any;
+    computedOpen: any;
 }
 /**
  * @hidden

package/dist/npm/Tooltip.js

@@ -38,6 +38,14 @@ var Tooltip = {
   name: 'KendoTooltip',
   inheritAttrs: false,
   props: {
+    showCallout: {
+      type: Boolean,
+      default: true
+    },
+    setCalloutOnPositionAuto: {
+      type: Number,
+      default: undefined
+    },
     anchorElement: {
       type: String,
       default: 'pointer',
@@ -67,6 +75,7 @@ var Tooltip = {
     wrapperStyle: Object,
     tooltipClassName: String,
     tooltipStyle: Object,
+    targetElement: Object,
     parentTitle: {
       type: Boolean,
       default: false
@@ -76,7 +85,7 @@ var Tooltip = {
     return {
       top: 0,
       left: 0,
-      targetElement: null,
+      currentTargetElement: null,
       currentOpen: false,
       title: ''
     };
@@ -90,6 +99,17 @@ var Tooltip = {
         'k-animation-container-fixed': true,
         'k-animation-container-shown': true
       }, _a[this.$props.className] = true, _a;
+    },
+    computedTarget: function computedTarget() {
+      return this.targetElement !== undefined ? this.targetElement : this.currentTargetElement;
+    },
+    computedOpen: function computedOpen() {
+      return this.open !== undefined ? this.open : this.currentOpen;
+    }
+  },
+  inject: {
+    kendoContext: {
+      default: null
     }
   },
   created: function created() {
@@ -97,31 +117,21 @@ var Tooltip = {
     this.top = 0;
     this.left = 0;
     this.willOpen = false;
+    this.context = this.kendoContext || undefined;
   },
   mounted: function mounted() {
     if (document) {
       document.body.addEventListener('mousemove', this.handleBodyMousemove);
     }
   },
-  destroyed: function destroyed() {
-    clearTimeout(this.openTimeoutId);
-    clearInterval(this.updateIntervalId);
-
-    if (document) {
-      document.body.removeEventListener('mousemove', this.handleBodyMousemove);
-    }
-
-    if (this.element) {
-      this.element.remove();
-    }
+  destroyed: !!gh ? undefined : function () {
+    this.destroyElement();
+  },
+  // @ts-ignore
+  unmounted: function unmounted() {
+    this.destroyElement();
   },
   updated: function updated() {
-    if (this.$props.targetElement) {
-      this.showToolTip({
-        target: this.$props.targetElement
-      });
-    }
-
     this.element = this.v3 ? this.elementRef : this.$refs.element;
 
     if (!this.element) {
@@ -133,7 +143,7 @@ var Tooltip = {
     if (this.$props.onPosition) {
       position = this.$props.onPosition.call(undefined, {
         element: this.element,
-        targetElement: this.state.targetElement,
+        targetElement: this.computedTarget,
         mouseTop: this.top,
         mouseLeft: this.left,
         anchorElement: this.$props.anchorElement,
@@ -147,11 +157,11 @@ var Tooltip = {
     this.element.style.left = position.left + 'px';
     this.element.style.top = position.top + 'px';
 
-    if (this.targetElement) {
-      var appendToElement = this.$props.appendTo ? this.$props.appendTo : this.targetElement.ownerDocument.body;
+    if (this.computedTarget) {
+      var appendToElement = this.$props.appendTo ? this.$props.appendTo : this.computedTarget.ownerDocument.body;
 
       if (this.element.parentElement !== appendToElement) {
-        this.targetElement.ownerDocument.body.append(this.element);
+        this.computedTarget.ownerDocument.body.append(this.element);
       }
     }
 
@@ -180,11 +190,6 @@ var Tooltip = {
 
     var h = gh || createElement;
     var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
-
-    if (this.$props.open === false) {
-      return null;
-    }
-
     var currentZIndex = this.getCurrentZIndex();
     var content = this.$props.content ? kendo_vue_common_1.templateRendering.call(this, this.$props.content, kendo_vue_common_1.getListeners.call(this)) : undefined;
     var contentDefaultRendering = this.title;
@@ -194,10 +199,10 @@ var Tooltip = {
       defaultRendering: contentDefaultRendering,
       additionalProps: {
         title: this.title,
-        target: this.targetElement
+        target: this.computedTarget
       }
     });
-    var innerToolTip = h("div", {
+    var innerToolTip = this.computedOpen && h("div", {
       "class": kendo_vue_common_1.classNames('k-tooltip', this.$props.tooltipClassName),
       style: __assign({
         position: 'relative'
@@ -209,7 +214,7 @@ var Tooltip = {
         _this.calloutRef = el;
       } : 'callout'
     })]);
-    var tooltip = this.targetElement && this.title && this.targetElement.ownerDocument && h("div", {
+    var tooltip = this.computedTarget && this.title && this.computedTarget.ownerDocument && h("div", {
       ref: this.v3 ? function (el) {
         _this.elementRef = el;
       } : 'element',
@@ -233,14 +238,24 @@ var Tooltip = {
         onMouseout: this.handleMouseOut
       }, [tooltip, defaultSlot]);
     } else {
-      return {
-        tooltip: tooltip
-      };
+      return tooltip;
     }
   },
   methods: {
+    destroyElement: function destroyElement() {
+      clearTimeout(this.openTimeoutId);
+      clearInterval(this.updateIntervalId);
+
+      if (document) {
+        document.body.removeEventListener('mousemove', this.handleBodyMousemove);
+      }
+
+      if (this.element) {
+        this.element.remove();
+      }
+    },
     handleMouseOut: function handleMouseOut(event) {
-      var currentDocument = this.targetElement ? this.targetElement.ownerDocument : document;
+      var currentDocument = this.computedTarget ? this.computedTarget.ownerDocument : document;
       var element = currentDocument && currentDocument.elementFromPoint(event.clientX, event.clientY);
 
       if (utils_1.isTooltipElement(element)) {
@@ -258,7 +273,7 @@ var Tooltip = {
     handleMouseOver: function handleMouseOver(event) {
       var target = event.target;
 
-      if (!this.isVisible(target) || utils_1.isTooltipElement(target) || target === this.targetElement) {
+      if (!this.isVisible(target) || utils_1.isTooltipElement(target) || target === this.computedTarget) {
         return;
       }
 
@@ -273,7 +288,7 @@ var Tooltip = {
         event: event,
         component: this
       });
-      this.targetElement = null;
+      this.currentTargetElement = null;
       this.currentOpen = false;
       this.title = '';
     },
@@ -292,11 +307,11 @@ var Tooltip = {
         });
       }
 
-      var target = this.$props.targetElement || event.target;
+      var target = this.computedTarget || event.target;
       var titleResult = this.getTitle(target);
 
       if (!titleResult.title) {
-        if (this.currentOpen) {
+        if (this.computedOpen) {
           this.onClose(event);
         }
 
@@ -311,14 +326,14 @@ var Tooltip = {
       this.willOpen = true;
 
       if (!this.$props.openDelay) {
-        this.targetElement = target;
+        this.currentTargetElement = target;
         this.currentOpen = true;
         this.title = titleResult.title;
         this.setUpdateInterval();
       } else {
         this.openTimeoutId = window.setTimeout(function () {
           if (_this.willOpen) {
-            _this.targetElement = target;
+            _this.currentTargetElement = target;
             _this.currentOpen = true;
             _this.title = titleResult.title;
 
@@ -340,7 +355,7 @@ var Tooltip = {
       }
     },
     onIntervalUpdate: function onIntervalUpdate() {
-      var target = this.targetElement;
+      var target = this.computedTarget;
 
       if (!target) {
         return;
@@ -362,7 +377,7 @@ var Tooltip = {
       return !this.$props.filter || this.$props.filter(element);
     },
     setPosition: function setPosition(element) {
-      var domRect = utils_1.getDomRect(this.targetElement);
+      var domRect = utils_1.getDomRect(this.computedTarget);
       var left = utils_1.getLeftPosition(this.left, element.offsetWidth, domRect, this.$props.anchorElement, this.$props.position);
       var top = utils_1.getTopPosition(this.top, domRect, element.offsetHeight, this.$props.anchorElement, this.$props.position);
       return {

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-tooltip',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1640004102,
+    publishDate: 1641109404,
     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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-tooltip",
-  "version": "2.7.1",
+  "version": "2.7.2-dev.202201020746",
   "description": "Kendo UI for Vue Tooltip package",
   "repository": {
     "type": "git",
@@ -33,13 +33,13 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-common": "2.7.1"
+    "@progress/kendo-vue-common": "2.7.2-dev.202201020746"
   },
   "devDependencies": {
     "@progress/kendo-licensing": "^1.0.1",
-    "@progress/kendo-vue-dialogs": "2.7.1",
-    "@progress/kendo-vue-grid": "2.7.1",
-    "@progress/kendo-vue-intl": "2.7.1"
+    "@progress/kendo-vue-dialogs": "2.7.2-dev.202201020746",
+    "@progress/kendo-vue-grid": "2.7.2-dev.202201020746",
+    "@progress/kendo-vue-intl": "2.7.2-dev.202201020746"
   },
   "@progress": {
     "friendlyName": "Tooltip",