@progress/kendo-vue-tooltip 3.6.4 → 3.6.5-dev.202210181442
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/dist/cdn/js/kendo-vue-tooltip.js +1 -1
- package/dist/es/Tooltip.js +2 -47
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/utils.js +0 -20
- package/dist/esm/Tooltip.js +2 -47
- package/dist/esm/package-metadata.js +1 -1
- package/dist/esm/utils.js +0 -20
- package/dist/npm/Tooltip.js +2 -52
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/utils.js +0 -24
- package/package.json +6 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue"),require("@progress/kendo-licensing")):"function"==typeof define&&define.amd?define(["vue","@progress/kendo-licensing"],t):"object"==typeof exports?exports.KendoVueTooltip=t(require("vue"),require("@progress/kendo-licensing")):e.KendoVueTooltip=t(e.Vue,e.KendoLicensing)}(self,(function(e,t){return(()=>{"use strict";var n={555:(e,t,n)=>{var o=function(){return o=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},o.apply(this,arguments)},r=Object.create?function(e,t,n,o){void 0===o&&(o=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,o,r)}:function(e,t,n,o){void 0===o&&(o=n),e[o]=t[n]},i=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};Object.defineProperty(t,"__esModule",{value:!0}),t.TooltipVue2=t.Tooltip=void 0;var s=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return i(t,e),t}(n(895)),u=s.h,l=s.version&&"3"===s.version[0],a=n(680),c=n(738),d=n(169),p={name:"KendoTooltip",inheritAttrs:!1,props:{showCallout:{type:Boolean,default:!0},setCalloutOnPositionAuto:{type:String,default:void 0},anchorElement:{type:String,default:"pointer",validator:function(e){return["pointer","target"].includes(e)}},content:[String,Object,Function],filter:Function,openDelay:{type:Number,default:400},open:{type:Boolean,default:void 0},position:{type:String,default:"auto",validator:function(e){return["right","left","top","bottom","auto"].includes(e)}},updatePosition:{type:Function,default:void 0},updateInterval:Number,className:String,wrapperStyle:Object,tooltipClassName:String,tooltipStyle:Object,targetElement:{type:void 0},parentTitle:{type:Boolean,default:!1}},data:function(){return{top:0,left:0,currentTargetElement:null,currentOpen:!1,title:""}},computed:{wrapperClass:function(){var e;return(e={"k-animation-container":!0,"k-animation-container-fixed":!0,"k-animation-container-shown":!0})[this.$props.className]=!0,e},computedTarget:function(){return void 0!==this.targetElement?this.targetElement:this.currentTargetElement},computedOpen:function(){return void 0!==this.open?this.open:this.currentOpen}},inject:{kCurrentZIndex:{default:null}},created:function(){(0,a.validatePackage)(d.packageMetadata),this.top=0,this.left=0,this.willOpen=!1},mounted:function(){this.element=(0,a.getRef)(this,"element"),document&&document.body.addEventListener("mousemove",this.handleBodyMousemove)},destroyed:l?void 0:function(){this.destroyElement()},unmounted:function(){this.destroyElement()},updated:function(){if(this.$props.open&&this.$props.targetElement&&this.showToolTip({target:this.$props.targetElement}),this.element=(0,a.getRef)(this,"element"),this.element){if(this.resetPosition(),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:l?function(){return{v3:!!l}}:void 0,render:function(e){var t=u||e,n=(0,a.getDefaultSlots)(this),r=this.getCurrentZIndex(),i=this.$props.content?a.templateRendering.call(this,this.$props.content,a.getListeners.call(this)):void 0,s=this.title,l=a.getTemplate.call(this,{h:t,template:i,defaultRendering:s,additionalProps:{title:this.title,target:this.computedTarget}}),c=this.computedOpen&&t("div",{class:(0,a.classNames)("k-tooltip",this.$props.tooltipClassName),style:o({position:"relative"},this.$props.tooltipStyle)},[t("div",{class:"k-tooltip-content"},[l]),this.$props.showCallout&&t("div",{ref:(0,a.setRef)(this,"callout")})]),d=this.computedTarget&&this.title&&this.computedTarget.ownerDocument&&t("div",{ref:(0,a.setRef)(this,"element"),class:this.wrapperClass,style:o({zIndex:r},this.$props.wrapperStyle),tabindex:0,attrs:this.v3?void 0:{tabindex:0}},[t("div",{class:"k-child-animation-container"},[c])]);return n?t("div",{onMouseover:this.handleMouseOver,on:this.v3?void 0:{mouseover:this.handleMouseOver,mouseout:this.handleMouseOut},onMouseout:this.handleMouseOut},[d,n]):d},methods:{destroyElement:function(){clearTimeout(this.openTimeoutId),clearInterval(this.updateIntervalId),document&&document.body.removeEventListener("mousemove",this.handleBodyMousemove),this.element&&this.element.remove()},handleMouseOut:function(e){var t=this.computedTarget?this.computedTarget.ownerDocument:document,n=t&&t.elementFromPoint(e.clientX,e.clientY);this.willOpen=!1,(0,c.isTooltipElement)(n)||this.computedTarget!==e.target||this.$props.open||(clearInterval(this.updateIntervalId),this.onClose(e))},handleMouseOver:function(e){var t=e.target;this.isVisible(t)&&!(0,c.isTooltipElement)(t)&&t!==this.computedTarget&&this.showToolTip(e)},handleBodyMousemove:function(e){this.top=e.clientY,this.left=e.clientX},onClose:function(e){this.$emit("close",{event:e,component:this}),this.currentTargetElement=null,this.currentOpen=!1,this.title=""},showToolTip:function(e){var t=this;clearTimeout(this.openTimeoutId),clearInterval(this.updateIntervalId),e.target.hasChildNodes()&&e.target.childNodes.forEach((function(t){"title"===t.nodeName&&(e.target.titleExpando=t.innerHTML,t.remove())}));var n=this.computedTarget||e.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(){t.willOpen&&(t.currentTargetElement=n,t.currentOpen=!0,t.title=o.title,t.setUpdateInterval())}),this.$props.openDelay):(this.currentTargetElement=n,this.currentOpen=!0,this.title=o.title,this.setUpdateInterval()),this.title!==o.title&&this.$emit("open",{event:e,compoponent:this})):this.computedOpen&&this.onClose(e)},setUpdateInterval:function(){this.$props.updateInterval&&(this.updateIntervalId=setInterval(this.onIntervalUpdate,this.$props.updateInterval))},onIntervalUpdate:function(){var e=this.computedTarget;e&&(null===e.parentElement?this.onClose({target:e}):this.showToolTip({target:e}))},resetPosition:function(){if(this.element){var e;e=this.$props.updatePosition?this.$props.updatePosition({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=e.left+"px",this.element.style.top=e.top+"px"}},isVisible:function(e){return!this.$props.filter||this.$props.filter(e)},setPosition:function(e){var t=this.parentTitle?this.getTitle(this.computedTarget).element:this.computedTarget,n=(0,c.getDomRect)(t);return{left:(0,c.getLeftPosition)(this.left,e.offsetWidth,n,this.$props.anchorElement,this.$props.position),top:(0,c.getTopPosition)(this.top,n,e.offsetHeight,this.$props.anchorElement,this.$props.position)}},getTitle:function(e){for(;e;){if(null!==e.getAttribute("title")||e.titleExpando)return{title:e.getAttribute("title")||e.titleExpando,element:e};e=this.$props.parentTitle&&e.parentElement||null}return{title:"",element:e}},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.kCurrentZIndex?this.kCurrentZIndex:100}}};t.TooltipVue2=p;var f=p;t.Tooltip=f},169:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata=void 0,t.packageMetadata={name:"@progress/kendo-vue-tooltip",productName:"Kendo UI for Vue",productCodes:["KENDOUIVUE","KENDOUICOMPLETE"],publishDate:1665151688,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"}},738:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.isTooltipElement=t.toolTipSelectors=t.getDomRect=t.getTopPosition=t.getLeftPosition=void 0;var n=10,o=10;t.getLeftPosition=function(e,t,o,r,i){switch(i){case"bottom":case"top":return"pointer"===r?e-t/2:o.left-t/2+o.width/2;case"left":return"pointer"===r?e-t-n:o.left-t-n;case"right":return"pointer"===r?e+n:o.right+n;default:return"pointer"===r?e<window.screen.availWidth/2?e-n:e-t+n:e<window.screen.availWidth/2?o.left:o.right-t}},t.getTopPosition=function(e,t,r,i,s){switch(s){case"bottom":return"pointer"===i?e+o:t.bottom+o;case"left":case"right":return"pointer"===i?e-r/2:t.top-r/2+t.height/2;case"top":return"pointer"===i?e-r-o:t.top-r-o;default:return"pointer"===i?e<window.innerHeight/2?e+n:e-r-n:e<window.innerHeight/2?t.bottom+o:t.top-r-o}},t.getDomRect=function(e){return null!==e?e.getBoundingClientRect():document.body.getBoundingClientRect()},t.toolTipSelectors=["k-tooltip-content","k-animation-container","k-tooltip","k-tooltip-title","k-tooltip k-tooltip-closable","k-icon k-i-close"],t.isTooltipElement=function(e){if(null===e)return!1;for(var n=e;n;){if(null!==n&&n.classList&&n.classList.contains("k-tooltip"))return!0;n=null!==n.parentNode&&n.parentNode}return t.toolTipSelectors.filter((function(t){return t===e.className})).length>0}},346:(e,t,n)=>{var o;function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}Object.defineProperty(t,"__esModule",{value:!0}),t.DraggableVue2=t.Draggable=void 0;var i=n(895),s=(i.h,i.version&&"3"===i.version[0]),u=n(154),l=n(123),a=(r(o={emits:{press:null,drag:null,release:null},inheritAttrs:!1,created:function(){this.element=null,this.draggable=new u.default({press:this.press,drag:this.drag,release:this.release})},setup:s?function(){return{v3:!!s}}:void 0,mounted:function(){this.$el&&(this.element=3===this.$el.nodeType?this.$el.nextElementSibling:this.$el,this.draggable.bindTo(this.element))},destroyed:s?void 0:function(){this.draggable.destroy()},unmounted:function(){this.draggable.destroy()},methods:{press:function(e){this.element&&this.$emit("press",e,this.element)},drag:function(e){this.element&&this.$emit("drag",e,this.element)},release:function(e){this.element&&this.$emit("release",e,this.element)}}},"setup",s?function(){return{v3:!!s}}:void 0),r(o,"render",(function(e){return(0,l.getDefaultSlots)(this)})),o);t.DraggableVue2=a;var c=a;t.Draggable=c},685:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.BrowserSupportService=void 0;var n=function(){return"undefined"!=typeof document?document:{}},o=function(){function e(){}return Object.defineProperty(e.prototype,"scrollbarWidth",{get:function(){var e=n();if(!this.scrollbar&&e&&e.createElement){var t=e.createElement("div");t.style.cssText="overflow:scroll;overflow-x:hidden;zoom:1;clear:both;display:block",t.innerHTML=" ",e.body.appendChild(t),this.scrollbar=t.offsetWidth-t.scrollWidth,e.body.removeChild(t)}return this.scrollbar},enumerable:!1,configurable:!0}),e}();t.BrowserSupportService=o},770:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.canUseDOM=void 0;var n=Boolean("undefined"!=typeof window&&window.document&&window.document.createElement);t.canUseDOM=n},820:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.classNames=void 0;var o=n(650);t.classNames=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];return e.filter((function(e){return!0!==e&&!!e})).map((function(e){return Array.isArray(e)?t.classNames.apply(void 0,e):(0,o.isObject)(e)?Object.keys(e).map((function(t,n){return e[n]||e[t]&&t||null})).filter((function(e){return null!==e})).join(" "):e})).filter((function(e){return!!e})).join(" ")}},920:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.cloneArray=t.cloneValue=t.cloneObject=t.clone=t.cloneDate=void 0;var o=n(650);function r(e,t){for(var n in e)if(e.hasOwnProperty(n)){var o=e[n];t[n]=i(o,t[n])}}function i(e,n){if(Array.isArray(e))return s(e);if(e instanceof Date)return(0,t.cloneDate)(e);if(e&&(0,o.isObject)(e)){var i=n||{};return r(e,i),i}return e}function s(e){return e.map((function(e){return i(e,void 0)}))}t.cloneDate=function(e){return e?new Date(e.getTime()):null},t.clone=function(e){var t={};return r(e,t),t},t.cloneObject=r,t.cloneValue=i,t.cloneArray=s},866:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.FIELD_REGEX=void 0,t.FIELD_REGEX=/\[(?:(\d+)|['"](.*?)['"])\]|((?:(?!\[.*?\]|\.).)+)/g},123:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getDefaultSlots=void 0,t.getDefaultSlots=function(e){var t=e.$slots.default;return e.v3&&t&&"function"==typeof t?t():t}},580:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.focusContainer=t.focusLastFocusableChild=t.focusFirstFocusableChild=t.lastFocusableChild=t.firstFocusableChild=void 0;var o=n(385),r='input, [tabindex]:not([tabindex="-1"])';t.firstFocusableChild=function(e){if(e){var t=e.querySelectorAll(r);if(t.length&&t[0].focus)return t[0]}},t.lastFocusableChild=function(e){if(e){var t=e.querySelectorAll(r);if(t.length&&t[t.length-1].focus)return t[t.length-1]}},t.focusFirstFocusableChild=function(e){if(e){var t=e.querySelectorAll(r);t.length&&t[0].focus&&t[0].focus()}},t.focusLastFocusableChild=function(e){if(e){var t=e.querySelectorAll(r);t.length&&t[t.length-1].focus&&t[t.length-1].focus()}},t.focusContainer=function(e,n){var r=!0;if(e.keyCode!==o.Keys.enter&&e.target===n)return!1;if(e.keyCode===o.Keys.enter&&e.target===n)r=!0,setTimeout((function(){(0,t.focusFirstFocusableChild)(n)}),1);else if(e.keyCode===o.Keys.esc)r=!1,n.focus();else if(e.keyCode===o.Keys.tab){var i=(0,t.firstFocusableChild)(n),s=(0,t.lastFocusableChild)(n);s&&!e.shiftKey&&e.target===s&&(e.preventDefault(),i.focus()),i&&e.shiftKey&&e.target===i&&(e.preventDefault(),s.focus())}return r}},369:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getTabIndex=void 0,t.getTabIndex=function(e,t,n){var o="string"==typeof e?parseInt(e,void 0):e;if(NaN!==o)return void 0!==o?o:t?n?void 0:-1:0}},504:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getter=void 0;var o=n(866),r={undefined:function(){}};t.getter=function(e){if(r[e])return r[e];var t=[];return e.replace(o.FIELD_REGEX,(function(e,n,o,r){t.push(void 0!==n?n:o||r)})),r[e]=function(e){for(var n=e,o=0;o<t.length&&n;o++)n=n[t[o]];return n},r[e]}},350:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.guid=void 0,t.guid=function(){var e,t,n="";for(e=0;e<32;e++)t=16*Math.random()|0,8!==e&&12!==e&&16!==e&&20!==e||(n+="-"),n+=(12===e?4:16===e?3&t|8:t).toString(16);return n}},366:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.hasRelativeStackingContext=void 0;var o=n(770);t.hasRelativeStackingContext=function(e){if(!o.canUseDOM)return!1;var t=e?e.ownerDocument:document;if(!t||!t.body)return!1;var n=t.createElement("div");n.style.transform="matrix(10, 0, 0, 10, 0, 0)",n.innerHTML='<div style="position: fixed; top: '.concat(10,'px;">child</div>'),t.body.appendChild(n);var r=10!==n.children[0].getBoundingClientRect().top;return t.body.removeChild(n),r}},650:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.isObject=void 0,t.isObject=function(e){return"object"==typeof e}},777:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getDir=t.isRtl=void 0;var o=n(770);t.isRtl=function(e){return Boolean(o.canUseDOM&&e&&"rtl"===getComputedStyle(e).direction)},t.getDir=function(e,t){if(!t&&o.canUseDOM&&e){var n=window.getComputedStyle(e).direction;if(n)return n}return t}},385:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Keys=void 0,t.Keys={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}},681:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getListeners=t.hasListener=void 0,t.hasListener=function(e){return this.v3?Object.keys(this.$attrs).map((function(e){return e.toLowerCase()})).some((function(t){return t.endsWith(e.toLowerCase())})):this.$listeners[e]},t.getListeners=function(){if(this.v3){var e={};for(var t in this.$attrs)t.startsWith("on")&&(e[t]=this.$attrs[t]);return e}return this.$listeners}},680:function(e,t,n){var o=this&&this.__createBinding||(Object.create?function(e,t,n,o){void 0===o&&(o=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,o,r)}:function(e,t,n,o){void 0===o&&(o=n),e[o]=t[n]}),r=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||o(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),t.validatePackage=t.setter=t.getter=t.getDir=t.isRtl=t.getDefaultSlots=t.getTabIndex=t.templateDefinition=t.templateRendering=t.getTemplate=t.cloneDate=t.cloneObject=t.cloneValue=t.cloneArray=t.Draggable=t.clone=t.focusContainer=t.focusLastFocusableChild=t.lastFocusableChild=t.focusFirstFocusableChild=t.firstFocusableChild=t.canUseDOM=t.hasListener=t.getListeners=t.isObject=t.noop=t.Keys=t.guid=t.classNames=t.setRef=t.getRef=void 0;var i=n(820);Object.defineProperty(t,"classNames",{enumerable:!0,get:function(){return i.classNames}});var s=n(350);Object.defineProperty(t,"guid",{enumerable:!0,get:function(){return s.guid}});var u=n(385);Object.defineProperty(t,"Keys",{enumerable:!0,get:function(){return u.Keys}});var l=n(770);Object.defineProperty(t,"canUseDOM",{enumerable:!0,get:function(){return l.canUseDOM}});var a=n(360);Object.defineProperty(t,"getRef",{enumerable:!0,get:function(){return a.getRef}}),Object.defineProperty(t,"setRef",{enumerable:!0,get:function(){return a.setRef}});var c=n(580);Object.defineProperty(t,"focusFirstFocusableChild",{enumerable:!0,get:function(){return c.focusFirstFocusableChild}}),Object.defineProperty(t,"focusLastFocusableChild",{enumerable:!0,get:function(){return c.focusLastFocusableChild}}),Object.defineProperty(t,"focusContainer",{enumerable:!0,get:function(){return c.focusContainer}}),Object.defineProperty(t,"firstFocusableChild",{enumerable:!0,get:function(){return c.firstFocusableChild}}),Object.defineProperty(t,"lastFocusableChild",{enumerable:!0,get:function(){return c.lastFocusableChild}});var d=n(346);Object.defineProperty(t,"Draggable",{enumerable:!0,get:function(){return d.Draggable}});var p=n(920);Object.defineProperty(t,"clone",{enumerable:!0,get:function(){return p.clone}}),Object.defineProperty(t,"cloneArray",{enumerable:!0,get:function(){return p.cloneArray}}),Object.defineProperty(t,"cloneValue",{enumerable:!0,get:function(){return p.cloneValue}}),Object.defineProperty(t,"cloneObject",{enumerable:!0,get:function(){return p.cloneObject}}),Object.defineProperty(t,"cloneDate",{enumerable:!0,get:function(){return p.cloneDate}});var f=n(650);Object.defineProperty(t,"isObject",{enumerable:!0,get:function(){return f.isObject}});var h=n(482);Object.defineProperty(t,"noop",{enumerable:!0,get:function(){return h.noop}});var m=n(504);Object.defineProperty(t,"getter",{enumerable:!0,get:function(){return m.getter}});var v=n(63);Object.defineProperty(t,"setter",{enumerable:!0,get:function(){return v.setter}});var g=n(681);Object.defineProperty(t,"hasListener",{enumerable:!0,get:function(){return g.hasListener}}),Object.defineProperty(t,"getListeners",{enumerable:!0,get:function(){return g.getListeners}});var b=n(337);Object.defineProperty(t,"templateRendering",{enumerable:!0,get:function(){return b.templateRendering}}),Object.defineProperty(t,"getTemplate",{enumerable:!0,get:function(){return b.getTemplate}}),Object.defineProperty(t,"templateDefinition",{enumerable:!0,get:function(){return b.templateDefinition}});var y=n(369);Object.defineProperty(t,"getTabIndex",{enumerable:!0,get:function(){return y.getTabIndex}});var O=n(123);Object.defineProperty(t,"getDefaultSlots",{enumerable:!0,get:function(){return O.getDefaultSlots}});var _=n(777);Object.defineProperty(t,"isRtl",{enumerable:!0,get:function(){return _.isRtl}}),Object.defineProperty(t,"getDir",{enumerable:!0,get:function(){return _.getDir}});var P=n(940);Object.defineProperty(t,"validatePackage",{enumerable:!0,get:function(){return P.validatePackage}}),r(n(484),t),r(n(269),t),r(n(685),t),r(n(984),t),r(n(366),t)},482:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.noop=void 0,t.noop=function(){}},360:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.setRef=t.getRef=void 0,t.getRef=function(e,t,n){return e.v3?e["".concat(t,"Ref")]:e.$refs["".concat(n||t)]},t.setRef=function(e,t,n){return e.v3?function(n){e["".concat(t,"Ref")]=n}:n||t}},984:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.setScrollbarWidth=t.getScrollbarWidth=void 0;var o=n(685),r=n(770);t.getScrollbarWidth=function(){return!(!r.canUseDOM||!document.body)&&(new o.BrowserSupportService).scrollbarWidth},t.setScrollbarWidth=function(){if(!r.canUseDOM||!document.body)return!1;var e=(new o.BrowserSupportService).scrollbarWidth;document.body.style.setProperty("--kendo-scrollbar-width","".concat(e,"px"))}},63:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.setter=void 0;var o=n(866),r={undefined:function(e){return e}};t.setter=function(e){if(r[e])return r[e];var t=[];return e.replace(o.FIELD_REGEX,(function(e,n,o,r){t.push(void 0!==n?n:o||r)})),r[e]=function(e,n){for(var o=e,r=t.length-1,i=0;i<r&&o;i++)o=o[t[i]]=o[t[i]]||{};o[t[r]]=n},r[e]}},337:function(e,t,n){var o=this&&this.__assign||function(){return o=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},o.apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0}),t.transformListeners=t.getTemplate=t.templateRendering=t.templateDefinition=void 0;var r=n(895),i=n(650),s=r,u=s.version&&"3"===s.version[0];function l(e){if(!e)return e;for(var t={},n=Object.keys(e),o=0;o<n.length;o++){var r=n[o];t["on"+r.charAt(0).toUpperCase()+r.slice(1)]=e[r]}return t}t.templateDefinition={type:[String,Function,Object,Boolean],default:function(){}},t.templateRendering=function(e,t){if(e||!1===e){var n=u?this.$slots[e]||(e.toLowerCase?this.$slots[e.toLowerCase()]:null):this.$scopedSlots[e]||(e.toLowerCase?this.$scopedSlots[e.toLowerCase()]:null);return"string"==typeof e&&n?{kt:!0,type:"slot",render:n,listeners:t}:"string"==typeof e||(0,i.isObject)(e)||"function"==typeof e&&e.component?{kt:!0,type:"component",render:e,listeners:t}:{kt:!0,type:"renderFunction",render:e,listeners:t}}},t.getTemplate=function(e){var t,n,r,i=e.h,s=e.template,a=e.defaultRendering,c=e.defaultSlots,d=e.additionalProps,p=e.additionalListeners,f=e.swapDefaultSlots;if(!s||s&&!0===s.render)return a;if(u){var h=a?a.props:{};t=o(o({},l(p)),s.listeners),n=o(o(o({},h),d),t),r=o(o({},n),t)}else{var m=a&&a.componentOptions,v=m?a.componentOptions.listeners:{},g=m?a.componentOptions.propsData:{};t=o(o(o(o({},v),p),l(p)),s.listeners),r={props:n=o(o(o({},g),d),t),on:t}}if("slot"===s.type){var b=s.render({props:n,listeners:t,methods:t,defaultSlots:c});return b?b[0]:void 0}return"renderFunction"===s.type?f?s.render?s.render(i,a,c,n,t):void 0:s.render?s.render(i,a,n,t,c):void 0:i(s.render,r,u?function(){return[c]}:[c])},t.transformListeners=l},484:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.kendoThemeMaps=void 0,t.kendoThemeMaps={sizeMap:{small:"sm",medium:"md",large:"lg"},roundedMap:{small:"sm",medium:"md",large:"lg"}}},269:function(e,t){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},n.apply(this,arguments)},o=this&&this.__spreadArray||function(e,t,n){if(n||2===arguments.length)for(var o,r=0,i=t.length;r<i;r++)!o&&r in t||(o||(o=Array.prototype.slice.call(t,0,r)),o[r]=t[r]);return e.concat(o||Array.prototype.slice.call(t))};function r(e,t,r){var i;return r?n(n({},e),((i={})[t]=r.length?o([],r,!0):void 0,i)):e&&e[t]?o([],e[t],!0):[]}function i(e,t,n){if(e[t]){var o=r(e,t).map((function(e){return i(e,t,n)}));return n(r(e,t,o))}return n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.getNestedValue=t.getItemPath=t.extendDataItem=t.mapTreeItem=t.mapTree=void 0,t.mapTree=function(e,t,n){return o([],e.map((function(e){return i(e,t,n)})),!0)},t.mapTreeItem=function(e,t,n,o){for(var r=e,i=[],s=0;s<t.length;s++)r=r[t[s]],r=Array.isArray(r)?r:r[n],i.push(r);var u=i.length>1?i[i.length-2]:e,l=t[t.length-1],a=o(u[l]);u.splice(l,1,a)},t.extendDataItem=function(e,t,n){var o;return Object.assign({},e,e[t]?((o={})[t]=e[t].slice(),o):{},n||{})},t.getItemPath=function(e,t,n){var r=[],i=o([],t,!0);if(i.length){var s=e[i.shift()||0];for(r.push(s);i.length&&n;)s=s[n][i.shift()||0],r.push(s)}return r},t.getNestedValue=function(e,t){var n=e.split("."),o=t;return n.forEach((function(e){o=o?o[e]:void 0})),o}},940:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.validatePackage=void 0;var o=n(302);t.validatePackage=function(e){var t=o,n=void 0!==t&&t.validatePackage?t:t.default;if(n&&n.validatePackage)n.validatePackage(e);else{var r="License activation failed for ".concat(e.name,"\n");r+="The @progress/kendo-licensing script is not loaded.\n",r+="See ".concat(e.licensingDocsUrl," for more information.\n"),console.warn(r)}}},154:(e,t,n)=>{n.r(t),n.d(t,{Draggable:()=>c,default:()=>p});var o=function(e,t){return function(n){return t(e(n))}},r=function(e,t,n){return e.addEventListener&&e.addEventListener(t,n)},i=function(e,t,n){return e&&e.removeEventListener&&e.removeEventListener(t,n)},s=function(){},u=function(e){return e.preventDefault()},l=/touch/;function a(e){return e.type.match(l)?{pageX:e.changedTouches[0].pageX,pageY:e.changedTouches[0].pageY,clientX:e.changedTouches[0].clientX,clientY:e.changedTouches[0].clientY,type:e.type,originalEvent:e,isTouch:!0}:{pageX:e.pageX,pageY:e.pageY,clientX:e.clientX,clientY:e.clientY,offsetX:e.offsetX,offsetY:e.offsetY,type:e.type,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,originalEvent:e}}var c=function(e){var t=this,n=e.press;void 0===n&&(n=s);var l=e.drag;void 0===l&&(l=s);var c=e.release;void 0===c&&(c=s);var d=e.mouseOnly;void 0===d&&(d=!1),this._pressHandler=o(a,n),this._dragHandler=o(a,l),this._releaseHandler=o(a,c),this._ignoreMouse=!1,this._mouseOnly=d,this._touchstart=function(e){1===e.touches.length&&t._pressHandler(e)},this._touchmove=function(e){1===e.touches.length&&t._dragHandler(e)},this._touchend=function(e){0===e.touches.length&&1===e.changedTouches.length&&(t._releaseHandler(e),t._ignoreMouse=!0,setTimeout(t._restoreMouse,2e3))},this._restoreMouse=function(){t._ignoreMouse=!1},this._mousedown=function(e){var n=e.which;n&&n>1||t._ignoreMouse||(r(t.document,"mousemove",t._mousemove),r(t.document,"mouseup",t._mouseup),t._pressHandler(e))},this._mousemove=function(e){t._dragHandler(e)},this._mouseup=function(e){i(t.document,"mousemove",t._mousemove),i(t.document,"mouseup",t._mouseup),t._releaseHandler(e)},this._pointerdown=function(e){e.isPrimary&&0===e.button&&(r(t.document,"pointermove",t._pointermove),r(t.document,"pointerup",t._pointerup),r(t.document,"pointercancel",t._pointerup),r(t.document,"contextmenu",u),t._pressHandler(e))},this._pointermove=function(e){e.isPrimary&&t._dragHandler(e)},this._pointerup=function(e){e.isPrimary&&(i(t.document,"pointermove",t._pointermove),i(t.document,"pointerup",t._pointerup),i(t.document,"pointercancel",t._pointerup),i(t.document,"contextmenu",u),t._releaseHandler(e))}},d={document:{configurable:!0}};c.supportPointerEvent=function(){return"undefined"!=typeof window&&window.PointerEvent},d.document.get=function(){return this._element?this._element.ownerDocument:document},c.prototype.bindTo=function(e){e!==this._element&&(this._element&&this._unbindFromCurrent(),this._element=e,this._bindToCurrent())},c.prototype._bindToCurrent=function(){var e=this._element;this._usePointers()?r(e,"pointerdown",this._pointerdown):(r(e,"mousedown",this._mousedown),this._mouseOnly||(r(e,"touchstart",this._touchstart),r(e,"touchmove",this._touchmove),r(e,"touchend",this._touchend)))},c.prototype._unbindFromCurrent=function(){var e=this._element;if(this._usePointers())return i(e,"pointerdown",this._pointerdown),i(this.document,"pointermove",this._pointermove),i(this.document,"pointerup",this._pointerup),i(this.document,"contextmenu",u),void i(this.document,"pointercancel",this._pointerup);i(e,"mousedown",this._mousedown),this._mouseOnly||(i(e,"touchstart",this._touchstart),i(e,"touchmove",this._touchmove),i(e,"touchend",this._touchend))},c.prototype._usePointers=function(){return!this._mouseOnly&&c.supportPointerEvent()},c.prototype.update=function(e){var t=e.press;void 0===t&&(t=s);var n=e.drag;void 0===n&&(n=s);var r=e.release;void 0===r&&(r=s);var i=e.mouseOnly;void 0===i&&(i=!1),this._pressHandler=o(a,t),this._dragHandler=o(a,n),this._releaseHandler=o(a,r),this._mouseOnly=i},c.prototype.destroy=function(){this._unbindFromCurrent(),this._element=null},Object.defineProperties(c.prototype,d),c.default=c;const p=c},302:e=>{e.exports=t},895:t=>{t.exports=e}},o={};function r(e){var t=o[e];if(void 0!==t)return t.exports;var i=o[e]={exports:{}};return n[e].call(i.exports,i,i.exports,r),i.exports}r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{var e=i;Object.defineProperty(e,"__esModule",{value:!0}),e.TooltipVue2=e.Tooltip=void 0;var t=r(555);Object.defineProperty(e,"Tooltip",{enumerable:!0,get:function(){return t.Tooltip}}),Object.defineProperty(e,"TooltipVue2",{enumerable:!0,get:function(){return t.TooltipVue2}})})(),i})()}));
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue"),require("@progress/kendo-licensing")):"function"==typeof define&&define.amd?define(["vue","@progress/kendo-licensing"],t):"object"==typeof exports?exports.KendoVueTooltip=t(require("vue"),require("@progress/kendo-licensing")):e.KendoVueTooltip=t(e.Vue,e.KendoLicensing)}(self,(function(e,t){return(()=>{"use strict";var n={555:(e,t,n)=>{var o=function(){return o=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},o.apply(this,arguments)},r=Object.create?function(e,t,n,o){void 0===o&&(o=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,o,r)}:function(e,t,n,o){void 0===o&&(o=n),e[o]=t[n]},i=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};Object.defineProperty(t,"__esModule",{value:!0}),t.TooltipVue2=t.Tooltip=void 0;var s=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return i(t,e),t}(n(895)),u=s.h,l=s.version&&"3"===s.version[0],a=n(680),c=n(738),d=n(169),p={name:"KendoTooltip",inheritAttrs:!1,props:{showCallout:{type:Boolean,default:!0},setCalloutOnPositionAuto:{type:String,default:void 0},anchorElement:{type:String,default:"pointer",validator:function(e){return["pointer","target"].includes(e)}},content:[String,Object,Function],filter:Function,openDelay:{type:Number,default:400},open:{type:Boolean,default:void 0},position:{type:String,default:"auto",validator:function(e){return["right","left","top","bottom","auto"].includes(e)}},updatePosition:{type:Function,default:void 0},updateInterval:Number,className:String,wrapperStyle:Object,tooltipClassName:String,tooltipStyle:Object,targetElement:{type:void 0},parentTitle:{type:Boolean,default:!1}},data:function(){return{top:0,left:0,currentTargetElement:null,currentOpen:!1,title:""}},computed:{wrapperClass:function(){var e;return(e={"k-animation-container":!0,"k-animation-container-fixed":!0,"k-animation-container-shown":!0})[this.$props.className]=!0,e},computedTarget:function(){return void 0!==this.targetElement?this.targetElement:this.currentTargetElement},computedOpen:function(){return void 0!==this.open?this.open:this.currentOpen}},inject:{kCurrentZIndex:{default:null}},created:function(){(0,a.validatePackage)(d.packageMetadata),this.top=0,this.left=0,this.willOpen=!1},mounted:function(){this.element=(0,a.getRef)(this,"element"),document&&document.body.addEventListener("mousemove",this.handleBodyMousemove)},destroyed:l?void 0:function(){this.destroyElement()},unmounted:function(){this.destroyElement()},updated:function(){if(this.$props.open&&this.$props.targetElement&&this.showToolTip({target:this.$props.targetElement}),this.element=(0,a.getRef)(this,"element"),this.element){if(this.resetPosition(),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:l?function(){return{v3:!!l}}:void 0,render:function(e){var t=u||e,n=(0,a.getDefaultSlots)(this),r=this.getCurrentZIndex(),i=this.$props.content?a.templateRendering.call(this,this.$props.content,a.getListeners.call(this)):void 0,s=this.title,l=a.getTemplate.call(this,{h:t,template:i,defaultRendering:s,additionalProps:{title:this.title,target:this.computedTarget}}),c=this.computedOpen&&t("div",{class:(0,a.classNames)("k-tooltip",this.$props.tooltipClassName),style:o({position:"relative"},this.$props.tooltipStyle)},[t("div",{class:"k-tooltip-content"},[l]),this.$props.showCallout&&t("div",{ref:(0,a.setRef)(this,"callout")})]),d=this.computedTarget&&this.title&&this.computedTarget.ownerDocument&&t("div",{ref:(0,a.setRef)(this,"element"),class:this.wrapperClass,style:o({zIndex:r},this.$props.wrapperStyle),tabindex:0,attrs:this.v3?void 0:{tabindex:0}},[t("div",{class:"k-child-animation-container"},[c])]);return n?t("div",{onMouseover:this.handleMouseOver,on:this.v3?void 0:{mouseover:this.handleMouseOver,mouseout:this.handleMouseOut},onMouseout:this.handleMouseOut},[d,n]):d},methods:{destroyElement:function(){clearTimeout(this.openTimeoutId),clearInterval(this.updateIntervalId),document&&document.body.removeEventListener("mousemove",this.handleBodyMousemove),this.element&&this.element.remove()},handleMouseOut:function(e){var t=this.computedTarget?this.computedTarget.ownerDocument:document,n=t&&t.elementFromPoint(e.clientX,e.clientY);this.willOpen=!1,(0,c.isTooltipElement)(n)||this.computedTarget!==e.target||this.$props.open||(clearInterval(this.updateIntervalId),this.onClose(e))},handleMouseOver:function(e){var t=e.target;this.isVisible(t)&&!(0,c.isTooltipElement)(t)&&t!==this.computedTarget&&this.showToolTip(e)},handleBodyMousemove:function(e){this.top=e.clientY,this.left=e.clientX},onClose:function(e){this.$emit("close",{event:e,component:this}),this.currentTargetElement=null,this.currentOpen=!1,this.title=""},showToolTip:function(e){var t=this;clearTimeout(this.openTimeoutId),clearInterval(this.updateIntervalId),e.target.hasChildNodes()&&e.target.childNodes.forEach((function(t){"title"===t.nodeName&&(e.target.titleExpando=t.innerHTML,t.remove())}));var n=this.computedTarget||e.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(){t.willOpen&&(t.currentTargetElement=n,t.currentOpen=!0,t.title=o.title,t.setUpdateInterval())}),this.$props.openDelay):(this.currentTargetElement=n,this.currentOpen=!0,this.title=o.title,this.setUpdateInterval()),this.title!==o.title&&this.$emit("open",{event:e,compoponent:this})):this.computedOpen&&this.onClose(e)},setUpdateInterval:function(){this.$props.updateInterval&&(this.updateIntervalId=setInterval(this.onIntervalUpdate,this.$props.updateInterval))},onIntervalUpdate:function(){var e=this.computedTarget;e&&(null===e.parentElement?this.onClose({target:e}):this.showToolTip({target:e}))},resetPosition:function(){if(this.element){var e;e=this.$props.updatePosition?this.$props.updatePosition({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=e.left+"px",this.element.style.top=e.top+"px"}},isVisible:function(e){return!this.$props.filter||this.$props.filter(e)},setPosition:function(e){var t=this.parentTitle?this.getTitle(this.computedTarget).element:this.computedTarget,n=(0,c.getDomRect)(t);return{left:(0,c.getLeftPosition)(this.left,e.offsetWidth,n,this.$props.anchorElement,this.$props.position),top:(0,c.getTopPosition)(this.top,n,e.offsetHeight,this.$props.anchorElement,this.$props.position)}},getTitle:function(e){for(;e;){if(null!==e.getAttribute("title")||e.titleExpando)return{title:e.getAttribute("title")||e.titleExpando,element:e};e=this.$props.parentTitle&&e.parentElement||null}return{title:"",element:e}},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.kCurrentZIndex?this.kCurrentZIndex:100}}};t.TooltipVue2=p;var f=p;t.Tooltip=f},169:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata=void 0,t.packageMetadata={name:"@progress/kendo-vue-tooltip",productName:"Kendo UI for Vue",productCodes:["KENDOUIVUE","KENDOUICOMPLETE"],publishDate:1666103951,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"}},738:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.isTooltipElement=t.toolTipSelectors=t.getDomRect=t.getTopPosition=t.getLeftPosition=void 0;var n=10,o=10;t.getLeftPosition=function(e,t,o,r,i){switch(i){case"bottom":case"top":return"pointer"===r?e-t/2:o.left-t/2+o.width/2;case"left":return"pointer"===r?e-t-n:o.left-t-n;case"right":return"pointer"===r?e+n:o.right+n;default:return"pointer"===r?e<window.screen.availWidth/2?e-n:e-t+n:e<window.screen.availWidth/2?o.left:o.right-t}},t.getTopPosition=function(e,t,r,i,s){switch(s){case"bottom":return"pointer"===i?e+o:t.bottom+o;case"left":case"right":return"pointer"===i?e-r/2:t.top-r/2+t.height/2;case"top":return"pointer"===i?e-r-o:t.top-r-o;default:return"pointer"===i?e<window.innerHeight/2?e+n:e-r-n:e<window.innerHeight/2?t.bottom+o:t.top-r-o}},t.getDomRect=function(e){return null!==e?e.getBoundingClientRect():document.body.getBoundingClientRect()},t.toolTipSelectors=["k-tooltip-content","k-animation-container","k-tooltip","k-tooltip-title","k-tooltip k-tooltip-closable","k-icon k-i-close"],t.isTooltipElement=function(e){if(null===e)return!1;for(var n=e;n;){if(null!==n&&n.classList&&n.classList.contains("k-tooltip"))return!0;n=null!==n.parentNode&&n.parentNode}return t.toolTipSelectors.filter((function(t){return t===e.className})).length>0}},346:(e,t,n)=>{var o;function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}Object.defineProperty(t,"__esModule",{value:!0}),t.DraggableVue2=t.Draggable=void 0;var i=n(895),s=(i.h,i.version&&"3"===i.version[0]),u=n(154),l=n(123),a=(r(o={emits:{press:null,drag:null,release:null},inheritAttrs:!1,created:function(){this.element=null,this.draggable=new u.default({press:this.press,drag:this.drag,release:this.release})},setup:s?function(){return{v3:!!s}}:void 0,mounted:function(){this.$el&&(this.element=3===this.$el.nodeType?this.$el.nextElementSibling:this.$el,this.draggable.bindTo(this.element))},destroyed:s?void 0:function(){this.draggable.destroy()},unmounted:function(){this.draggable.destroy()},methods:{press:function(e){this.element&&this.$emit("press",e,this.element)},drag:function(e){this.element&&this.$emit("drag",e,this.element)},release:function(e){this.element&&this.$emit("release",e,this.element)}}},"setup",s?function(){return{v3:!!s}}:void 0),r(o,"render",(function(e){return(0,l.getDefaultSlots)(this)})),o);t.DraggableVue2=a;var c=a;t.Draggable=c},685:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.BrowserSupportService=void 0;var n=function(){return"undefined"!=typeof document?document:{}},o=function(){function e(){}return Object.defineProperty(e.prototype,"scrollbarWidth",{get:function(){var e=n();if(!this.scrollbar&&e&&e.createElement){var t=e.createElement("div");t.style.cssText="overflow:scroll;overflow-x:hidden;zoom:1;clear:both;display:block",t.innerHTML=" ",e.body.appendChild(t),this.scrollbar=t.offsetWidth-t.scrollWidth,e.body.removeChild(t)}return this.scrollbar},enumerable:!1,configurable:!0}),e}();t.BrowserSupportService=o},770:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.canUseDOM=void 0;var n=Boolean("undefined"!=typeof window&&window.document&&window.document.createElement);t.canUseDOM=n},820:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.classNames=void 0;var o=n(650);t.classNames=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];return e.filter((function(e){return!0!==e&&!!e})).map((function(e){return Array.isArray(e)?t.classNames.apply(void 0,e):(0,o.isObject)(e)?Object.keys(e).map((function(t,n){return e[n]||e[t]&&t||null})).filter((function(e){return null!==e})).join(" "):e})).filter((function(e){return!!e})).join(" ")}},920:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.cloneArray=t.cloneValue=t.cloneObject=t.clone=t.cloneDate=void 0;var o=n(650);function r(e,t){for(var n in e)if(e.hasOwnProperty(n)){var o=e[n];t[n]=i(o,t[n])}}function i(e,n){if(Array.isArray(e))return s(e);if(e instanceof Date)return(0,t.cloneDate)(e);if(e&&(0,o.isObject)(e)){var i=n||{};return r(e,i),i}return e}function s(e){return e.map((function(e){return i(e,void 0)}))}t.cloneDate=function(e){return e?new Date(e.getTime()):null},t.clone=function(e){var t={};return r(e,t),t},t.cloneObject=r,t.cloneValue=i,t.cloneArray=s},866:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.FIELD_REGEX=void 0,t.FIELD_REGEX=/\[(?:(\d+)|['"](.*?)['"])\]|((?:(?!\[.*?\]|\.).)+)/g},123:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getDefaultSlots=void 0,t.getDefaultSlots=function(e){var t=e.$slots.default;return e.v3&&t&&"function"==typeof t?t():t}},580:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.focusContainer=t.focusLastFocusableChild=t.focusFirstFocusableChild=t.lastFocusableChild=t.firstFocusableChild=void 0;var o=n(385),r='input, [tabindex]:not([tabindex="-1"])';t.firstFocusableChild=function(e){if(e){var t=e.querySelectorAll(r);if(t.length&&t[0].focus)return t[0]}},t.lastFocusableChild=function(e){if(e){var t=e.querySelectorAll(r);if(t.length&&t[t.length-1].focus)return t[t.length-1]}},t.focusFirstFocusableChild=function(e){if(e){var t=e.querySelectorAll(r);t.length&&t[0].focus&&t[0].focus()}},t.focusLastFocusableChild=function(e){if(e){var t=e.querySelectorAll(r);t.length&&t[t.length-1].focus&&t[t.length-1].focus()}},t.focusContainer=function(e,n){var r=!0;if(e.keyCode!==o.Keys.enter&&e.target===n)return!1;if(e.keyCode===o.Keys.enter&&e.target===n)r=!0,setTimeout((function(){(0,t.focusFirstFocusableChild)(n)}),1);else if(e.keyCode===o.Keys.esc)r=!1,n.focus();else if(e.keyCode===o.Keys.tab){var i=(0,t.firstFocusableChild)(n),s=(0,t.lastFocusableChild)(n);s&&!e.shiftKey&&e.target===s&&(e.preventDefault(),i.focus()),i&&e.shiftKey&&e.target===i&&(e.preventDefault(),s.focus())}return r}},369:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getTabIndex=void 0,t.getTabIndex=function(e,t,n){var o="string"==typeof e?parseInt(e,void 0):e;if(NaN!==o)return void 0!==o?o:t?n?void 0:-1:0}},504:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getter=void 0;var o=n(866),r={undefined:function(){}};t.getter=function(e){if(r[e])return r[e];var t=[];return e.replace(o.FIELD_REGEX,(function(e,n,o,r){t.push(void 0!==n?n:o||r)})),r[e]=function(e){for(var n=e,o=0;o<t.length&&n;o++)n=n[t[o]];return n},r[e]}},350:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.guid=void 0,t.guid=function(){var e,t,n="";for(e=0;e<32;e++)t=16*Math.random()|0,8!==e&&12!==e&&16!==e&&20!==e||(n+="-"),n+=(12===e?4:16===e?3&t|8:t).toString(16);return n}},366:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.hasRelativeStackingContext=void 0;var o=n(770);t.hasRelativeStackingContext=function(e){if(!o.canUseDOM)return!1;var t=e?e.ownerDocument:document;if(!t||!t.body)return!1;var n=t.createElement("div");n.style.transform="matrix(10, 0, 0, 10, 0, 0)",n.innerHTML='<div style="position: fixed; top: '.concat(10,'px;">child</div>'),t.body.appendChild(n);var r=10!==n.children[0].getBoundingClientRect().top;return t.body.removeChild(n),r}},650:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.isObject=void 0,t.isObject=function(e){return"object"==typeof e}},777:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getDir=t.isRtl=void 0;var o=n(770);t.isRtl=function(e){return Boolean(o.canUseDOM&&e&&"rtl"===getComputedStyle(e).direction)},t.getDir=function(e,t){if(!t&&o.canUseDOM&&e){var n=window.getComputedStyle(e).direction;if(n)return n}return t}},385:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Keys=void 0,t.Keys={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}},681:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getListeners=t.hasListener=void 0,t.hasListener=function(e){return this.v3?Object.keys(this.$attrs).map((function(e){return e.toLowerCase()})).some((function(t){return t.endsWith(e.toLowerCase())})):this.$listeners[e]},t.getListeners=function(){if(this.v3){var e={};for(var t in this.$attrs)t.startsWith("on")&&(e[t]=this.$attrs[t]);return e}return this.$listeners}},680:function(e,t,n){var o=this&&this.__createBinding||(Object.create?function(e,t,n,o){void 0===o&&(o=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,o,r)}:function(e,t,n,o){void 0===o&&(o=n),e[o]=t[n]}),r=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||o(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),t.validatePackage=t.setter=t.getter=t.getDir=t.isRtl=t.getDefaultSlots=t.getTabIndex=t.templateDefinition=t.templateRendering=t.getTemplate=t.cloneDate=t.cloneObject=t.cloneValue=t.cloneArray=t.Draggable=t.clone=t.focusContainer=t.focusLastFocusableChild=t.lastFocusableChild=t.focusFirstFocusableChild=t.firstFocusableChild=t.canUseDOM=t.hasListener=t.getListeners=t.isObject=t.noop=t.Keys=t.guid=t.classNames=t.setRef=t.getRef=void 0;var i=n(820);Object.defineProperty(t,"classNames",{enumerable:!0,get:function(){return i.classNames}});var s=n(350);Object.defineProperty(t,"guid",{enumerable:!0,get:function(){return s.guid}});var u=n(385);Object.defineProperty(t,"Keys",{enumerable:!0,get:function(){return u.Keys}});var l=n(770);Object.defineProperty(t,"canUseDOM",{enumerable:!0,get:function(){return l.canUseDOM}});var a=n(360);Object.defineProperty(t,"getRef",{enumerable:!0,get:function(){return a.getRef}}),Object.defineProperty(t,"setRef",{enumerable:!0,get:function(){return a.setRef}});var c=n(580);Object.defineProperty(t,"focusFirstFocusableChild",{enumerable:!0,get:function(){return c.focusFirstFocusableChild}}),Object.defineProperty(t,"focusLastFocusableChild",{enumerable:!0,get:function(){return c.focusLastFocusableChild}}),Object.defineProperty(t,"focusContainer",{enumerable:!0,get:function(){return c.focusContainer}}),Object.defineProperty(t,"firstFocusableChild",{enumerable:!0,get:function(){return c.firstFocusableChild}}),Object.defineProperty(t,"lastFocusableChild",{enumerable:!0,get:function(){return c.lastFocusableChild}});var d=n(346);Object.defineProperty(t,"Draggable",{enumerable:!0,get:function(){return d.Draggable}});var p=n(920);Object.defineProperty(t,"clone",{enumerable:!0,get:function(){return p.clone}}),Object.defineProperty(t,"cloneArray",{enumerable:!0,get:function(){return p.cloneArray}}),Object.defineProperty(t,"cloneValue",{enumerable:!0,get:function(){return p.cloneValue}}),Object.defineProperty(t,"cloneObject",{enumerable:!0,get:function(){return p.cloneObject}}),Object.defineProperty(t,"cloneDate",{enumerable:!0,get:function(){return p.cloneDate}});var f=n(650);Object.defineProperty(t,"isObject",{enumerable:!0,get:function(){return f.isObject}});var h=n(482);Object.defineProperty(t,"noop",{enumerable:!0,get:function(){return h.noop}});var m=n(504);Object.defineProperty(t,"getter",{enumerable:!0,get:function(){return m.getter}});var v=n(63);Object.defineProperty(t,"setter",{enumerable:!0,get:function(){return v.setter}});var g=n(681);Object.defineProperty(t,"hasListener",{enumerable:!0,get:function(){return g.hasListener}}),Object.defineProperty(t,"getListeners",{enumerable:!0,get:function(){return g.getListeners}});var b=n(337);Object.defineProperty(t,"templateRendering",{enumerable:!0,get:function(){return b.templateRendering}}),Object.defineProperty(t,"getTemplate",{enumerable:!0,get:function(){return b.getTemplate}}),Object.defineProperty(t,"templateDefinition",{enumerable:!0,get:function(){return b.templateDefinition}});var y=n(369);Object.defineProperty(t,"getTabIndex",{enumerable:!0,get:function(){return y.getTabIndex}});var O=n(123);Object.defineProperty(t,"getDefaultSlots",{enumerable:!0,get:function(){return O.getDefaultSlots}});var _=n(777);Object.defineProperty(t,"isRtl",{enumerable:!0,get:function(){return _.isRtl}}),Object.defineProperty(t,"getDir",{enumerable:!0,get:function(){return _.getDir}});var P=n(940);Object.defineProperty(t,"validatePackage",{enumerable:!0,get:function(){return P.validatePackage}}),r(n(484),t),r(n(269),t),r(n(685),t),r(n(984),t),r(n(366),t)},482:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.noop=void 0,t.noop=function(){}},360:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.setRef=t.getRef=void 0,t.getRef=function(e,t,n){return e.v3?e["".concat(t,"Ref")]:e.$refs["".concat(n||t)]},t.setRef=function(e,t,n){return e.v3?function(n){e["".concat(t,"Ref")]=n}:n||t}},984:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.setScrollbarWidth=t.getScrollbarWidth=void 0;var o=n(685),r=n(770);t.getScrollbarWidth=function(){return!(!r.canUseDOM||!document.body)&&(new o.BrowserSupportService).scrollbarWidth},t.setScrollbarWidth=function(){if(!r.canUseDOM||!document.body)return!1;var e=(new o.BrowserSupportService).scrollbarWidth;document.body.style.setProperty("--kendo-scrollbar-width","".concat(e,"px"))}},63:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.setter=void 0;var o=n(866),r={undefined:function(e){return e}};t.setter=function(e){if(r[e])return r[e];var t=[];return e.replace(o.FIELD_REGEX,(function(e,n,o,r){t.push(void 0!==n?n:o||r)})),r[e]=function(e,n){for(var o=e,r=t.length-1,i=0;i<r&&o;i++)o=o[t[i]]=o[t[i]]||{};o[t[r]]=n},r[e]}},337:function(e,t,n){var o=this&&this.__assign||function(){return o=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},o.apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0}),t.transformListeners=t.getTemplate=t.templateRendering=t.templateDefinition=void 0;var r=n(895),i=n(650),s=r,u=s.version&&"3"===s.version[0];function l(e){if(!e)return e;for(var t={},n=Object.keys(e),o=0;o<n.length;o++){var r=n[o];t["on"+r.charAt(0).toUpperCase()+r.slice(1)]=e[r]}return t}t.templateDefinition={type:[String,Function,Object,Boolean],default:function(){}},t.templateRendering=function(e,t){if(e||!1===e){var n=u?this.$slots[e]||(e.toLowerCase?this.$slots[e.toLowerCase()]:null):this.$scopedSlots[e]||(e.toLowerCase?this.$scopedSlots[e.toLowerCase()]:null);return"string"==typeof e&&n?{kt:!0,type:"slot",render:n,listeners:t}:"string"==typeof e||(0,i.isObject)(e)||"function"==typeof e&&e.component?{kt:!0,type:"component",render:e,listeners:t}:{kt:!0,type:"renderFunction",render:e,listeners:t}}},t.getTemplate=function(e){var t,n,r,i=e.h,s=e.template,a=e.defaultRendering,c=e.defaultSlots,d=e.additionalProps,p=e.additionalListeners,f=e.swapDefaultSlots;if(!s||s&&!0===s.render)return a;if(u){var h=a?a.props:{};t=o(o({},l(p)),s.listeners),n=o(o(o({},h),d),t),r=o(o({},n),t)}else{var m=a&&a.componentOptions,v=m?a.componentOptions.listeners:{},g=m?a.componentOptions.propsData:{};t=o(o(o(o({},v),p),l(p)),s.listeners),r={props:n=o(o(o({},g),d),t),on:t}}if("slot"===s.type){var b=s.render({props:n,listeners:t,methods:t,defaultSlots:c});return b?b[0]:void 0}return"renderFunction"===s.type?f?s.render?s.render(i,a,c,n,t):void 0:s.render?s.render(i,a,n,t,c):void 0:i(s.render,r,u?function(){return[c]}:[c])},t.transformListeners=l},484:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.kendoThemeMaps=void 0,t.kendoThemeMaps={sizeMap:{small:"sm",medium:"md",large:"lg"},roundedMap:{small:"sm",medium:"md",large:"lg"}}},269:function(e,t){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},n.apply(this,arguments)},o=this&&this.__spreadArray||function(e,t,n){if(n||2===arguments.length)for(var o,r=0,i=t.length;r<i;r++)!o&&r in t||(o||(o=Array.prototype.slice.call(t,0,r)),o[r]=t[r]);return e.concat(o||Array.prototype.slice.call(t))};function r(e,t,r){var i;return r?n(n({},e),((i={})[t]=r.length?o([],r,!0):void 0,i)):e&&e[t]?o([],e[t],!0):[]}function i(e,t,n){if(e[t]){var o=r(e,t).map((function(e){return i(e,t,n)}));return n(r(e,t,o))}return n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.getNestedValue=t.getItemPath=t.extendDataItem=t.mapTreeItem=t.mapTree=void 0,t.mapTree=function(e,t,n){return o([],e.map((function(e){return i(e,t,n)})),!0)},t.mapTreeItem=function(e,t,n,o){for(var r=e,i=[],s=0;s<t.length;s++)r=r[t[s]],r=Array.isArray(r)?r:r[n],i.push(r);var u=i.length>1?i[i.length-2]:e,l=t[t.length-1],a=o(u[l]);u.splice(l,1,a)},t.extendDataItem=function(e,t,n){var o;return Object.assign({},e,e[t]?((o={})[t]=e[t].slice(),o):{},n||{})},t.getItemPath=function(e,t,n){var r=[],i=o([],t,!0);if(i.length){var s=e[i.shift()||0];for(r.push(s);i.length&&n;)s=s[n][i.shift()||0],r.push(s)}return r},t.getNestedValue=function(e,t){var n=e.split("."),o=t;return n.forEach((function(e){o=o?o[e]:void 0})),o}},940:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.validatePackage=void 0;var o=n(302);t.validatePackage=function(e){var t=o,n=void 0!==t&&t.validatePackage?t:t.default;if(n&&n.validatePackage)n.validatePackage(e);else{var r="License activation failed for ".concat(e.name,"\n");r+="The @progress/kendo-licensing script is not loaded.\n",r+="See ".concat(e.licensingDocsUrl," for more information.\n"),console.warn(r)}}},154:(e,t,n)=>{n.r(t),n.d(t,{Draggable:()=>c,default:()=>p});var o=function(e,t){return function(n){return t(e(n))}},r=function(e,t,n){return e.addEventListener&&e.addEventListener(t,n)},i=function(e,t,n){return e&&e.removeEventListener&&e.removeEventListener(t,n)},s=function(){},u=function(e){return e.preventDefault()},l=/touch/;function a(e){return e.type.match(l)?{pageX:e.changedTouches[0].pageX,pageY:e.changedTouches[0].pageY,clientX:e.changedTouches[0].clientX,clientY:e.changedTouches[0].clientY,type:e.type,originalEvent:e,isTouch:!0}:{pageX:e.pageX,pageY:e.pageY,clientX:e.clientX,clientY:e.clientY,offsetX:e.offsetX,offsetY:e.offsetY,type:e.type,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,originalEvent:e}}var c=function(e){var t=this,n=e.press;void 0===n&&(n=s);var l=e.drag;void 0===l&&(l=s);var c=e.release;void 0===c&&(c=s);var d=e.mouseOnly;void 0===d&&(d=!1),this._pressHandler=o(a,n),this._dragHandler=o(a,l),this._releaseHandler=o(a,c),this._ignoreMouse=!1,this._mouseOnly=d,this._touchstart=function(e){1===e.touches.length&&t._pressHandler(e)},this._touchmove=function(e){1===e.touches.length&&t._dragHandler(e)},this._touchend=function(e){0===e.touches.length&&1===e.changedTouches.length&&(t._releaseHandler(e),t._ignoreMouse=!0,setTimeout(t._restoreMouse,2e3))},this._restoreMouse=function(){t._ignoreMouse=!1},this._mousedown=function(e){var n=e.which;n&&n>1||t._ignoreMouse||(r(t.document,"mousemove",t._mousemove),r(t.document,"mouseup",t._mouseup),t._pressHandler(e))},this._mousemove=function(e){t._dragHandler(e)},this._mouseup=function(e){i(t.document,"mousemove",t._mousemove),i(t.document,"mouseup",t._mouseup),t._releaseHandler(e)},this._pointerdown=function(e){e.isPrimary&&0===e.button&&(r(t.document,"pointermove",t._pointermove),r(t.document,"pointerup",t._pointerup),r(t.document,"pointercancel",t._pointerup),r(t.document,"contextmenu",u),t._pressHandler(e))},this._pointermove=function(e){e.isPrimary&&t._dragHandler(e)},this._pointerup=function(e){e.isPrimary&&(i(t.document,"pointermove",t._pointermove),i(t.document,"pointerup",t._pointerup),i(t.document,"pointercancel",t._pointerup),i(t.document,"contextmenu",u),t._releaseHandler(e))}},d={document:{configurable:!0}};c.supportPointerEvent=function(){return"undefined"!=typeof window&&window.PointerEvent},d.document.get=function(){return this._element?this._element.ownerDocument:document},c.prototype.bindTo=function(e){e!==this._element&&(this._element&&this._unbindFromCurrent(),this._element=e,this._bindToCurrent())},c.prototype._bindToCurrent=function(){var e=this._element;this._usePointers()?r(e,"pointerdown",this._pointerdown):(r(e,"mousedown",this._mousedown),this._mouseOnly||(r(e,"touchstart",this._touchstart),r(e,"touchmove",this._touchmove),r(e,"touchend",this._touchend)))},c.prototype._unbindFromCurrent=function(){var e=this._element;if(this._usePointers())return i(e,"pointerdown",this._pointerdown),i(this.document,"pointermove",this._pointermove),i(this.document,"pointerup",this._pointerup),i(this.document,"contextmenu",u),void i(this.document,"pointercancel",this._pointerup);i(e,"mousedown",this._mousedown),this._mouseOnly||(i(e,"touchstart",this._touchstart),i(e,"touchmove",this._touchmove),i(e,"touchend",this._touchend))},c.prototype._usePointers=function(){return!this._mouseOnly&&c.supportPointerEvent()},c.prototype.update=function(e){var t=e.press;void 0===t&&(t=s);var n=e.drag;void 0===n&&(n=s);var r=e.release;void 0===r&&(r=s);var i=e.mouseOnly;void 0===i&&(i=!1),this._pressHandler=o(a,t),this._dragHandler=o(a,n),this._releaseHandler=o(a,r),this._mouseOnly=i},c.prototype.destroy=function(){this._unbindFromCurrent(),this._element=null},Object.defineProperties(c.prototype,d),c.default=c;const p=c},302:e=>{e.exports=t},895:t=>{t.exports=e}},o={};function r(e){var t=o[e];if(void 0!==t)return t.exports;var i=o[e]={exports:{}};return n[e].call(i.exports,i,i.exports,r),i.exports}r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{var e=i;Object.defineProperty(e,"__esModule",{value:!0}),e.TooltipVue2=e.Tooltip=void 0;var t=r(555);Object.defineProperty(e,"Tooltip",{enumerable:!0,get:function(){return t.Tooltip}}),Object.defineProperty(e,"TooltipVue2",{enumerable:!0,get:function(){return t.TooltipVue2}})})(),i})()}));
|
package/dist/es/Tooltip.js
CHANGED
|
@@ -2,19 +2,15 @@ var __assign = this && this.__assign || function () {
|
|
|
2
2
|
__assign = Object.assign || function (t) {
|
|
3
3
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
4
|
s = arguments[i];
|
|
5
|
-
|
|
6
5
|
for (var p in s) {
|
|
7
6
|
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
8
7
|
}
|
|
9
8
|
}
|
|
10
|
-
|
|
11
9
|
return t;
|
|
12
10
|
};
|
|
13
|
-
|
|
14
11
|
return __assign.apply(this, arguments);
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
|
|
12
|
+
};
|
|
13
|
+
// @ts-ignore
|
|
18
14
|
import * as Vue from 'vue';
|
|
19
15
|
var allVue = Vue;
|
|
20
16
|
var gh = allVue.h;
|
|
@@ -26,7 +22,6 @@ var DEFAULT_TOOLTIP_ZINDEX = 100;
|
|
|
26
22
|
/**
|
|
27
23
|
* @hidden
|
|
28
24
|
*/
|
|
29
|
-
|
|
30
25
|
var TooltipVue2 = {
|
|
31
26
|
name: 'KendoTooltip',
|
|
32
27
|
inheritAttrs: false,
|
|
@@ -92,7 +87,6 @@ var TooltipVue2 = {
|
|
|
92
87
|
computed: {
|
|
93
88
|
wrapperClass: function wrapperClass() {
|
|
94
89
|
var _a;
|
|
95
|
-
|
|
96
90
|
return _a = {
|
|
97
91
|
'k-animation-container': true,
|
|
98
92
|
'k-animation-container-fixed': true,
|
|
@@ -119,7 +113,6 @@ var TooltipVue2 = {
|
|
|
119
113
|
},
|
|
120
114
|
mounted: function mounted() {
|
|
121
115
|
this.element = getRef(this, 'element');
|
|
122
|
-
|
|
123
116
|
if (document) {
|
|
124
117
|
document.body.addEventListener('mousemove', this.handleBodyMousemove);
|
|
125
118
|
}
|
|
@@ -137,31 +130,22 @@ var TooltipVue2 = {
|
|
|
137
130
|
target: this.$props.targetElement
|
|
138
131
|
});
|
|
139
132
|
}
|
|
140
|
-
|
|
141
133
|
this.element = getRef(this, 'element');
|
|
142
|
-
|
|
143
134
|
if (!this.element) {
|
|
144
135
|
return;
|
|
145
136
|
}
|
|
146
|
-
|
|
147
137
|
this.resetPosition();
|
|
148
|
-
|
|
149
138
|
if (this.computedTarget) {
|
|
150
139
|
var appendToElement = this.$props.appendTo ? this.$props.appendTo : this.computedTarget.ownerDocument.body;
|
|
151
|
-
|
|
152
140
|
if (this.element.parentElement !== appendToElement) {
|
|
153
141
|
this.computedTarget.ownerDocument.body.append(this.element);
|
|
154
142
|
}
|
|
155
143
|
}
|
|
156
|
-
|
|
157
144
|
this.callout = this.v3 ? this.calloutRef : this.$refs.callout;
|
|
158
|
-
|
|
159
145
|
if (!this.callout) {
|
|
160
146
|
return;
|
|
161
147
|
}
|
|
162
|
-
|
|
163
148
|
this.callout.className = this.calloutClassName();
|
|
164
|
-
|
|
165
149
|
if (this.$props.position === 'auto') {
|
|
166
150
|
this.left < window.screen.availWidth / 2 ? this.callout.style.left = this.$props.setCalloutOnPositionAuto || '25%' : this.callout.style.left = this.$props.setCalloutOnPositionAuto || '75%';
|
|
167
151
|
}
|
|
@@ -212,7 +196,6 @@ var TooltipVue2 = {
|
|
|
212
196
|
}, [h("div", {
|
|
213
197
|
"class": "k-child-animation-container"
|
|
214
198
|
}, [innerToolTip])]);
|
|
215
|
-
|
|
216
199
|
if (defaultSlot) {
|
|
217
200
|
return h("div", {
|
|
218
201
|
onMouseover: this.handleMouseOver,
|
|
@@ -230,11 +213,9 @@ var TooltipVue2 = {
|
|
|
230
213
|
destroyElement: function destroyElement() {
|
|
231
214
|
clearTimeout(this.openTimeoutId);
|
|
232
215
|
clearInterval(this.updateIntervalId);
|
|
233
|
-
|
|
234
216
|
if (document) {
|
|
235
217
|
document.body.removeEventListener('mousemove', this.handleBodyMousemove);
|
|
236
218
|
}
|
|
237
|
-
|
|
238
219
|
if (this.element) {
|
|
239
220
|
this.element.remove();
|
|
240
221
|
}
|
|
@@ -243,25 +224,20 @@ var TooltipVue2 = {
|
|
|
243
224
|
var currentDocument = this.computedTarget ? this.computedTarget.ownerDocument : document;
|
|
244
225
|
var element = currentDocument && currentDocument.elementFromPoint(event.clientX, event.clientY);
|
|
245
226
|
this.willOpen = false;
|
|
246
|
-
|
|
247
227
|
if (isTooltipElement(element) || this.computedTarget !== event.target) {
|
|
248
228
|
return;
|
|
249
229
|
}
|
|
250
|
-
|
|
251
230
|
if (this.$props.open) {
|
|
252
231
|
return;
|
|
253
232
|
}
|
|
254
|
-
|
|
255
233
|
clearInterval(this.updateIntervalId);
|
|
256
234
|
this.onClose(event);
|
|
257
235
|
},
|
|
258
236
|
handleMouseOver: function handleMouseOver(event) {
|
|
259
237
|
var target = event.target;
|
|
260
|
-
|
|
261
238
|
if (!this.isVisible(target) || isTooltipElement(target) || target === this.computedTarget) {
|
|
262
239
|
return;
|
|
263
240
|
}
|
|
264
|
-
|
|
265
241
|
this.showToolTip(event);
|
|
266
242
|
},
|
|
267
243
|
handleBodyMousemove: function handleBodyMousemove(event) {
|
|
@@ -279,10 +255,8 @@ var TooltipVue2 = {
|
|
|
279
255
|
},
|
|
280
256
|
showToolTip: function showToolTip(event) {
|
|
281
257
|
var _this = this;
|
|
282
|
-
|
|
283
258
|
clearTimeout(this.openTimeoutId);
|
|
284
259
|
clearInterval(this.updateIntervalId);
|
|
285
|
-
|
|
286
260
|
if (event.target.hasChildNodes()) {
|
|
287
261
|
event.target.childNodes.forEach(function (childElement) {
|
|
288
262
|
if (childElement.nodeName === 'title') {
|
|
@@ -291,25 +265,19 @@ var TooltipVue2 = {
|
|
|
291
265
|
}
|
|
292
266
|
});
|
|
293
267
|
}
|
|
294
|
-
|
|
295
268
|
var target = this.computedTarget || event.target;
|
|
296
269
|
var titleResult = this.getTitle(target);
|
|
297
|
-
|
|
298
270
|
if (!titleResult.title) {
|
|
299
271
|
if (this.computedOpen) {
|
|
300
272
|
this.onClose(event);
|
|
301
273
|
}
|
|
302
|
-
|
|
303
274
|
return;
|
|
304
275
|
}
|
|
305
|
-
|
|
306
276
|
if (titleResult.element) {
|
|
307
277
|
titleResult.element.titleExpando = titleResult.title;
|
|
308
278
|
titleResult.element.title = '';
|
|
309
279
|
}
|
|
310
|
-
|
|
311
280
|
this.willOpen = true;
|
|
312
|
-
|
|
313
281
|
if (!this.$props.openDelay) {
|
|
314
282
|
this.currentTargetElement = target;
|
|
315
283
|
this.currentOpen = true;
|
|
@@ -321,12 +289,10 @@ var TooltipVue2 = {
|
|
|
321
289
|
_this.currentTargetElement = target;
|
|
322
290
|
_this.currentOpen = true;
|
|
323
291
|
_this.title = titleResult.title;
|
|
324
|
-
|
|
325
292
|
_this.setUpdateInterval();
|
|
326
293
|
}
|
|
327
294
|
}, this.$props.openDelay);
|
|
328
295
|
}
|
|
329
|
-
|
|
330
296
|
if (this.title !== titleResult.title) {
|
|
331
297
|
this.$emit('open', {
|
|
332
298
|
event: event,
|
|
@@ -341,11 +307,9 @@ var TooltipVue2 = {
|
|
|
341
307
|
},
|
|
342
308
|
onIntervalUpdate: function onIntervalUpdate() {
|
|
343
309
|
var target = this.computedTarget;
|
|
344
|
-
|
|
345
310
|
if (!target) {
|
|
346
311
|
return;
|
|
347
312
|
}
|
|
348
|
-
|
|
349
313
|
if (target.parentElement === null) {
|
|
350
314
|
// Getting element from previous target coordinates will cause reflow which is performance hit.
|
|
351
315
|
// Also remount case can be avoided easily
|
|
@@ -361,7 +325,6 @@ var TooltipVue2 = {
|
|
|
361
325
|
resetPosition: function resetPosition() {
|
|
362
326
|
if (this.element) {
|
|
363
327
|
var position = void 0;
|
|
364
|
-
|
|
365
328
|
if (this.$props.updatePosition) {
|
|
366
329
|
position = this.$props.updatePosition({
|
|
367
330
|
element: this.element,
|
|
@@ -375,7 +338,6 @@ var TooltipVue2 = {
|
|
|
375
338
|
} else {
|
|
376
339
|
position = this.setPosition(this.element);
|
|
377
340
|
}
|
|
378
|
-
|
|
379
341
|
this.element.style.left = position.left + 'px';
|
|
380
342
|
this.element.style.top = position.top + 'px';
|
|
381
343
|
}
|
|
@@ -402,10 +364,8 @@ var TooltipVue2 = {
|
|
|
402
364
|
element: element
|
|
403
365
|
};
|
|
404
366
|
}
|
|
405
|
-
|
|
406
367
|
element = this.$props.parentTitle && element.parentElement || null;
|
|
407
368
|
}
|
|
408
|
-
|
|
409
369
|
return {
|
|
410
370
|
title: '',
|
|
411
371
|
element: element
|
|
@@ -415,16 +375,12 @@ var TooltipVue2 = {
|
|
|
415
375
|
switch (this.$props.position) {
|
|
416
376
|
case 'bottom':
|
|
417
377
|
return 'k-callout k-callout-n';
|
|
418
|
-
|
|
419
378
|
case 'left':
|
|
420
379
|
return 'k-callout k-callout-e';
|
|
421
|
-
|
|
422
380
|
case 'right':
|
|
423
381
|
return 'k-callout k-callout-w';
|
|
424
|
-
|
|
425
382
|
case 'top':
|
|
426
383
|
return 'k-callout k-callout-s';
|
|
427
|
-
|
|
428
384
|
default:
|
|
429
385
|
return this.top < window.innerHeight / 2 ? 'k-callout k-callout-n' : 'k-callout k-callout-s';
|
|
430
386
|
}
|
|
@@ -437,6 +393,5 @@ var TooltipVue2 = {
|
|
|
437
393
|
/**
|
|
438
394
|
* @hidden
|
|
439
395
|
*/
|
|
440
|
-
|
|
441
396
|
var Tooltip = TooltipVue2;
|
|
442
397
|
export { Tooltip, TooltipVue2 };
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-vue-tooltip',
|
|
6
6
|
productName: 'Kendo UI for Vue',
|
|
7
7
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1666103951,
|
|
9
9
|
version: '',
|
|
10
10
|
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'
|
|
11
11
|
};
|
package/dist/es/utils.js
CHANGED
|
@@ -3,92 +3,72 @@ var arrowHeight = 10;
|
|
|
3
3
|
/**
|
|
4
4
|
* @hidden
|
|
5
5
|
*/
|
|
6
|
-
|
|
7
6
|
export var getLeftPosition = function getLeftPosition(left, elementWidth, targetElement, anchorElement, position) {
|
|
8
7
|
switch (position) {
|
|
9
8
|
case 'bottom':
|
|
10
9
|
return anchorElement === 'pointer' ? left - elementWidth / 2 : targetElement.left - elementWidth / 2 + targetElement.width / 2;
|
|
11
|
-
|
|
12
10
|
case 'left':
|
|
13
11
|
return anchorElement === 'pointer' ? left - elementWidth - arrowWidth : targetElement.left - elementWidth - arrowWidth;
|
|
14
|
-
|
|
15
12
|
case 'right':
|
|
16
13
|
return anchorElement === 'pointer' ? left + arrowWidth : targetElement.right + arrowWidth;
|
|
17
|
-
|
|
18
14
|
case 'top':
|
|
19
15
|
return anchorElement === 'pointer' ? left - elementWidth / 2 : targetElement.left - elementWidth / 2 + targetElement.width / 2;
|
|
20
|
-
|
|
21
16
|
default:
|
|
22
17
|
if (anchorElement === 'pointer') {
|
|
23
18
|
return left < window.screen.availWidth / 2 ? left - arrowWidth : left - elementWidth + arrowWidth;
|
|
24
19
|
} else {
|
|
25
20
|
return left < window.screen.availWidth / 2 ? targetElement.left : targetElement.right - elementWidth;
|
|
26
21
|
}
|
|
27
|
-
|
|
28
22
|
}
|
|
29
23
|
};
|
|
30
24
|
/**
|
|
31
25
|
* @hidden
|
|
32
26
|
*/
|
|
33
|
-
|
|
34
27
|
export var getTopPosition = function getTopPosition(top, targetElement, elementHeight, anchorElement, position) {
|
|
35
28
|
switch (position) {
|
|
36
29
|
case 'bottom':
|
|
37
30
|
return anchorElement === 'pointer' ? top + arrowHeight : targetElement.bottom + arrowHeight;
|
|
38
|
-
|
|
39
31
|
case 'left':
|
|
40
32
|
return anchorElement === 'pointer' ? top - elementHeight / 2 : targetElement.top - elementHeight / 2 + targetElement.height / 2;
|
|
41
|
-
|
|
42
33
|
case 'right':
|
|
43
34
|
return anchorElement === 'pointer' ? top - elementHeight / 2 : targetElement.top - elementHeight / 2 + targetElement.height / 2;
|
|
44
|
-
|
|
45
35
|
case 'top':
|
|
46
36
|
return anchorElement === 'pointer' ? top - elementHeight - arrowHeight : targetElement.top - elementHeight - arrowHeight;
|
|
47
|
-
|
|
48
37
|
default:
|
|
49
38
|
if (anchorElement === 'pointer') {
|
|
50
39
|
return top < window.innerHeight / 2 ? top + arrowWidth : top - elementHeight - arrowWidth;
|
|
51
40
|
} else {
|
|
52
41
|
return top < window.innerHeight / 2 ? targetElement.bottom + arrowHeight : targetElement.top - elementHeight - arrowHeight;
|
|
53
42
|
}
|
|
54
|
-
|
|
55
43
|
}
|
|
56
44
|
};
|
|
57
45
|
/**
|
|
58
46
|
* @hidden
|
|
59
47
|
*/
|
|
60
|
-
|
|
61
48
|
export var getDomRect = function getDomRect(currentTarget) {
|
|
62
49
|
if (currentTarget !== null) {
|
|
63
50
|
return currentTarget.getBoundingClientRect();
|
|
64
51
|
}
|
|
65
|
-
|
|
66
52
|
return document.body.getBoundingClientRect();
|
|
67
53
|
};
|
|
68
54
|
/**
|
|
69
55
|
* @hidden
|
|
70
56
|
*/
|
|
71
|
-
|
|
72
57
|
export var toolTipSelectors = ['k-tooltip-content', 'k-animation-container', 'k-tooltip', 'k-tooltip-title', 'k-tooltip k-tooltip-closable', 'k-icon k-i-close'];
|
|
73
58
|
/**
|
|
74
59
|
* @hidden
|
|
75
60
|
*/
|
|
76
|
-
|
|
77
61
|
export var isTooltipElement = function isTooltipElement(element) {
|
|
78
62
|
if (element === null) {
|
|
79
63
|
return false;
|
|
80
64
|
}
|
|
81
|
-
|
|
82
65
|
var node = element;
|
|
83
|
-
|
|
84
66
|
while (node) {
|
|
85
67
|
if (node !== null && node.classList && node.classList.contains('k-tooltip')) {
|
|
86
68
|
return true;
|
|
87
69
|
}
|
|
88
|
-
|
|
89
70
|
node.parentNode !== null ? node = node.parentNode : node = false;
|
|
90
71
|
}
|
|
91
|
-
|
|
92
72
|
return toolTipSelectors.filter(function (t) {
|
|
93
73
|
return t === element.className;
|
|
94
74
|
}).length > 0;
|
package/dist/esm/Tooltip.js
CHANGED
|
@@ -2,19 +2,15 @@ var __assign = this && this.__assign || function () {
|
|
|
2
2
|
__assign = Object.assign || function (t) {
|
|
3
3
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
4
|
s = arguments[i];
|
|
5
|
-
|
|
6
5
|
for (var p in s) {
|
|
7
6
|
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
8
7
|
}
|
|
9
8
|
}
|
|
10
|
-
|
|
11
9
|
return t;
|
|
12
10
|
};
|
|
13
|
-
|
|
14
11
|
return __assign.apply(this, arguments);
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
|
|
12
|
+
};
|
|
13
|
+
// @ts-ignore
|
|
18
14
|
import * as Vue from 'vue';
|
|
19
15
|
var allVue = Vue;
|
|
20
16
|
var gh = allVue.h;
|
|
@@ -26,7 +22,6 @@ var DEFAULT_TOOLTIP_ZINDEX = 100;
|
|
|
26
22
|
/**
|
|
27
23
|
* @hidden
|
|
28
24
|
*/
|
|
29
|
-
|
|
30
25
|
var TooltipVue2 = {
|
|
31
26
|
name: 'KendoTooltip',
|
|
32
27
|
inheritAttrs: false,
|
|
@@ -92,7 +87,6 @@ var TooltipVue2 = {
|
|
|
92
87
|
computed: {
|
|
93
88
|
wrapperClass: function wrapperClass() {
|
|
94
89
|
var _a;
|
|
95
|
-
|
|
96
90
|
return _a = {
|
|
97
91
|
'k-animation-container': true,
|
|
98
92
|
'k-animation-container-fixed': true,
|
|
@@ -119,7 +113,6 @@ var TooltipVue2 = {
|
|
|
119
113
|
},
|
|
120
114
|
mounted: function mounted() {
|
|
121
115
|
this.element = getRef(this, 'element');
|
|
122
|
-
|
|
123
116
|
if (document) {
|
|
124
117
|
document.body.addEventListener('mousemove', this.handleBodyMousemove);
|
|
125
118
|
}
|
|
@@ -137,31 +130,22 @@ var TooltipVue2 = {
|
|
|
137
130
|
target: this.$props.targetElement
|
|
138
131
|
});
|
|
139
132
|
}
|
|
140
|
-
|
|
141
133
|
this.element = getRef(this, 'element');
|
|
142
|
-
|
|
143
134
|
if (!this.element) {
|
|
144
135
|
return;
|
|
145
136
|
}
|
|
146
|
-
|
|
147
137
|
this.resetPosition();
|
|
148
|
-
|
|
149
138
|
if (this.computedTarget) {
|
|
150
139
|
var appendToElement = this.$props.appendTo ? this.$props.appendTo : this.computedTarget.ownerDocument.body;
|
|
151
|
-
|
|
152
140
|
if (this.element.parentElement !== appendToElement) {
|
|
153
141
|
this.computedTarget.ownerDocument.body.append(this.element);
|
|
154
142
|
}
|
|
155
143
|
}
|
|
156
|
-
|
|
157
144
|
this.callout = this.v3 ? this.calloutRef : this.$refs.callout;
|
|
158
|
-
|
|
159
145
|
if (!this.callout) {
|
|
160
146
|
return;
|
|
161
147
|
}
|
|
162
|
-
|
|
163
148
|
this.callout.className = this.calloutClassName();
|
|
164
|
-
|
|
165
149
|
if (this.$props.position === 'auto') {
|
|
166
150
|
this.left < window.screen.availWidth / 2 ? this.callout.style.left = this.$props.setCalloutOnPositionAuto || '25%' : this.callout.style.left = this.$props.setCalloutOnPositionAuto || '75%';
|
|
167
151
|
}
|
|
@@ -212,7 +196,6 @@ var TooltipVue2 = {
|
|
|
212
196
|
}, [h("div", {
|
|
213
197
|
"class": "k-child-animation-container"
|
|
214
198
|
}, [innerToolTip])]);
|
|
215
|
-
|
|
216
199
|
if (defaultSlot) {
|
|
217
200
|
return h("div", {
|
|
218
201
|
onMouseover: this.handleMouseOver,
|
|
@@ -230,11 +213,9 @@ var TooltipVue2 = {
|
|
|
230
213
|
destroyElement: function destroyElement() {
|
|
231
214
|
clearTimeout(this.openTimeoutId);
|
|
232
215
|
clearInterval(this.updateIntervalId);
|
|
233
|
-
|
|
234
216
|
if (document) {
|
|
235
217
|
document.body.removeEventListener('mousemove', this.handleBodyMousemove);
|
|
236
218
|
}
|
|
237
|
-
|
|
238
219
|
if (this.element) {
|
|
239
220
|
this.element.remove();
|
|
240
221
|
}
|
|
@@ -243,25 +224,20 @@ var TooltipVue2 = {
|
|
|
243
224
|
var currentDocument = this.computedTarget ? this.computedTarget.ownerDocument : document;
|
|
244
225
|
var element = currentDocument && currentDocument.elementFromPoint(event.clientX, event.clientY);
|
|
245
226
|
this.willOpen = false;
|
|
246
|
-
|
|
247
227
|
if (isTooltipElement(element) || this.computedTarget !== event.target) {
|
|
248
228
|
return;
|
|
249
229
|
}
|
|
250
|
-
|
|
251
230
|
if (this.$props.open) {
|
|
252
231
|
return;
|
|
253
232
|
}
|
|
254
|
-
|
|
255
233
|
clearInterval(this.updateIntervalId);
|
|
256
234
|
this.onClose(event);
|
|
257
235
|
},
|
|
258
236
|
handleMouseOver: function handleMouseOver(event) {
|
|
259
237
|
var target = event.target;
|
|
260
|
-
|
|
261
238
|
if (!this.isVisible(target) || isTooltipElement(target) || target === this.computedTarget) {
|
|
262
239
|
return;
|
|
263
240
|
}
|
|
264
|
-
|
|
265
241
|
this.showToolTip(event);
|
|
266
242
|
},
|
|
267
243
|
handleBodyMousemove: function handleBodyMousemove(event) {
|
|
@@ -279,10 +255,8 @@ var TooltipVue2 = {
|
|
|
279
255
|
},
|
|
280
256
|
showToolTip: function showToolTip(event) {
|
|
281
257
|
var _this = this;
|
|
282
|
-
|
|
283
258
|
clearTimeout(this.openTimeoutId);
|
|
284
259
|
clearInterval(this.updateIntervalId);
|
|
285
|
-
|
|
286
260
|
if (event.target.hasChildNodes()) {
|
|
287
261
|
event.target.childNodes.forEach(function (childElement) {
|
|
288
262
|
if (childElement.nodeName === 'title') {
|
|
@@ -291,25 +265,19 @@ var TooltipVue2 = {
|
|
|
291
265
|
}
|
|
292
266
|
});
|
|
293
267
|
}
|
|
294
|
-
|
|
295
268
|
var target = this.computedTarget || event.target;
|
|
296
269
|
var titleResult = this.getTitle(target);
|
|
297
|
-
|
|
298
270
|
if (!titleResult.title) {
|
|
299
271
|
if (this.computedOpen) {
|
|
300
272
|
this.onClose(event);
|
|
301
273
|
}
|
|
302
|
-
|
|
303
274
|
return;
|
|
304
275
|
}
|
|
305
|
-
|
|
306
276
|
if (titleResult.element) {
|
|
307
277
|
titleResult.element.titleExpando = titleResult.title;
|
|
308
278
|
titleResult.element.title = '';
|
|
309
279
|
}
|
|
310
|
-
|
|
311
280
|
this.willOpen = true;
|
|
312
|
-
|
|
313
281
|
if (!this.$props.openDelay) {
|
|
314
282
|
this.currentTargetElement = target;
|
|
315
283
|
this.currentOpen = true;
|
|
@@ -321,12 +289,10 @@ var TooltipVue2 = {
|
|
|
321
289
|
_this.currentTargetElement = target;
|
|
322
290
|
_this.currentOpen = true;
|
|
323
291
|
_this.title = titleResult.title;
|
|
324
|
-
|
|
325
292
|
_this.setUpdateInterval();
|
|
326
293
|
}
|
|
327
294
|
}, this.$props.openDelay);
|
|
328
295
|
}
|
|
329
|
-
|
|
330
296
|
if (this.title !== titleResult.title) {
|
|
331
297
|
this.$emit('open', {
|
|
332
298
|
event: event,
|
|
@@ -341,11 +307,9 @@ var TooltipVue2 = {
|
|
|
341
307
|
},
|
|
342
308
|
onIntervalUpdate: function onIntervalUpdate() {
|
|
343
309
|
var target = this.computedTarget;
|
|
344
|
-
|
|
345
310
|
if (!target) {
|
|
346
311
|
return;
|
|
347
312
|
}
|
|
348
|
-
|
|
349
313
|
if (target.parentElement === null) {
|
|
350
314
|
// Getting element from previous target coordinates will cause reflow which is performance hit.
|
|
351
315
|
// Also remount case can be avoided easily
|
|
@@ -361,7 +325,6 @@ var TooltipVue2 = {
|
|
|
361
325
|
resetPosition: function resetPosition() {
|
|
362
326
|
if (this.element) {
|
|
363
327
|
var position = void 0;
|
|
364
|
-
|
|
365
328
|
if (this.$props.updatePosition) {
|
|
366
329
|
position = this.$props.updatePosition({
|
|
367
330
|
element: this.element,
|
|
@@ -375,7 +338,6 @@ var TooltipVue2 = {
|
|
|
375
338
|
} else {
|
|
376
339
|
position = this.setPosition(this.element);
|
|
377
340
|
}
|
|
378
|
-
|
|
379
341
|
this.element.style.left = position.left + 'px';
|
|
380
342
|
this.element.style.top = position.top + 'px';
|
|
381
343
|
}
|
|
@@ -402,10 +364,8 @@ var TooltipVue2 = {
|
|
|
402
364
|
element: element
|
|
403
365
|
};
|
|
404
366
|
}
|
|
405
|
-
|
|
406
367
|
element = this.$props.parentTitle && element.parentElement || null;
|
|
407
368
|
}
|
|
408
|
-
|
|
409
369
|
return {
|
|
410
370
|
title: '',
|
|
411
371
|
element: element
|
|
@@ -415,16 +375,12 @@ var TooltipVue2 = {
|
|
|
415
375
|
switch (this.$props.position) {
|
|
416
376
|
case 'bottom':
|
|
417
377
|
return 'k-callout k-callout-n';
|
|
418
|
-
|
|
419
378
|
case 'left':
|
|
420
379
|
return 'k-callout k-callout-e';
|
|
421
|
-
|
|
422
380
|
case 'right':
|
|
423
381
|
return 'k-callout k-callout-w';
|
|
424
|
-
|
|
425
382
|
case 'top':
|
|
426
383
|
return 'k-callout k-callout-s';
|
|
427
|
-
|
|
428
384
|
default:
|
|
429
385
|
return this.top < window.innerHeight / 2 ? 'k-callout k-callout-n' : 'k-callout k-callout-s';
|
|
430
386
|
}
|
|
@@ -437,6 +393,5 @@ var TooltipVue2 = {
|
|
|
437
393
|
/**
|
|
438
394
|
* @hidden
|
|
439
395
|
*/
|
|
440
|
-
|
|
441
396
|
var Tooltip = TooltipVue2;
|
|
442
397
|
export { Tooltip, TooltipVue2 };
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-vue-tooltip',
|
|
6
6
|
productName: 'Kendo UI for Vue',
|
|
7
7
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1666103951,
|
|
9
9
|
version: '',
|
|
10
10
|
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'
|
|
11
11
|
};
|
package/dist/esm/utils.js
CHANGED
|
@@ -3,92 +3,72 @@ var arrowHeight = 10;
|
|
|
3
3
|
/**
|
|
4
4
|
* @hidden
|
|
5
5
|
*/
|
|
6
|
-
|
|
7
6
|
export var getLeftPosition = function getLeftPosition(left, elementWidth, targetElement, anchorElement, position) {
|
|
8
7
|
switch (position) {
|
|
9
8
|
case 'bottom':
|
|
10
9
|
return anchorElement === 'pointer' ? left - elementWidth / 2 : targetElement.left - elementWidth / 2 + targetElement.width / 2;
|
|
11
|
-
|
|
12
10
|
case 'left':
|
|
13
11
|
return anchorElement === 'pointer' ? left - elementWidth - arrowWidth : targetElement.left - elementWidth - arrowWidth;
|
|
14
|
-
|
|
15
12
|
case 'right':
|
|
16
13
|
return anchorElement === 'pointer' ? left + arrowWidth : targetElement.right + arrowWidth;
|
|
17
|
-
|
|
18
14
|
case 'top':
|
|
19
15
|
return anchorElement === 'pointer' ? left - elementWidth / 2 : targetElement.left - elementWidth / 2 + targetElement.width / 2;
|
|
20
|
-
|
|
21
16
|
default:
|
|
22
17
|
if (anchorElement === 'pointer') {
|
|
23
18
|
return left < window.screen.availWidth / 2 ? left - arrowWidth : left - elementWidth + arrowWidth;
|
|
24
19
|
} else {
|
|
25
20
|
return left < window.screen.availWidth / 2 ? targetElement.left : targetElement.right - elementWidth;
|
|
26
21
|
}
|
|
27
|
-
|
|
28
22
|
}
|
|
29
23
|
};
|
|
30
24
|
/**
|
|
31
25
|
* @hidden
|
|
32
26
|
*/
|
|
33
|
-
|
|
34
27
|
export var getTopPosition = function getTopPosition(top, targetElement, elementHeight, anchorElement, position) {
|
|
35
28
|
switch (position) {
|
|
36
29
|
case 'bottom':
|
|
37
30
|
return anchorElement === 'pointer' ? top + arrowHeight : targetElement.bottom + arrowHeight;
|
|
38
|
-
|
|
39
31
|
case 'left':
|
|
40
32
|
return anchorElement === 'pointer' ? top - elementHeight / 2 : targetElement.top - elementHeight / 2 + targetElement.height / 2;
|
|
41
|
-
|
|
42
33
|
case 'right':
|
|
43
34
|
return anchorElement === 'pointer' ? top - elementHeight / 2 : targetElement.top - elementHeight / 2 + targetElement.height / 2;
|
|
44
|
-
|
|
45
35
|
case 'top':
|
|
46
36
|
return anchorElement === 'pointer' ? top - elementHeight - arrowHeight : targetElement.top - elementHeight - arrowHeight;
|
|
47
|
-
|
|
48
37
|
default:
|
|
49
38
|
if (anchorElement === 'pointer') {
|
|
50
39
|
return top < window.innerHeight / 2 ? top + arrowWidth : top - elementHeight - arrowWidth;
|
|
51
40
|
} else {
|
|
52
41
|
return top < window.innerHeight / 2 ? targetElement.bottom + arrowHeight : targetElement.top - elementHeight - arrowHeight;
|
|
53
42
|
}
|
|
54
|
-
|
|
55
43
|
}
|
|
56
44
|
};
|
|
57
45
|
/**
|
|
58
46
|
* @hidden
|
|
59
47
|
*/
|
|
60
|
-
|
|
61
48
|
export var getDomRect = function getDomRect(currentTarget) {
|
|
62
49
|
if (currentTarget !== null) {
|
|
63
50
|
return currentTarget.getBoundingClientRect();
|
|
64
51
|
}
|
|
65
|
-
|
|
66
52
|
return document.body.getBoundingClientRect();
|
|
67
53
|
};
|
|
68
54
|
/**
|
|
69
55
|
* @hidden
|
|
70
56
|
*/
|
|
71
|
-
|
|
72
57
|
export var toolTipSelectors = ['k-tooltip-content', 'k-animation-container', 'k-tooltip', 'k-tooltip-title', 'k-tooltip k-tooltip-closable', 'k-icon k-i-close'];
|
|
73
58
|
/**
|
|
74
59
|
* @hidden
|
|
75
60
|
*/
|
|
76
|
-
|
|
77
61
|
export var isTooltipElement = function isTooltipElement(element) {
|
|
78
62
|
if (element === null) {
|
|
79
63
|
return false;
|
|
80
64
|
}
|
|
81
|
-
|
|
82
65
|
var node = element;
|
|
83
|
-
|
|
84
66
|
while (node) {
|
|
85
67
|
if (node !== null && node.classList && node.classList.contains('k-tooltip')) {
|
|
86
68
|
return true;
|
|
87
69
|
}
|
|
88
|
-
|
|
89
70
|
node.parentNode !== null ? node = node.parentNode : node = false;
|
|
90
71
|
}
|
|
91
|
-
|
|
92
72
|
return toolTipSelectors.filter(function (t) {
|
|
93
73
|
return t === element.className;
|
|
94
74
|
}).length > 0;
|
package/dist/npm/Tooltip.js
CHANGED
|
@@ -4,40 +4,30 @@ var __assign = undefined && undefined.__assign || function () {
|
|
|
4
4
|
__assign = Object.assign || function (t) {
|
|
5
5
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
6
6
|
s = arguments[i];
|
|
7
|
-
|
|
8
7
|
for (var p in s) {
|
|
9
8
|
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
10
9
|
}
|
|
11
10
|
}
|
|
12
|
-
|
|
13
11
|
return t;
|
|
14
12
|
};
|
|
15
|
-
|
|
16
13
|
return __assign.apply(this, arguments);
|
|
17
14
|
};
|
|
18
|
-
|
|
19
15
|
Object.defineProperty(exports, "__esModule", {
|
|
20
16
|
value: true
|
|
21
17
|
});
|
|
22
|
-
exports.TooltipVue2 = exports.Tooltip = void 0;
|
|
23
|
-
|
|
18
|
+
exports.TooltipVue2 = exports.Tooltip = void 0;
|
|
19
|
+
// @ts-ignore
|
|
24
20
|
var Vue = require("vue");
|
|
25
|
-
|
|
26
21
|
var allVue = Vue;
|
|
27
22
|
var gh = allVue.h;
|
|
28
23
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
29
|
-
|
|
30
24
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
31
|
-
|
|
32
25
|
var utils_1 = require("./utils");
|
|
33
|
-
|
|
34
26
|
var package_metadata_1 = require("./package-metadata");
|
|
35
|
-
|
|
36
27
|
var DEFAULT_TOOLTIP_ZINDEX = 100;
|
|
37
28
|
/**
|
|
38
29
|
* @hidden
|
|
39
30
|
*/
|
|
40
|
-
|
|
41
31
|
var TooltipVue2 = {
|
|
42
32
|
name: 'KendoTooltip',
|
|
43
33
|
inheritAttrs: false,
|
|
@@ -103,7 +93,6 @@ var TooltipVue2 = {
|
|
|
103
93
|
computed: {
|
|
104
94
|
wrapperClass: function wrapperClass() {
|
|
105
95
|
var _a;
|
|
106
|
-
|
|
107
96
|
return _a = {
|
|
108
97
|
'k-animation-container': true,
|
|
109
98
|
'k-animation-container-fixed': true,
|
|
@@ -130,7 +119,6 @@ var TooltipVue2 = {
|
|
|
130
119
|
},
|
|
131
120
|
mounted: function mounted() {
|
|
132
121
|
this.element = (0, kendo_vue_common_1.getRef)(this, 'element');
|
|
133
|
-
|
|
134
122
|
if (document) {
|
|
135
123
|
document.body.addEventListener('mousemove', this.handleBodyMousemove);
|
|
136
124
|
}
|
|
@@ -148,31 +136,22 @@ var TooltipVue2 = {
|
|
|
148
136
|
target: this.$props.targetElement
|
|
149
137
|
});
|
|
150
138
|
}
|
|
151
|
-
|
|
152
139
|
this.element = (0, kendo_vue_common_1.getRef)(this, 'element');
|
|
153
|
-
|
|
154
140
|
if (!this.element) {
|
|
155
141
|
return;
|
|
156
142
|
}
|
|
157
|
-
|
|
158
143
|
this.resetPosition();
|
|
159
|
-
|
|
160
144
|
if (this.computedTarget) {
|
|
161
145
|
var appendToElement = this.$props.appendTo ? this.$props.appendTo : this.computedTarget.ownerDocument.body;
|
|
162
|
-
|
|
163
146
|
if (this.element.parentElement !== appendToElement) {
|
|
164
147
|
this.computedTarget.ownerDocument.body.append(this.element);
|
|
165
148
|
}
|
|
166
149
|
}
|
|
167
|
-
|
|
168
150
|
this.callout = this.v3 ? this.calloutRef : this.$refs.callout;
|
|
169
|
-
|
|
170
151
|
if (!this.callout) {
|
|
171
152
|
return;
|
|
172
153
|
}
|
|
173
|
-
|
|
174
154
|
this.callout.className = this.calloutClassName();
|
|
175
|
-
|
|
176
155
|
if (this.$props.position === 'auto') {
|
|
177
156
|
this.left < window.screen.availWidth / 2 ? this.callout.style.left = this.$props.setCalloutOnPositionAuto || '25%' : this.callout.style.left = this.$props.setCalloutOnPositionAuto || '75%';
|
|
178
157
|
}
|
|
@@ -223,7 +202,6 @@ var TooltipVue2 = {
|
|
|
223
202
|
}, [h("div", {
|
|
224
203
|
"class": "k-child-animation-container"
|
|
225
204
|
}, [innerToolTip])]);
|
|
226
|
-
|
|
227
205
|
if (defaultSlot) {
|
|
228
206
|
return h("div", {
|
|
229
207
|
onMouseover: this.handleMouseOver,
|
|
@@ -241,11 +219,9 @@ var TooltipVue2 = {
|
|
|
241
219
|
destroyElement: function destroyElement() {
|
|
242
220
|
clearTimeout(this.openTimeoutId);
|
|
243
221
|
clearInterval(this.updateIntervalId);
|
|
244
|
-
|
|
245
222
|
if (document) {
|
|
246
223
|
document.body.removeEventListener('mousemove', this.handleBodyMousemove);
|
|
247
224
|
}
|
|
248
|
-
|
|
249
225
|
if (this.element) {
|
|
250
226
|
this.element.remove();
|
|
251
227
|
}
|
|
@@ -254,25 +230,20 @@ var TooltipVue2 = {
|
|
|
254
230
|
var currentDocument = this.computedTarget ? this.computedTarget.ownerDocument : document;
|
|
255
231
|
var element = currentDocument && currentDocument.elementFromPoint(event.clientX, event.clientY);
|
|
256
232
|
this.willOpen = false;
|
|
257
|
-
|
|
258
233
|
if ((0, utils_1.isTooltipElement)(element) || this.computedTarget !== event.target) {
|
|
259
234
|
return;
|
|
260
235
|
}
|
|
261
|
-
|
|
262
236
|
if (this.$props.open) {
|
|
263
237
|
return;
|
|
264
238
|
}
|
|
265
|
-
|
|
266
239
|
clearInterval(this.updateIntervalId);
|
|
267
240
|
this.onClose(event);
|
|
268
241
|
},
|
|
269
242
|
handleMouseOver: function handleMouseOver(event) {
|
|
270
243
|
var target = event.target;
|
|
271
|
-
|
|
272
244
|
if (!this.isVisible(target) || (0, utils_1.isTooltipElement)(target) || target === this.computedTarget) {
|
|
273
245
|
return;
|
|
274
246
|
}
|
|
275
|
-
|
|
276
247
|
this.showToolTip(event);
|
|
277
248
|
},
|
|
278
249
|
handleBodyMousemove: function handleBodyMousemove(event) {
|
|
@@ -290,10 +261,8 @@ var TooltipVue2 = {
|
|
|
290
261
|
},
|
|
291
262
|
showToolTip: function showToolTip(event) {
|
|
292
263
|
var _this = this;
|
|
293
|
-
|
|
294
264
|
clearTimeout(this.openTimeoutId);
|
|
295
265
|
clearInterval(this.updateIntervalId);
|
|
296
|
-
|
|
297
266
|
if (event.target.hasChildNodes()) {
|
|
298
267
|
event.target.childNodes.forEach(function (childElement) {
|
|
299
268
|
if (childElement.nodeName === 'title') {
|
|
@@ -302,25 +271,19 @@ var TooltipVue2 = {
|
|
|
302
271
|
}
|
|
303
272
|
});
|
|
304
273
|
}
|
|
305
|
-
|
|
306
274
|
var target = this.computedTarget || event.target;
|
|
307
275
|
var titleResult = this.getTitle(target);
|
|
308
|
-
|
|
309
276
|
if (!titleResult.title) {
|
|
310
277
|
if (this.computedOpen) {
|
|
311
278
|
this.onClose(event);
|
|
312
279
|
}
|
|
313
|
-
|
|
314
280
|
return;
|
|
315
281
|
}
|
|
316
|
-
|
|
317
282
|
if (titleResult.element) {
|
|
318
283
|
titleResult.element.titleExpando = titleResult.title;
|
|
319
284
|
titleResult.element.title = '';
|
|
320
285
|
}
|
|
321
|
-
|
|
322
286
|
this.willOpen = true;
|
|
323
|
-
|
|
324
287
|
if (!this.$props.openDelay) {
|
|
325
288
|
this.currentTargetElement = target;
|
|
326
289
|
this.currentOpen = true;
|
|
@@ -332,12 +295,10 @@ var TooltipVue2 = {
|
|
|
332
295
|
_this.currentTargetElement = target;
|
|
333
296
|
_this.currentOpen = true;
|
|
334
297
|
_this.title = titleResult.title;
|
|
335
|
-
|
|
336
298
|
_this.setUpdateInterval();
|
|
337
299
|
}
|
|
338
300
|
}, this.$props.openDelay);
|
|
339
301
|
}
|
|
340
|
-
|
|
341
302
|
if (this.title !== titleResult.title) {
|
|
342
303
|
this.$emit('open', {
|
|
343
304
|
event: event,
|
|
@@ -352,11 +313,9 @@ var TooltipVue2 = {
|
|
|
352
313
|
},
|
|
353
314
|
onIntervalUpdate: function onIntervalUpdate() {
|
|
354
315
|
var target = this.computedTarget;
|
|
355
|
-
|
|
356
316
|
if (!target) {
|
|
357
317
|
return;
|
|
358
318
|
}
|
|
359
|
-
|
|
360
319
|
if (target.parentElement === null) {
|
|
361
320
|
// Getting element from previous target coordinates will cause reflow which is performance hit.
|
|
362
321
|
// Also remount case can be avoided easily
|
|
@@ -372,7 +331,6 @@ var TooltipVue2 = {
|
|
|
372
331
|
resetPosition: function resetPosition() {
|
|
373
332
|
if (this.element) {
|
|
374
333
|
var position = void 0;
|
|
375
|
-
|
|
376
334
|
if (this.$props.updatePosition) {
|
|
377
335
|
position = this.$props.updatePosition({
|
|
378
336
|
element: this.element,
|
|
@@ -386,7 +344,6 @@ var TooltipVue2 = {
|
|
|
386
344
|
} else {
|
|
387
345
|
position = this.setPosition(this.element);
|
|
388
346
|
}
|
|
389
|
-
|
|
390
347
|
this.element.style.left = position.left + 'px';
|
|
391
348
|
this.element.style.top = position.top + 'px';
|
|
392
349
|
}
|
|
@@ -413,10 +370,8 @@ var TooltipVue2 = {
|
|
|
413
370
|
element: element
|
|
414
371
|
};
|
|
415
372
|
}
|
|
416
|
-
|
|
417
373
|
element = this.$props.parentTitle && element.parentElement || null;
|
|
418
374
|
}
|
|
419
|
-
|
|
420
375
|
return {
|
|
421
376
|
title: '',
|
|
422
377
|
element: element
|
|
@@ -426,16 +381,12 @@ var TooltipVue2 = {
|
|
|
426
381
|
switch (this.$props.position) {
|
|
427
382
|
case 'bottom':
|
|
428
383
|
return 'k-callout k-callout-n';
|
|
429
|
-
|
|
430
384
|
case 'left':
|
|
431
385
|
return 'k-callout k-callout-e';
|
|
432
|
-
|
|
433
386
|
case 'right':
|
|
434
387
|
return 'k-callout k-callout-w';
|
|
435
|
-
|
|
436
388
|
case 'top':
|
|
437
389
|
return 'k-callout k-callout-s';
|
|
438
|
-
|
|
439
390
|
default:
|
|
440
391
|
return this.top < window.innerHeight / 2 ? 'k-callout k-callout-n' : 'k-callout k-callout-s';
|
|
441
392
|
}
|
|
@@ -449,6 +400,5 @@ exports.TooltipVue2 = TooltipVue2;
|
|
|
449
400
|
/**
|
|
450
401
|
* @hidden
|
|
451
402
|
*/
|
|
452
|
-
|
|
453
403
|
var Tooltip = TooltipVue2;
|
|
454
404
|
exports.Tooltip = Tooltip;
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-vue-tooltip',
|
|
9
9
|
productName: 'Kendo UI for Vue',
|
|
10
10
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1666103951,
|
|
12
12
|
version: '',
|
|
13
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
14
|
};
|
package/dist/npm/utils.js
CHANGED
|
@@ -9,101 +9,77 @@ var arrowHeight = 10;
|
|
|
9
9
|
/**
|
|
10
10
|
* @hidden
|
|
11
11
|
*/
|
|
12
|
-
|
|
13
12
|
var getLeftPosition = function getLeftPosition(left, elementWidth, targetElement, anchorElement, position) {
|
|
14
13
|
switch (position) {
|
|
15
14
|
case 'bottom':
|
|
16
15
|
return anchorElement === 'pointer' ? left - elementWidth / 2 : targetElement.left - elementWidth / 2 + targetElement.width / 2;
|
|
17
|
-
|
|
18
16
|
case 'left':
|
|
19
17
|
return anchorElement === 'pointer' ? left - elementWidth - arrowWidth : targetElement.left - elementWidth - arrowWidth;
|
|
20
|
-
|
|
21
18
|
case 'right':
|
|
22
19
|
return anchorElement === 'pointer' ? left + arrowWidth : targetElement.right + arrowWidth;
|
|
23
|
-
|
|
24
20
|
case 'top':
|
|
25
21
|
return anchorElement === 'pointer' ? left - elementWidth / 2 : targetElement.left - elementWidth / 2 + targetElement.width / 2;
|
|
26
|
-
|
|
27
22
|
default:
|
|
28
23
|
if (anchorElement === 'pointer') {
|
|
29
24
|
return left < window.screen.availWidth / 2 ? left - arrowWidth : left - elementWidth + arrowWidth;
|
|
30
25
|
} else {
|
|
31
26
|
return left < window.screen.availWidth / 2 ? targetElement.left : targetElement.right - elementWidth;
|
|
32
27
|
}
|
|
33
|
-
|
|
34
28
|
}
|
|
35
29
|
};
|
|
36
|
-
|
|
37
30
|
exports.getLeftPosition = getLeftPosition;
|
|
38
31
|
/**
|
|
39
32
|
* @hidden
|
|
40
33
|
*/
|
|
41
|
-
|
|
42
34
|
var getTopPosition = function getTopPosition(top, targetElement, elementHeight, anchorElement, position) {
|
|
43
35
|
switch (position) {
|
|
44
36
|
case 'bottom':
|
|
45
37
|
return anchorElement === 'pointer' ? top + arrowHeight : targetElement.bottom + arrowHeight;
|
|
46
|
-
|
|
47
38
|
case 'left':
|
|
48
39
|
return anchorElement === 'pointer' ? top - elementHeight / 2 : targetElement.top - elementHeight / 2 + targetElement.height / 2;
|
|
49
|
-
|
|
50
40
|
case 'right':
|
|
51
41
|
return anchorElement === 'pointer' ? top - elementHeight / 2 : targetElement.top - elementHeight / 2 + targetElement.height / 2;
|
|
52
|
-
|
|
53
42
|
case 'top':
|
|
54
43
|
return anchorElement === 'pointer' ? top - elementHeight - arrowHeight : targetElement.top - elementHeight - arrowHeight;
|
|
55
|
-
|
|
56
44
|
default:
|
|
57
45
|
if (anchorElement === 'pointer') {
|
|
58
46
|
return top < window.innerHeight / 2 ? top + arrowWidth : top - elementHeight - arrowWidth;
|
|
59
47
|
} else {
|
|
60
48
|
return top < window.innerHeight / 2 ? targetElement.bottom + arrowHeight : targetElement.top - elementHeight - arrowHeight;
|
|
61
49
|
}
|
|
62
|
-
|
|
63
50
|
}
|
|
64
51
|
};
|
|
65
|
-
|
|
66
52
|
exports.getTopPosition = getTopPosition;
|
|
67
53
|
/**
|
|
68
54
|
* @hidden
|
|
69
55
|
*/
|
|
70
|
-
|
|
71
56
|
var getDomRect = function getDomRect(currentTarget) {
|
|
72
57
|
if (currentTarget !== null) {
|
|
73
58
|
return currentTarget.getBoundingClientRect();
|
|
74
59
|
}
|
|
75
|
-
|
|
76
60
|
return document.body.getBoundingClientRect();
|
|
77
61
|
};
|
|
78
|
-
|
|
79
62
|
exports.getDomRect = getDomRect;
|
|
80
63
|
/**
|
|
81
64
|
* @hidden
|
|
82
65
|
*/
|
|
83
|
-
|
|
84
66
|
exports.toolTipSelectors = ['k-tooltip-content', 'k-animation-container', 'k-tooltip', 'k-tooltip-title', 'k-tooltip k-tooltip-closable', 'k-icon k-i-close'];
|
|
85
67
|
/**
|
|
86
68
|
* @hidden
|
|
87
69
|
*/
|
|
88
|
-
|
|
89
70
|
var isTooltipElement = function isTooltipElement(element) {
|
|
90
71
|
if (element === null) {
|
|
91
72
|
return false;
|
|
92
73
|
}
|
|
93
|
-
|
|
94
74
|
var node = element;
|
|
95
|
-
|
|
96
75
|
while (node) {
|
|
97
76
|
if (node !== null && node.classList && node.classList.contains('k-tooltip')) {
|
|
98
77
|
return true;
|
|
99
78
|
}
|
|
100
|
-
|
|
101
79
|
node.parentNode !== null ? node = node.parentNode : node = false;
|
|
102
80
|
}
|
|
103
|
-
|
|
104
81
|
return exports.toolTipSelectors.filter(function (t) {
|
|
105
82
|
return t === element.className;
|
|
106
83
|
}).length > 0;
|
|
107
84
|
};
|
|
108
|
-
|
|
109
85
|
exports.isTooltipElement = isTooltipElement;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-vue-tooltip",
|
|
3
|
-
"version": "3.6.
|
|
3
|
+
"version": "3.6.5-dev.202210181442",
|
|
4
4
|
"description": "Kendo UI for Vue Tooltip package",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -39,14 +39,14 @@
|
|
|
39
39
|
"vue": "^2.6.12 || ^3.0.2"
|
|
40
40
|
},
|
|
41
41
|
"dependencies": {
|
|
42
|
-
"@progress/kendo-vue-common": "3.6.
|
|
42
|
+
"@progress/kendo-vue-common": "3.6.5-dev.202210181442"
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
45
|
"@progress/kendo-licensing": "^1.0.1",
|
|
46
|
-
"@progress/kendo-vue-buttons": "3.6.
|
|
47
|
-
"@progress/kendo-vue-dialogs": "3.6.
|
|
48
|
-
"@progress/kendo-vue-grid": "3.6.
|
|
49
|
-
"@progress/kendo-vue-intl": "3.6.
|
|
46
|
+
"@progress/kendo-vue-buttons": "3.6.5-dev.202210181442",
|
|
47
|
+
"@progress/kendo-vue-dialogs": "3.6.5-dev.202210181442",
|
|
48
|
+
"@progress/kendo-vue-grid": "3.6.5-dev.202210181442",
|
|
49
|
+
"@progress/kendo-vue-intl": "3.6.5-dev.202210181442"
|
|
50
50
|
},
|
|
51
51
|
"@progress": {
|
|
52
52
|
"friendlyName": "Tooltip",
|