@progress/kendo-vue-tooltip 9.3.0-develop.2 → 9.3.0-develop.4

package/README.md

@@ -14,6 +14,8 @@
 
 The Kendo UI for Vue Tooltip represents a popup with information that is related to a UI element and which is displayed when this UI element is clicked or hovered over.
 
+The package also includes the Kendo UI for Vue Popover, which displays rich interactive content next to an anchor element.
+
 ## Vue Tooltip
 
 > Starting with **version 6.0.0**, Kendo UI for Vue Native components no longer support Vue 2. Please check our [Vue 2 End of Support article](https://www.telerik.com/kendo-vue-ui/components/vue2-deprecation/) for more details.
@@ -28,6 +30,31 @@ Among the features which the Kendo UI for Vue Tooltip component delivers are:
 * [Customization](https://www.telerik.com/kendo-vue-ui/components/tooltip/tooltip-customization/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-vue-trial-npm-tooltip)—You can place the Tooltip in a specific location and attach its handlers there.
 * [Theme support](https://www.telerik.com/kendo-vue-ui/components/styling/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-vue-trial-npm-tooltip)—The Kendo UI for Vue Tooltip, as well as all 100+ components in the Kendo UI for Vue suite, are styled in four polished themes (Bootstrap, Material, Default and Fluent) and can be further customized to match your specific design guidelines.
 
+## Vue Popover
+
+[The Kendo UI for Vue Popover component](https://www.telerik.com/kendo-vue-ui/components/tooltip/popover/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-vue-trial-npm-tooltip) displays rich interactive content next to an anchor element.
+
+```vue
+<template>
+	<KButton ref="anchor" @click="show = !show">Show popover</KButton>
+	<Popover :anchor="anchor?.$el || anchor" :show="show" :title="'Confirm action'">
+		Are you sure you want to continue?
+		<PopoverActionsBar>
+			<KButton @click="show = false">Close</KButton>
+		</PopoverActionsBar>
+	</Popover>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import { Button as KButton } from '@progress/kendo-vue-buttons';
+import { Popover, PopoverActionsBar } from '@progress/kendo-vue-tooltip';
+
+const anchor = ref<HTMLElement | { $el: HTMLElement } | null>(null);
+const show = ref(false);
+</script>
+```
+
 ## Support Options
 
 For any issues you might encounter while working with the Kendo UI for Vue Tooltip, use any of the available support channels:

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

@@ -12,4 +12,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("vue"),require("@progress/kendo-vue-common")):"function"==typeof define&&define.amd?define(["exports","vue","@progress/kendo-vue-common"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).KendoVueTooltip={},t.Vue,t.KendoVueCommon)}(this,function(t,e,o){"use strict";const i=10,n=10,s=(t,e,n,s,l)=>{switch(l){case"bottom":case"top":return"pointer"===s?t-e/2:n.left-e/2+n.width/2;case"left":return"pointer"===s?t-e-i:n.left-e-i;case"right":return"pointer"===s?t+i:n.right+i;default:return"pointer"===s?o.canUseDOM&&t<window.screen.availWidth/2?t-i:t-e+i:o.canUseDOM&&t<window.screen.availWidth/2?n.left:n.right-e}},l=(t,e,s,l,r)=>{switch(r){case"bottom":return"pointer"===l?t+n:e.bottom+n;case"left":case"right":return"pointer"===l?t-s/2:e.top-s/2+e.height/2;case"top":return"pointer"===l?t-s-n:e.top-s-n;default:return"pointer"===l?o.canUseDOM&&t<window.innerHeight/2?t+i:t-s-i:o.canUseDOM&&t<window.innerHeight/2?e.bottom+n:e.top-s-n}},r=["k-tooltip-content","k-animation-container","k-tooltip","k-tooltip-title","k-tooltip k-tooltip-closable","k-icon k-i-x","k-svg-icon k-svg-i-x"],a=t=>{if(null===t)return!1;let e=t;for(;e;){if(null!==e&&e.classList&&e.classList.contains("k-tooltip"))return!0;e=null!==e.parentNode&&e.parentNode}return r.filter(e=>e===t.className).length>0},p={name:"@progress/kendo-vue-tooltip",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:1639571344,version:"9.3.0-develop.2",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"},u="_tb_active",h=e.defineComponent({name:"KendoTooltip",inheritAttrs:!1,props:{showCallout:{type:Boolean,default:!0},setCalloutOnPositionAuto:{type:String,default:void 0},anchorElement:{type:String,default:"pointer",validator:function(t){return["pointer","target"].includes(t)}},content:[String,Object,Function],filter:Function,openDelay:{type:Number,default:400},open:{type:Boolean,default:void 0},position:{type:String,default:"auto",validator:function(t){return["right","left","top","bottom","auto"].includes(t)}},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:()=>({top:0,left:0,currentTargetElement:null,currentOpen:!1,title:""}),computed:{wrapperClass(){return{"k-animation-container":!0,"k-animation-container-fixed":!0,"k-animation-container-shown":!0,[this.$props.className]:!0}},computedTarget(){return void 0!==this.targetElement?this.targetElement:this.currentTargetElement},computedOpen(){return void 0!==this.open?this.open:this.currentOpen}},inject:{kCurrentZIndex:{default:null}},created(){o.validatePackage(p),this.top=0,this.left=0,this.willOpen=!1},mounted(){this.element=o.getRef(this,"element"),document&&document.body.addEventListener("mousemove",this.handleBodyMousemove)},unmounted(){this.destroyElement()},updated(){if(this.$props.open&&this.$props.targetElement&&this.showToolTip({target:this.$props.targetElement}),this.element=o.getRef(this,"element"),this.element){if(this.resetPosition(),this.computedTarget){const t=this.$props.appendTo?this.$props.appendTo:this.computedTarget.ownerDocument.body;this.element.parentElement!==t&&this.computedTarget.ownerDocument.body.append(this.element)}this.callout=this.calloutRef,this.callout&&(this.callout.className=this.calloutClassName(),"auto"===this.$props.position&&o.canUseDOM&&(this.left<window.screen.availWidth/2?this.callout.style.left=this.$props.setCalloutOnPositionAuto||"25%":this.callout.style.left=this.$props.setCalloutOnPositionAuto||"75%"))}},render(){const t=o.getDefaultSlots(this),i=this.getCurrentZIndex(),n=this.$props.content?o.templateRendering.call(this,this.$props.content,o.getListeners.call(this)):void 0,s=this.title;let l=o.guid()+u;this.computedTarget&&(this.computedTarget.hasAttribute("id")&&(l=this.computedTarget.getAttribute("id")+u),this.computedTarget.setAttribute("aria-describedby",l));const r=o.getTemplate.call(this,{h:e.h,template:n,defaultRendering:s,additionalProps:{title:this.title,target:this.computedTarget}}),a=this.computedOpen&&e.createVNode("div",{class:o.classNames("k-tooltip",this.$props.tooltipClassName),role:"tooltip",id:l,style:{position:"relative",...this.$props.tooltipStyle}},[e.createVNode("div",{class:"k-tooltip-content"},[r]),this.$props.showCallout&&e.createVNode("div",{ref:o.setRef(this,"callout")},null)]),p=this.computedTarget&&this.title&&this.computedTarget.ownerDocument&&e.createVNode("div",{ref:o.setRef(this,"element"),class:this.wrapperClass,style:{zIndex:i,...this.$props.wrapperStyle},tabindex:0,onMouseleave:this.handleTooltipMouseOut},[e.createVNode("div",{class:"k-child-animation-container"},[a])]);return t?e.createVNode("div",{onMouseover:this.handleMouseOver,onMouseout:this.handleMouseOut},[p,t]):p},methods:{destroyElement(){clearTimeout(this.openTimeoutId),clearInterval(this.updateIntervalId),document&&document.body.removeEventListener("mousemove",this.handleBodyMousemove),this.element&&this.element.remove()},handleTooltipMouseOut(t){this.onClose(t)},handleMouseOut(t){const e=this.computedTarget?this.computedTarget.ownerDocument:document;let o=e&&e.elementFromPoint(t.clientX,t.clientY);this.willOpen=!1,!a(o)&&this.computedTarget===t.target&&(this.$props.open||(clearInterval(this.updateIntervalId),this.onClose(t)))},handleMouseOver(t){const e=t.target;!this.isVisible(e)||a(e)||e===this.computedTarget||this.showToolTip(t)},handleBodyMousemove(t){this.top=t.clientY,this.left=t.clientX},onClose(t){this.$emit("close",{event:t,component:this}),this.computedTarget.removeAttribute("aria-describedby"),this.currentTargetElement=null,this.currentOpen=!1,this.title=""},showToolTip(t){clearTimeout(this.openTimeoutId),clearInterval(this.updateIntervalId),t.target.hasChildNodes()&&t.target.childNodes.forEach(e=>{"title"===e.nodeName&&(t.target.titleExpando=e.innerHTML,e.remove())});const e=this.computedTarget||t.target;let i=this.getTitle(e);i.title?(i.element&&(i.element.titleExpando=i.title,i.element.title=""),this.willOpen=!0,this.$props.openDelay?o.canUseDOM&&(this.openTimeoutId=window.setTimeout(()=>{this.willOpen&&(this.currentTargetElement=e,this.currentOpen=!0,this.title=i.title,this.setUpdateInterval())},this.$props.openDelay)):(this.currentTargetElement=e,this.currentOpen=!0,this.title=i.title,this.setUpdateInterval()),this.title!==i.title&&this.$emit("open",{event:t,compoponent:this})):this.computedOpen&&this.onClose(t)},setUpdateInterval(){this.$props.updateInterval&&(this.updateIntervalId=setInterval(this.onIntervalUpdate,this.$props.updateInterval))},onIntervalUpdate(){const t=this.computedTarget;t&&(null===t.parentElement?this.onClose({target:t}):this.showToolTip({target:t}))},resetPosition(){if(this.element){let t=this.setPosition(this.element);this.$props.updatePosition&&(t=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,defaultPosition:t})),this.element.style.left=t.left+"px",this.element.style.top=t.top+"px"}},isVisible(t){return!this.$props.filter||this.$props.filter(t)},setPosition(t){let e=(t=>null!==t?t.getBoundingClientRect():document.body.getBoundingClientRect())(this.parentTitle?this.getTitle(this.computedTarget).element:this.computedTarget);return{left:s(this.left,t.offsetWidth,e,this.$props.anchorElement,this.$props.position),top:l(this.top,e,t.offsetHeight,this.$props.anchorElement,this.$props.position)}},getTitle(t){for(;t;){if(null!==t.getAttribute("title")||t.titleExpando)return{title:t.getAttribute("title")||t.titleExpando,element:t};t=this.$props.parentTitle&&t.parentElement||null}return{title:"",element:t}},calloutClassName(){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 o.canUseDOM&&this.top<window.innerHeight/2?"k-callout k-callout-n":"k-callout k-callout-s"}},getCurrentZIndex(){return this.kCurrentZIndex?this.kCurrentZIndex:100}}});t.Tooltip=h});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("vue"),require("@progress/kendo-vue-common"),require("@progress/kendo-vue-popup")):"function"==typeof define&&define.amd?define(["exports","vue","@progress/kendo-vue-common","@progress/kendo-vue-popup"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).KendoVueTooltip={},t.Vue,t.KendoVueCommon,t.KendoVuePopup)}(this,function(t,e,o,i){"use strict";const n=10,s=10,r=(t,e,i,s,r)=>{switch(r){case"bottom":case"top":return"pointer"===s?t-e/2:i.left-e/2+i.width/2;case"left":return"pointer"===s?t-e-n:i.left-e-n;case"right":return"pointer"===s?t+n:i.right+n;default:return"pointer"===s?o.canUseDOM&&t<window.screen.availWidth/2?t-n:t-e+n:o.canUseDOM&&t<window.screen.availWidth/2?i.left:i.right-e}},l=(t,e,i,r,l)=>{switch(l){case"bottom":return"pointer"===r?t+s:e.bottom+s;case"left":case"right":return"pointer"===r?t-i/2:e.top-i/2+e.height/2;case"top":return"pointer"===r?t-i-s:e.top-i-s;default:return"pointer"===r?o.canUseDOM&&t<window.innerHeight/2?t+n:t-i-n:o.canUseDOM&&t<window.innerHeight/2?e.bottom+s:e.top-i-s}},a=["k-tooltip-content","k-animation-container","k-tooltip","k-tooltip-title","k-tooltip k-tooltip-closable","k-icon k-i-x","k-svg-icon k-svg-i-x"],p=t=>{if(null===t)return!1;let e=t;for(;e;){if(null!==e&&e.classList&&e.classList.contains("k-tooltip"))return!0;e=null!==e.parentNode&&e.parentNode}return a.filter(e=>e===t.className).length>0},d={name:"@progress/kendo-vue-tooltip",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:1639571344,version:"9.3.0-develop.4",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"},h="_tb_active",u=e.defineComponent({name:"KendoTooltip",inheritAttrs:!1,props:{showCallout:{type:Boolean,default:!0},setCalloutOnPositionAuto:{type:String,default:void 0},anchorElement:{type:String,default:"pointer",validator:function(t){return["pointer","target"].includes(t)}},content:[String,Object,Function],filter:Function,openDelay:{type:Number,default:400},open:{type:Boolean,default:void 0},position:{type:String,default:"auto",validator:function(t){return["right","left","top","bottom","auto"].includes(t)}},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:()=>({top:0,left:0,currentTargetElement:null,currentOpen:!1,title:""}),computed:{wrapperClass(){return{"k-animation-container":!0,"k-animation-container-fixed":!0,"k-animation-container-shown":!0,[this.$props.className]:!0}},computedTarget(){return void 0!==this.targetElement?this.targetElement:this.currentTargetElement},computedOpen(){return void 0!==this.open?this.open:this.currentOpen}},inject:{kCurrentZIndex:{default:null}},created(){o.validatePackage(d),this.top=0,this.left=0,this.willOpen=!1},mounted(){this.element=o.getRef(this,"element"),document&&document.body.addEventListener("mousemove",this.handleBodyMousemove)},unmounted(){this.destroyElement()},updated(){if(this.$props.open&&this.$props.targetElement&&this.showToolTip({target:this.$props.targetElement}),this.element=o.getRef(this,"element"),this.element){if(this.resetPosition(),this.computedTarget){const t=this.$props.appendTo?this.$props.appendTo:this.computedTarget.ownerDocument.body;this.element.parentElement!==t&&t.append(this.element)}this.callout=this.calloutRef,this.callout&&(this.callout.className=this.calloutClassName(),"auto"===this.$props.position&&o.canUseDOM&&(this.left<window.screen.availWidth/2?this.callout.style.left=this.$props.setCalloutOnPositionAuto||"25%":this.callout.style.left=this.$props.setCalloutOnPositionAuto||"75%"))}},render(){const t=o.getDefaultSlots(this),i=this.getCurrentZIndex(),n=this.$props.content?o.templateRendering.call(this,this.$props.content,o.getListeners.call(this)):void 0,s=this.title;let r=o.guid()+h;this.computedTarget&&(this.computedTarget.hasAttribute("id")&&(r=this.computedTarget.getAttribute("id")+h),this.computedTarget.setAttribute("aria-describedby",r));const l=o.getTemplate.call(this,{h:e.h,template:n,defaultRendering:s,additionalProps:{title:this.title,target:this.computedTarget}}),a=this.computedOpen&&e.createVNode("div",{class:o.classNames("k-tooltip",this.$props.tooltipClassName),role:"tooltip",id:r,style:{position:"relative",...this.$props.tooltipStyle}},[e.createVNode("div",{class:"k-tooltip-content"},[l]),this.$props.showCallout&&e.createVNode("div",{ref:o.setRef(this,"callout")},null)]),p=this.computedTarget&&this.title&&this.computedTarget.ownerDocument&&e.createVNode("div",{ref:o.setRef(this,"element"),class:this.wrapperClass,style:{zIndex:i,...this.$props.wrapperStyle},tabindex:0,onMouseleave:this.handleTooltipMouseOut},[e.createVNode("div",{class:"k-child-animation-container"},[a])]);return t?e.createVNode("div",{onMouseover:this.handleMouseOver,onMouseout:this.handleMouseOut},[p,t]):p},methods:{destroyElement(){clearTimeout(this.openTimeoutId),clearInterval(this.updateIntervalId),document&&document.body.removeEventListener("mousemove",this.handleBodyMousemove),this.element&&this.element.remove()},handleTooltipMouseOut(t){this.onClose(t)},handleMouseOut(t){const e=this.computedTarget?this.computedTarget.ownerDocument:document;let o=e&&e.elementFromPoint(t.clientX,t.clientY);this.willOpen=!1,!p(o)&&this.computedTarget===t.target&&(this.$props.open||(clearInterval(this.updateIntervalId),this.onClose(t)))},handleMouseOver(t){const e=t.target;!this.isVisible(e)||p(e)||e===this.computedTarget||this.showToolTip(t)},handleBodyMousemove(t){this.top=t.clientY,this.left=t.clientX},onClose(t){this.$emit("close",{event:t,component:this}),this.computedTarget.removeAttribute("aria-describedby"),this.currentTargetElement=null,this.currentOpen=!1,this.title=""},showToolTip(t){clearTimeout(this.openTimeoutId),clearInterval(this.updateIntervalId),t.target.hasChildNodes()&&t.target.childNodes.forEach(e=>{"title"===e.nodeName&&(t.target.titleExpando=e.innerHTML,e.remove())});const e=this.computedTarget||t.target;let i=this.getTitle(e);i.title?(i.element&&(i.element.titleExpando=i.title,i.element.title=""),this.willOpen=!0,this.$props.openDelay?o.canUseDOM&&(this.openTimeoutId=window.setTimeout(()=>{this.willOpen&&(this.currentTargetElement=e,this.currentOpen=!0,this.title=i.title,this.setUpdateInterval())},this.$props.openDelay)):(this.currentTargetElement=e,this.currentOpen=!0,this.title=i.title,this.setUpdateInterval()),this.title!==i.title&&this.$emit("open",{event:t,compoponent:this})):this.computedOpen&&this.onClose(t)},setUpdateInterval(){this.$props.updateInterval&&(this.updateIntervalId=setInterval(this.onIntervalUpdate,this.$props.updateInterval))},onIntervalUpdate(){const t=this.computedTarget;t&&(null===t.parentElement?this.onClose({target:t}):this.showToolTip({target:t}))},resetPosition(){if(this.element){let t=this.setPosition(this.element);this.$props.updatePosition&&(t=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,defaultPosition:t})),this.element.style.left=t.left+"px",this.element.style.top=t.top+"px"}},isVisible(t){return!this.$props.filter||this.$props.filter(t)},setPosition(t){let e=(t=>null!==t?t.getBoundingClientRect():document.body.getBoundingClientRect())(this.parentTitle?this.getTitle(this.computedTarget).element:this.computedTarget);return{left:r(this.left,t.offsetWidth,e,this.$props.anchorElement,this.$props.position),top:l(this.top,e,t.offsetHeight,this.$props.anchorElement,this.$props.position)}},getTitle(t){for(;t;){if(null!==t.getAttribute("title")||t.titleExpando)return{title:t.getAttribute("title")||t.titleExpando,element:t};t=this.$props.parentTitle&&t.parentElement||null}return{title:"",element:t}},calloutClassName(){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 o.canUseDOM&&this.top<window.innerHeight/2?"k-callout k-callout-n":"k-callout k-callout-s"}},getCurrentZIndex(){return this.kCurrentZIndex?this.kCurrentZIndex:100}}}),c=e.defineComponent({name:"KendoPopoverActionsBar",props:{alignment:{type:String,default:"stretched"},orientation:{type:String,default:"horizontal"}},render(){return e.createVNode("div",{class:o.classNames("k-popover-actions","k-actions",`k-actions-${this.$props.alignment}`,`k-actions-${this.$props.orientation}`)},[o.getDefaultSlots(this)])}}),m={top:"k-callout-s",left:"k-callout-e",bottom:"k-callout-n",right:"k-callout-w"},g={top:"k-callout-n",left:"k-callout-w",bottom:"k-callout-s",right:"k-callout-e"},f={top:{vertical:"bottom",horizontal:"center"},left:{vertical:"center",horizontal:"right"},bottom:{vertical:"top",horizontal:"center"},right:{vertical:"center",horizontal:"left"}},v={top:{vertical:"top",horizontal:"center"},left:{vertical:"center",horizontal:"left"},bottom:{vertical:"bottom",horizontal:"center"},right:{vertical:"center",horizontal:"right"}},y=e.defineComponent({name:"KendoPopover",inheritAttrs:!1,emits:["open","close","position","keydown"],props:{autoFocus:{type:Boolean,default:!0},title:[String,Object,Function],position:{type:String,default:"top"},callout:{type:Boolean,default:!0},animate:[Boolean,Object],anchor:Object,appendTo:Object,collision:{type:Object,default:()=>({horizontal:"none",vertical:"none"})},margin:Object,positionMode:{type:String,default:"fixed"},scale:Number,offset:Object,popoverClass:[String,Array,Object],className:[String,Array,Object],id:String,style:Object,contentStyle:Object,show:{type:Boolean,default:!1}},inject:{kCurrentZIndex:{default:null}},provide(){return{kCurrentZIndex:this.currentZIndex}},data:()=>({flipped:!1}),computed:{currentZIndex(){return this.kCurrentZIndex?this.kCurrentZIndex+2e3:12e3},popoverId(){return this.$props.id||this._popoverId},headerId(){return`${this.popoverId}-header`},bodyId(){return`${this.popoverId}-body`},popoverMargin(){if(this.$props.margin)return this.$props.margin;const t="top"===this.$props.position||"bottom"===this.$props.position;return{horizontal:this.$props.callout&&!t?15:0,vertical:this.$props.callout&&t?15:0}},calloutClass(){const t=this.$props.position;return this.flipped?g[t]:m[t]}},created(){o.validatePackage(d),this._popoverId=o.guid()},methods:{element(){return document.getElementById(this.popoverId)},handleOpen(){this.$props.autoFocus&&e.nextTick(()=>{var t;const e=null==(t=document.getElementById(this.popoverId))?void 0:t.querySelector(".k-popover-inner"),o=null==e?void 0:e.querySelector('a[href], area[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])');null==o||o.focus()}),this.$emit("open",{target:this})},handleClose(){var t;this.$emit("close",{target:this}),null==(t=this.$props.anchor)||t.focus()},handlePosition(t){this.flipped=t.flipped,this.$emit("position",{target:this,fitted:t.fitted,flipped:t.flipped})},handleKeydown(t){var e;if("Tab"===t.key){const o=Array.from((null==(e=document.getElementById(this.popoverId))?void 0:e.querySelectorAll('a[href], area[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'))||[]),i=o[0],n=o[o.length-1];t.shiftKey&&document.activeElement===i?(t.preventDefault(),n.focus()):!t.shiftKey&&document.activeElement===n&&(t.preventDefault(),i.focus())}"Escape"===t.key&&this.$emit("keydown",{target:this,show:!1})},getContent:t=>t.filter(t=>t.type!==c),getActionBar:t=>t.filter(t=>t.type===c)},render(){const t=o.getDefaultSlots(this)||[];let n=null;"string"==typeof this.$props.title?n=this.$props.title:this.$props.title&&(n=o.getTemplate.call(this,{h:e.h,template:o.templateRendering.call(this,this.$props.title,o.getListeners.call(this)),defaultRendering:this.$props.title}));const s=e.createVNode(e.Fragment,null,[n&&e.createVNode("div",{class:"k-popover-header",id:this.headerId},[n]),e.createVNode("div",{class:"k-popover-body",id:this.bodyId,style:this.$props.contentStyle},[this.getContent(t)]),this.getActionBar(t)]),r=this.$props.position;return e.createVNode(i.Popup,{id:this.popoverId,role:"dialog",ariaLabelledBy:n?this.headerId:void 0,ariaDescribedBy:this.bodyId,animate:this.$props.animate,collision:this.$props.collision,anchor:this.$props.anchor,appendTo:this.$props.appendTo,offset:this.$props.offset,margin:this.popoverMargin,popupAlign:f[r],anchorAlign:v[r],show:this.$props.show,scale:this.$props.scale,positionMode:this.$props.positionMode,style:this.$props.style,className:this.$props.className,popupClass:o.classNames("k-popover",this.$props.popoverClass),onOpen:this.handleOpen,onClose:this.handleClose,onPosition:this.handlePosition,onKeydown:this.handleKeydown},{default:()=>[this.$props.callout?e.createVNode(e.Fragment,null,[e.createVNode("div",{class:o.classNames("k-popover-callout",this.calloutClass)},null),e.createVNode("div",{class:"k-popover-inner"},[s])]):s]})}});t.Popover=y,t.PopoverActionsBar=c,t.Tooltip=u});

