UNPKG

@progress/kendo-vue-layout

Version:

TODO

www.telerik.com/kendo-vue-ui

telerik/kendo-vue

15 lines • 108 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
/** * @license *------------------------------------------------------------------------------------------- * Copyright © 2025 Progress Software Corporation. All rights reserved. * Licensed under commercial license. See LICENSE.md in the package root for more information *------------------------------------------------------------------------------------------- */ /** * @license *------------------------------------------------------------------------------------------- * Copyright © 2025 Progress Software Corporation. All rights reserved. * Licensed under commercial license. See LICENSE.md in the package root for more information *------------------------------------------------------------------------------------------- */ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("@progress/kendo-vue-common"),require("@progress/kendo-vue-animation"),require("@progress/kendo-vue-intl"),require("@progress/kendo-svg-icons"),require("@progress/kendo-vue-progressbars"),require("@progress/kendo-vue-popup")):"function"==typeof define&&define.amd?define(["exports","vue","@progress/kendo-vue-common","@progress/kendo-vue-animation","@progress/kendo-vue-intl","@progress/kendo-svg-icons","@progress/kendo-vue-progressbars","@progress/kendo-vue-popup"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoVueLayout={},e.Vue,e.KendoVueCommon,e.KendoVueAnimation,e.KendoVueIntl,e.KendoSVGIcons,e.KendoVueProgressbars,e.KendoVuePopup)}(this,(function(e,t,i,s,n,r,a,o){"use strict";const l=t.defineComponent({name:"KendoTabStripNavigationItem",emits:{select:null},props:{active:Boolean,disabled:Boolean,index:Number,title:{type:String,default:"Untitled"},id:{type:String},titleRender:[String,Function,Object],first:{type:Boolean,default:void 0},last:{type:Boolean,default:void 0}},computed:{itemClasses(){const{active:e,disabled:t,first:i,last:s}=this.$props;return{"k-first":i,"k-last":s,"k-item":!0,"k-disabled":t,"k-active":e}}},methods:{onClick(){this.$props.disabled||this.$emit("select",this.$props.index)}},render(){const{active:e,title:s="Untitled",id:n}=this.$props,r=this.$props.titleRender;let a=i.getTemplate.call(this,{h:t.h,template:r,defaultRendering:s,additionalProps:this.$props,additionalListeners:{select:this.onClick}});return t.createVNode("li",{"aria-selected":e,role:"tab",id:n,onClick:this.onClick,class:this.itemClasses},[t.createVNode("span",{class:"k-link"},[a])])}}),d=t.defineComponent({name:"KendoTabStripNavigation",emits:{select:null,keydown:null},props:{tabs:Array,selected:Number,tabIndex:Number,tabPosition:String,tabAlignment:String,onSelect:Function,onKeydown:Function},computed:{wrapperNavClasses(){return{"k-tabstrip-items-wrapper":!0,"k-hstack":"top"===this.$props.tabPosition||"bottom"===this.$props.tabPosition,"k-vstack":"left"===this.$props.tabPosition||"right"===this.$props.tabPosition}},navClasses(){return i.classNames("k-tabstrip-items",{"k-tabstrip-items-start":"start"===this.$props.tabAlignment,"k-tabstrip-items-center":"center"===this.$props.tabAlignment,"k-tabstrip-items-end":"end"===this.$props.tabAlignment,"k-tabstrip-items-stretched":"stretched"===this.$props.tabAlignment,"k-tabstrip-items-justify":"justify"===this.$props.tabAlignment},"k-reset")}},render(){const{tabs:e,selected:i}=this.$props,s=e.length;return t.createVNode("div",{class:this.wrapperNavClasses},[t.createVNode("ul",{class:this.navClasses,role:"tablist",tabindex:this.$props.tabIndex,onKeydown:this.onKeyDown},[function(){return(e=>Array.apply(null,Array(e)))(s).map((function(s,n,r){return t.createVNode(l,{key:n,active:i===n,disabled:e[n].disabled,index:n,title:e[n].title,id:e[n].id,titleRender:e[n].titleRender,first:0===n,last:n===r.length-1,onSelect:this.onNavigationItemSelect},null)}),this)}.call(this)])])},methods:{onKeyDown(e){this.$emit("keydown",e)},onNavigationItemSelect(e){this.$emit("select",e)}}}),c=function(e,t){let i=[];return t.forEach((t=>{t.children&&t.children.length&&(i=c.call(this,e,t.children)),(t&&t.tag&&-1!==t.tag.toLowerCase().indexOf("tab")||t.type&&t.type.name&&-1!==t.type.name.toLowerCase().indexOf("kendotabstriptab"))&&i.push(t)})),i};const h=t.defineComponent({name:"KendoTabStripContent",props:{showAll:Boolean,animation:Boolean,tabs:Array,selected:Number,hasTabs:Boolean},created(){this.contentId=i.guid()},data:()=>({midAnimation:!1}),computed:{animationClass(){return this.tabs.map(((e,t)=>{const i=t===this.$props.selected;return{"k-fade-appear":this.animation&&!i,"k-fade-enter-active":this.animation&&i}}))}},render(){const{tabs:e,selected:n,showAll:r,hasTabs:a}=this.$props,o=e&&"number"==typeof n&&e[n],l=i.getDefaultSlots(this),d=a?e:c.call(this,[],l||[]),h=n<d.length&&n>-1,p=i.classNames({"k-tabstrip-content":h},{"k-active":h},o&&o.contentClassName),u=function(e,n){const r=n===this.$props.selected,o={position:"initial",height:r?void 0:"0px",width:r?void 0:"0px"},l=a?i.getTemplate.call(this,{h:t.h,template:e.content,defaultRendering:null,additionalProps:{dataItem:e}}):e,d=t.createVNode("div",{role:"tabpanel","aria-expanded":!0,id:String(this.contentId+n),key:n},[l]);return!a||this.animation?t.createVNode(s.Fade,{appear:!0,key:n,class:this.animationClass[n],enter:this.$props.animation,exit:this.$props.keepTabsMounted,style:o},function(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}(d)?d:{default:()=>[d]}):t.createVNode("div",{class:r?void 0:"k-hidden"},[d])};return t.createVNode("div",{class:p,style:this.$props.style,role:"tabpanel"},[function(){return d.map((function(e,t){return u.call(this,e,t)}),this)}.call(this)])}}),p={name:"@progress/kendo-vue-layout",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:0,version:"7.0.2",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/components/my-license/?utm_medium=product&utm_source=vue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"},u=t.defineComponent({name:"KendoTabStrip",emits:{select:e=>!0},props:{animation:{type:Boolean,default:!0},size:{type:String,default:"medium"},selected:Number,tabPosition:{type:String,default:"top"},tabAlignment:{type:String,default:"start"},tabs:{type:Array,default:void 0},tabIndex:Number,dir:String},data:()=>({currentShowAll:!0,currentTabs:[],showLicenseWatermark:!1,licenseMessage:void 0}),computed:{compTabs(){return void 0!==this.tabs?this.tabs.map((function(e){const t=i.templateRendering.call(this,e.content,i.getListeners.call(this)),s=i.templateRendering.call(this,e.titleRender,i.getListeners.call(this));return{...e,content:t,titleRender:s}}),this):this.currentTabs}},provide(){return{addRenderTitle:this.addRenderTitle,addTab:this.addTab,removeTab:this.removeTab}},created(){this.keyBinding={[i.Keys.left]:()=>this.prevNavigatableTab(),[i.Keys.right]:()=>this.nextNavigatableTab(),[i.Keys.down]:()=>this.nextNavigatableTab(),[i.Keys.up]:()=>this.prevNavigatableTab(),[i.Keys.home]:()=>0,[i.Keys.end]:()=>this.compTabs.length-1},i.validatePackage(p),this.showLicenseWatermark=i.shouldShowValidationUI(p),this.licenseMessage=i.getLicenseMessage(p)},watch:{selected(e,t){this.$props.animation&&(this.currentShowAll=!1,this.$nextTick((function(){this.currentShowAll=!0})))}},methods:{addRenderTitle(e,t){const i=this.compTabs.findIndex((t=>t.tabId===e));this.compTabs[i].titleRender=t},addTab(e){this.currentTabs.push(e)},removeTab(e){const t=this.currentTabs.findIndex((t=>t.tabId===e));this.currentTabs.splice(t,1)},onSelect(e){this.$props.selected!==e&&this.$emit("select",{selected:e})},onKeyDown(e){let t;switch(e.keyCode){case i.Keys.left:t=this.keyBinding[this.invertKeys(i.Keys.left,i.Keys.right)];break;case i.Keys.right:t=this.keyBinding[this.invertKeys(i.Keys.right,i.Keys.left)];break;case i.Keys.up:t=this.keyBinding[i.Keys.up];break;case i.Keys.down:t=this.keyBinding[i.Keys.down];break;case i.Keys.home:t=this.keyBinding[i.Keys.home];break;case i.Keys.end:t=this.keyBinding[i.Keys.end]}t&&(e.preventDefault(),this.onSelect(t()))},invertKeys(e,t){return this.$el&&"rtl"===getComputedStyle(this.$el).direction?t:e},firstNavigatableTab(){const e=this.compTabs.length;if(e)for(let t=0;t<e;t++)if(!this.compTabs[t].disabled)return t},lastNavigatableTab(){const e=this.compTabs.length;if(e)for(let t=e-1;t>0;t--)if(!this.compTabs[t].disabled)return t},prevNavigatableTab(){const e=this.compTabs.length,{selected:t}=this.$props,i=t?t-1:-1;if(i<0)return this.lastNavigatableTab();if(e)for(let e=i;e>-1;e--){if(!this.compTabs[e].disabled)return e;if(0===e)return this.lastNavigatableTab()}},nextNavigatableTab(){const e=this.compTabs.length,{selected:t}=this.$props,i=t?t+1:1;if(i>=e)return this.firstNavigatableTab();if(e)for(let t=i;t<e;t++){if(!this.compTabs[t].disabled)return t;if(t+1===e)return this.firstNavigatableTab()}}},render(){const{tabPosition:e,size:s,tabIndex:n=0}=this.$props,r="bottom"===e,a=i.classNames("k-widget","k-pos-relative","k-tabstrip",{[`k-tabstrip-${i.kendoThemeMaps.sizeMap[s]||s}`]:s,"k-tabstrip-left":"left"===e,"k-tabstrip-right":"right"===e,"k-tabstrip-bottom":"bottom"===e,"k-tabstrip-top":"top"===e}),o=this.showLicenseWatermark?t.createVNode(i.WatermarkOverlay,{message:this.licenseMessage},null):null;return t.createVNode("div",{dir:this.$props.dir,class:a},[!r&&t.createVNode(d,{tabs:this.compTabs,selected:this.$props.selected,tabAlignment:this.$props.tabAlignment,onSelect:this.onSelect,onKeydown:this.onKeyDown,tabIndex:n},null),function(e){const{selected:s}=e,n=i.getDefaultSlots(this),r={index:s,animation:this.$props.animation,tabs:this.compTabs,hasTabs:void 0!==this.tabs,selected:s,showAll:this.currentShowAll};return t.h(h,{...r},n)}.call(this,this.$props),r&&t.createVNode(d,{tabs:this.compTabs,tabAlignment:this.$props.tabAlignment,selected:this.$props.selected,onSelect:this.onSelect,onKeydown:this.onKeyDown,tabIndex:n},null),o])}}),m=t.defineComponent({name:"KendoTabStripTab",props:{disabled:Boolean,contentClassName:String,title:String,id:String,titleRender:[String,Function,Object]},inject:{addRenderTitle:{default:null},addTab:{default:null},removeTab:{default:null}},created(){this.tabId=i.guid(),this.addTab({title:this.$props.title,tabId:this.tabId,id:this.id,disabled:this.$props.disabled,contentClassName:this.$props.contentClassName})},unmounted(){this.removeTab(this.tabId)},render(){const e=this.$props.titleRender?i.templateRendering.call(this,this.$props.titleRender,i.getListeners.call(this)):null;return e&&this.addRenderTitle(this.tabId,e),t.createVNode("div",null,[i.getDefaultSlots(this)])}});let g=function(e){return e.TEXT="text",e.IMAGE="image",e.ICON="icon",e}({}),b=function(e){return e.HORIZONTAL="horizontal",e.VERTICAL="vertical",e}({}),f=function(e){return e.DEFAULT="default",e.primary="primary",e.INFO="info",e.SUCCESS="success",e.WARNING="warning",e.ERROR="error",e}({}),v=function(e){return e.START="start",e.CENTER="center",e.END="end",e.STRETCHED="stretched",e}({});const I=t.defineComponent({name:"KendoCard",props:{dir:String,type:{type:String,default:f.DEFAULT,validator:function(e){return["default","primary","info","success","warning","error"].includes(e)}},orientation:{type:String,default:b.VERTICAL,validator:function(e){return["horizontal","vertical"].includes(e)}}},created(){i.validatePackage(p)},computed:{wrapperClass(){const e=this.$props.orientation!==b.HORIZONTAL?"vertical":"horizontal";return{"k-card":!0,[`k-card-${this.$props.type}`]:this.$props.type!==f.DEFAULT,[`k-card-${e}`]:!0}}},render(){const e=i.getDefaultSlots(this);return t.createVNode("div",{dir:this.$props.dir,class:this.wrapperClass},[e])}}),y=t.defineComponent({name:"KendoCardHeader",render(){const e=i.getDefaultSlots(this);return t.createVNode("div",{class:"k-card-header"},[e])}}),k=t.defineComponent({name:"KendoCardTitle",render(){const e=i.getDefaultSlots(this);return t.createVNode("div",{class:"k-card-title"},[e])}}),S=t.defineComponent({name:"KendoCardBody",render(){const e=i.getDefaultSlots(this);return t.createVNode("div",{class:"k-card-body"},[e])}}),$=t.defineComponent({name:"KendoCardActions",props:{layout:{type:String,default:v.START,validator:function(e){return["stretched","start","center","end"].includes(e)}},orientation:{type:String,default:b.HORIZONTAL,validator:function(e){return["horizontal","vertical"].includes(e)}}},computed:{wrapperClass(){return{"k-card-actions":!0,"k-actions":!0,[`k-actions-${this.$props.layout}`]:!0,["k-actions-"+(this.$props.orientation!==b.HORIZONTAL?"vertical":"horizontal")]:!0}}},render(){const e=i.getDefaultSlots(this);return t.createVNode("div",{class:this.wrapperClass},[e])}}),x=t.defineComponent({name:"KendoCardImage",props:{src:String},render(){return t.createVNode("img",{class:"k-card-media",src:this.$props.src},null)}}),w=t.defineComponent({name:"KendoCardSubtitle",render(){const e=i.getDefaultSlots(this);return t.createVNode("div",{class:"k-card-subtitle"},[e])}}),N=t.defineComponent({name:"KendoCardFooter",render(){const e=i.getDefaultSlots(this);return t.createVNode("div",{class:"k-card-footer"},[e])}}),C=t.defineComponent({name:"KendoAvatar",props:{type:{type:String,default:g.TEXT,validator:function(e){return["text","image","icon"].includes(e)}},border:Boolean,rounded:{type:String,default:"medium",validator:function(e){return["small","medium","large","full"].includes(e)}},fillMode:{type:String,default:"solid",validator:function(e){return["solid","outline"].includes(e)}},size:{type:String,default:"medium",validator:function(e){return["small","medium","large",null].includes(e)}},themeColor:{type:String,default:"primary",validator:function(e){return["primary","secondary","tertiary","info","success","warning","error","dark","light","inverse","inherit"].includes(e)}}},created(){i.validatePackage(p)},computed:{wrapperClass(){const{border:e,type:t,size:s,rounded:n,fillMode:r,themeColor:a}=this.$props;return{"k-avatar-bordered":e,"k-avatar":!0,[`k-avatar-${i.kendoThemeMaps.sizeMap[s]||s}`]:s,[`k-rounded-${i.kendoThemeMaps.roundedMap[n]||n}`]:n,[`k-avatar-${r}`]:r,[`k-avatar-${r}-${a}`]:!(!r||!a)}},innerClass(){return{[`k-avatar-${this.$props.type}`]:this.$props.type}}},render(){const e=i.getDefaultSlots(this);return t.createVNode("div",{class:this.wrapperClass},[t.createVNode("span",{class:this.innerClass},[e])])}}),D="drawer.separatorAriaMessage",R="splitter.splitterPaneLabel",V={[D]:"Separator",[R]:"Splitter pane"},T=t.defineComponent({name:"KendoDrawerItem",emits:{click:null},props:{index:Number,text:String,icon:String,svgIcon:Object,separator:Boolean,selected:Boolean,disabled:Boolean,targetItem:[Object,Array]},inject:{kendoDrawer:{default:null},kendoLocalizationService:{default:null}},computed:{itemClassNames(){const{disabled:e,selected:t}=this.$props;return{"k-drawer-item":!0,"k-selected":t,"k-disabled":e}}},render(){const e=i.getDefaultSlots(this),{text:s,icon:r,svgIcon:a,separator:o,disabled:l,selected:d,tabIndex:c}=this.$props,{expanded:h,mini:p,item:u}=this.kendoDrawer,m=n.provideLocalizationService(this).toLanguageString(D,V[D]);return o?t.createVNode("li",{class:"k-drawer-item k-drawer-separator",role:"separator","aria-label":m},null):t.createVNode("li",{class:this.itemClassNames,role:"menuitem","aria-label":s,"aria-current":d,"aria-disabled":l,onClick:this.handleClick,tabindex:i.getTabIndex(c,l)},[u?e:[(r||a)&&t.createVNode(i.Icon,{name:i.getIconName(r),icon:a},null),!h&&p?null:t.createVNode("span",{class:"k-item-text"},[s])]])},methods:{focus(e){this.$el&&this.$el.focus(e)},handleClick(){if(!this.disabled){const e={element:this.$el,focus:this.focus,props:{...this.$props,...this.$attrs}};this.$emit("click",e,this.$props.index)}}}}),O={duration:200},K={duration:0},L=t.defineComponent({name:"KendoDrawerNavigation",props:{item:[Object],header:[Object],footer:[Object],content:[Object],tabIndex:Number,showLicenseWatermark:Boolean,licenseMessage:String,onSelect:Function},inject:{kendoDrawer:{default:null}},computed:{navigationClassNames(){const{position:e}=this.kendoDrawer;return{"k-widget k-drawer":!0,"k-drawer-start":"start"===e,"k-drawer-end":"end"===e}}},render(){const e=i.getDefaultSlots(this),{animation:s,expanded:n,mode:r,position:a,mini:o,dir:l,width:d,miniWidth:c,items:h}=this.kendoDrawer,p=this.$props.header,u=this.$props.footer,m=this.$props.content,g="boolean"!=typeof s?s:!1===s?K:O,b=d||240,f=c||50,v={opacity:1,flexBasis:b+"px",WebkitTransition:"all "+(g&&g.duration)+"ms",transition:"all "+(g&&g.duration)+"ms"},I={opacity:1,transform:"translateX(0px)",WebkitTransition:"all "+(g&&g.duration)+"ms",transition:"all "+(g&&g.duration)+"ms"},y={opacity:o?1:0,flexBasis:o?f+"px":0,WebkitTransition:"all "+(g&&g.duration)+"ms",transition:"all "+(g&&g.duration)+"ms"},k={opacity:0,transform:"translateX(-100%)",WebkitTransition:"all "+(g&&g.duration)+"ms",transition:"all "+(g&&g.duration)+"ms"},S={opacity:0,transform:"translateX(100%)",WebkitTransition:"all "+(g&&g.duration)+"ms",transition:"all "+(g&&g.duration)+"ms"},$={transform:"translateX(0%)",WebkitTransitionDuration:(g&&g.duration)+"ms",transitionDuration:(g&&g.duration)+"ms"},x=this.showLicenseWatermark?t.createVNode(i.WatermarkOverlay,{message:this.licenseMessage},null):null,w=n?"push"===r?v:I:"push"===r?y:"ltr"===l&&"start"===a||"rtl"===l&&"end"===a?o?$:k:o?$:S,N=h&&t.createVNode("ul",{class:"k-drawer-items",role:"menubar","aria-orientation":"vertical","aria-expanded":n},[h.map((function(e,s){let n=this.$props.item;n&&!n.type&&!n.render&&(n=i.templateRendering.call(this,this.$props.item,i.getListeners.call(this)));const r=t.createVNode(T,{key:s,index:s,onClick:this.onDrawerItemSelect,text:e.text,icon:e.icon,svgIcon:e.svgIcon,separator:e.separator,selected:e.selected,targetItem:e.targetItem},null);return i.getTemplate.call(this,{h:t.h,template:n,defaultRendering:r,additionalProps:{...e,index:s},additionalListeners:{click:this.onDrawerItemSelect}})}),this),x]),C=i.getTemplate.call(this,{h:t.h,template:p}),D=i.getTemplate.call(this,{h:t.h,template:u}),R=i.getTemplate.call(this,{h:t.h,template:m});return t.createVNode("div",{style:w,class:this.navigationClassNames},[t.createVNode("div",{class:"k-drawer-wrapper",style:!n&&o&&"overlay"===r?{width:f+"px"}:{width:b+"px"}},[C,m?R:N||e,D])])},methods:{focus(e){this.$el&&this.$el.focus(e)},onDrawerItemSelect(e,t){this.$emit("select",e,t)}}}),F=t.defineComponent({name:"KendoDrawer",emits:{select:e=>!0,overlayclick:null},props:{animation:{type:[Object,Boolean],default:!0},expanded:{type:Boolean,default:!1},dir:{type:String,default:"ltr"},item:[String,Object,Function],navigationHeader:[String,Object,Function],navigationFooter:[String,Object,Function],navigationContent:[String,Object,Function],mode:{type:String,default:"overlay",validator:function(e){return["overlay","push"].includes(e)}},position:{type:String,default:"start",validator:function(e){return["start","end"].includes(e)}},items:{type:Array,default:[]},mini:{type:Boolean,default:!1},tabIndex:Number,width:{type:Number,default:240},miniWidth:{type:Number,default:50}},created(){i.validatePackage(p),this.showLicenseWatermark=i.shouldShowValidationUI(p),this.licenseMessage=i.getLicenseMessage(p)},data(){const{expanded:e,mode:t,position:i,animation:s,mini:n,width:r,miniWidth:a,items:o,item:l}=this.$props;return{currentDir:"ltr",drawer:{expanded:e,mode:t,dir:this.currentDir,position:i,animation:s,mini:n,width:r,miniWidth:a,items:o,item:l},showLicenseWatermark:!1,licenseMessage:void 0}},mounted(){this.currentDir=i.getDir(this.$el,this.$props.dir)},updated(){const{expanded:e,mode:t,position:i,animation:s,mini:n,width:r,miniWidth:a,items:o,item:l}=this.$props;this.drawer.expanded=e,this.drawer.mode=t,this.drawer.dir=this.currentDir,this.drawer.position=i,this.drawer.animation=s,this.drawer.mini=n,this.drawer.width=r,this.drawer.miniWidth=a,this.drawer.items=o,this.drawer.item=l},provide(){return{kendoDrawer:this.drawer}},computed:{drawerClassNames(){const{expanded:e,mode:t,mini:i}=this.$props;return{"k-drawer-container":!0,"k-drawer-expanded":e,"k-drawer-overlay":"overlay"===t,"k-drawer-push":"push"===t,"k-drawer-mini":i}}},render(){const e=i.getDefaultSlots(this),{items:s,tabIndex:n,mode:r,expanded:a,item:o,navigationHeader:l,navigationFooter:d,navigationContent:c}=this.$props,h=o?i.templateRendering.call(this,o,i.getListeners.call(this)):void 0,p=l?i.templateRendering.call(this,l,i.getListeners.call(this)):void 0,u=d?i.templateRendering.call(this,d,i.getListeners.call(this)):void 0,m=c?i.templateRendering.call(this,c,i.getListeners.call(this)):void 0;return t.createVNode("div",{class:this.drawerClassNames,dir:this.currentDir,tabindex:n},["overlay"===r&&a&&t.createVNode("div",{class:"k-overlay",onClick:this.onOverlayClick},null),s&&t.createVNode(L,{onSelect:this.handleSelect,item:h,header:p,footer:u,content:m,showLicenseWatermark:this.showLicenseWatermark},null),e])},methods:{focus(){this.$el&&this.$el.focus()},handleSelect(e,t){this.$props.items&&this.$emit("select",{itemTarget:e,itemIndex:t,component:this})},onOverlayClick(e){this.$emit("overlayclick",e)}}}),A=t.defineComponent({name:"KendoDrawerContent",render(){const e=i.getDefaultSlots(this);return t.createVNode("div",{class:"k-drawer-content"},[e])}}),z="stepper.optionalText",P="stepper.ariaLabel",B={[z]:"(Optional)",[P]:"Progressbar"},M=t.defineComponent({name:"KendoStep",props:{current:Boolean,disabled:Boolean,icon:String,svgIcon:Object,index:Number,isValid:{type:Boolean,default:void 0},focused:Boolean,label:String,optional:Boolean,tabIndex:{type:Number,default:0},text:String,animationDuration:[Boolean,Number],isVertical:Boolean,item:[String,Object,Boolean,Function],linear:Boolean,mode:String,numOfSteps:Number,value:Number,successIcon:String,successSvgIcon:Object,errorIcon:String,errorSvgIcon:Object,onChange:Function,onFocus:Function},inject:{kendoLocalizationService:{default:null}},computed:{itemClassNames(){const{current:e,disabled:t,focused:i,index:s,isValid:n,optional:r}=this.$props;return{"k-step":!0,"k-step-first":0===s,"k-step-last":this.numOfSteps&&s===this.numOfSteps-1,"k-step-done":s<this.value,"k-step-current":e,"k-step-optional":r,"k-disabled":t,"k-focus":i,"k-step-error":void 0!==n&&!n,"k-step-success":n}},itemStyles(){const{index:e}=this.$props,t=!this.linear||e===this.value-1||e===this.value||e===this.value+1;return{maxWidth:this.isVertical?void 0:`calc(100% / ${this.numOfSteps})`,pointerEvents:t?void 0:"none"}}},watch:{focused(e){this.aElement=this.$refs.aElement,this.aElement&&e&&this.aElement.focus()}},setup:()=>({kendoLocalizationService:t.inject("kendoLocalizationService",{})}),render(){const e=i.getDefaultSlots(this),{current:s,disabled:a,focused:o,icon:l,svgIcon:d,index:c,isValid:h,label:p,optional:u,tabIndex:m,text:g,animationDuration:b,item:f,linear:v,mode:I,value:y,successIcon:k,successSvgIcon:S,errorIcon:$,errorSvgIcon:x}=this.$props,w=!v||c===y-1||c===y||c===y+1,N=n.provideLocalizationService(this),C=(e=>N.toLanguageString(e,B[e]))(z),D="number"==typeof b?b:!1!==b?400:0,R=h?k||"check-circle":$||"exclamation-circle",V=h?S||r.checkOutlineIcon:x||r.exclamationCircleIcon,T=t.createVNode(i.Icon,{class:"k-step-indicator-icon",name:i.getIconName(R),icon:V,"aria-hidden":"true"},null);return t.createVNode("li",{class:this.itemClassNames,style:this.itemStyles},[t.createVNode("a",{ref:"aElement",class:"k-step-link",title:p||void 0,onClick:this.handleClick,onFocusin:this.handleFocus,"tab-index":m||(s?0:-1),"aria-current":!!s||void 0,"aria-disabled":a||!w||void 0,"aria-invalid":void 0!==h&&!h||void 0},[f?e:[function(){return"labels"!==I?t.createVNode("span",{class:"k-step-indicator","aria-hidden":!0,style:{transitionDuration:D+"ms"}},[this.getStepIndicatorContent(p,l,d,g,c,h,T)]):null}.call(this),function(){return t.createVNode("span",{class:"k-step-label"},[p&&t.createVNode("span",{class:"k-step-text"},[p]),p&&void 0!==h&&T,u&&t.createVNode("span",{class:"k-step-label-optional"},[C])])}.call(this)]])])},methods:{getStepIndicatorContent:(e,s,n,r,a,o,l)=>e?s||n?t.createVNode(i.Icon,{class:"k-step-indicator-icon",name:s,icon:n},null):t.createVNode("span",{class:"k-step-indicator-text"},[r||a+1]):void 0!==o?l:s||n?t.createVNode(i.Icon,{class:"k-step-indicator-icon",name:s,icon:n},null):t.createVNode("span",{class:"k-step-indicator-text"},[r||a+1]),focus(){this.$el&&i.focusFirstFocusableChild(this.$el)},handleClick(e){this.disabled||this.$emit("change",{event:e,value:this.index,component:this})},handleFocus(e){this.disabled||this.$emit("focus",e)}}}),E=t.defineComponent({name:"KendoStepper",model:{event:"changemodel"},inject:{kendoLocalizationService:{default:null}},props:{animationDuration:{type:[Boolean,Number],default:400},dir:String,disabled:Boolean,item:{type:[String,Object,Function,Boolean],default:void 0},items:Array,linear:Boolean,mode:{type:String,default:"steps",validator:function(e){return["steps","labels"].includes(e)}},orientation:{type:String,default:"horizontal",validator:function(e){return["horizontal","vertical"].includes(e)}},value:{type:Number,default:0},progressTotal:{type:Number},progress:{type:Number},modelValue:Number,successIcon:String,errorIcon:String},created(){i.validatePackage(p),this.focusedIdx=void 0!==this.computedValue?this.computedValue:0},mounted(){this.currentDir=void 0!==this.$props.dir?this.$props.dir:i.isRtl(this.$el)?"rtl":"ltr"},data:()=>({currentDir:"ltr",focusedIdx:0,stepper:{},currentFocused:!1}),watch:{value(e){this.focusedIdx=e}},computed:{computedValue(){return void 0!==this.$props.modelValue?this.$props.modelValue:this.$props.value},isVertical(){return"vertical"===this.$props.orientation},numOfSteps(){const{items:e}=this.$props;return e?e.length:0},stepperClasses(){return{"k-stepper":!0,"k-stepper-linear":this.$props.linear}},stepperStyles(){return{display:"grid",gridTemplateColumns:this.isVertical?void 0:"repeat("+2*this.numOfSteps+", 1fr)",gridTemplateRows:this.isVertical?"repeat("+4*this.numOfSteps+", 1fr)":void 0}},listClasses(){return{"k-step-list":!0,"k-step-list-horizontal":!this.isVertical,"k-step-list-vertical":this.isVertical}},listStyles(){return{gridColumnStart:this.isVertical?"":1,gridColumnEnd:this.isVertical?"":-1,gridRowStart:this.isVertical?1:"",gridRowEnd:this.isVertical?-1:""}},progressbarStyles(){return{gridColumnStart:this.isVertical?"":2,gridColumnEnd:this.isVertical?"":2*this.numOfSteps,gridRowStart:this.isVertical?2:"",gridRowEnd:this.isVertical?4*this.numOfSteps-2:""}}},render(){const e=i.getDefaultSlots(this),{animationDuration:s,disabled:r,items:o,orientation:l}=this.$props,d=this.computedValue,c="number"==typeof s?s:!1!==s?400:0,h=n.provideLocalizationService(this).toLanguageString(P,B[P]),p=o&&o.map((function(e,s){const n=this.$props.item?i.templateRendering.call(this,this.$props.item,i.getListeners.call(this)):void 0,a=t.createVNode(M,{key:s,index:s,disabled:r||e.disabled,focused:s===this.focusedIdx&&this.currentFocused,current:s===d,onChange:this.handleChange,onFocus:this.handleFocus,class:e.class,style:e.style,icon:e.icon,label:e.label,optional:e.optional,text:e.text,isValid:e.isValid,tabIndex:e.tabIndex,animationDuration:this.animationDuration,isVertical:this.isVertical,item:this.item,linear:this.linear,mode:this.mode,numOfSteps:this.numOfSteps,value:d,successIcon:this.successIcon,errorIcon:this.errorIcon,svgIcon:e.svgIcon,successSvgIcon:e.successSvgIcon,errorSvgIcon:e.errorSvgIcon},null);return i.getTemplate.call(this,{h:t.h,template:n,defaultRendering:a,additionalProps:{...e,disabled:r||e.disabled,focused:s===this.focusedIdx,current:s===d,value:d},additionalListeners:{change:this.handleChange,focus:this.handleFocus}})}),this);return t.createVNode("nav",{tabindex:this.currentFocused?-1:0,class:this.stepperClasses,style:this.stepperStyles,dir:this.currentDir,onFocusin:this.handleFocusin,onFocusout:this.handleFocusout,onKeydown:this.handleKeyDown},[t.createVNode("ol",{class:this.listClasses,style:this.listStyles},[p||e]),t.createVNode(a.ProgressBar,{style:this.progressbarStyles,animation:{duration:c},"aria-hidden":!0,"aria-label":h,max:this.progressTotal||this.numOfSteps-1,labelVisible:!1,orientation:l,reverse:"vertical"===l,value:this.progress||d,disabled:r,tabIndex:-1},null)])},methods:{focus(){this.$el&&i.focusFirstFocusableChild(this.$el)},dispatchChangeEvent(e,t){const i=t===this.computedValue-1,s=t===this.computedValue,n=t===this.computedValue+1,r=!this.linear||i||s||n;this.computedValue!==t&&!this.disabled&&r&&(this.focusedIdx=t,this.$emit("changemodel",t),this.$emit("update:modelValue",t),this.$emit("change",{component:this,event:e,value:t}))},handleChange(e){let t=e.value;this.dispatchChangeEvent(e,t)},handleFocus(e){this.disabled||this.$emit("focus",e,void 0)},handleEnter(e){const t={component:this,event:e,value:this.focusedIdx};this.dispatchChangeEvent(t,this.focusedIdx)},handleFocusin(){this.currentFocused=!0},handleFocusout(){this.currentFocused=!1},handleKeyDown(e){const t="rtl"===this.currentDir,s=this.focusedIdx,n=this.items.length-1;switch(e.keyCode){case i.Keys.left:e.preventDefault(),!t&&s>0&&(this.focusedIdx=s-1),t&&s<n&&(this.focusedIdx=s+1);break;case i.Keys.right:e.preventDefault(),!t&&s<n&&(this.focusedIdx=s+1),t&&s>0&&(this.focusedIdx=s-1);break;case i.Keys.up:e.preventDefault(),!t&&s>0&&(this.focusedIdx=s-1),t&&s>0&&(this.focusedIdx=s-1);break;case i.Keys.down:e.preventDefault(),!t&&s<n&&(this.focusedIdx=s+1),t&&s<n&&(this.focusedIdx=s+1);break;case i.Keys.home:e.preventDefault(),this.focusedIdx=0;break;case i.Keys.end:e.preventDefault(),this.focusedIdx=n;break;case i.Keys.space:case i.Keys.enter:e.preventDefault(),this.items[s].disabled||this.handleEnter(e)}}}}),j="",W="0",H="_";function q(e,t){if(Z(e))return t[Number(e)];{const i=t[Number(U(e))];return i.items?q(function(e){if(_(e))return e;{const t=e.indexOf(H);return e.substring(t+1)}}(e),i.items):void 0}}function U(e){return _(e)?e:e.split(H)[0]}function G(e){return X("0",e)}function X(e,t){return t?t+H+e:e}function Y(e){const t=e.lastIndexOf(H);return t<0?j:e.substring(0,t)}function _(e){return e===j||e.indexOf(H)<0}function Z(e){return e!==j&&e.indexOf(H)<0}function J(e){return 1===function(e){return e.split(H).length-1}(e)}function Q(e){return ee(e)===W}function ee(e){const t=e.lastIndexOf(H);return t<0?e:e.substring(t+1)}function te(e,t,i){return Z(t)?e?Number(t)<i-1?(Number(t)+1).toString():"0":Number(t)>0?(Number(t)-1).toString():(i-1).toString():t}function ie(e){return e&&e.length>0?{items:ne.call(this,e),inputItems:e}:{items:[],inputItems:[]}}function se(e){let t={};const{text:s,url:n,icon:r,svgIcon:a,disabled:o,cssClass:l,popupClass:d,cssStyle:c,separator:h,render:p,linkRender:u,contentRender:m,data:g}=e;return void 0!==s&&(t.text=s),void 0!==n&&(t.url=n),void 0!==r&&(t.icon=r),void 0!==a&&(t.svgIcon=a),void 0!==o&&(t.disabled=o),void 0!==l&&(t.cssClass=l),void 0!==d&&(t.popupClass=d),void 0!==c&&(t.cssStyle=c),void 0!==h&&(t.separator=h),void 0!==p&&(t.render=i.templateRendering.call(this,p,i.getListeners.call(this))),void 0!==u&&(t.linkRender=i.templateRendering.call(this,u,i.getListeners.call(this))),void 0!==m&&(t.contentRender=i.templateRendering.call(this,m,i.getListeners.call(this))),void 0!==g&&(t.data=g),t}function ne(e,t){const i=[];for(let s=0;s<e.length;s++){const n=e[s],r=se.call(this,n);r.id=X(s.toString(),t),r.isLastFromSiblings=s===e.length-1,r.items=re.call(this,n,r),i.push(r)}return i}function re(e,t){return e.contentRender?[{contentParentItemId:t.id,id:X(W,t.id),isLastFromSiblings:!0,contentRender:i.templateRendering.call(this,e.contentRender,i.getListeners.call(this)),items:[]}]:e.items?ne.call(this,e.items,t.id):[]}const ae=/\S/;function oe(e,t,s,n,r,a){const o=m();switch(s){case i.Keys.left:return r?a?h():d():a?c():l();case i.Keys.right:return r?a?d():h():a?l():c();case i.Keys.up:return r?b():Z(t)?u():b();case i.Keys.down:return r?f():Z(t)?p():f();case i.Keys.enter:case i.Keys.space:return o.disabled?t:g()?G(t):U(t);case i.Keys.home:return v()[0].id;case i.Keys.end:return function(){const e=v();return e[e.length-1].id}();case i.Keys.esc:return Z(t)?t:Y(t);default:return 1===n.length&&ae.test(n)?function(){const e=n.toLowerCase(),i=v(),s=Number(ee(t)),r=i.slice(s+1).concat(i.slice(0,s+1)).find((t=>(t.text||"").toLowerCase().startsWith(e)));return r?r.id:t}():t}function l(){return Z(t)?b():J(t)?p(b(U(t))):Y(t)}function d(){return Z(t)?u():Y(t)}function c(){return Z(t)?f():p(g()?t:f(U(t)))}function h(){return p(Z(t)||g()?t:f(U(t)))}function p(e){return I(!0,e)}function u(e){return I(!1,e)}function m(i,s){return void 0===i&&(i=t),void 0===s&&(s=e),q(i,s)}function g(e){return m(e).items.length>0}function b(e){return y(!1,e)}function f(e){return y(!0,e)}function v(){return Z(t)?e:m(Y(t),e).items}function I(e,i){void 0===i&&(i=t);const s=m(i);return g(i)&&!s.disabled?e?G(i):function(e){const t=m(e).items;return t[t.length-1].id}(i):i}function y(i,s){if(void 0===s&&(s=t),Z(s))return te(i,s,e.length);{const e=Y(s);return X(te(i,ee(s),m(e).items.length),e)}}}class le{constructor(){this.phase="Initialized"}getIsDirectionRightToLeft(){return this.isDirectionRightToLeft}setIsDirectionRightToLeft(e){this.phase="NotInitialized"===this.phase?"Initialized":"NewValueReceived",this.previousIsDirectionRightToLeft=this.isDirectionRightToLeft,this.isDirectionRightToLeft=e}hasDirectionChanged(){return"NewValueReceived"===this.phase&&this.previousIsDirectionRightToLeft!==this.isDirectionRightToLeft}}let de=class{constructor(e,t,i){this.openOnClick=e,this.resetMenu=t,this.openItem=i,this.openOnClick=e,this.isMouseOverEnabled=!e}set OpenOnClick(e){!!e!=!!this.openOnClick&&(this.mouseDown=!1,this.isMouseOverEnabled=!e),this.openOnClick=e}handleItemSelectedViaKeyboard(){this.openOnClick&&(this.isMouseOverEnabled=!1,this.resetMenu())}get IsMouseOverEnabled(){return this.isMouseOverEnabled}handleItemMouseDown(){this.mouseDown=!0}handleItemFocus(){this.openOnClick&&!this.mouseDown&&(this.isMouseOverEnabled=!0),this.mouseDown=!1}handleItemClick(e,t){this.openOnClick&&(this.isMouseOverEnabled?t&&(this.isMouseOverEnabled=!1,this.resetMenu()):(this.isMouseOverEnabled=!0,this.openItem(e)))}};const ce={vertical:"top",horizontal:"left"},he={vertical:"top",horizontal:"right"},pe={vertical:"flip",horizontal:"fit"},ue={vertical:"fit",horizontal:"flip"},me={downward:{anchorAlign:{vertical:"bottom",horizontal:"right"},popupAlign:he,collision:pe},leftward:{anchorAlign:{vertical:"top",horizontal:"left"},popupAlign:he,collision:ue}},ge={downward:{anchorAlign:{vertical:"bottom",horizontal:"left"},popupAlign:ce,collision:pe},rightward:{anchorAlign:{vertical:"top",horizontal:"right"},popupAlign:ce,collision:ue}};function be(e,t,i){return Z(e)?t?i?"leftward":"rightward":"downward":i?"leftward":"rightward"}function fe(e){return e?"rtl":"ltr"}function ve(e,t){return`${e}_${t}`}const Ie=t.defineComponent({name:"KendoMenuItemLink",props:{opened:Boolean,focused:Boolean,url:String},computed:{menuItemClassName(){return{"k-link":!0,"k-menu-link":!0,"k-active":this.$props.opened,"k-focus":this.$props.focused}}},render(){const e=i.getDefaultSlots(this);return this.$props.url?t.createVNode("a",{class:this.menuItemClassName,role:"presentation",href:this.$props.url,tabindex:-1},[e]):t.createVNode("span",{class:this.menuItemClassName,role:"presentation"},[e])}}),ye=r.caretAltDownIcon,ke=r.caretAltRightIcon,Se=r.caretAltLeftIcon,$e=t.defineComponent({name:"KendoMenuItemArrow",props:{itemId:String,dir:String,verticalMenu:Boolean},render(){return t.createVNode("span",{class:"k-menu-expand-arrow","aria-hidden":"true"},[t.createVNode(i.Icon,{icon:this.getArrowName(),role:"presentation"},null)])},methods:{getArrowName(){const e=be(this.$props.itemId,!0===this.$props.verticalMenu,"rtl"===this.$props.dir);return"downward"===e?ye:"rightward"===e?ke:"leftward"===e?Se:""}}}),xe=t.defineComponent({name:"KendoMenuItemInternal",emits:{keydown:null,mouseover:null,mouseleave:null,blur:null,focus:null,click:null,mousedown:null},props:{item:Object,focusedItemId:String,lastItemIdToBeOpened:String,tabbableItemId:String,itemRender:[String,Object,Function],linkRender:[String,Object,Function],isMenuVertical:Boolean,isDirectionRightToLeft:Boolean,menuGuid:String,originalItemNeeded:Function},created(){this.itemElement=null,this.prevFocusedItemId=this.$props.focusedItemId,this.isFirstRender=!0,this._anchor=i.guid()},data:()=>({opened:!1}),mounted(){this.itemElement=i.getRef(this,"kendoAnchor");const e=this.$props.focusedItemId,t=this.$props.item.id;e&&e===t&&this.itemElement&&this.itemElement.focus(),this.isFirstRender=!1},watch:{focusedItemId:function(e,t){this.prevFocusedItemId=t}},updated(){const e=this.$props.focusedItemId,t=this.$props.item.id;e?this.prevFocusedItemId!==e&&e===t&&!this.itemElement.contains(document.activeElement)&&this.itemElement.focus():document.activeElement===this.itemElement&&this.itemElement.blur()},computed:{hasItems(){return this.$props.item.items.length>0},currentItemRender(){return this.$props.item.render||this.$props.itemRender},currentLinkRender(){return this.$props.item.linkRender||this.$props.linkRender},contentRender(){return this.$props.item.contentParentItemId?this.$props.item.contentRender:null},currentOpened(){const e=this.$props;return this.hasItems&&function(e,t){return 0===t.indexOf(e)&&(t.length===e.length||t.charAt(e.length)===H)}(e.item.id,e.lastItemIdToBeOpened)&&!this.isFirstRender},currentFocused(){return this.$props.focusedItemId===this.$props.item.id},popupClassName(){return i.classNames({"k-menu-popup":!0,"k-overflow-visible":!0,"k-rtl":this.$props.isDirectionRightToLeft,[this.item.popupClass]:this.item.popupClass})},menuItemClassName(){const e=this.$props.item;return{"k-item":!0,"k-menu-item":!0,"k-first":Q(e.id),"k-last":e.isLastFromSiblings,"k-disabled":e.disabled,[e.cssClass?e.cssClass:""]:e.cssClass}}},render(){const{icon:e,svgIcon:s,id:n,contentParentItemId:r,items:a,text:l,cssStyle:d,disabled:c,url:h,separator:p}=this.$props.item,u=n,m=function(){return e||s?t.createVNode(i.Icon,{name:i.getIconName(e),icon:s},null):null},g=function(){return this.hasItems?t.createVNode($e,{itemId:n,verticalMenu:this.$props.isMenuVertical,dir:fe(this.$props.isDirectionRightToLeft),key:"2"},null):null},b=this.$props.originalItemNeeded(n),f=t.createVNode("li",{class:"k-separator k-item","aria-hidden":!0,key:u},null);return p?f:t.createVNode("li",{class:this.menuItemClassName,style:d,tabindex:u===this.$props.tabbableItemId?0:-1,onMouseover:this.onMouseOver,onMouseleave:this.onMouseLeave,onMousedown:e=>this.handleMouseDown(e),onFocusout:()=>this.handleBlur(u),onFocusin:()=>this.handleFocus(u),onClick:e=>this.handleClick(e,u),onKeydown:this.handleKeyDown,role:"menuitem","aria-disabled":!!c||void 0,"aria-haspopup":!!this.hasItems||void 0,"aria-expanded":this.hasItems?this.currentOpened:void 0,"aria-label":l,"aria-owns":this.currentOpened?ve(this.$props.menuGuid,u):void 0,ref:i.setRef(this,"kendoAnchor"),key:"0"},[this.contentRender?function(){const e=r;return t.createVNode("div",{class:"k-content",role:"presentation"},[function(e){return i.getTemplate.call(this,{h:t.h,template:this.contentRender,additionalProps:e})}.call(this,{item:this.handleOriginalItemNeeded(e),itemId:e})])}.call(this):function(){const e=t.createVNode("span",{class:"k-menu-link-text"},[l]),s=i.getTemplate.call(this,{h:t.h,template:this.currentItemRender,defaultRendering:e,additionalProps:{item:b,itemId:n,key:"1"}}),r=t.createVNode(Ie,{url:h,opened:this.currentOpened,focused:this.currentFocused},{default:()=>[[m.call(this),s,g.call(this)]]});return i.getTemplate.call(this,{h:t.h,template:this.currentLinkRender,defaultRendering:r,additionalProps:{item:b,itemId:n,opened:this.currentOpened,dir:fe(this.$props.isDirectionRightToLeft)}})}.call(this),function(){const{anchorAlign:e,popupAlign:i,collision:s}=function(e,t,i){const s=be(e,t,i);return i?"downward"===s?me.downward:me.leftward:"downward"===s?ge.downward:ge.rightward}(u,this.$props.isMenuVertical,this.$props.isDirectionRightToLeft);return t.createVNode(o.Popup,{anchor:this._anchor,show:this.currentOpened,popupClass:this.popupClassName,anchorAlign:e,popupAlign:i,collision:s,animate:!1,key:"1"},{default:()=>[t.createVNode(we,{parentItemId:u,items:this.$props.item.items,menuGuid:this.$props.menuGuid,focusedItemId:this.$props.focusedItemId,lastItemIdToBeOpened:this.$props.lastItemIdToBeOpened,tabbableItemId:this.$props.tabbableItemId,itemRender:this.$props.itemRender,linkRender:this.$props.linkRender,isMenuVertical:this.$props.isMenuVertical,isDirectionRightToLeft:this.$props.isDirectionRightToLeft,class:"k-group k-menu-group k-menu-group-md k-reset",onMouseover:this.handleItemMouseOver,onMouseleave:this.handleItemMouseLeave,onMousedown:this.handleMouseDown,onBlur:this.handleItemMouseBlur,onFocus:this.handleItemMouseFocus,onClick:this.handleClick,onKeydown:this.handleKeyDown,originalItemNeeded:this.handleOriginalItemNeeded},null)]})}.call(this)])},methods:{handleKeyDown(e){this.$emit("keydown",e)},handleItemMouseOver(e){this.$emit("mouseover",e)},handleItemMouseLeave(e){this.$emit("mouseleave",e)},handleItemMouseBlur(e){this.$emit("blur",e)},handleItemMouseFocus(e){this.$emit("focus",e)},handleClick(e,t){this.$emit("click",e,t)},handleBlur(e){this.$emit("blur",e)},handleFocus(e){this.$emit("focus",e)},handleMouseDown(e){this.$emit("mousedown",e)},handleOriginalItemNeeded(e){return this.$props.originalItemNeeded(e)},onMouseOver(e){this.$emit("mouseover",this.$props.item.id),e.stopPropagation()},onMouseLeave(e){this.$emit("mouseleave",this.$props.item.id),e.stopPropagation()}}}),we=t.defineComponent({name:"KendoMenuItemInternalsList",emits:{keydown:null,mouseover:null,mouseleave:null,blur:null,focus:null,click:null,mousedown:null},props:{items:Array,parentItemId:{type:String,default:void 0},focusedItemId:String,lastItemIdToBeOpened:String,tabbableItemId:String,itemRender:[String,Object,Function],linkRender:[String,Object,Function],isMenuVertical:Boolean,isDirectionRightToLeft:Boolean,menuGuid:String,originalItemNeeded:Function},render(){const e=this.$props.parentItemId;return t.createVNode("ul",{role:void 0!==e?"menu":"menubar",id:void 0!==e?ve(this.$props.menuGuid,e):void 0},[function(){return this.$props.items.length>0?this.$props.items.map((function(e,i){return t.createVNode(xe,{item:e,isMenuVertical:this.$props.isMenuVertical,isDirectionRightToLeft:this.$props.isDirectionRightToLeft,focusedItemId:this.$props.focusedItemId,lastItemIdToBeOpened:this.$props.lastItemIdToBeOpened,tabbableItemId:this.$props.tabbableItemId,itemRender:this.$props.itemRender,linkRender:this.$props.linkRender,menuGuid:this.$props.menuGuid,onMouseover:this.handleItemMouseOver,onMouseleave:this.handleItemMouseLeave,onMousedown:this.handleItemMouseDown,onKeydown:this.handleKeyDown,onBlur:this.handleItemMouseBlur,onFocus:this.handleItemMouseFocus,onClick:this.handleItemMouseClick,originalItemNeeded:this.handleOriginalItemNeeded,key:i},null)}),this):null}.call(this)])},methods:{handleKeyDown(e){this.$emit("keydown",e)},handleOriginalItemNeeded(e){return this.$props.originalItemNeeded(e)},handleItemMouseOver(e){this.$emit("mouseover",e)},handleItemMouseLeave(e){this.$emit("mouseleave",e)},handleItemMouseDown(e){this.$emit("mousedown",e)},handleItemMouseBlur(e){this.$emit("blur",e)},handleItemMouseFocus(e){this.$emit("focus",e)},handleItemMouseClick(e,t){this.$emit("click",e,t)},onMouseOver(e){void 0!==this.$props.parentItemId&&(this.$emit("mouseover",this.$props.parentItemId),e.stopPropagation())},onMouseLeave(e){void 0!==this.$props.parentItemId&&(this.$emit("mouseleave",this.$props.parentItemId),e.stopPropagation())}}}),Ne=t.defineComponent({name:"KendoMenu",props:{vertical:{type:Boolean,default:!1},items:Array,dir:String,hoverOpenDelay:{type:Number,default:void 0},hoverCloseDelay:{type:Number,default:void 0},openOnClick:Boolean,onSelect:Function,itemRender:[String,Object,Function],linkRender:[String,Object,Function],customCloseItemIds:Array},created(){i.validatePackage(p),this.mouseOverHandler=new de(this.$props.openOnClick,this.reset,this.onItemMouseOver),this.guid=i.guid(),this.directionHolder=new le,this.inputItems=[],this.currentItems=[]},mounted(){this.isFirstRender=!1,this.menuWrapperEl=i.getRef(this,"menuWrapper")},updated(){this.mouseOverHandler.OpenOnClick=this.$props.openOnClick},unmounted(){this.clearItemHoverAndLeaveRequestsIfApplicable()},data:()=>({focusedItemId:j,hoveredItemId:j,tabbableItemId:W,isFirstRender:!0}),computed:{menuClassName(){return{"k-widget":!0,"k-reset":!0,"k-header":!0,"k-menu":!0,"k-menu-horizontal":!this.$props.vertical,"k-menu-vertical":this.$props.vertical}}},render(){this.prepareItems(),this.isFirstRender||this.directionHolder.setIsDirectionRightToLeft(this.checkIsDirectionRightToLeft());let e=this.hoveredItemId?this.hoveredItemId:this.focusedItemId?Y(this.focusedItemId):j;return t.createVNode("div",{class:this.getMenuWrapperClassName(),ref:i.setRef(this,"menuWrapper")},[t.createVNode(we,{class:this.menuClassName,"aria-orientation":this.$props.vertical?"vertical":void 0,items:this.currentItems,isMenuVertical:this.$props.vertical,isDirectionRightToLeft:this.directionHolder.getIsDirectionRightToLeft(),focusedItemId:this.focusedItemId,lastItemIdToBeOpened:e,tabbableItemId:this.tabbableItemId,itemRender:i.templateRendering.call(this,this.$props.itemRender,i.getListeners.call(this)),linkRender:i.templateRendering.call(this,this.$props.linkRender,i.getListeners.call(this)),menuGuid:this.guid,onMouseleave:this.onItemMouseLeave,onMouseover:this.onItemMouseOver,onMousedown:this.onItemMouseDown,onKeydown:this.onKeyDown,onFocus:this.onItemFocus,onClick:this.onItemClick,onBlur:this.onItemBlur,originalItemNeeded:this.getInputItem},null)])},methods:{reset(){this.clearItemHoverAndLeaveRequestsIfApplicable(),this.focusedItemId=j,this.hoveredItemId=j,this.tabbableItemId=W},onKeyDown(e){if(this.focusedItemId!==j){const t=q(this.focusedItemId,this.currentItems),s=oe(this.currentItems,t.id,e.keyCode,e.key,this.$props.vertical,this.directionHolder.getIsDirectionRightToLeft());t.id!==s&&(e.preventDefault(),this.setFocusedItemId(s)),(e.keyCode===i.Keys.enter||e.keyCode===i.Keys.space)&&!t.disabled&&(this.mouseOverHandler.handleItemSelectedViaKeyboard(),this.dispatchSelectEventIfWired(e,t.id),!e.defaultPrevented&&0===t.items.length&&t.url&&i.canUseDOM&&window.location.assign(t.url))}},onItemMouseOver(e){this.mouseOverHandler.IsMouseOverEnabled&&(this.clearItemHoverAndLeaveRequestsIfApplicable(),this.itemHoverRequest=window.setTimeout((()=>{this.setHoveredItemId(e),this.itemHoverRequest=null}),function(e){return void 0!==e.hoverOpenDelay?e.hoverOpenDelay:e.openOnClick?0:100}({...this.$props})))},onItemMouseLeave(e){this.mouseOverHandler.IsMouseOverEnabled&&this.isItemWithDefaultClose(e)&&(this.clearItemHoverAndLeaveRequestsIfApplicable(),this.itemLeaveRequest=window.setTimeout((()=>{this.setHoveredItemId(j),this.itemLeaveRequest=null}),function(e){return void 0!==e.hoverCloseDelay?e.hoverCloseDelay:100}({...this.$props})))},onItemMouseDown(){this.mouseOverHandler.handleItemMouseDown()},onItemFocus(e){this.setFocusedItemId(e),this.mouseOverHandler.handleItemFocus()},onItemClick(e,t){const s=q(t,this.currentItems);s.disabled||(this.setFocusedItemId(t),this.mouseOverHandler.handleItemClick(t,this.isItemWithDefaultClose(t)),this.dispatchSelectEventIfWired(e,t),!e.defaultPrevented&&s.url&&i.canUseDOM&&window.location.assign(s.url))},onItemBlur(e){this.isItemWithDefaultClose(e)&&this.setFocusedItemId(j)},getInputItem(e){return q(e,this.inputItems)},setFocusedItemId(e){const t=e===j?this.tabbableItemId:U(e),i=e===j||_(this.hoveredItemId)&&_(e)?this.hoveredItemId:j;this.hoveredItemId=i,this.focusedItemId=e,this.tabbableItemId=t},setHoveredItemId(e){_(e)&&_(this.focusedItemId)?this.hoveredItemId=e:(this.hoveredItemId=e,this.focusedItemId=j,this.tabbableItemId=W)},getMenuWrapperClassName(){return{"k-rtl":this.directionHolder.getIsDirectionRightToLeft()}},clearItemHoverAndLeaveRequestsIfApplicable(){this.itemHoverRequest&&(clearTimeout(this.itemHoverRequest),this.itemHoverRequest=null),this.itemLeaveRequest&&(clearTimeout(this.itemLeaveRequest),this.itemLeaveRequest=null)},isItemWithDefaultClose(e){return!this.$props.customCloseItemIds||-1===this.$props.customCloseItemIds.indexOf(e)},checkIsDirectionRightToLeft(){return void 0!==this.$props.dir?"rtl"===this.$props.dir:this.menuWrapperEl&&"rtl"===getComputedStyle(this.menuWrapperEl).direction},prepareItems(){const{items:e,inputItems:t}=ie.call(this,this.$props.items);this.currentItems=e,this.inputItems=t},dispatchSelectEventIfWired(e,t){this.$emit("select",{event:e,component:this,item:this.getInputItem(t),itemId:t})}}}),Ce=t.defineComponent({name:"KendoSplitterPane",props:{orientation:{type:String,default:function(){},validator:function(e){return["vertical","horizontal"].includes(e)}},overlay:Boolean,containsSplitter:Boolean,size:String,min:String,max:String,resizable:Boolean,collapsible:Boolean,collapsed:Boolean,scrollable:Boolean,keepMounted:Boolean,content:[Object,Function,String]},render(){const{size:e,collapsed:s,overlay:n,containsSplitter:r,collapsible:a,resizable:o,scrollable:l,keepMounted:d}=this.$props,c=e&&e.length>0,h={flexBasis:e},p=i.classNames("k-pane",{"k-hidden":s,hidden:s,"k-pane-flex":r,"k-pane-static":!o&&!a||c,"k-scrollable":l}),u=i.getTemplate.call(this,{h:t.h,template:this.$props.content,defaultRendering:null});return t.createVNode("div",{style:h,class:p,role:"group"},[!s||d?u:void 0,n?t.createVNode("div",{class:"k-splitter-overlay k-overlay"},null):void 0])}}),De=t.defineComponent({name:"KendoSplitterBar",emits:{drag:null,toggle:null,keyboardresize:null},props:{orientation:{type:String,default:"vertical",validator:function(e){return["vertical","horizontal"].includes(e)}},index:Number,prev:Object,next:Object,isRtl:Boolean},created(){this.draggable=null},computed:{isStatic(){const{prev:e,next:t}=this.$props,i=e.resizable&&t.resizable,s=e.collapsible||t.collapsible;return!i&&!s},isDraggable(){const{prev:e,next:t}=this.$props,i=e.resizable&&t.resizable,s=e.collapsed||t.collapsed;return!!i&&!s},isHorizontal(){return"horizontal"===this.$p