package/index.d.mts

@@ -5,8 +5,19 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { Tooltip } from './Tooltip.js';
-import { TooltipProps } from './TooltipProps.js';
-import { TooltipEvent, TooltipPositionEvent } from './events.js';
-import { TooltipPosition } from './utils.js';
+import { Tooltip } from './tooltip/Tooltip.js';
+import { TooltipProps } from './tooltip/TooltipProps.js';
+import { TooltipEvent, TooltipPositionEvent } from './tooltip/events.js';
+import { TooltipPosition } from './tooltip/utils.js';
 export { Tooltip, type TooltipEvent, type TooltipPositionEvent, type TooltipProps, type TooltipPosition };
+export { Popover, type PopoverHandle } from './popover/Popover.js';
+export { PopoverActionsBar } from './popover/PopoverActionsBar.js';
+export type { PopoverActionsBarProps } from './popover/interfaces/PopoverActionsBarProps.js';
+export type { PopoverAnimation } from './popover/interfaces/PopoverAnimation.js';
+export type { PopoverCollision } from './popover/interfaces/PopoverCollision.js';
+export type { PopoverMargin } from './popover/interfaces/PopoverMargin.js';
+export type { PopoverOffset } from './popover/interfaces/PopoverOffset.js';
+export type { PopoverPosition } from './popover/interfaces/PopoverPosition.js';
+export type { PopoverPositionMode } from './popover/interfaces/PopoverPositionMode.js';
+export type { PopoverProps } from './popover/interfaces/PopoverProps.js';
+export type { PopoverCloseEvent, PopoverKeyDownEvent, PopoverOpenEvent, PopoverPositionEvent } from './popover/interfaces/PopoverEvents.js';

package/index.d.ts

@@ -5,8 +5,19 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { Tooltip } from './Tooltip';
-import { TooltipProps } from './TooltipProps';
-import { TooltipEvent, TooltipPositionEvent } from './events';
-import { TooltipPosition } from './utils';
+import { Tooltip } from './tooltip/Tooltip';
+import { TooltipProps } from './tooltip/TooltipProps';
+import { TooltipEvent, TooltipPositionEvent } from './tooltip/events';
+import { TooltipPosition } from './tooltip/utils';
 export { Tooltip, type TooltipEvent, type TooltipPositionEvent, type TooltipProps, type TooltipPosition };
+export { Popover, type PopoverHandle } from './popover/Popover';
+export { PopoverActionsBar } from './popover/PopoverActionsBar';
+export type { PopoverActionsBarProps } from './popover/interfaces/PopoverActionsBarProps';
+export type { PopoverAnimation } from './popover/interfaces/PopoverAnimation';
+export type { PopoverCollision } from './popover/interfaces/PopoverCollision';
+export type { PopoverMargin } from './popover/interfaces/PopoverMargin';
+export type { PopoverOffset } from './popover/interfaces/PopoverOffset';
+export type { PopoverPosition } from './popover/interfaces/PopoverPosition';
+export type { PopoverPositionMode } from './popover/interfaces/PopoverPositionMode';
+export type { PopoverProps } from './popover/interfaces/PopoverProps';
+export type { PopoverCloseEvent, PopoverKeyDownEvent, PopoverOpenEvent, PopoverPositionEvent } from './popover/interfaces/PopoverEvents';

package/index.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./Tooltip.js");exports.Tooltip=o.Tooltip;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./tooltip/Tooltip.js"),e=require("./popover/Popover.js"),r=require("./popover/PopoverActionsBar.js");exports.Tooltip=o.Tooltip;exports.Popover=e.Popover;exports.PopoverActionsBar=r.PopoverActionsBar;

package/index.mjs

@@ -5,7 +5,11 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { Tooltip as r } from "./Tooltip.mjs";
+import { Tooltip as p } from "./tooltip/Tooltip.mjs";
+import { Popover as t } from "./popover/Popover.mjs";
+import { PopoverActionsBar as m } from "./popover/PopoverActionsBar.mjs";
 export {
-  r as Tooltip
+  t as Popover,
+  m as PopoverActionsBar,
+  p as Tooltip
 };

package/package-metadata.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-tooltip",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1787739323,version:"9.3.0-develop.2",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"};exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-tooltip",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1788268220,version:"9.3.0-develop.4",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"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -10,8 +10,8 @@ const e = {
   productName: "Kendo UI for Vue",
   productCode: "KENDOUIVUE",
   productCodes: ["KENDOUIVUE"],
-  publishDate: 1787739323,
-  version: "9.3.0-develop.2",
+  publishDate: 1788268220,
+  version: "9.3.0-develop.4",
   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"
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-tooltip",
-  "version": "9.3.0-develop.2",
+  "version": "9.3.0-develop.4",
   "description": "TODO",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -25,7 +25,8 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-vue-common": "9.3.0-develop.2",
+    "@progress/kendo-vue-common": "9.3.0-develop.4",
+    "@progress/kendo-vue-popup": "9.3.0-develop.4",
     "vue": "^3.0.2"
   },
   "dependencies": {},
@@ -45,7 +46,7 @@
     "package": {
       "productName": "Kendo UI for Vue",
       "productCode": "KENDOUIVUE",
-      "publishDate": 1787739323,
+      "publishDate": 1788268220,
       "licensingDocsUrl": "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
     }
   },

package/popover/Popover.d.ts

@@ -0,0 +1,159 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PropType, VNode } from 'vue';
+import { PopoverProps } from './interfaces/PopoverProps';
+import { PopoverMargin } from './interfaces/PopoverMargin';
+import { PopoverPosition } from './interfaces/PopoverPosition';
+/**
+ * Represents the Popover component instance.
+ */
+export interface PopoverHandle {
+    /** The props of the Popover. */
+    props: PopoverProps;
+    /** Returns the rendered Popover element. */
+    element(): HTMLElement | null;
+}
+/**
+ * Represents the Popover component.
+ */
+declare const Popover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    autoFocus: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    title: PropType<string | VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }> | (() => VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>)>;
+    position: {
+        type: PropType<PopoverPosition>;
+        default: string;
+    };
+    callout: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    animate: PropType<boolean | import('@progress/kendo-vue-popup').PopupAnimation>;
+    anchor: PropType<HTMLElement>;
+    appendTo: PropType<HTMLElement>;
+    collision: {
+        type: PropType<import('..').PopoverCollision>;
+        default: () => {
+            horizontal: string;
+            vertical: string;
+        };
+    };
+    margin: PropType<PopoverMargin>;
+    positionMode: {
+        type: PropType<import('..').PopoverPositionMode>;
+        default: string;
+    };
+    scale: PropType<number>;
+    offset: PropType<import('..').PopoverOffset>;
+    popoverClass: PropType<string | string[] | {
+        [key: string]: boolean;
+    }>;
+    className: PropType<string | string[] | {
+        [key: string]: boolean;
+    }>;
+    id: PropType<string>;
+    style: PropType<import('vue').CSSProperties>;
+    contentStyle: PropType<import('vue').CSSProperties>;
+    show: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>, {}, {
+    flipped: boolean;
+}, {
+    currentZIndex(): number;
+    popoverId(): string;
+    headerId(): string;
+    bodyId(): string;
+    popoverMargin(): PopoverMargin;
+    calloutClass(): string;
+}, {
+    element(): HTMLElement | null;
+    handleOpen(): void;
+    handleClose(): void;
+    handlePosition(event: {
+        fitted: boolean;
+        flipped: boolean;
+    }): void;
+    handleKeydown(event: KeyboardEvent): void;
+    getContent(slots: VNode[]): VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>[];
+    getActionBar(slots: VNode[]): VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>[];
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "keydown" | "position" | "open")[], "close" | "keydown" | "position" | "open", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    autoFocus: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    title: PropType<string | VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }> | (() => VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>)>;
+    position: {
+        type: PropType<PopoverPosition>;
+        default: string;
+    };
+    callout: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    animate: PropType<boolean | import('@progress/kendo-vue-popup').PopupAnimation>;
+    anchor: PropType<HTMLElement>;
+    appendTo: PropType<HTMLElement>;
+    collision: {
+        type: PropType<import('..').PopoverCollision>;
+        default: () => {
+            horizontal: string;
+            vertical: string;
+        };
+    };
+    margin: PropType<PopoverMargin>;
+    positionMode: {
+        type: PropType<import('..').PopoverPositionMode>;
+        default: string;
+    };
+    scale: PropType<number>;
+    offset: PropType<import('..').PopoverOffset>;
+    popoverClass: PropType<string | string[] | {
+        [key: string]: boolean;
+    }>;
+    className: PropType<string | string[] | {
+        [key: string]: boolean;
+    }>;
+    id: PropType<string>;
+    style: PropType<import('vue').CSSProperties>;
+    contentStyle: PropType<import('vue').CSSProperties>;
+    show: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onKeydown?: (...args: any[]) => any;
+    onClose?: (...args: any[]) => any;
+    onOpen?: (...args: any[]) => any;
+    onPosition?: (...args: any[]) => any;
+}>, {
+    position: PopoverPosition;
+    callout: boolean;
+    show: boolean;
+    collision: import('..').PopoverCollision;
+    positionMode: import('..').PopoverPositionMode;
+    autoFocus: boolean;
+}, {}, {}, {}, string, () => {
+    kCurrentZIndex: any;
+}, true, {}, any>;
+export { Popover };

package/popover/Popover.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),s=require("@progress/kendo-vue-common"),p=require("@progress/kendo-vue-popup"),c=require("../package-metadata.js"),l=require("./PopoverActionsBar.js"),d=12e3,h=2e3,a=15,u={top:"k-callout-s",left:"k-callout-e",bottom:"k-callout-n",right:"k-callout-w"},f={top:"k-callout-n",left:"k-callout-w",bottom:"k-callout-s",right:"k-callout-e"},g={top:{vertical:"bottom",horizontal:"center"},left:{vertical:"center",horizontal:"right"},bottom:{vertical:"top",horizontal:"center"},right:{vertical:"center",horizontal:"left"}},m={top:{vertical:"top",horizontal:"center"},left:{vertical:"center",horizontal:"left"},bottom:{vertical:"bottom",horizontal:"center"},right:{vertical:"center",horizontal:"right"}},b=o.defineComponent({name:"KendoPopover",inheritAttrs:!1,emits:["open","close","position","keydown"],props:{autoFocus:{type:Boolean,default:!0},title:[String,Object,Function],position:{type:String,default:"top"},callout:{type:Boolean,default:!0},animate:[Boolean,Object],anchor:Object,appendTo:Object,collision:{type:Object,default:()=>({horizontal:"none",vertical:"none"})},margin:Object,positionMode:{type:String,default:"fixed"},scale:Number,offset:Object,popoverClass:[String,Array,Object],className:[String,Array,Object],id:String,style:Object,contentStyle:Object,show:{type:Boolean,default:!1}},inject:{kCurrentZIndex:{default:null}},provide(){return{kCurrentZIndex:this.currentZIndex}},data(){return{flipped:!1}},computed:{currentZIndex(){return this.kCurrentZIndex?this.kCurrentZIndex+h:d},popoverId(){return this.$props.id||this._popoverId},headerId(){return`${this.popoverId}-header`},bodyId(){return`${this.popoverId}-body`},popoverMargin(){if(this.$props.margin)return this.$props.margin;const t=this.$props.position==="top"||this.$props.position==="bottom";return{horizontal:this.$props.callout&&!t?a:0,vertical:this.$props.callout&&t?a:0}},calloutClass(){const t=this.$props.position;return this.flipped?f[t]:u[t]}},created(){s.validatePackage(c.packageMetadata),this._popoverId=s.guid()},methods:{element(){return document.getElementById(this.popoverId)},handleOpen(){this.$props.autoFocus&&o.nextTick(()=>{var i;const t=(i=document.getElementById(this.popoverId))==null?void 0:i.querySelector(".k-popover-inner"),e=t==null?void 0:t.querySelector('a[href], area[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])');e==null||e.focus()}),this.$emit("open",{target:this})},handleClose(){var t;this.$emit("close",{target:this}),(t=this.$props.anchor)==null||t.focus()},handlePosition(t){this.flipped=t.flipped,this.$emit("position",{target:this,fitted:t.fitted,flipped:t.flipped})},handleKeydown(t){var e;if(t.key==="Tab"){const i=Array.from(((e=document.getElementById(this.popoverId))==null?void 0:e.querySelectorAll('a[href], area[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'))||[]),r=i[0],n=i[i.length-1];t.shiftKey&&document.activeElement===r?(t.preventDefault(),n.focus()):!t.shiftKey&&document.activeElement===n&&(t.preventDefault(),r.focus())}t.key==="Escape"&&this.$emit("keydown",{target:this,show:!1})},getContent(t){return t.filter(e=>e.type!==l.PopoverActionsBar)},getActionBar(t){return t.filter(e=>e.type===l.PopoverActionsBar)}},render(){const t=s.getDefaultSlots(this)||[];let e=null;typeof this.$props.title=="string"?e=this.$props.title:this.$props.title&&(e=s.getTemplate.call(this,{h:o.h,template:s.templateRendering.call(this,this.$props.title,s.getListeners.call(this)),defaultRendering:this.$props.title}));const i=o.createVNode(o.Fragment,null,[e&&o.createVNode("div",{class:"k-popover-header",id:this.headerId},[e]),o.createVNode("div",{class:"k-popover-body",id:this.bodyId,style:this.$props.contentStyle},[this.getContent(t)]),this.getActionBar(t)]),r=this.$props.position;return o.createVNode(p.Popup,{id:this.popoverId,role:"dialog",ariaLabelledBy:e?this.headerId:void 0,ariaDescribedBy:this.bodyId,animate:this.$props.animate,collision:this.$props.collision,anchor:this.$props.anchor,appendTo:this.$props.appendTo,offset:this.$props.offset,margin:this.popoverMargin,popupAlign:g[r],anchorAlign:m[r],show:this.$props.show,scale:this.$props.scale,positionMode:this.$props.positionMode,style:this.$props.style,className:this.$props.className,popupClass:s.classNames("k-popover",this.$props.popoverClass),onOpen:this.handleOpen,onClose:this.handleClose,onPosition:this.handlePosition,onKeydown:this.handleKeydown},{default:()=>[this.$props.callout?o.createVNode(o.Fragment,null,[o.createVNode("div",{class:s.classNames("k-popover-callout",this.calloutClass)},null),o.createVNode("div",{class:"k-popover-inner"},[i])]):i]})}});exports.Popover=b;

package/popover/Popover.mjs

@@ -0,0 +1,241 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as c, h as d, createVNode as i, Fragment as n, nextTick as h } from "vue";
+import { getDefaultSlots as u, getTemplate as f, templateRendering as m, getListeners as g, classNames as l, validatePackage as b, guid as y } from "@progress/kendo-vue-common";
+import { Popup as v } from "@progress/kendo-vue-popup";
+import { packageMetadata as $ } from "../package-metadata.mjs";
+import { PopoverActionsBar as p } from "./PopoverActionsBar.mjs";
+const I = 12e3, k = 2e3, a = 15, O = {
+  top: "k-callout-s",
+  left: "k-callout-e",
+  bottom: "k-callout-n",
+  right: "k-callout-w"
+}, P = {
+  top: "k-callout-n",
+  left: "k-callout-w",
+  bottom: "k-callout-s",
+  right: "k-callout-e"
+}, C = {
+  top: {
+    vertical: "bottom",
+    horizontal: "center"
+  },
+  left: {
+    vertical: "center",
+    horizontal: "right"
+  },
+  bottom: {
+    vertical: "top",
+    horizontal: "center"
+  },
+  right: {
+    vertical: "center",
+    horizontal: "left"
+  }
+}, x = {
+  top: {
+    vertical: "top",
+    horizontal: "center"
+  },
+  left: {
+    vertical: "center",
+    horizontal: "left"
+  },
+  bottom: {
+    vertical: "bottom",
+    horizontal: "center"
+  },
+  right: {
+    vertical: "center",
+    horizontal: "right"
+  }
+}, w = /* @__PURE__ */ c({
+  name: "KendoPopover",
+  inheritAttrs: !1,
+  emits: ["open", "close", "position", "keydown"],
+  props: {
+    autoFocus: {
+      type: Boolean,
+      default: !0
+    },
+    title: [String, Object, Function],
+    position: {
+      type: String,
+      default: "top"
+    },
+    callout: {
+      type: Boolean,
+      default: !0
+    },
+    animate: [Boolean, Object],
+    anchor: Object,
+    appendTo: Object,
+    collision: {
+      type: Object,
+      default: () => ({
+        horizontal: "none",
+        vertical: "none"
+      })
+    },
+    margin: Object,
+    positionMode: {
+      type: String,
+      default: "fixed"
+    },
+    scale: Number,
+    offset: Object,
+    popoverClass: [String, Array, Object],
+    className: [String, Array, Object],
+    id: String,
+    style: Object,
+    contentStyle: Object,
+    show: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  inject: {
+    kCurrentZIndex: {
+      default: null
+    }
+  },
+  provide() {
+    return {
+      kCurrentZIndex: this.currentZIndex
+    };
+  },
+  data() {
+    return {
+      flipped: !1
+    };
+  },
+  computed: {
+    currentZIndex() {
+      return this.kCurrentZIndex ? this.kCurrentZIndex + k : I;
+    },
+    popoverId() {
+      return this.$props.id || this._popoverId;
+    },
+    headerId() {
+      return `${this.popoverId}-header`;
+    },
+    bodyId() {
+      return `${this.popoverId}-body`;
+    },
+    popoverMargin() {
+      if (this.$props.margin)
+        return this.$props.margin;
+      const t = this.$props.position === "top" || this.$props.position === "bottom";
+      return {
+        horizontal: this.$props.callout && !t ? a : 0,
+        vertical: this.$props.callout && t ? a : 0
+      };
+    },
+    calloutClass() {
+      const t = this.$props.position;
+      return this.flipped ? P[t] : O[t];
+    }
+  },
+  created() {
+    b($), this._popoverId = y();
+  },
+  methods: {
+    element() {
+      return document.getElementById(this.popoverId);
+    },
+    handleOpen() {
+      this.$props.autoFocus && h(() => {
+        var o;
+        const t = (o = document.getElementById(this.popoverId)) == null ? void 0 : o.querySelector(".k-popover-inner"), e = t == null ? void 0 : t.querySelector('a[href], area[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])');
+        e == null || e.focus();
+      }), this.$emit("open", {
+        target: this
+      });
+    },
+    handleClose() {
+      var t;
+      this.$emit("close", {
+        target: this
+      }), (t = this.$props.anchor) == null || t.focus();
+    },
+    handlePosition(t) {
+      this.flipped = t.flipped, this.$emit("position", {
+        target: this,
+        fitted: t.fitted,
+        flipped: t.flipped
+      });
+    },
+    handleKeydown(t) {
+      var e;
+      if (t.key === "Tab") {
+        const o = Array.from(((e = document.getElementById(this.popoverId)) == null ? void 0 : e.querySelectorAll('a[href], area[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])')) || []), s = o[0], r = o[o.length - 1];
+        t.shiftKey && document.activeElement === s ? (t.preventDefault(), r.focus()) : !t.shiftKey && document.activeElement === r && (t.preventDefault(), s.focus());
+      }
+      t.key === "Escape" && this.$emit("keydown", {
+        target: this,
+        show: !1
+      });
+    },
+    getContent(t) {
+      return t.filter((e) => e.type !== p);
+    },
+    getActionBar(t) {
+      return t.filter((e) => e.type === p);
+    }
+  },
+  render() {
+    const t = u(this) || [];
+    let e = null;
+    typeof this.$props.title == "string" ? e = this.$props.title : this.$props.title && (e = f.call(this, {
+      h: d,
+      template: m.call(this, this.$props.title, g.call(this)),
+      defaultRendering: this.$props.title
+    }));
+    const o = i(n, null, [e && i("div", {
+      class: "k-popover-header",
+      id: this.headerId
+    }, [e]), i("div", {
+      class: "k-popover-body",
+      id: this.bodyId,
+      style: this.$props.contentStyle
+    }, [this.getContent(t)]), this.getActionBar(t)]), s = this.$props.position;
+    return i(v, {
+      id: this.popoverId,
+      role: "dialog",
+      ariaLabelledBy: e ? this.headerId : void 0,
+      ariaDescribedBy: this.bodyId,
+      animate: this.$props.animate,
+      collision: this.$props.collision,
+      anchor: this.$props.anchor,
+      appendTo: this.$props.appendTo,
+      offset: this.$props.offset,
+      margin: this.popoverMargin,
+      popupAlign: C[s],
+      anchorAlign: x[s],
+      show: this.$props.show,
+      scale: this.$props.scale,
+      positionMode: this.$props.positionMode,
+      style: this.$props.style,
+      className: this.$props.className,
+      popupClass: l("k-popover", this.$props.popoverClass),
+      onOpen: this.handleOpen,
+      onClose: this.handleClose,
+      onPosition: this.handlePosition,
+      onKeydown: this.handleKeydown
+    }, {
+      default: () => [this.$props.callout ? i(n, null, [i("div", {
+        class: l("k-popover-callout", this.calloutClass)
+      }, null), i("div", {
+        class: "k-popover-inner"
+      }, [o])]) : o]
+    });
+  }
+});
+export {
+  w as Popover
+};

package/popover/PopoverActionsBar.d.ts

@@ -0,0 +1,34 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PropType } from 'vue';
+/**
+ * Represents the PopoverActionsBar component.
+ */
+declare const PopoverActionsBar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    alignment: {
+        type: PropType<"center" | "start" | "end" | "stretched">;
+        default: string;
+    };
+    orientation: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    alignment: {
+        type: PropType<"center" | "start" | "end" | "stretched">;
+        default: string;
+    };
+    orientation: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    orientation: "horizontal" | "vertical";
+    alignment: "center" | "start" | "end" | "stretched";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { PopoverActionsBar };

package/popover/PopoverActionsBar.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("@progress/kendo-vue-common"),o=e.defineComponent({name:"KendoPopoverActionsBar",props:{alignment:{type:String,default:"stretched"},orientation:{type:String,default:"horizontal"}},render(){return e.createVNode("div",{class:t.classNames("k-popover-actions","k-actions",`k-actions-${this.$props.alignment}`,`k-actions-${this.$props.orientation}`)},[t.getDefaultSlots(this)])}});exports.PopoverActionsBar=o;

package/popover/PopoverActionsBar.mjs

@@ -0,0 +1,30 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as t, createVNode as o } from "vue";
+import { classNames as e, getDefaultSlots as n } from "@progress/kendo-vue-common";
+const s = /* @__PURE__ */ t({
+  name: "KendoPopoverActionsBar",
+  props: {
+    alignment: {
+      type: String,
+      default: "stretched"
+    },
+    orientation: {
+      type: String,
+      default: "horizontal"
+    }
+  },
+  render() {
+    return o("div", {
+      class: e("k-popover-actions", "k-actions", `k-actions-${this.$props.alignment}`, `k-actions-${this.$props.orientation}`)
+    }, [n(this)]);
+  }
+});
+export {
+  s as PopoverActionsBar
+};

package/popover/interfaces/PopoverActionsBarProps.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Represents the props of the PopoverActionsBar component.
+ */
+export interface PopoverActionsBarProps {
+    /**
+     * Sets the horizontal alignment of the action buttons.
+     *
+     * @default `stretched`
+     */
+    alignment?: 'start' | 'center' | 'end' | 'stretched';
+    /**
+     * Sets the orientation of the action buttons.
+     *
+     * @default `horizontal`
+     */
+    orientation?: 'horizontal' | 'vertical';
+}

package/popover/interfaces/PopoverAnimation.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PopupAnimation } from '@progress/kendo-vue-popup';
+/**
+ * Defines the animation settings of the Popover.
+ */
+export type PopoverAnimation = PopupAnimation;

package/popover/interfaces/PopoverCollision.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Defines the horizontal and vertical collision behavior of the Popover.
+ */
+export interface PopoverCollision {
+    /** The horizontal collision behavior. */
+    horizontal: 'fit' | 'flip' | 'none';
+    /** The vertical collision behavior. */
+    vertical: 'fit' | 'flip' | 'none';
+}

package/popover/interfaces/PopoverEvents.d.ts

@@ -0,0 +1,42 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PopoverHandle } from '../Popover';
+/**
+ * Represents the object of the `open` Popover event.
+ */
+export interface PopoverOpenEvent {
+    /** An event target. */
+    target: PopoverHandle;
+}
+/**
+ * Represents the object of the `close` Popover event.
+ */
+export interface PopoverCloseEvent {
+    /** An event target. */
+    target: PopoverHandle;
+}
+/**
+ * Represents the object of the `position` Popover event.
+ */
+export interface PopoverPositionEvent {
+    /** An event target. */
+    target: PopoverHandle;
+    /** Indicates whether the position was fitted. */
+    fitted: boolean;
+    /** Indicates whether the position was flipped. */
+    flipped: boolean;
+}
+/**
+ * Represents the object of the `keydown` Popover event.
+ */
+export interface PopoverKeyDownEvent {
+    /** An event target. */
+    target: PopoverHandle;
+    /** Indicates whether the Popover is visible. */
+    show?: boolean;
+}

package/popover/interfaces/PopoverMargin.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Defines the horizontal and vertical margin between the Popover and its anchor.
+ */
+export interface PopoverMargin {
+    /** The horizontal margin in pixels. */
+    horizontal: number;
+    /** The vertical margin in pixels. */
+    vertical: number;
+}

package/popover/interfaces/PopoverOffset.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Defines the absolute offset of the Popover.
+ */
+export interface PopoverOffset {
+    /** The top offset in pixels. */
+    top: number;
+    /** The left offset in pixels. */
+    left: number;
+}

package/popover/interfaces/PopoverPosition.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Defines the position of the Popover relative to its anchor.
+ */
+export type PopoverPosition = 'top' | 'left' | 'bottom' | 'right';

package/popover/interfaces/PopoverPositionMode.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Defines the positioning mode of the Popover.
+ */
+export type PopoverPositionMode = 'absolute' | 'fixed';

package/popover/interfaces/PopoverProps.d.ts

@@ -0,0 +1,68 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { CSSProperties, VNode } from 'vue';
+import { PopoverAnimation } from './PopoverAnimation';
+import { PopoverCollision } from './PopoverCollision';
+import { PopoverMargin } from './PopoverMargin';
+import { PopoverOffset } from './PopoverOffset';
+import { PopoverPosition } from './PopoverPosition';
+import { PopoverPositionMode } from './PopoverPositionMode';
+import { PopoverCloseEvent, PopoverKeyDownEvent, PopoverOpenEvent, PopoverPositionEvent } from './PopoverEvents';
+/**
+ * Represents the props of the [Kendo UI for Vue Popover component](slug:overview_popover).
+ */
+export interface PopoverProps {
+    /** Sets focus to the first focusable Popover element after opening. @default `true` */
+    autoFocus?: boolean;
+    /** Specifies the title of the Popover. */
+    title?: string | VNode | (() => VNode);
+    /** Specifies the position of the Popover. @default `top` */
+    position?: PopoverPosition;
+    /** Controls the visibility of the Popover callout. @default `true` */
+    callout?: boolean;
+    /** Configures the animation behavior of the Popover. */
+    animate?: boolean | PopoverAnimation;
+    /** Specifies the element used as the Popover anchor. */
+    anchor?: HTMLElement | null;
+    /** Defines the container to which the Popover is appended. */
+    appendTo?: HTMLElement | null;
+    /** Configures the collision behavior of the Popover. */
+    collision?: PopoverCollision;
+    /** Specifies the margin between the Popover and its anchor. */
+    margin?: PopoverMargin;
+    /** Specifies the positioning mode of the Popover. @default `fixed` */
+    positionMode?: PopoverPositionMode;
+    /** Specifies the document scale used to position the Popover. */
+    scale?: number;
+    /** Specifies the absolute position of the Popover. */
+    offset?: PopoverOffset;
+    /** Specifies CSS classes for the Popover element. */
+    popoverClass?: string | string[] | {
+        [key: string]: boolean;
+    };
+    /** Specifies CSS classes for the Popover animation container. */
+    className?: string | string[] | {
+        [key: string]: boolean;
+    };
+    /** Specifies the `id` attribute for the Popover element. */
+    id?: string;
+    /** Specifies styles for the Popover animation container. */
+    style?: CSSProperties;
+    /** Specifies styles for the Popover body element. */
+    contentStyle?: CSSProperties;
+    /** Controls the visibility of the Popover. @default `false` */
+    show?: boolean;
+    /** Fires after the Popover opens. */
+    onOpen?: (event: PopoverOpenEvent) => void;
+    /** Fires after the Popover closes. */
+    onClose?: (event: PopoverCloseEvent) => void;
+    /** Fires after the Popover position is calculated. */
+    onPosition?: (event: PopoverPositionEvent) => void;
+    /** Fires when Escape is pressed while focus is within the Popover. */
+    onKeydown?: (event: PopoverKeyDownEvent) => void;
+}

package/tooltip/Tooltip.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),o=require("@progress/kendo-vue-common"),r=require("./utils.js"),d=require("../package-metadata.js"),c=100,p="_tb_active",m=s.defineComponent({name:"KendoTooltip",inheritAttrs:!1,props:{showCallout:{type:Boolean,default:!0},setCalloutOnPositionAuto:{type:String,default:void 0},anchorElement:{type:String,default:"pointer",validator:function(t){return["pointer","target"].includes(t)}},content:[String,Object,Function],filter:Function,openDelay:{type:Number,default:400},open:{type:Boolean,default:void 0},position:{type:String,default:"auto",validator:function(t){return["right","left","top","bottom","auto"].includes(t)}},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(){return{top:0,left:0,currentTargetElement:null,currentOpen:!1,title:""}},computed:{wrapperClass(){return{"k-animation-container":!0,"k-animation-container-fixed":!0,"k-animation-container-shown":!0,[this.$props.className]:!0}},computedTarget(){return this.targetElement!==void 0?this.targetElement:this.currentTargetElement},computedOpen(){return this.open!==void 0?this.open:this.currentOpen}},inject:{kCurrentZIndex:{default:null}},created(){o.validatePackage(d.packageMetadata),this.top=0,this.left=0,this.willOpen=!1},mounted(){this.element=o.getRef(this,"element"),document&&document.body.addEventListener("mousemove",this.handleBodyMousemove)},unmounted(){this.destroyElement()},updated(){if(this.$props.open&&this.$props.targetElement&&this.showToolTip({target:this.$props.targetElement}),this.element=o.getRef(this,"element"),!!this.element){if(this.resetPosition(),this.computedTarget){const t=this.$props.appendTo?this.$props.appendTo:this.computedTarget.ownerDocument.body;this.element.parentElement!==t&&t.append(this.element)}this.callout=this.calloutRef,this.callout&&(this.callout.className=this.calloutClassName(),this.$props.position==="auto"&&o.canUseDOM&&(this.left<window.screen.availWidth/2?this.callout.style.left=this.$props.setCalloutOnPositionAuto||"25%":this.callout.style.left=this.$props.setCalloutOnPositionAuto||"75%"))}},render(){const t=o.getDefaultSlots(this),e=this.getCurrentZIndex(),i=this.$props.content?o.templateRendering.call(this,this.$props.content,o.getListeners.call(this)):void 0,n=this.title;let l=o.guid()+p;this.computedTarget&&(this.computedTarget.hasAttribute("id")&&(l=this.computedTarget.getAttribute("id")+p),this.computedTarget.setAttribute("aria-describedby",l));const u=o.getTemplate.call(this,{h:s.h,template:i,defaultRendering:n,additionalProps:{title:this.title,target:this.computedTarget}}),h=this.computedOpen&&s.createVNode("div",{class:o.classNames("k-tooltip",this.$props.tooltipClassName),role:"tooltip",id:l,style:{position:"relative",...this.$props.tooltipStyle}},[s.createVNode("div",{class:"k-tooltip-content"},[u]),this.$props.showCallout&&s.createVNode("div",{ref:o.setRef(this,"callout")},null)]),a=this.computedTarget&&this.title&&this.computedTarget.ownerDocument&&s.createVNode("div",{ref:o.setRef(this,"element"),class:this.wrapperClass,style:{zIndex:e,...this.$props.wrapperStyle},tabindex:0,onMouseleave:this.handleTooltipMouseOut},[s.createVNode("div",{class:"k-child-animation-container"},[h])]);return t?s.createVNode("div",{onMouseover:this.handleMouseOver,onMouseout:this.handleMouseOut},[a,t]):a},methods:{destroyElement(){clearTimeout(this.openTimeoutId),clearInterval(this.updateIntervalId),document&&document.body.removeEventListener("mousemove",this.handleBodyMousemove),this.element&&this.element.remove()},handleTooltipMouseOut(t){this.onClose(t)},handleMouseOut(t){const e=this.computedTarget?this.computedTarget.ownerDocument:document;let i=e&&e.elementFromPoint(t.clientX,t.clientY);this.willOpen=!1,!(r.isTooltipElement(i)||this.computedTarget!==t.target)&&(this.$props.open||(clearInterval(this.updateIntervalId),this.onClose(t)))},handleMouseOver(t){const e=t.target;!this.isVisible(e)||r.isTooltipElement(e)||e===this.computedTarget||this.showToolTip(t)},handleBodyMousemove(t){this.top=t.clientY,this.left=t.clientX},onClose(t){this.$emit("close",{event:t,component:this}),this.computedTarget.removeAttribute("aria-describedby"),this.currentTargetElement=null,this.currentOpen=!1,this.title=""},showToolTip(t){clearTimeout(this.openTimeoutId),clearInterval(this.updateIntervalId),t.target.hasChildNodes()&&t.target.childNodes.forEach(n=>{n.nodeName==="title"&&(t.target.titleExpando=n.innerHTML,n.remove())});const e=this.computedTarget||t.target;let i=this.getTitle(e);if(!i.title){this.computedOpen&&this.onClose(t);return}i.element&&(i.element.titleExpando=i.title,i.element.title=""),this.willOpen=!0,this.$props.openDelay?o.canUseDOM&&(this.openTimeoutId=window.setTimeout(()=>{this.willOpen&&(this.currentTargetElement=e,this.currentOpen=!0,this.title=i.title,this.setUpdateInterval())},this.$props.openDelay)):(this.currentTargetElement=e,this.currentOpen=!0,this.title=i.title,this.setUpdateInterval()),this.title!==i.title&&this.$emit("open",{event:t,compoponent:this})},setUpdateInterval(){this.$props.updateInterval&&(this.updateIntervalId=setInterval(this.onIntervalUpdate,this.$props.updateInterval))},onIntervalUpdate(){const t=this.computedTarget;t&&(t.parentElement===null?this.onClose({target:t}):this.showToolTip({target:t}))},resetPosition(){if(this.element){let t=this.setPosition(this.element);this.$props.updatePosition&&(t=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,defaultPosition:t})),this.element.style.left=t.left+"px",this.element.style.top=t.top+"px"}},isVisible(t){return!this.$props.filter||this.$props.filter(t)},setPosition(t){const e=this.parentTitle?this.getTitle(this.computedTarget).element:this.computedTarget;let i=r.getDomRect(e);const n=r.getLeftPosition(this.left,t.offsetWidth,i,this.$props.anchorElement,this.$props.position),l=r.getTopPosition(this.top,i,t.offsetHeight,this.$props.anchorElement,this.$props.position);return{left:n,top:l}},getTitle(t){for(;t;){if(t.getAttribute("title")!==null||t.titleExpando)return{title:t.getAttribute("title")||t.titleExpando,element:t};t=this.$props.parentTitle&&t.parentElement||null}return{title:"",element:t}},calloutClassName(){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 o.canUseDOM&&this.top<window.innerHeight/2?"k-callout k-callout-n":"k-callout k-callout-s"}},getCurrentZIndex(){return this.kCurrentZIndex?this.kCurrentZIndex:c}}});exports.Tooltip=m;

package/{Tooltip.mjs → tooltip/Tooltip.mjs}

@@ -8,8 +8,8 @@
 import { defineComponent as m, h as f, createVNode as s } from "vue";
 import { canUseDOM as l, getDefaultSlots as g, templateRendering as T, getListeners as I, guid as $, getTemplate as v, classNames as y, setRef as a, getRef as p, validatePackage as E } from "@progress/kendo-vue-common";
 import { getDomRect as w, getLeftPosition as O, getTopPosition as b, isTooltipElement as u } from "./utils.mjs";
-import { packageMetadata as k } from "./package-metadata.mjs";
-const C = 100, h = "_tb_active", N = /* @__PURE__ */ m({
+import { packageMetadata as k } from "../package-metadata.mjs";
+const C = 100, h = "_tb_active", D = /* @__PURE__ */ m({
   name: "KendoTooltip",
   inheritAttrs: !1,
   props: {
@@ -107,7 +107,7 @@ const C = 100, h = "_tb_active", N = /* @__PURE__ */ m({
     }), this.element = p(this, "element"), !!this.element) {
       if (this.resetPosition(), this.computedTarget) {
         const t = this.$props.appendTo ? this.$props.appendTo : this.computedTarget.ownerDocument.body;
-        this.element.parentElement !== t && this.computedTarget.ownerDocument.body.append(this.element);
+        this.element.parentElement !== t && t.append(this.element);
       }
       this.callout = this.calloutRef, this.callout && (this.callout.className = this.calloutClassName(), this.$props.position === "auto" && l && (this.left < window.screen.availWidth / 2 ? this.callout.style.left = this.$props.setCalloutOnPositionAuto || "25%" : this.callout.style.left = this.$props.setCalloutOnPositionAuto || "75%"));
     }
@@ -267,5 +267,5 @@ const C = 100, h = "_tb_active", N = /* @__PURE__ */ m({
   }
 });
 export {
-  N as Tooltip
+  D as Tooltip
 };

package/Tooltip.js

@@ -1,8 +0,0 @@
-/**
- * @license
- *-------------------------------------------------------------------------------------------
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
- * Licensed under commercial license. See LICENSE.md in the package root for more information
- *-------------------------------------------------------------------------------------------
- */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),o=require("@progress/kendo-vue-common"),r=require("./utils.js"),d=require("./package-metadata.js"),c=100,p="_tb_active",m=s.defineComponent({name:"KendoTooltip",inheritAttrs:!1,props:{showCallout:{type:Boolean,default:!0},setCalloutOnPositionAuto:{type:String,default:void 0},anchorElement:{type:String,default:"pointer",validator:function(t){return["pointer","target"].includes(t)}},content:[String,Object,Function],filter:Function,openDelay:{type:Number,default:400},open:{type:Boolean,default:void 0},position:{type:String,default:"auto",validator:function(t){return["right","left","top","bottom","auto"].includes(t)}},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(){return{top:0,left:0,currentTargetElement:null,currentOpen:!1,title:""}},computed:{wrapperClass(){return{"k-animation-container":!0,"k-animation-container-fixed":!0,"k-animation-container-shown":!0,[this.$props.className]:!0}},computedTarget(){return this.targetElement!==void 0?this.targetElement:this.currentTargetElement},computedOpen(){return this.open!==void 0?this.open:this.currentOpen}},inject:{kCurrentZIndex:{default:null}},created(){o.validatePackage(d.packageMetadata),this.top=0,this.left=0,this.willOpen=!1},mounted(){this.element=o.getRef(this,"element"),document&&document.body.addEventListener("mousemove",this.handleBodyMousemove)},unmounted(){this.destroyElement()},updated(){if(this.$props.open&&this.$props.targetElement&&this.showToolTip({target:this.$props.targetElement}),this.element=o.getRef(this,"element"),!!this.element){if(this.resetPosition(),this.computedTarget){const t=this.$props.appendTo?this.$props.appendTo:this.computedTarget.ownerDocument.body;this.element.parentElement!==t&&this.computedTarget.ownerDocument.body.append(this.element)}this.callout=this.calloutRef,this.callout&&(this.callout.className=this.calloutClassName(),this.$props.position==="auto"&&o.canUseDOM&&(this.left<window.screen.availWidth/2?this.callout.style.left=this.$props.setCalloutOnPositionAuto||"25%":this.callout.style.left=this.$props.setCalloutOnPositionAuto||"75%"))}},render(){const t=o.getDefaultSlots(this),e=this.getCurrentZIndex(),i=this.$props.content?o.templateRendering.call(this,this.$props.content,o.getListeners.call(this)):void 0,n=this.title;let l=o.guid()+p;this.computedTarget&&(this.computedTarget.hasAttribute("id")&&(l=this.computedTarget.getAttribute("id")+p),this.computedTarget.setAttribute("aria-describedby",l));const u=o.getTemplate.call(this,{h:s.h,template:i,defaultRendering:n,additionalProps:{title:this.title,target:this.computedTarget}}),h=this.computedOpen&&s.createVNode("div",{class:o.classNames("k-tooltip",this.$props.tooltipClassName),role:"tooltip",id:l,style:{position:"relative",...this.$props.tooltipStyle}},[s.createVNode("div",{class:"k-tooltip-content"},[u]),this.$props.showCallout&&s.createVNode("div",{ref:o.setRef(this,"callout")},null)]),a=this.computedTarget&&this.title&&this.computedTarget.ownerDocument&&s.createVNode("div",{ref:o.setRef(this,"element"),class:this.wrapperClass,style:{zIndex:e,...this.$props.wrapperStyle},tabindex:0,onMouseleave:this.handleTooltipMouseOut},[s.createVNode("div",{class:"k-child-animation-container"},[h])]);return t?s.createVNode("div",{onMouseover:this.handleMouseOver,onMouseout:this.handleMouseOut},[a,t]):a},methods:{destroyElement(){clearTimeout(this.openTimeoutId),clearInterval(this.updateIntervalId),document&&document.body.removeEventListener("mousemove",this.handleBodyMousemove),this.element&&this.element.remove()},handleTooltipMouseOut(t){this.onClose(t)},handleMouseOut(t){const e=this.computedTarget?this.computedTarget.ownerDocument:document;let i=e&&e.elementFromPoint(t.clientX,t.clientY);this.willOpen=!1,!(r.isTooltipElement(i)||this.computedTarget!==t.target)&&(this.$props.open||(clearInterval(this.updateIntervalId),this.onClose(t)))},handleMouseOver(t){const e=t.target;!this.isVisible(e)||r.isTooltipElement(e)||e===this.computedTarget||this.showToolTip(t)},handleBodyMousemove(t){this.top=t.clientY,this.left=t.clientX},onClose(t){this.$emit("close",{event:t,component:this}),this.computedTarget.removeAttribute("aria-describedby"),this.currentTargetElement=null,this.currentOpen=!1,this.title=""},showToolTip(t){clearTimeout(this.openTimeoutId),clearInterval(this.updateIntervalId),t.target.hasChildNodes()&&t.target.childNodes.forEach(n=>{n.nodeName==="title"&&(t.target.titleExpando=n.innerHTML,n.remove())});const e=this.computedTarget||t.target;let i=this.getTitle(e);if(!i.title){this.computedOpen&&this.onClose(t);return}i.element&&(i.element.titleExpando=i.title,i.element.title=""),this.willOpen=!0,this.$props.openDelay?o.canUseDOM&&(this.openTimeoutId=window.setTimeout(()=>{this.willOpen&&(this.currentTargetElement=e,this.currentOpen=!0,this.title=i.title,this.setUpdateInterval())},this.$props.openDelay)):(this.currentTargetElement=e,this.currentOpen=!0,this.title=i.title,this.setUpdateInterval()),this.title!==i.title&&this.$emit("open",{event:t,compoponent:this})},setUpdateInterval(){this.$props.updateInterval&&(this.updateIntervalId=setInterval(this.onIntervalUpdate,this.$props.updateInterval))},onIntervalUpdate(){const t=this.computedTarget;t&&(t.parentElement===null?this.onClose({target:t}):this.showToolTip({target:t}))},resetPosition(){if(this.element){let t=this.setPosition(this.element);this.$props.updatePosition&&(t=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,defaultPosition:t})),this.element.style.left=t.left+"px",this.element.style.top=t.top+"px"}},isVisible(t){return!this.$props.filter||this.$props.filter(t)},setPosition(t){const e=this.parentTitle?this.getTitle(this.computedTarget).element:this.computedTarget;let i=r.getDomRect(e);const n=r.getLeftPosition(this.left,t.offsetWidth,i,this.$props.anchorElement,this.$props.position),l=r.getTopPosition(this.top,i,t.offsetHeight,this.$props.anchorElement,this.$props.position);return{left:n,top:l}},getTitle(t){for(;t;){if(t.getAttribute("title")!==null||t.titleExpando)return{title:t.getAttribute("title")||t.titleExpando,element:t};t=this.$props.parentTitle&&t.parentElement||null}return{title:"",element:t}},calloutClassName(){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 o.canUseDOM&&this.top<window.innerHeight/2?"k-callout k-callout-n":"k-callout k-callout-s"}},getCurrentZIndex(){return this.kCurrentZIndex?this.kCurrentZIndex:c}}});exports.Tooltip=m;