npm - @progress/kendo-vue-layout - Versions diffs - 7.1.0-develop.7 → 8.0.0-develop.1 - Mend

@progress/kendo-vue-layout 7.1.0-develop.7 → 8.0.0-develop.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/cdn/js/kendo-vue-layout.js +1 -1
package/package-metadata.js +1 -1
package/package-metadata.mjs +2 -2
package/package.json +7 -7

package/dist/cdn/js/kendo-vue-layout.js CHANGED Viewed

@@ -12,4 +12,4 @@
  * 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.1.0-develop.7",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},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,validator:function(e){return["none","small","medium","large","full"].includes(e)}},fillMode:{type:String,validator:function(e){return["solid","outline"].includes(e)}},size:{type:String,validator:function(e){return["none","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.$props.orientation}},inject:{kendoLocalizationService:{default:null}},data:()=>({focused:!1}),mounted(){this.$el&&(this.draggable=this.$refs.draggable)},render(){const e=this.isDraggable,s=this.isStatic,r=this.isHorizontal,a=i.classNames("k-splitbar",{"k-focus":this.focused,"k-splitbar-horizontal":r,"k-splitbar-vertical":!r,"k-splitbar-draggable-horizontal":r&&e,"k-splitbar-draggable-vertical":!r&&e,"k-splitbar-static-horizontal":r&&s,"k-splitbar-static-vertical":!r&&s}),o=this.previousArrowName(r),l=this.previousArrowSVG(r),d=this.nextArrowName(r),c=this.nextArrowSVG(r),h=n.provideLocalizationService(this).toLanguageString(R,V[R]);return t.createVNode(i.Draggable,{onPress:e=>this.onDrag(e,!0,!1),onDrag:e=>this.onDrag(e,!1,!1),onRelease:e=>this.onDrag(e,!1,!0),ref:"draggable"},{default:()=>[t.createVNode("div",{tabindex:s?-1:0,role:"separator",class:a,style:{touchAction:"none"},onFocusin:this.onFocus,onFocusout:this.onBlur,onDblclick:this.onToggle,onKeydown:this.onKeyDown,"aria-label":h,"aria-orientation":this.isHorizontal?"vertical":"horizontal"},[this.prev.collapsible&&t.createVNode("span",{class:"k-collapse-prev",onClick:this.onPrevToggle},[t.createVNode(i.Icon,{name:o,icon:l,size:"xsmall"},null)]),t.createVNode("div",{class:"k-resize-handle"},null),this.next.collapsible&&t.createVNode("span",{class:"k-collapse-next",onClick:this.onNextToggle},[t.createVNode(i.Icon,{name:d,icon:c,size:"xsmall"},null)])])]})},methods:{onDrag(e,t,i){const s=e,{index:n}=this.$props,r=this.draggable&&this.draggable.element;!i&&s&&s.originalEvent.preventDefault(),r&&!this.isStatic&&this.isDraggable&&this.$emit("drag",s,r,n,t,i)},onFocus(){this.focused=!0},onBlur(){this.focused=!1},onToggle(e){const{index:t,prev:i,next:s}=this.$props;(i.collapsible||s.collapsible)&&this.$emit("toggle",i.collapsible?t:t+1,e)},onPrevToggle(e){const{index:t,prev:i}=this.$props;i.collapsible&&this.$emit("toggle",t,e)},onNextToggle(e){const{index:t,next:i}=this.$props;i.collapsible&&this.$emit("toggle",t+1,e)},onKeyDown(e){const t=e&&e.keyCode,s=this.isHorizontal,{index:n}=this.$props,r=this.draggable&&this.draggable.element,a=(t,i,s)=>{e.preventDefault(),this.$emit("keyboardresize",t,i,s,e)};r&&(t===i.Keys.enter?(e.preventDefault(),this.onToggle(e)):this.isDraggable&&(s&&t===i.Keys.left?a(r,n,-10):s&&t===i.Keys.right?a(r,n,10):s||t!==i.Keys.up?!s&&t===i.Keys.down&&a(r,n,10):a(r,n,-10)))},previousArrowName(e){const{prev:t}=this.$props,i=t.collapsed;return e&&!i?this.isRtl?"caret-alt-right":"caret-alt-left":e&&i?this.isRtl?"caret-alt-left":"caret-alt-right":e||i?!e&&i?"caret-alt-down":"":"caret-alt-up"},previousArrowSVG(e){const{prev:t}=this.$props,i=t.collapsed;return e&&!i?this.isRtl?r.caretAltRightIcon:r.caretAltLeftIcon:e&&i?this.isRtl?r.caretAltLeftIcon:r.caretAltRightIcon:e||i?!e&&i?r.caretAltDownIcon:void 0:r.caretAltUpIcon},nextArrowName(e){const{next:t}=this.$props,i=t.collapsed;return e&&!i?this.isRtl?"caret-alt-left":"caret-alt-right":e&&i?this.isRtl?"caret-alt-right":"caret-alt-left":e||i?!e&&i?"caret-alt-up":"":"caret-alt-down"},nextArrowSVG(e){const{next:t}=this.$props,i=t.collapsed;return e&&!i?this.isRtl?r.caretAltLeftIcon:r.caretAltRightIcon:e&&i?this.isRtl?r.caretAltRightIcon:r.caretAltLeftIcon:e||i?!e&&i?r.caretAltUpIcon:void 0:r.caretAltDownIcon}}}),Re={collapsible:!1,collapsed:!1,resizable:!0,scrollable:!0},Ve=t.defineComponent({name:"KendoSplitter",props:{orientation:{type:String,default:"horizontal",validator:function(e){return["vertical","horizontal"].includes(e)}},panes:Array,defaultPanes:Array},mounted(){this.currentRtl=i.isRtl(this.$el)},emits:{change:e=>!0},computed:{isControlledState(){return void 0!==this.$props.panes},computedPanes(){return this.isControlledState?this.$props.panes:this.currentPanes}},created(){i.validatePackage(p)},data(){return{currentRtl:!1,isDragging:!1,dragIndex:void 0,startTime:0,originalX:0,originalY:0,originalPrevSize:0,originalNextSize:0,currentPanes:this.$props.defaultPanes||[]}},render(){const e=this.panesOptions(),s=i.classNames("k-widget","k-splitter","k-splitter-flex",`k-splitter-${this.orientation}`);return this.validatePanes(e),t.createVNode("div",{class:s},[function(e){return e.map((function(s,n){const r=i.templateRendering.call(this,s.content,i.getListeners.call(this));let a;const o=2*n,l=o+1;if(n+1<e.length){const i=e[n+1];a=t.createVNode(De,{key:l,index:n,orientation:this.orientation,prev:s,next:i,onDrag:this.onBarDragResize,onToggle:this.onBarToggle,onKeyboardresize:this.onBarKeyboardResize,isRtl:this.currentRtl},null)}return[t.createVNode(Ce,{key:o,containsSplitter:s.containsSplitter,size:s.size,min:s.min,max:s.max,resizable:s.resizable,collapsible:s.collapsible,collapsed:s.collapsed,scrollable:s.scrollable,keepMounted:s.keepMounted,content:r},null),a]}),this)}.call(this,e)])},methods:{validatePanes(e){if(!e.filter((e=>void 0===e.size)).length)throw new Error("The Splitter should have at least one pane without a set size.")},mapPaneOptions(e){const t=this.orientation,i=[];for(let s=0;s<e.length;s++){let n=!1;this.isDragging&&void 0!==this.dragIndex&&(n=this.dragIndex===s||this.dragIndex+1===s),i.push({...Re,orientation:t,overlay:n,...e[s]})}return i},onBarToggle(e,t){const i=this.panesOptions().map(((t,i)=>{const s=t;return i===e?{...s,collapsed:!t.collapsed}:{...s}}));this.$emit("change",{newState:i,isLast:!0,nativeEvent:t})},onBarDragResize(e,t,i,s,n){const r=(new Date).getTime(),{pageX:a,pageY:o}=e,{prevElement:l,nextElement:d}=this.surroudingPanes(t);if(!l||!d)return;if(s)return this.isDragging=!0,this.dragIndex=i,this.startTime=r,this.originalX=a,this.originalY=o,this.originalPrevSize=this.elementSize(l),void(this.originalNextSize=this.elementSize(d));const{originalPrevSize:c,originalNextSize:h,startTime:p,originalX:u,originalY:m}=this.$data;if(!s&&r-p<150)return void(n&&this.resetDragState());let g;g="vertical"===this.orientation?o-m:this.currentRtl?u-a:a-u,this.resize(i,i+1,c,h,g,n,e),n&&this.resetDragState()},onBarKeyboardResize(e,t,i,s){const{prevElement:n,nextElement:r}=this.surroudingPanes(e),a=this.elementSize(n),o=this.elementSize(r);this.resize(t,t+1,a,o,i,!0,s)},surroudingPanes:e=>({prevElement:e.previousElementSibling,nextElement:e.nextElementSibling}),containerSize(){return this.$el?this.elementSize(this.$el,!0):0},isPercent:e=>/%$/.test(e),toPixels(e,t){let i=parseInt(e,10);return this.isPercent(e)&&(i=t*i/100),i},panesOptions(){return this.mapPaneOptions(this.computedPanes)},resetDragState(){this.isDragging=!1,this.dragIndex=void 0,this.startTime=0,this.originalX=0,this.originalY=0,this.originalPrevSize=0,this.originalNextSize=0},elementSize(e,t){const i=t?"client":"offset";return"vertical"===this.orientation?e[`${i}Height`]:e[`${i}Width`]},clamp:(e,t,i)=>Math.min(t,Math.max(e,i)),fixedSize:e=>e&&e.length>0,resize(e,t,i,s,n,r,a){const o=this.panesOptions(),l=o[e],d=o[t],c=i+s,h=this.containerSize(),p=e=>this.toPixels(e,h),u={index:e,initialSize:i,min:p(l.min)||c-p(d.max)||0,max:p(l.max)||c-p(d.min)||c},m={index:t,initialSize:s,min:p(d.min)||c-p(l.max)||0,max:p(d.max)||c-p(l.min)||c},g=(e,t)=>{const i=o[e.index],s=this.clamp(e.min,e.max,e.initialSize+t);return this.isPercent(i.size||"")?100*s/h+"%":s+"px"};let b,f;this.fixedSize(l.size)&&this.fixedSize(d.size)?(b=g(u,n),f=g(m,-n)):d.collapsible||this.fixedSize(d.size)?f=g(m,-n):b=g(u,n);const v=o.map(((i,s)=>{const n=i;return s===e?{...n,size:b}:s===t?{...n,size:f}:{...n}}));this.panesDuringOnChange=v,this.isControlledState||(this.currentPanes=v),this.$emit("change",{newState:v,isLast:r,nativeEvent:a}),this.panesDuringOnChange=void 0}}});const Te=t.defineComponent({name:"KendoPanelBarGroup",props:{item:Object,items:Array,animation:Boolean,expanded:Boolean,disabled:Boolean,keepItemsMounted:Boolean,uniquePrivateKey:[String,Number],content:Object},data(){return{show:this.$props.expanded}},render(){const{item:e,items:n,uniquePrivateKey:r,disabled:a,expanded:o,animation:l,keepItemsMounted:d}=this.$props,c=i.getTemplate.call(this,{h:t.h,template:this.$props.content,defaultRendering:null,additionalProps:{...this.$props,show:this.show}}),h=!a&&o,p=h||d?n?t.createVNode("ul",{role:"group",class:"k-panelbar-group",style:{display:d?this.$data.show?"block":"none":"block"}},[n.map((function(i){return t.h(Oe,{...i,item:e})}),this)]):this.$props.content?t.createVNode("div",{class:"k-panelbar-content"},[c]):null:null;return void 0!==l&&!l||a?p:t.createVNode(s.Reveal,{appear:h,transitionEnterDuration:200,transitionExitDuration:200,key:r+"_animation",style:{display:"block"},onEntering:this.handleEntering,onExited:this.handleExited},function(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}(p)?p:{default:()=>[p]})},methods:{handleEntering(){this.keepItemsMounted&&(this.show=!0)},handleExited(){this.keepItemsMounted&&(this.show=!1)}}}),Oe=t.defineComponent({name:"KendoPanelBarItem",props:{item:Object,items:Array,animation:Boolean,expanded:Boolean,disabled:Boolean,selected:Boolean,level:Number,title:{type:[String,Object,Function],default:function(){return"Untitled"}},id:[String,Number],focused:Boolean,keepItemsMounted:Boolean,uniquePrivateKey:[String,Number],parentUniquePrivateKey:Array,parentExpanded:Boolean,headerClassName:String,iconClass:String,imageUrl:String,icon:String,svgIcon:Object,content:Object,header:Object},inject:{dispatchItemSelect:{default:null}},render(){const{id:e,item:s,icon:n,svgIcon:a,items:o,content:l,title:d,uniquePrivateKey:c,disabled:h,selected:p,focused:u,expanded:m,className:g,level:b,headerClassName:f,animation:v,keepItemsMounted:I}=this.$props,y=!!o||!!l,k=i.classNames("k-panelbar-item",{"k-panelbar-header":0===b,"k-panelbar-item":0!==b,"k-expanded":m&&y,"k-disabled":h},`k-level-${b}`,g),S=i.classNames("k-link",{"k-selected":!h&&p,"k-focus":u},f),$=i.classNames("k-panelbar-toggle",{"k-panelbar-collapse":m&&y,"k-panelbar-expand":!m&&y}),x=m?"chevron-up":"chevron-down",w=m?r.chevronUpIcon:r.chevronDownIcon,N=function(){return this.imageUrl?t.createVNode("img",{role:"presentation",class:"k-panelbar-item-icon k-image",src:this.imageUrl},null):n||a?t.createVNode(i.Icon,{name:n,class:"k-panelbar-item-icon",icon:a},null):this.iconClass?t.createVNode(i.Icon,{class:"k-panelbar-item-icon "+this.iconClass},null):null}.call(this),C=h||!o&&!l?null:t.createVNode(i.Icon,{name:x,icon:w,class:$},null),D=o||l?t.createVNode(Te,{items:o,item:s,content:l,uniquePrivateKey:c,disabled:h,expanded:m,animation:v,keepItemsMounted:I},null):null,R=i.getTemplate.call(this,{h:t.h,template:this.$props.header,defaultRendering:null,additionalProps:{...this.$props}});return t.createVNode("li",{id:e,class:k,role:"treeitem","aria-disabled":h,"aria-hidden":!h&&!m,"aria-selected":!h&&p,"aria-expanded":!h&&m&&y},[t.createVNode("span",{class:S,onClick:this.handleItemClick},[N,this.$props.header?R:t.createVNode("span",{class:"k-panelbar-item-text"},[d]),C]),D])},methods:{handleItemClick(){const{disabled:e,id:t}=this.$props;e||this.dispatchItemSelect({uniquePrivateKey:this.$props.uniquePrivateKey,id:t,target:this})},childFactory:e=>e}}),Ke=function(e,{animation:t=!0,keepItemsMounted:s=!1,state:n,expanded:r,handleSelect:a,parentExpanded:o=!0,level:l=0,parentPrivateKey:d=[]}){return e.map((function(e,c){let h,p=Ae(e,d,c);const u=i.templateRendering.call(this,e.content,i.getListeners.call(this)),m=i.templateRendering.call(this,e.header,i.getListeners.call(this));if(e.items){const i={animation:t,keepItemsMounted:s,state:n,expanded:r,handleSelect:a,parentExpanded:(r||[]).indexOf(p)>-1,level:l+1,parentPrivateKey:[...d,p]};h=Ke.call(this,e.items,i)}return{...e,animation:void 0!==e.animation?e.animation:t,keepItemsMounted:s,id:e.id||`k-panelbar-item-default-${p}`,uniquePrivateKey:p,parentUniquePrivateKey:d,parentExpanded:o,level:l,expanded:(r||[]).indexOf(p)>-1,focused:n.currentFocused===p&&n.wrapperFocused,selected:n.currentSelected===p,items:h,content:u,header:m}}),this)},Le=e=>{const t=e.items[0];return t?Ae(t,[],0):""},Fe=(e,t,i={currentExpanded:e.expanded||[],currentSelected:e.selected||"",currentFocused:e.focused||"",wrapperFocused:!1},s=!0,n=[])=>(e.items.forEach(((e,r)=>{let a=Ae(e,n,r);!e.disabled&&s&&(e.selected&&(i.currentSelected=a),e.focused&&(i.currentFocused=a),e.expanded&&("multiple"===t?i.currentExpanded.push(a):"single"===t&&(i.currentExpanded=[a])),e.items&&(i=Fe(e,t,i,!!e.expanded,[...n,a])))})),i),Ae=(e,t,i)=>e&&e&&e.id?e.id:t.length?t[t.length-1]+`.${i}`:`.${i}`;function ze(e,t=[]){return e.forEach((e=>{e&&e&&!e.disabled&&(t.push(e),e.items&&ze(e.items,t))})),t}function Pe(e,t=[]){return e.forEach((e=>{e&&(e.expanded||e.parentExpanded)&&(t.push(e),e.items&&Pe(e.items,t))})),t}const Be=(e,t)=>e.length===t.length&&e.every(((e,i)=>e===t[i]));var Me=(e=>(e[e.Toggle=0]="Toggle",e[e.Next=1]="Next",e[e.Previous=2]="Previous",e))(Me||{});const Ee=t.defineComponent({name:"KendoPanelBar",emits:{select:e=>!0,keydown:null},props:{animation:{type:Boolean,default:!0},items:Array,dir:String,selected:[String,Number],expanded:{type:Array,default:void 0},focused:[String,Number],expandMode:{type:String,default:"multiple",validator:function(e){return["single","multiple"].includes(e)}},className:String,keepItemsMounted:Boolean},created(){this.activeDescendant=null,i.validatePackage(p),this.showLicenseWatermark=i.shouldShowValidationUI(p),this.licenseMessage=i.getLicenseMessage(p)},data(){const e=Fe(this.$props,this.expandMode);return e.currentFocused||(e.currentFocused=Le(this.$props)),e},computed:{selectedItem(){const{selected:e=this.currentSelected}=this.$props;return e},expandedItems(){return void 0!==this.$props.expanded?this.$props.expanded||[]:this.currentExpanded},computedItems(){const e={currentExpanded:[],...this.$data,selected:this.selectedItem},t={animation:this.$props.animation,keepItemsMounted:this.$props.keepItemsMounted,state:e,expanded:this.expandedItems,handleSelect:this.handleSelect};return Ke.call(this,this.items,t)}},provide(){return{dispatchItemSelect:this.handleSelect}},render(){const e=i.classNames("k-panelbar",this.$props.className),s=this.showLicenseWatermark?t.createVNode(i.WatermarkOverlay,{message:this.licenseMessage},null):null;return t.createVNode("ul",{dir:this.$props.dir,role:"tree",tabindex:0,onKeydown:this.handleKeyDown,onFocus:this.handleWrapperFocus,onBlur:this.handleWrapperBlur,class:e,"aria-activedescendant":this.activeDescendant},[this.computedItems.map((function(e){return t.h(Oe,{...e,item:e})}),this),s])},methods:{handleSelect(e){this.onSelect(e),this.onFocus(e)},onSelect(e){let t,i;if(ze(this.computedItems).forEach((i=>{i.uniquePrivateKey===(e.uniquePrivateKey||this.currentFocused)&&(t=i)})),t){let e;switch(this.expandMode){case"single":i=[...t.parentUniquePrivateKey,t.uniquePrivateKey],Be(this.expandedItems,i)&&(i=t.parentUniquePrivateKey?[...t.parentUniquePrivateKey]:[]);break;case"multiple":i=this.expandedItems.slice(),e=i.indexOf(t.uniquePrivateKey),-1===e?i.push(t.uniquePrivateKey):i.splice(e,1);break;default:i=this.expandedItems.slice()}this.currentSelected=t.uniquePrivateKey,this.currentExpanded=i,this.$emit("select",{target:t,expandedItems:i})}},onFocus(e,t=0){const i=Pe(this.computedItems);let s;i.forEach(((n,r)=>{if(n.uniquePrivateKey===(e.uniquePrivateKey||this.currentFocused)){let e=r+t<0?0:r+t>i.length?i.length-1:r+t;s=i[e]}})),s&&(this.activeDescendant=s.id,this.currentFocused=s.uniquePrivateKey)},onNavigate(e,t){let i;switch(t){case Me.Previous:i=-1,this.onFocus(e,i);break;case Me.Next:i=1,this.onFocus(e,i);break;case Me.Toggle:this.onSelect(e)}},handleWrapperFocus(){this.wrapperFocused||(this.wrapperFocused=!0)},handleWrapperBlur(){this.wrapperFocused=!1},handleKeyDown(e){const t=this._element&&"rtl"===getComputedStyle(this._element).direction||!1;if(e.target===e.currentTarget){let s;switch(e.keyCode){case i.Keys.left:s=t?Me.Next:Me.Previous;break;case i.Keys.up:s=Me.Previous;break;case i.Keys.right:s=t?Me.Previous:Me.Next;break;case i.Keys.down:s=Me.Next;break;case i.Keys.space:case i.Keys.enter:s=Me.Toggle;break;default:s=null}null!==s&&(e.preventDefault(),this.onNavigate(e,s))}this.$emit("keydown",e)}}}),je=t.defineComponent({name:"KendoResizeHandlers",props:{direction:String,rtl:Boolean,onResize:Function,onPress:Function},computed:{handleClass(){return"k-resize-handle k-cursor-"+this.direction+"-resize"},dirStyles(){const{direction:e}=this.$props;switch(e){case"ew":return this.rtl?{top:0,width:"9px",left:0,right:""}:{top:0,width:"9px",right:0,left:""};case"ns":return{left:0,height:"9px"};case"nesw":case"nwse":return this.rtl?{width:"9px",height:"9px",right:"",left:0}:{width:"9px",height:"9px",right:0,left:""};default:return{}}},handleStyle(){return{bottom:0,right:0,...this.dirStyles}}},render(){const{direction:e}=this.$props;return t.createVNode(i.Draggable,{onPress:this.handlePress,onDrag:t=>{this.handleResize(t,!1,e)},onRelease:t=>{this.handleResize(t,!0,e)}},{default:()=>[t.createVNode("div",{class:this.handleClass,style:this.handleStyle},null)]})},methods:{handleResize(e,t,i){e.originalEvent.preventDefault(),this.$emit("resize",e,{end:t,direction:i})},handlePress(e){this.$emit("press",e)}}});function We(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}const He=["k-card-title","k-card-body","k-tilelayout-item-body","k-tilelayout-item","k-tilelayout-item-header","k-resize-handle"],qe=t.defineComponent({name:"KendoTile",inheritAttrs:!1,props:{defaultPosition:{type:Object,required:!0},index:Number,tile:Object,hintStyle:Object,hintClass:String,header:[String,Function,Object],body:[String,Function,Object],item:[String,Function,Object],resizable:{type:[String,Boolean],default:!0,validator:function(e){return["horizontal","vertical",!0,!1].includes(e)}},reorderable:{type:Boolean,default:!0},tabIndex:{type:Number,default:0},ariaDescribedBy:String,ignoreDrag:Function,onUpdate:Function},created(){this.oldSize={},this.dragging=!1,this.resizing=!1,this.currentIgnoreDrag=!1,this.pressOffset={x:0,y:0},this.pressXY={x:0,y:0},this.currentTranslate={x:0,y:0},this.prevDefaultPosition=this.$props.defaultPosition,this.preventDataOps=void 0},computed:{wrapperClass(){return{"k-tilelayout-item":!0,"k-card":!0,"k-cursor-grab":this.reorderable}}},data:()=>({rtl:!1,grabbed:!1,showHint:!1}),mounted(){this.$el&&(this.element=3===this.$el.nodeType||8===this.$el.nodeType?this.$el.nextElementSibling:this.$el,this.draggable=this.$refs.draggable,"rtl"===getComputedStyle(this.element).direction&&(this.rtl=!0))},watch:{defaultPosition:function(e,t){this.prevDefaultPosition=t}},beforeUpdate(){this.oldSize={};const e=this.dragElement();return e&&(this.oldSize=e.getBoundingClientRect()),null},updated(){const e=this.dragElement();if(this.hintElement=i.getRef(this,"hintElement"),!e)return;const t=e.getBoundingClientRect(),s=this.oldSize;if(this.resizing){const i=t.width-s.width;if(this.rtl){const t=parseFloat(e.style.marginLeft||"0");e.style.marginLeft=t-i+"px"}else{const t=parseFloat(e.style.marginRight||"0");e.style.marginRight=t+i+"px"}this.pressXY.x+=this.rtl?-i:i;const n=t.height-s.height,r=parseFloat(e.style.height.substring(12));e.style.height=`calc(100% + ${r+n}px)`,this.pressXY.y+=n}const n=s.left-t.left,r=s.top-t.top;if(0!==n||0!==r){if(this.dragging)return void((this.prevDefaultPosition.order!==this.$props.defaultPosition.order||this.prevDefaultPosition.col!==this.$props.defaultPosition.col)&&(this.currentTranslate.x=0,this.currentTranslate.y=0,e.style.transform=""));Math.abs(r)<15&&Math.abs(n)<15||requestAnimationFrame((()=>{const e=this.element;e&&(e.style.transform=`translate(${n}px, ${r}px)`,e.style.transition="transform 0s",requestAnimationFrame((()=>{e.style.transform="",e.style.transition="transform 200ms cubic-bezier(0.2, 0, 0, 1) 0s"})))}))}},render(){const e=i.getDefaultSlots(this);clearTimeout&&"function"==typeof clearTimeout&&(clearTimeout(this.preventDataOps),i.canUseDOM&&(this.preventDataOps=window.setTimeout((()=>{this.preventDataOps=void 0}),200)));const s=this.$props.defaultPosition,n=this.$props.resizable,r={gridColumnStart:s.col,gridColumnEnd:`span ${s.colSpan}`,gridRowStart:s.row,gridRowEnd:`span ${s.rowSpan}`,outline:"none",order:s.order,...this.$props.hintStyle},a={gridColumnStart:s.col,gridColumnEnd:`span ${s.colSpan}`,gridRowStart:s.row,gridRowEnd:`span ${s.rowSpan}`,order:s.order},o=t.createVNode("div",{class:this.wrapperClass,style:{height:"100%",...a},role:"listitem",tabindex:this.$props.tabIndex,"aria-keyshortcuts":"Enter","aria-ariaDescribedBy":this.$props.ariaDescribedBy,onTouchstart:this.touchStart},[e,n&&"vertical"!==n&&t.createVNode(je,{onPress:this.handlePress,onResize:this.handleResize,direction:"ew",rtl:this.rtl},null),n&&"horizontal"!==n&&t.createVNode(je,{onPress:this.handlePress,onResize:this.handleResize,direction:"ns",rtl:this.rtl},null),!0===n&&t.createVNode(je,{onPress:this.handlePress,onResize:this.handleResize,direction:this.rtl?"nesw":"nwse",rtl:this.rtl},null)]);return[this.showHint&&t.createVNode("div",{ref:i.setRef(this,"hintElement"),style:{position:"absolute",...r},class:i.classNames("k-layout-item-hint k-layout-item-hint-reorder",this.$props.hintClass)},null),t.createVNode(i.Draggable,{ref:"draggable",onDrag:this.handleDrag,onRelease:this.handleRelease,onPress:this.handlePress},We(o)?o:{default:()=>[o]})]},methods:{touchStart(e){(this.tile.dragClasses?[...He,...this.tile.dragClasses]:He).some((t=>e.target.classList.contains(t)))&&e.preventDefault()},dragElement(){return this.draggable&&this.draggable.element},handleResize(e,t){const i=this.dragElement();if(t.end)return void this.handleRelease();if(!this.reorderable||!this.element)return;const s=e.clientX,n=e.clientY;this.resizing=!0;const r=("ns"!==t.direction?s-this.pressXY.x:0)*(this.rtl?-1:1),a="ew"!==t.direction?n-this.pressXY.y:0;if(i&&(this.rtl?i.style.marginLeft=-r+"px":i.style.marginRight=-r+"px",i.style.height=`calc(100% + ${a}px)`),this.showHint=!0,this.hintElement&&this.hintElement.classList.add("k-layout-item-hint-resize"),this.element.classList.add("k-layout-item-hint","k-layout-item-hint-resize"),this.preventDataOps)return;let o=0,l=0;const d=this.element.getBoundingClientRect();r>d.width/this.$props.defaultPosition.colSpan/3&&(o=1),r<-d.width/this.$props.defaultPosition.colSpan/1.25&&(o=-1),a>d.height/this.$props.defaultPosition.rowSpan/3&&(l=1),a<-d.height/this.$props.defaultPosition.rowSpan/1.25&&(l=-1),(0!==o||0!==l)&&this.$emit("update",this.$props.index,0,0,l,o,!0)},handlePress(e){const t=this.dragElement();if(!this.reorderable||!t)return;if(this.pressXY={x:e.clientX,y:e.clientY},this.currentIgnoreDrag=!1,this.$props.ignoreDrag&&this.$props.ignoreDrag(e.originalEvent))return void(this.currentIgnoreDrag=!0);this.element&&(this.element.style.zIndex="10",this.element.classList.add("k-layout-item-hint"),this.showHint=!0),t.classList.remove("k-cursor-grab"),t.classList.add("k-cursor-grabbing"),this.grabbed=!0;const i=t.getBoundingClientRect();this.pressOffset={x:e.clientX-i.x,y:e.clientY-i.y}},handleDrag(e){if(!this.reorderable||this.currentIgnoreDrag)return;const t=this.dragElement();if(e.originalEvent.defaultPrevented||!t)return;this.dragging=!0,e.originalEvent.preventDefault();const i=t.getBoundingClientRect();if(this.currentTranslate={x:e.clientX-i.x-this.pressOffset.x+this.currentTranslate.x,y:e.clientY-i.y-this.pressOffset.y+this.currentTranslate.y},t.style.transform=`translate(${this.currentTranslate.x}px, ${this.currentTranslate.y}px)`,t.style.transition="transform 0s",this.preventDataOps)return;let s=0,n=0;this.currentTranslate.y>.7*i.height/this.$props.defaultPosition.rowSpan&&(n=1),this.currentTranslate.y<.7*-i.height/this.$props.defaultPosition.rowSpan&&(n=-1),this.currentTranslate.x>.7*i.width/this.$props.defaultPosition.colSpan&&(s=1),this.currentTranslate.x<.7*-i.width/this.$props.defaultPosition.colSpan&&(s=-1),this.$emit("update",this.$props.index,n,this.rtl?-s:s,0,0)},handleRelease(){if(!this.reorderable)return;this.dragging=this.resizing=!1,this.currentTranslate={x:0,y:0},this.element&&(this.element.style.zIndex="1",this.element.classList.remove("k-layout-item-hint","k-layout-item-hint-resize"),this.hintElement&&this.hintElement.classList.remove("k-layout-item-hint-resize"),this.showHint=!1);const e=this.dragElement();e&&(e.style.transform="translate(0px, 0px)",e.style.transition="transform 200ms cubic-bezier(0.2, 0, 0, 1) 0s",e.style.marginRight="0px",e.style.marginLeft="0px",e.style.height="100%",e.classList.remove("k-cursor-grabbing"),e.classList.add("k-cursor-grab"),this.grabbed=!1)}}}),Ue={column:"k-grid-flow-col",row:"k-grid-flow-row","column dense":"k-grid-flow-col-dense","row dense":"k-grid-flow-row-dense",unset:"k-grid-flow-unset"},Ge=t.defineComponent({name:"KendoTileLayout",props:{id:String,dir:String,gap:Object,columns:Number,columnWidth:[Number,String],rowHeight:[Number,String],dataItemKey:String,items:Array,positions:Array,autoFlow:{type:String,default:"column",validator:function(e){return["column","row","column dense","row dense","unset"].includes(e)}},ignoreDrag:Function},created(){i.validatePackage(p),this.showLicenseWatermark=i.shouldShowValidationUI(p),this.licenseMessage=i.getLicenseMessage(p)},data:()=>({currentPositions:[],showLicenseWatermark:!1,licenseMessage:void 0}),computed:{compPositions(){return this.positions?this.positions.map(((e,t)=>Object.assign({order:t,rowSpan:1,colSpan:1},e))):this.items&&this.currentPositions.length?this.currentPositions.map(((e,t)=>Object.assign({order:t,rowSpan:1,colSpan:1},e))):(this.$props.items||[]).map(((e,t)=>Object.assign({order:t,rowSpan:1,colSpan:1},e.defaultPosition)))},wrapperClass(){const{autoFlow:e}=this.$props;return{"k-tilelayout":!0,"k-pos-relative":!0,[Ue[e]]:!0}}},render(){const{columns:e=3,columnWidth:s="1fr",gap:n,rowHeight:r="1fr",items:a=[]}=this.$props,o=n?`${"number"==typeof n.rows?n.rows+"px":n.rows} ${"number"==typeof n.columns?n.columns+"px":n.columns}`:16,l={gridTemplateColumns:`repeat(${e}, minmax(0px, ${"number"==typeof s?s+"px":s}))`,gridAutoRows:`minmax(0px, ${"number"==typeof r?r+"px":r})`,gap:o,padding:o},d=this.showLicenseWatermark?t.createVNode(i.WatermarkOverlay,{message:this.licenseMessage},null):null;return t.createVNode("div",{dir:this.$props.dir,class:this.wrapperClass,style:l,id:this.$props.id,role:"list"},[a.map((function(e,s){const n=e&&e.id||i.guid(),r=i.templateRendering.call(this,e.item,i.getListeners.call(this)),a=i.getTemplate.call(this,{h:t.h,template:r,defaultRendering:null,additionalProps:{tile:e,index:s}}),o=i.templateRendering.call(this,e.header,i.getListeners.call(this)),l=i.getTemplate.call(this,{h:t.h,template:o,defaultRendering:null,additionalProps:{tile:e,index:s,id:n,headerText:e.headerText}}),d=i.templateRendering.call(this,e.body,i.getListeners.call(this)),c=i.getTemplate.call(this,{h:t.h,template:d,defaultRendering:null,additionalProps:{tile:e,index:s,bodyText:e.bodyText}});return t.createVNode(qe,{key:this.$props.dataItemKey?i.getter(this.$props.dataItemKey)(e):s,onUpdate:this.updateHandle,defaultPosition:this.compPositions[s],index:s,resizable:e.resizable,reorderable:e.reorderable,style:e.style,class:e.class,tile:e,hintClass:e.hintClass,hintStyle:e.hintStyle,ignoreDrag:this.$props.ignoreDrag,"aria-describedby":n,"tab-index":e.tabIndex},{default:()=>[e.item?a:[t.createVNode("div",{class:"k-tilelayout-item-header k-card-header"},[e.header?l:t.createVNode("h5",{class:"k-card-title",id:n},[e.headerText])]),t.createVNode("div",{class:"k-tilelayout-item-body k-card-body"},[e.body?c:e.bodyText])]]})}),this),d])},methods:{focus(){this.$el&&this.$el.focus()},updateHandle(e,t,i,s=0,n=0,r){if(0===t&&0===i&&!n&&!s)return;let a=!1;const o=this.compPositions.map((e=>Object.assign({},e))),l=o[e],d=o.find((e=>e.order===l.order+t));d&&d!==l&&(l.order+=t,d.order+=-t,a=!0);const c=l.col+i;0!==i&&c>=1&&c+l.colSpan<=(this.$props.columns||3)+1&&(l.col=c,a=!0);const h=l.colSpan+n;n&&h>=1&&h+l.col<=(this.$props.columns||3)+1&&(l.colSpan=h,a=!0);const p=l.rowSpan+s;s&&p>=1&&(l.rowSpan=p,a=!0),a&&(this.currentPositions=o,r&&this.$emit("tileresize",{value:o,index:e,rowSpan:s,colSpan:n}),this.$emit("reposition",{value:o,index:e,row:t,col:i}))}}}),Xe=t.defineComponent({name:"KendoAppBar",props:{id:String,themeColor:{type:String,default:"light"},position:{type:String,default:"top",validator:function(e){return["top","bottom"].includes(e)}},positionMode:{type:String,default:"static",validator:function(e){return["static","sticky","fixed"].includes(e)}}},created(){i.validatePackage(p),this.calculatedId=i.guid()},computed:{wrapperClass(){const{position:e,positionMode:t,themeColor:i}=this.$props;return{"k-appbar":!0,"k-appbar-top":"top"===e,"k-appbar-bottom":"bottom"===e,"k-appbar-static":"static"===t,"k-appbar-sticky":"sticky"===t,"k-appbar-fixed":"fixed"===t,[`k-appbar-${i}`]:!!i}}},render(){const e=i.getDefaultSlots(this),{id:s}=this.$props;return t.createVNode("div",{class:this.wrapperClass,id:s||this.calculatedId},[e])},methods:{focus(){this.$el&&i.focusFirstFocusableChild(this.$el)}}}),Ye=t.defineComponent({name:"KendoAppBarSection",render(){const e=i.getDefaultSlots(this);return t.createVNode("div",{class:"k-appbar-section"},[e])},methods:{focus(){this.$el&&i.focusFirstFocusableChild(this.$el)}}}),_e=t.defineComponent({name:"KendoAppBarSpacer",props:{width:[String,Number]},computed:{spacerClasses(){return{"k-appbar-spacer":!0,"k-appbar-spacer-sized":void 0!==this.width}},spacerStyles(){return{flexBasis:void 0!==this.width?this.width:void 0}}},render(){const e=i.getDefaultSlots(this);return t.createVNode("span",{class:this.spacerClasses,style:this.spacerStyles},[e])},methods:{focus(){this.$el&&i.focusFirstFocusableChild(this.$el)}}}),Ze={primary:"k-bottom-nav-primary",secondary:"k-bottom-nav-secondary",tertiary:"k-bottom-nav-tertiary",info:"k-bottom-nav-info",success:"k-bottom-nav-success",warning:"k-bottom-nav-warning",error:"k-bottom-nav-error",dark:"k-bottom-nav-dark",light:"k-bottom-nav-light",inverse:"k-bottom-nav-inverse"},Je={vertical:"k-bottom-nav-item-flow-vertical",horizontal:"k-bottom-nav-item-flow-horizontal"},Qe={fixed:"k-pos-fixed",sticky:"k-pos-sticky"},et=t.defineComponent({name:"KendoBottomNavigationItem",emits:{keydown:null,select:null},props:{id:String,disabled:Boolean,selected:Boolean,icon:String,item:[String,Object,Function],text:String,dataItem:Object,index:Number,tabIndex:{type:Number,default:0}},created(){i.validatePackage(p)},computed:{itemClasses(){const{selected:e,disabled:t}=this.$props;return{"k-bottom-nav-item":!0,"k-selected":e,"k-disabled":t}}},render(){const{selected:e,disabled:s,item:n,dataItem:r,id:a,index:o,tabIndex:l}=this.$props,{icon:d,text:c,svgIcon:h}=r,p=i.getTemplate.call(this,{h:t.h,template:n,defaultRendering:null,additionalProps:{itemIndex:o,item:r}});return t.createVNode("span",{class:this.itemClasses,role:"link",id:a,tabindex:l,onClick:this.handleClick,onKeydown:this.handleKeyDown,"aria-current":e,"aria-disabled":s},[this.$props.item?p:[(h||d)&&t.createVNode(i.Icon,{name:d,icon:h,size:"xlarge",class:"k-bottom-nav-item-icon"},null),c&&t.createVNode("span",{class:"k-bottom-nav-item-text",style:{userSelect:"none"}},[c])]])},methods:{handleClick(e){void 0!==this.index&&!this.disabled&&this.$emit("select",e,this.index)},handleKeyDown(e){void 0!==this.index&&!this.disabled&&this.$emit("keydown",e,this.index)}}}),tt=t.defineComponent({name:"KendoBottomNavigation",emits:{keydown:null,select:e=>!0},props:{dir:String,themeColor:{type:String,default:"primary",validator:function(e){return["primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"].includes(e)}},fill:{type:String,default:"flat",validator:function(e){return["solid","flat"].includes(e)}},fillMode:{type:String,default:"flat",validator:function(e){return["solid","flat"].includes(e)}},item:[String,Object,Function],items:Array,itemFlow:{type:String,default:"vertical",validator:function(e){return["vertical","horizontal"].includes(e)}},positionMode:{type:String,default:"fixed",validator:function(e){return["sticky","fixed"].includes(e)}},border:{type:Boolean,default:!0},disabled:Boolean,selected:Number},created(){i.validatePackage(p),this.navId=i.guid()},computed:{navClasses(){const{themeColor:e,fillMode:t,positionMode:i,itemFlow:s,border:n,disabled:r}=this.$props,a=void 0!==t?t:this.$props.fill;return{"k-bottom-nav":!0,[Qe[i]]:!0,[Ze[e]]:!0,[`k-bottom-nav-${a}`]:a,[`k-bottom-nav-${a}-${e}`]:!(!a||!e),[Je[s]]:!0,"k-bottom-nav-border":n,"k-disabled":r}}},render(){const{id:e,items:s,item:n,disabled:r}=this.$props;return t.createVNode("nav",{class:this.navClasses,id:e||this.navId},[s&&s.map((function(s,a){const o=i.templateRendering.call(this,s.item||n,i.getListeners.call(this));return t.createVNode(et,{key:a,index:a,style:s.style,class:s.class,id:`${e||this.navId}-${a}`,disabled:r||s.disabled,selected:this.selected===a||s.selected,dataItem:s,item:o,onSelect:this.handleSelect,onKeydown:this.handleKeyDown},null)}),this)])},methods:{focus(){this.$el&&i.focusFirstFocusableChild(this.$el)},dispatchSelectEvent(e,t){this.items&&(this.items[t].disabled||this.$emit("select",{event:e,itemTarget:this.items[t],itemIndex:t}))},handleSelect(e,t){this.dispatchSelectEvent(e,t)},handleKeyDown(e,t){switch(e.keyCode){case i.Keys.enter:case i.Keys.space:this.dispatchSelectEvent(e,t),e.preventDefault()}this.$emit("keydown",{event:e,itemTarget:this.items[t],itemIndex:t})}}}),it=t.defineComponent({name:"KendoGridLayoutItem",props:{content:[String,Function,Object],id:String,col:Number,colSpan:Number,row:Number,rowSpan:Number},created(){i.validatePackage(p),this.itemId=i.guid()},computed:{gridLayoutItemStyles(){const{row:e,col:t,rowSpan:i,colSpan:s}=this.$props;return{gridArea:`${e||"auto"} / ${t||"auto"} / ${i?"span "+i:"auto"} / ${s?"span "+s:"auto"}`}}},render(){const{id:e,content:s}=this.$props,n=i.getTemplate.call(this,{h:t.h,template:s});return t.createVNode("div",{style:this.gridLayoutItemStyles,id:e||this.itemId},[n])}}),st=t.defineComponent({name:"KendoGridLayout",props:{id:String,gap:{type:Object},align:{type:Object,validator:function(e){return["top","middle","bottom","stretch",void 0].includes(e.vertical)&&["start","center","end","stretch",void 0].includes(e.horizontal)}},rows:Array,cols:Array,items:Array},created(){i.validatePackage(p),this.layoutId=i.guid()},computed:{hAlign(){return this.$props.align&&this.$props.align.horizontal?this.$props.align.horizontal:"stretch"},vAlign(){return this.$props.align&&this.$props.align.vertical?this.$props.align.vertical:"stretch"},gridLayoutClasses(){return{"k-grid-layout":!0,"k-justify-items-start":"start"===this.hAlign,"k-justify-items-center":"center"===this.hAlign,"k-justify-items-end":"end"===this.hAlign,"k-justify-items-stretch":"stretch"===this.hAlign,"k-align-items-start":"top"===this.vAlign,"k-align-items-center":"middle"===this.vAlign,"k-align-items-end":"bottom"===this.vAlign,"k-align-items-stretch":"stretch"===this.vAlign}},gapStyle(){return this.gap?`${"number"==typeof this.gap.rows?this.gap.rows+"px":this.gap.rows} ${"number"==typeof this.gap.cols?this.gap.cols+"px":this.gap.cols}`:void 0},gridTemplateRowsStyle(){return this.$props.rows&&this.$props.rows.map((e=>`${"number"==typeof e.height?e.height+"px":e.height}`)).join(" ")},gridTemplateColumnsStyle(){return this.$props.cols&&this.$props.cols.map((e=>`${"number"==typeof e.width?e.width+"px":e.width}`)).join(" ")},gridLayoutStyles(){return{gap:this.gapStyle,gridTemplateColumns:this.gridTemplateColumnsStyle,gridTemplateRows:this.gridTemplateRowsStyle}}},render(){const{id:e,items:s}=this.$props;return t.createVNode("div",{class:this.gridLayoutClasses,style:this.gridLayoutStyles,id:e||this.layoutId},[s.map((function(e){const s=i.templateRendering.call(this,e.content,i.getListeners.call(this));return t.createVNode(it,{content:s,class:e.class,style:e.style,id:e.id,col:e.col,colSpan:e.colSpan,row:e.row,rowSpan:e.rowSpan},null)}),this)])}}),nt=t.defineComponent({name:"KendoActionSheetItem",emits:{click:null},props:{id:Number,description:String,disabled:Boolean,group:{type:String,validator:function(e){return["top","bottom",void 0].includes(e)}},item:Object,icon:String,svgIcon:Object,iconColor:String,iconSize:String,content:[String,Function,Object],title:String,tabIndex:{type:[String,Number],default:0}},computed:{wrapperClass(){return{"k-actionsheet-item":!0,"k-cursor-pointer":!0,"k-disabled":this.$props.disabled}}},render(){const e=i.getTemplate.call(this,{h:t.h,template:this.$props.content,defaultRendering:null,additionalProps:{item:this.$props.item}});return t.createVNode("span",{tabindex:this.$props.tabIndex,class:this.wrapperClass,role:"button","aria-disabled":this.$props.disabled,onClick:this.onClick},[t.createVNode("span",{class:"k-actionsheet-action"},[this.$props.content?e:[(this.$props.icon||this.$props.svgIcon)&&t.createVNode("span",{class:"k-icon-wrap"},[t.createVNode(i.Icon,{name:this.$props.icon,icon:this.$props.svgIcon,class:"k-actionsheet-item-icon",size:this.iconSize,style:{color:this.iconColor}},null)]),(this.$props.title||this.$props.description)&&t.createVNode("span",{class:"k-actionsheet-item-text"},[this.$props.title&&t.createVNode("span",{class:"k-actionsheet-item-title"},[this.$props.title]),this.$props.description&&t.createVNode("span",{class:"k-actionsheet-item-description"},[this.$props.description])])]])])},methods:{onClick(e){this.$emit("click",{syntheticEvent:e,item:this.$props.item,title:this.$props.title})}}}),rt=t.defineComponent({name:"KendoActionSheetHeader",props:{headerClassName:{type:String,default:void 0},headerStyle:{type:String,default:void 0}},render(){const e=i.getDefaultSlots(this),{headerStyle:s,headerClassName:n}=this.$props;return t.createVNode("div",{style:s,class:i.classNames("k-actionsheet-titlebar",n)},[e])}}),at=t.defineComponent({name:"KendoActionSheetFooter",props:{footerClassName:{type:String,default:void 0}},render(){const e=i.getDefaultSlots(this),{footerClassName:s}=this.$props;return t.createVNode("div",{class:i.classNames("k-actionsheet-footer",s)},[e])}}),ot=t.defineComponent({name:"KendoActionSheetContent",props:{contentClassName:{type:String,default:void 0}},render(){const e=i.getDefaultSlots(this),{contentClassName:s}=this.$props;return t.createVNode("div",{class:i.classNames("k-actionsheet-content",s)},[e])}});function lt(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}const dt=t.defineComponent({name:"KendoActionSheet",props:{expand:Boolean,animation:{type:Boolean,default:!0},animationDuration:{type:Number,default:300},animationStyles:Object,tabIndex:Number,items:Array,subTitle:String,title:String,className:String,headerClassName:{type:String,default:void 0},contentClassName:{type:String,default:void 0},headerStyle:{type:String,default:void 0},footerClassName:{type:String,default:void 0},header:[String,Object,Function],content:[String,Object,Function],footer:[String,Object,Function],item:[String,Object,Function],navigatable:{type:Boolean,default:!0},navigatableElements:{type:Array,default:function(){return[]}},actions:Object,onClose:Function},created(){this.bottomPosition={bottom:"0px",width:"100%"},this.guidId=i.guid(),i.validatePackage(p)},mounted(){this.element=i.getRef(this,"actionSheet"),this.$props.expand&&!this.show&&(this.show=!0)},updated(){if(this.element=i.getRef(this,"actionSheet"),this.$props.expand&&!this.show&&(this.show=!0),this.element&&!this.$props.className&&(this.element.style.setProperty("--kendo-actionsheet-height","auto"),this.element.style.setProperty("--kendo-actionsheet-max-height","none")),this.element&&this.$props.navigatable){const e=this.$props.navigatableElements,t=[".k-actionsheet-item",".k-actionsheet-actions",...[".k-actionsheet-footer",".k-actionsheet-content",".k-actionsheet-titlebar"].map((t=>i.FOCUSABLE_ELEMENTS.concat(e).map((e=>`${t} ${e}`)))).flat()];this.navigation=new i.Navigation({tabIndex:this.$props.tabIndex||0,root:this.element,rovingTabIndex:!1,selectors:t,keyboardEvents:{keydown:{Tab:this.onTab,Enter:this.onEnter,Escape:this.onEscape}}}),0!==e.length?this.navigation.focusElement(this.element.querySelector(e[0]),null):this.navigation.focusElement(this.navigation.first,null)}},data:()=>({show:!1,slide:!1}),computed:{topGroupItems(){var e;return null==(e=this.items)?void 0:e.filter((e=>!e.group||"top"===e.group))},bottomGroupItems(){var e;return null==(e=this.items)?void 0:e.filter((e=>"bottom"===e.group))},shouldRenderSeparator(){return this.topGroupItems&&this.topGroupItems.length>0&&this.bottomGroupItems&&this.bottomGroupItems.length>0}},render(){const{title:e,subTitle:n,animationStyles:r,animation:a,expand:o,tabIndex:l,className:d,animationDuration:c,headerClassName:h,contentClassName:p,footerClassName:u,actions:m}=this.$props,g=i.templateRendering.call(this,this.$props.header,i.getListeners.call(this)),b=i.getTemplate.call(this,{h:t.h,template:g,defaultRendering:null}),f=i.templateRendering.call(this,this.$props.content,i.getListeners.call(this)),v=i.getTemplate.call(this,{h:t.h,template:f,defaultRendering:null}),I=i.templateRendering.call(this,this.$props.footer,i.getListeners.call(this)),y=i.getTemplate.call(this,{h:t.h,template:I,defaultRendering:null}),k=t.createVNode("div",{class:i.classNames("k-actionsheet",d,{"k-actionsheet-bottom":!d}),role:"dialog","aria-modal":"true","aria-hidden":!1,"aria-labelledby":this.guidId,ref:i.setRef(this,"actionSheet"),onKeydown:this.handleKeyDown},[this.$props.header&&!e&&!n&&t.createVNode(rt,{headerClassName:h},lt(b)?b:{default:()=>[b]}),(e||n)&&t.createVNode("div",{class:"k-actionsheet-titlebar k-text-center"},[t.createVNode("div",{class:"k-actionsheet-titlebar-group k-hbox"},[t.createVNode("div",{class:"k-actionsheet-title",id:this.guidId},[e&&t.createVNode("div",null,[e]),n&&t.createVNode("div",{class:"k-actionsheet-subtitle"},[n])]),m&&t.createVNode("div",{class:"k-actionsheet-actions"},[m])])]),this.$props.content?t.createVNode(ot,{contentClassName:p},lt(v)?v:{default:()=>[v]}):t.createVNode("div",{class:"k-actionsheet-content"},[t.createVNode("div",{class:"k-list-ul",role:"group"},[this.topGroupItems&&this.topGroupItems.map((function(e,s){const n=i.templateRendering.call(this,this.$props.item||e.content,i.getListeners.call(this));return t.createVNode(nt,{style:e.style,class:e.class,title:e.title,description:e.description,disabled:e.disabled,id:s,key:s,item:e,icon:e.icon,svgIcon:e.svgIcon,iconSize:e.iconSize,iconColor:e.iconColor,tabIndex:l||0,content:n,onClick:this.handleItemClick},null)}),this)]),this.shouldRenderSeparator&&t.createVNode("hr",{class:"k-hr"},null),t.createVNode("div",{class:"k-list-ul",role:"group"},[this.bottomGroupItems&&this.bottomGroupItems.map((function(e,i){var s;return t.createVNode(nt,{style:e.style,class:e.class,id:i+((null==(s=this.topGroupItems)?void 0:s.length)||0),key:i,item:e,title:e.title,description:e.description,disabled:e.disabled,icon:e.icon,svgIcon:e.svgIcon,iconSize:e.iconSize,iconColor:e.iconColor,tabIndex:l||0,onClick:this.handleItemClick},null)}),this)])]),this.$props.footer&&t.createVNode(at,{footerClassName:u},lt(y)?y:{default:()=>[y]})]);return this.show&&t.createVNode("div",{class:"k-actionsheet-container"},[t.createVNode("div",{class:"k-overlay",onClick:this.handleOverlayClick},null),a?t.createVNode(s.Slide,{onExited:this.hideActionSheet,direction:"up",componentChildStyle:r||this.bottomPosition,transitionEnterDuration:c,transitionExitDuration:c,appear:o},{default:()=>[o?k:null]}):k])},methods:{handleKeyDown(e){this.$props.navigatable&&this.navigation.triggerKeyboardEvent(e)},onTab(e,t,i){i.preventDefault(),i.shiftKey?t.focusPrevious(e):t.focusNext(e)},handleOverlayClick(e){this.$emit("close",e),this.$props.animation||this.hideActionSheet()},handleItemClick(e){this.$emit("itemselect",e),this.$props.animation||this.hideActionSheet()},onEnter(e,t,i){if(e.ariaDisabled)return;const s=e.className&&-1!==e.className.indexOf("k-actionsheet-item"),n=t.elements.filter((e=>-1!==e.className.indexOf("k-actionsheet-item")));if(s){i.preventDefault();const t=this.$props.items[n.indexOf(e)];this.$emit("itemselect",{syntheticEvent:i,item:t,title:t&&t.title})}this.$props.animation||this.hideActionSheet()},onEscape(e,t,i){i.preventDefault(),this.$emit("close",i),this.$props.animation||this.hideActionSheet()},hideActionSheet(){this.show=!1}}}),ct=t.defineComponent({name:"KendoStackLayout",props:{id:String,orientation:{type:String,default:"horizontal",validator:function(e){return["horizontal","vertical"].includes(e)}},gap:{type:[String,Number]},align:{type:Object,validator:function(e){return["top","middle","bottom","stretch",void 0].includes(e.vertical)&&["start","center","end","stretch",void 0].includes(e.horizontal)}}},created(){i.validatePackage(p),this.layoutId=i.guid()},computed:{hAlign(){return this.$props.align&&this.$props.align.horizontal?this.$props.align.horizontal:"stretch"},vAlign(){return this.$props.align&&this.$props.align.vertical?this.$props.align.vertical:"stretch"},stackLayoutClasses(){const{orientation:e}=this.$props,t="horizontal"===e;return{"k-stack-layout":!0,"k-hstack":"horizontal"===e,"k-vstack":"vertical"===e,"k-justify-content-start":t&&"start"===this.hAlign||!t&&"top"===this.vAlign,"k-justify-content-center":t&&"center"===this.hAlign||!t&&"middle"===this.vAlign,"k-justify-content-end":t&&"end"===this.hAlign||!t&&"bottom"===this.vAlign,"k-justify-content-stretch":t&&"stretch"===this.hAlign||!t&&"stretch"===this.vAlign,"k-align-items-start":!t&&"start"===this.hAlign||t&&"top"===this.vAlign,"k-align-items-center":!t&&"center"===this.hAlign||t&&"middle"===this.vAlign,"k-align-items-end":!t&&"end"===this.hAlign||t&&"bottom"===this.vAlign,"k-align-items-stretch":!t&&"stretch"===this.hAlign||t&&"stretch"===this.vAlign}},stackLayoutStyles(){return{gap:`${"number"==typeof this.$props.gap?this.$props.gap+"px":this.$props.gap}`}}},render(){const e=i.getDefaultSlots(this),{id:s}=this.$props;return t.createVNode("div",{class:this.stackLayoutClasses,style:this.stackLayoutStyles,id:s||this.layoutId},[e])}}),ht=t.defineComponent({name:"KendoBreadcrumbOrderedList",props:{rootItem:Boolean,id:String,dir:String,tabIndex:Number,disabled:Boolean,collapseMode:{type:String,validator:function(e){return["auto","wrap","none"].includes(e)}}},computed:{itemClasses(){const{rootItem:e,disabled:t,collapseMode:i}=this.$props;return{"k-breadcrumb-root-item-container":e,"k-breadcrumb-container":!e,"k-disabled":t,"!k-flex-wrap":"wrap"===i,"k-flex-none":"none"===i}}},created(){this.currentDir=void 0},mounted(){this.currentDir=i.getDir(this.$el,this.$props.dir)},render(){const e=i.getDefaultSlots(this),{id:s,disabled:n,tabIndex:r}=this.$props;return t.createVNode("ol",{id:s,dir:this.currentDir,tabindex:i.getTabIndex(r,n),class:this.itemClasses},[e])}}),pt=t.defineComponent({name:"KendoBreadcrumbListItem",props:{id:String,isFirstItem:Boolean,isLastItem:Boolean},computed:{itemClasses(){const{isFirstItem:e,isLastItem:t}=this.$props;return{"k-breadcrumb-item":!0,"k-breadcrumb-root-item":e,"k-breadcrumb-last-item":t}}},render(){const e=i.getDefaultSlots(this);return t.createVNode("li",{id:this.$props.id,class:this.itemClasses},[e])}}),ut=t.defineComponent({name:"KendoBreadcrumbDelimiter",props:{id:String,dir:String,tabIndex:Number},render(){const{id:e,dir:s,tabIndex:n}=this.$props;return t.createVNode(i.Icon,{id:e,"aria-hidden":!0,tabIndex:n||0,size:"small",icon:"rtl"===s?r.chevronLeftIcon:r.chevronRightIcon,class:"k-breadcrumb-delimiter-icon"},null)}}),mt=t.defineComponent({name:"KendoBreadcrumbLink",props:{id:String,tabIndex:Number,dir:String,disabled:Boolean,text:String,svgIcon:Object,icon:Object,ariaCurrent:Boolean,isLast:Boolean,isFirst:Boolean,onSelect:Function},emits:["select","keydown"],computed:{itemClasses(){const{isFirst:e,svgIcon:t,text:i,disabled:s}=this.$props;return{"k-breadcrumb-root-link":e,"k-breadcrumb-link":!e,"k-breadcrumb-icontext-link":t&&i,"k-breadcrumb-icon-link":void 0!==t&&!i,"k-disabled":s}}},created(){this.currentDir=void 0},mounted(){this.currentDir=i.getDir(this.$el,this.$props.dir)},setup:()=>({linkRef:t.ref(null)}),render(){const{ariaCurrent:e,isLast:s,id:n,svgIcon:r,icon:a,text:o,tabIndex:l,disabled:d}=this.$props;return t.createVNode("a",{href:"#","aria-current":e||s&&"page","aria-disabled":d||s,id:n,ref:this.linkRef,dir:this.currentDir,tabindex:i.getTabIndex(l,d),class:this.itemClasses,onClick:e=>{e.preventDefault(),this.handleSelect(e)},onKeydown:this.handleKeyDown},[a||"",r&&t.createVNode(i.Icon,{class:"k-svg-icon",icon:r},null),o&&t.createVNode("span",{class:"k-breadcrumb-item-text"},[o])])},methods:{focus(){this.$el&&this.$el.focus()},handleSelect(e){this.$emit("select",{event:e,id:this.$props.id})},handleKeyDown(e){this.$emit("keydown",{event:e,id:this.$props.id})}}});function gt(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}const bt=t.defineComponent({name:"KendoBreadcrumb",emits:{select:e=>!0,keydown:null},props:{id:String,tabIndex:Number,disabled:Boolean,collapseMode:{type:String,default:"auto",validator:function(e){return["auto","wrap","none"].includes(e)}},ariaLabel:{type:String,default:"Breadcrumb"},breadcrumbOrderedList:[Object,Function,String],breadcrumbListItem:[Object,Function,String],breadcrumbDelimiter:[Object,Function,String],breadcrumbLink:[Object,Function,String],dataItems:{type:Array,default:[]},size:{type:String},dir:{type:String,default:void 0},valueField:{type:String,default:"id"},textField:{type:String,default:"text"},svgIconField:{type:String,default:"svgIcon"},iconField:{type:String,default:"icon"},onSelect:Function,onKeydown:Function},created(){this.observer=null,i.validatePackage(p)},data(){return{currentDir:"ltr",localData:[...this.dataItems],listItems:[],itemsData:[],addDelimiter:!1}},computed:{itemClasses(){const{disabled:e,size:t,collapseMode:s}=this.$props;return{"k-breadcrumb":!0,"k-rtl":"rtl"===this.currentDir,"k-disabled":e,"k-breadcrumb-md":!t,"k-breadcrumb-wrap":"wrap"===s,[`k-breadcrumb-${i.kendoThemeMaps.sizeMap[t]||t}`]:t}}},setup:()=>({breadcrumbRef:t.ref(null)}),mounted(){this.currentDir=i.getDir(this.$el,this.$props.dir),this.listItems=this.breadcrumbRef.querySelectorAll("li"),this.itemsData=Array.from(this.listItems).map(((e,t)=>({id:t,name:e.innerText,width:e.offsetWidth,visible:!0}))),this.resizeObserver=i.canUseDOM&&window.ResizeObserver&&new ResizeObserver(this.calculateMedia),this.breadcrumbRef&&this.resizeObserver&&(this.resizeObserver.observe(this.breadcrumbRef),this.$nextTick((()=>{this.calculateMedia()})))},unmounted(){null!=document&&document.body&&this.resizeObserver&&this.resizeObserver.disconnect()},render(){let e;const{id:s,dir:n,tabIndex:r,collapseMode:a,disabled:o,ariaLabel:l,valueField:d,svgIconField:c,iconField:h,textField:p}=this.$props,u=i.templateRendering.call(this,this.$props.breadcrumbDelimiter,i.getListeners.call(this)),m=this.$props.breadcrumbDelimiter?i.getTemplate.call(this,{h:t.h,template:u,additionalProps:{dir:this.currentDir,tabIndex:r}}):t.createVNode(ut,{dir:this.currentDir,tabIndex:r},null),g=i.templateRendering.call(this,this.$props.breadcrumbLink,i.getListeners.call(this)),b=t.createVNode(mt,{id:this.localData[0][d],isLast:this.localData.length-1==0,isFirst:!0,tabIndex:r,svgIcon:this.localData[0][c]||void 0,icon:this.localData[0][h]||void 0,text:this.localData[0][p]?String(this.localData[0][p]):void 0,disabled:this.localData[0].disabled,onSelect:this.handleSelect,onKeydown:this.handleKeyDown},null),f=i.getTemplate.call(this,{h:t.h,template:g,defaultRendering:b,additionalProps:{id:this.localData[0][d],isLast:this.localData.length-1==0,isFirst:!0,tabIndex:r,svgIcon:this.localData[0][c]||void 0,icon:this.localData[0][h]||void 0,text:this.localData[0][p]?String(this.localData[0][p]):void 0,disabled:this.localData[0].disabled,onSelect:this.handleSelect,onKeydown:this.handleKeyDown},defaultSlots:m});return t.createVNode("nav",{id:s,ref:e=>this.breadcrumbRef=e,tabindex:i.getTabIndex(r,o),dir:this.currentDir,"aria-label":l,class:this.itemClasses},["wrap"===a&&t.createVNode(ht,{rootItem:!0,dir:n,tabIndex:r},{default:()=>[t.createVNode(pt,{key:this.localData[0][d],isFirstItem:!0,isLastItem:this.dataItems.length-1==0},{default:()=>[f,this.localData.length>1&&m,this.addDelimiter&&"auto"===a&&m]})]}),t.createVNode(ht,{dir:n,tabIndex:r,collapseMode:this.$props.collapseMode},gt(e=this.localData.map(((e,s)=>{if(0===s&&"wrap"!==a)return t.createVNode(pt,{key:this.localData[0][d],isFirstItem:!0,isLastItem:this.localData.length-1==0},{default:()=>[f,m,this.addDelimiter&&"auto"===a&&m]});if(s>0){const n=t.createVNode(mt,{id:e[d],isLast:this.localData.length-1===s,isFirst:!1,tabIndex:r,svgIcon:e[c]||void 0,icon:e[h]||void 0,text:e[p]?String(e[p]):void 0,disabled:e.disabled,onSelect:this.handleSelect,onKeydown:this.handleKeyDown},null),a=i.getTemplate.call(this,{h:t.h,template:g,defaultRendering:n,additionalProps:{id:e[d],isLast:this.localData.length-1===s,isFirst:!1,tabIndex:r,svgIcon:e[c]||void 0,icon:e[h]||void 0,text:e[p]?String(e[p]):void 0,disabled:e.disabled,onSelect:this.handleSelect,onKeydown:this.handleKeyDown}});return t.createVNode(pt,{key:e[d],isFirstItem:!1,isLastItem:this.localData.length-1===s},{default:()=>[a,s!==this.localData.length-1&&m]})}})))?e:{default:()=>[e]})])},methods:{getLastHiddenItemWidth(){const e=this.itemsData.slice().reverse().findIndex((e=>0!==e.id&&!1===e.visible));if(-1!==e){const t=this.itemsData.length-1-e;return[t,this.itemsData[t].width]}return[-1,0]},calculateMedia(){if(this.breadcrumbRef.offsetWidth){this.listItems=this.breadcrumbRef.querySelectorAll("li");let e=this.itemsData.reduce(((e,t)=>t.visible?e+t.width:e),0);for(;this.breadcrumbRef.offsetWidth+1<e&&"auto"===this.collapseMode;){const t=this.itemsData.findIndex((e=>0!==e.id&&!0===e.visible));this.itemsData[t].visible=!1,this.listItems[t].style.display="none";e-=this.itemsData[t].width,this.addDelimiter=!0}let[t,i]=this.getLastHiddenItemWidth();if(-1!==t)for(;this.breadcrumbRef.offsetWidth-1>e+i&&this.addDelimiter&&(this.itemsData[t].visible=!0,this.listItems[t].style.display="",e+=i,this.addDelimiter=-1!==this.itemsData.findIndex((e=>!1===e.visible)),[t,i]=this.getLastHiddenItemWidth(),-1!==t););("wrap"===this.collapseMode||"none"===this.collapseMode)&&(this.listItems.forEach((e=>{e.style.display=""})),this.itemsData.forEach((e=>{e.visible=!0})))}},handleSelect(e){const t=this.dataItems.findIndex((t=>t.id===e.id)),i=this.dataItems.slice(0,t+1);this.localData=i,this.itemsData=i,this.$emit("select",{event:e,id:e.id})},handleKeyDown(e){if("Enter"===e.event.key){const t=this.dataItems.findIndex((t=>t.id===e.id)),i=this.dataItems.slice(0,t+1);this.localData=i,this.itemsData=i}this.$emit("keydown",{event:e,id:e.id})}}}),ft=t.defineComponent({name:"KendoExpansionPanel",props:{dir:String,id:String,tabIndex:Number,title:String,subtitle:String,titleRender:[String,Object,Function],subtitleRender:[String,Object,Function],expandIcon:String,expandSvgIcon:Object,collapseIcon:String,collapseSvgIcon:Object,expanded:Boolean,disabled:Boolean},created(){i.validatePackage(p)},computed:{wrapperClass(){const{expanded:e,disabled:t}=this.$props;return{"k-expander":!0,"k-expanded":e,"k-focus":this.focused&&!t,"k-disabled":t}},expandIconName(){const{expanded:e,expandIcon:t,collapseIcon:s}=this.$props;return e?t?i.getIconName(t):"chevron-up":s?i.getIconName(s):"chevron-down"},expandSVGIcon(){const{expanded:e,expandSvgIcon:t,collapseSvgIcon:i}=this.$props;return e?t||r.chevronUpIcon:i||r.chevronDownIcon}},data:()=>({focused:!1}),render(){const e=i.getDefaultSlots(this),{expanded:s=!1,disabled:n,title:r,titleRender:a,subtitle:o,subtitleRender:l,ariaControls:d,tabIndex:c,id:h}=this.$props,p=i.templateRendering.call(this,a,i.getListeners.call(this)),u=i.getTemplate.call(this,{h:t.h,template:p,defaultRendering:t.createVNode("div",{class:"k-expander-title"},[r])}),m=i.templateRendering.call(this,l,i.getListeners.call(this)),g=i.getTemplate.call(this,{h:t.h,template:m,defaultRendering:t.createVNode("div",{class:"k-expander-sub-title"},[o])});return t.createVNode("div",{class:this.wrapperClass,onFocusin:this.handleFocus,onFocusout:this.handleBlur,id:h,onKeydown:this.onKeyDown},[t.createVNode("div",{role:"button",ref:"header","aria-controls":d,"aria-expanded":s,"aria-disabled":n,tabindex:i.getTabIndex(c,n),class:"k-expander-header",onClick:this.onClick},[u,t.createVNode("span",{class:"k-spacer"},null),g,t.createVNode("span",{class:"k-expander-indicator"},[t.createVNode(i.Icon,{name:this.expandIconName,icon:this.expandSVGIcon},null)])]),e])},methods:{onClick(e){this.$props.disabled||this.$emit("action",{event:e,expanded:this.expanded})},onKeyDown(e){this.$props.disabled||(e.keyCode===i.Keys.enter||e.keyCode===i.Keys.space)&&e.target===this.$refs.header&&(e.preventDefault(),this.$emit("action",{event:e,expanded:this.expanded}))},handleFocus(){this.$props.disabled||(this.focused=!0)},handleBlur(){this.$props.disabled||(this.focused=!1)}}}),vt=t.defineComponent({name:"KendoExpansionPanelContent",created(){i.validatePackage(p)},render(){const e=i.getDefaultSlots(this);return t.createVNode("div",{class:"k-expander-content-wrapper"},[t.createVNode("div",{class:"k-expander-content"},[e])])}});e.ActionSheet=dt,e.ActionSheetContent=ot,e.ActionSheetFooter=at,e.ActionSheetHeader=rt,e.ActionSheetItem=nt,e.AppBar=Xe,e.AppBarSection=Ye,e.AppBarSpacer=_e,e.Avatar=C,e.BottomNavigation=tt,e.BottomNavigationItem=et,e.Breadcrumb=bt,e.BreadcrumbDelimiter=ut,e.BreadcrumbLink=mt,e.BreadcrumbListItem=pt,e.BreadcrumbOrderedList=ht,e.Card=I,e.CardActions=$,e.CardBody=S,e.CardFooter=N,e.CardHeader=y,e.CardImage=x,e.CardSubtitle=w,e.CardTitle=k,e.Drawer=F,e.DrawerContent=A,e.DrawerItem=T,e.DrawerNavigation=L,e.ExpansionPanel=ft,e.ExpansionPanelContent=vt,e.GridLayout=st,e.GridLayoutItem=it,e.Menu=Ne,e.MenuItemArrow=$e,e.MenuItemLink=Ie,e.PanelBar=Ee,e.PanelBarItem=Oe,e.Splitter=Ve,e.SplitterPane=Ce,e.StackLayout=ct,e.Step=M,e.Stepper=E,e.TabStrip=u,e.TabStripContent=h,e.TabStripNavigation=d,e.TabStripNavigationItem=l,e.TabStripTab=m,e.TileLayout=Ge,e.downArrowIcon=ye,e.flatChildren=ze,e.flatVisibleChildren=Pe,e.flatVisibleItems=function e(t,i=[]){return(t||[]).forEach((t=>{t.disabled||(i.push(t),t.expanded&&t.children&&e(t.children,i))})),i},e.getFirstId=Le,e.getInitialState=Fe,e.isArrayEqual=Be,e.isPresent=e=>null!=e,e.leftArrowIcon=Se,e.renderChildren=Ke,e.rightArrowIcon=ke}));
+!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:"8.0.0-develop.1",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},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,validator:function(e){return["none","small","medium","large","full"].includes(e)}},fillMode:{type:String,validator:function(e){return["solid","outline"].includes(e)}},size:{type:String,validator:function(e){return["none","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.$props.orientation}},inject:{kendoLocalizationService:{default:null}},data:()=>({focused:!1}),mounted(){this.$el&&(this.draggable=this.$refs.draggable)},render(){const e=this.isDraggable,s=this.isStatic,r=this.isHorizontal,a=i.classNames("k-splitbar",{"k-focus":this.focused,"k-splitbar-horizontal":r,"k-splitbar-vertical":!r,"k-splitbar-draggable-horizontal":r&&e,"k-splitbar-draggable-vertical":!r&&e,"k-splitbar-static-horizontal":r&&s,"k-splitbar-static-vertical":!r&&s}),o=this.previousArrowName(r),l=this.previousArrowSVG(r),d=this.nextArrowName(r),c=this.nextArrowSVG(r),h=n.provideLocalizationService(this).toLanguageString(R,V[R]);return t.createVNode(i.Draggable,{onPress:e=>this.onDrag(e,!0,!1),onDrag:e=>this.onDrag(e,!1,!1),onRelease:e=>this.onDrag(e,!1,!0),ref:"draggable"},{default:()=>[t.createVNode("div",{tabindex:s?-1:0,role:"separator",class:a,style:{touchAction:"none"},onFocusin:this.onFocus,onFocusout:this.onBlur,onDblclick:this.onToggle,onKeydown:this.onKeyDown,"aria-label":h,"aria-orientation":this.isHorizontal?"vertical":"horizontal"},[this.prev.collapsible&&t.createVNode("span",{class:"k-collapse-prev",onClick:this.onPrevToggle},[t.createVNode(i.Icon,{name:o,icon:l,size:"xsmall"},null)]),t.createVNode("div",{class:"k-resize-handle"},null),this.next.collapsible&&t.createVNode("span",{class:"k-collapse-next",onClick:this.onNextToggle},[t.createVNode(i.Icon,{name:d,icon:c,size:"xsmall"},null)])])]})},methods:{onDrag(e,t,i){const s=e,{index:n}=this.$props,r=this.draggable&&this.draggable.element;!i&&s&&s.originalEvent.preventDefault(),r&&!this.isStatic&&this.isDraggable&&this.$emit("drag",s,r,n,t,i)},onFocus(){this.focused=!0},onBlur(){this.focused=!1},onToggle(e){const{index:t,prev:i,next:s}=this.$props;(i.collapsible||s.collapsible)&&this.$emit("toggle",i.collapsible?t:t+1,e)},onPrevToggle(e){const{index:t,prev:i}=this.$props;i.collapsible&&this.$emit("toggle",t,e)},onNextToggle(e){const{index:t,next:i}=this.$props;i.collapsible&&this.$emit("toggle",t+1,e)},onKeyDown(e){const t=e&&e.keyCode,s=this.isHorizontal,{index:n}=this.$props,r=this.draggable&&this.draggable.element,a=(t,i,s)=>{e.preventDefault(),this.$emit("keyboardresize",t,i,s,e)};r&&(t===i.Keys.enter?(e.preventDefault(),this.onToggle(e)):this.isDraggable&&(s&&t===i.Keys.left?a(r,n,-10):s&&t===i.Keys.right?a(r,n,10):s||t!==i.Keys.up?!s&&t===i.Keys.down&&a(r,n,10):a(r,n,-10)))},previousArrowName(e){const{prev:t}=this.$props,i=t.collapsed;return e&&!i?this.isRtl?"caret-alt-right":"caret-alt-left":e&&i?this.isRtl?"caret-alt-left":"caret-alt-right":e||i?!e&&i?"caret-alt-down":"":"caret-alt-up"},previousArrowSVG(e){const{prev:t}=this.$props,i=t.collapsed;return e&&!i?this.isRtl?r.caretAltRightIcon:r.caretAltLeftIcon:e&&i?this.isRtl?r.caretAltLeftIcon:r.caretAltRightIcon:e||i?!e&&i?r.caretAltDownIcon:void 0:r.caretAltUpIcon},nextArrowName(e){const{next:t}=this.$props,i=t.collapsed;return e&&!i?this.isRtl?"caret-alt-left":"caret-alt-right":e&&i?this.isRtl?"caret-alt-right":"caret-alt-left":e||i?!e&&i?"caret-alt-up":"":"caret-alt-down"},nextArrowSVG(e){const{next:t}=this.$props,i=t.collapsed;return e&&!i?this.isRtl?r.caretAltLeftIcon:r.caretAltRightIcon:e&&i?this.isRtl?r.caretAltRightIcon:r.caretAltLeftIcon:e||i?!e&&i?r.caretAltUpIcon:void 0:r.caretAltDownIcon}}}),Re={collapsible:!1,collapsed:!1,resizable:!0,scrollable:!0},Ve=t.defineComponent({name:"KendoSplitter",props:{orientation:{type:String,default:"horizontal",validator:function(e){return["vertical","horizontal"].includes(e)}},panes:Array,defaultPanes:Array},mounted(){this.currentRtl=i.isRtl(this.$el)},emits:{change:e=>!0},computed:{isControlledState(){return void 0!==this.$props.panes},computedPanes(){return this.isControlledState?this.$props.panes:this.currentPanes}},created(){i.validatePackage(p)},data(){return{currentRtl:!1,isDragging:!1,dragIndex:void 0,startTime:0,originalX:0,originalY:0,originalPrevSize:0,originalNextSize:0,currentPanes:this.$props.defaultPanes||[]}},render(){const e=this.panesOptions(),s=i.classNames("k-widget","k-splitter","k-splitter-flex",`k-splitter-${this.orientation}`);return this.validatePanes(e),t.createVNode("div",{class:s},[function(e){return e.map((function(s,n){const r=i.templateRendering.call(this,s.content,i.getListeners.call(this));let a;const o=2*n,l=o+1;if(n+1<e.length){const i=e[n+1];a=t.createVNode(De,{key:l,index:n,orientation:this.orientation,prev:s,next:i,onDrag:this.onBarDragResize,onToggle:this.onBarToggle,onKeyboardresize:this.onBarKeyboardResize,isRtl:this.currentRtl},null)}return[t.createVNode(Ce,{key:o,containsSplitter:s.containsSplitter,size:s.size,min:s.min,max:s.max,resizable:s.resizable,collapsible:s.collapsible,collapsed:s.collapsed,scrollable:s.scrollable,keepMounted:s.keepMounted,content:r},null),a]}),this)}.call(this,e)])},methods:{validatePanes(e){if(!e.filter((e=>void 0===e.size)).length)throw new Error("The Splitter should have at least one pane without a set size.")},mapPaneOptions(e){const t=this.orientation,i=[];for(let s=0;s<e.length;s++){let n=!1;this.isDragging&&void 0!==this.dragIndex&&(n=this.dragIndex===s||this.dragIndex+1===s),i.push({...Re,orientation:t,overlay:n,...e[s]})}return i},onBarToggle(e,t){const i=this.panesOptions().map(((t,i)=>{const s=t;return i===e?{...s,collapsed:!t.collapsed}:{...s}}));this.$emit("change",{newState:i,isLast:!0,nativeEvent:t})},onBarDragResize(e,t,i,s,n){const r=(new Date).getTime(),{pageX:a,pageY:o}=e,{prevElement:l,nextElement:d}=this.surroudingPanes(t);if(!l||!d)return;if(s)return this.isDragging=!0,this.dragIndex=i,this.startTime=r,this.originalX=a,this.originalY=o,this.originalPrevSize=this.elementSize(l),void(this.originalNextSize=this.elementSize(d));const{originalPrevSize:c,originalNextSize:h,startTime:p,originalX:u,originalY:m}=this.$data;if(!s&&r-p<150)return void(n&&this.resetDragState());let g;g="vertical"===this.orientation?o-m:this.currentRtl?u-a:a-u,this.resize(i,i+1,c,h,g,n,e),n&&this.resetDragState()},onBarKeyboardResize(e,t,i,s){const{prevElement:n,nextElement:r}=this.surroudingPanes(e),a=this.elementSize(n),o=this.elementSize(r);this.resize(t,t+1,a,o,i,!0,s)},surroudingPanes:e=>({prevElement:e.previousElementSibling,nextElement:e.nextElementSibling}),containerSize(){return this.$el?this.elementSize(this.$el,!0):0},isPercent:e=>/%$/.test(e),toPixels(e,t){let i=parseInt(e,10);return this.isPercent(e)&&(i=t*i/100),i},panesOptions(){return this.mapPaneOptions(this.computedPanes)},resetDragState(){this.isDragging=!1,this.dragIndex=void 0,this.startTime=0,this.originalX=0,this.originalY=0,this.originalPrevSize=0,this.originalNextSize=0},elementSize(e,t){const i=t?"client":"offset";return"vertical"===this.orientation?e[`${i}Height`]:e[`${i}Width`]},clamp:(e,t,i)=>Math.min(t,Math.max(e,i)),fixedSize:e=>e&&e.length>0,resize(e,t,i,s,n,r,a){const o=this.panesOptions(),l=o[e],d=o[t],c=i+s,h=this.containerSize(),p=e=>this.toPixels(e,h),u={index:e,initialSize:i,min:p(l.min)||c-p(d.max)||0,max:p(l.max)||c-p(d.min)||c},m={index:t,initialSize:s,min:p(d.min)||c-p(l.max)||0,max:p(d.max)||c-p(l.min)||c},g=(e,t)=>{const i=o[e.index],s=this.clamp(e.min,e.max,e.initialSize+t);return this.isPercent(i.size||"")?100*s/h+"%":s+"px"};let b,f;this.fixedSize(l.size)&&this.fixedSize(d.size)?(b=g(u,n),f=g(m,-n)):d.collapsible||this.fixedSize(d.size)?f=g(m,-n):b=g(u,n);const v=o.map(((i,s)=>{const n=i;return s===e?{...n,size:b}:s===t?{...n,size:f}:{...n}}));this.panesDuringOnChange=v,this.isControlledState||(this.currentPanes=v),this.$emit("change",{newState:v,isLast:r,nativeEvent:a}),this.panesDuringOnChange=void 0}}});const Te=t.defineComponent({name:"KendoPanelBarGroup",props:{item:Object,items:Array,animation:Boolean,expanded:Boolean,disabled:Boolean,keepItemsMounted:Boolean,uniquePrivateKey:[String,Number],content:Object},data(){return{show:this.$props.expanded}},render(){const{item:e,items:n,uniquePrivateKey:r,disabled:a,expanded:o,animation:l,keepItemsMounted:d}=this.$props,c=i.getTemplate.call(this,{h:t.h,template:this.$props.content,defaultRendering:null,additionalProps:{...this.$props,show:this.show}}),h=!a&&o,p=h||d?n?t.createVNode("ul",{role:"group",class:"k-panelbar-group",style:{display:d?this.$data.show?"block":"none":"block"}},[n.map((function(i){return t.h(Oe,{...i,item:e})}),this)]):this.$props.content?t.createVNode("div",{class:"k-panelbar-content"},[c]):null:null;return void 0!==l&&!l||a?p:t.createVNode(s.Reveal,{appear:h,transitionEnterDuration:200,transitionExitDuration:200,key:r+"_animation",style:{display:"block"},onEntering:this.handleEntering,onExited:this.handleExited},function(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}(p)?p:{default:()=>[p]})},methods:{handleEntering(){this.keepItemsMounted&&(this.show=!0)},handleExited(){this.keepItemsMounted&&(this.show=!1)}}}),Oe=t.defineComponent({name:"KendoPanelBarItem",props:{item:Object,items:Array,animation:Boolean,expanded:Boolean,disabled:Boolean,selected:Boolean,level:Number,title:{type:[String,Object,Function],default:function(){return"Untitled"}},id:[String,Number],focused:Boolean,keepItemsMounted:Boolean,uniquePrivateKey:[String,Number],parentUniquePrivateKey:Array,parentExpanded:Boolean,headerClassName:String,iconClass:String,imageUrl:String,icon:String,svgIcon:Object,content:Object,header:Object},inject:{dispatchItemSelect:{default:null}},render(){const{id:e,item:s,icon:n,svgIcon:a,items:o,content:l,title:d,uniquePrivateKey:c,disabled:h,selected:p,focused:u,expanded:m,className:g,level:b,headerClassName:f,animation:v,keepItemsMounted:I}=this.$props,y=!!o||!!l,k=i.classNames("k-panelbar-item",{"k-panelbar-header":0===b,"k-panelbar-item":0!==b,"k-expanded":m&&y,"k-disabled":h},`k-level-${b}`,g),S=i.classNames("k-link",{"k-selected":!h&&p,"k-focus":u},f),$=i.classNames("k-panelbar-toggle",{"k-panelbar-collapse":m&&y,"k-panelbar-expand":!m&&y}),x=m?"chevron-up":"chevron-down",w=m?r.chevronUpIcon:r.chevronDownIcon,N=function(){return this.imageUrl?t.createVNode("img",{role:"presentation",class:"k-panelbar-item-icon k-image",src:this.imageUrl},null):n||a?t.createVNode(i.Icon,{name:n,class:"k-panelbar-item-icon",icon:a},null):this.iconClass?t.createVNode(i.Icon,{class:"k-panelbar-item-icon "+this.iconClass},null):null}.call(this),C=h||!o&&!l?null:t.createVNode(i.Icon,{name:x,icon:w,class:$},null),D=o||l?t.createVNode(Te,{items:o,item:s,content:l,uniquePrivateKey:c,disabled:h,expanded:m,animation:v,keepItemsMounted:I},null):null,R=i.getTemplate.call(this,{h:t.h,template:this.$props.header,defaultRendering:null,additionalProps:{...this.$props}});return t.createVNode("li",{id:e,class:k,role:"treeitem","aria-disabled":h,"aria-hidden":!h&&!m,"aria-selected":!h&&p,"aria-expanded":!h&&m&&y},[t.createVNode("span",{class:S,onClick:this.handleItemClick},[N,this.$props.header?R:t.createVNode("span",{class:"k-panelbar-item-text"},[d]),C]),D])},methods:{handleItemClick(){const{disabled:e,id:t}=this.$props;e||this.dispatchItemSelect({uniquePrivateKey:this.$props.uniquePrivateKey,id:t,target:this})},childFactory:e=>e}}),Ke=function(e,{animation:t=!0,keepItemsMounted:s=!1,state:n,expanded:r,handleSelect:a,parentExpanded:o=!0,level:l=0,parentPrivateKey:d=[]}){return e.map((function(e,c){let h,p=Ae(e,d,c);const u=i.templateRendering.call(this,e.content,i.getListeners.call(this)),m=i.templateRendering.call(this,e.header,i.getListeners.call(this));if(e.items){const i={animation:t,keepItemsMounted:s,state:n,expanded:r,handleSelect:a,parentExpanded:(r||[]).indexOf(p)>-1,level:l+1,parentPrivateKey:[...d,p]};h=Ke.call(this,e.items,i)}return{...e,animation:void 0!==e.animation?e.animation:t,keepItemsMounted:s,id:e.id||`k-panelbar-item-default-${p}`,uniquePrivateKey:p,parentUniquePrivateKey:d,parentExpanded:o,level:l,expanded:(r||[]).indexOf(p)>-1,focused:n.currentFocused===p&&n.wrapperFocused,selected:n.currentSelected===p,items:h,content:u,header:m}}),this)},Le=e=>{const t=e.items[0];return t?Ae(t,[],0):""},Fe=(e,t,i={currentExpanded:e.expanded||[],currentSelected:e.selected||"",currentFocused:e.focused||"",wrapperFocused:!1},s=!0,n=[])=>(e.items.forEach(((e,r)=>{let a=Ae(e,n,r);!e.disabled&&s&&(e.selected&&(i.currentSelected=a),e.focused&&(i.currentFocused=a),e.expanded&&("multiple"===t?i.currentExpanded.push(a):"single"===t&&(i.currentExpanded=[a])),e.items&&(i=Fe(e,t,i,!!e.expanded,[...n,a])))})),i),Ae=(e,t,i)=>e&&e&&e.id?e.id:t.length?t[t.length-1]+`.${i}`:`.${i}`;function ze(e,t=[]){return e.forEach((e=>{e&&e&&!e.disabled&&(t.push(e),e.items&&ze(e.items,t))})),t}function Pe(e,t=[]){return e.forEach((e=>{e&&(e.expanded||e.parentExpanded)&&(t.push(e),e.items&&Pe(e.items,t))})),t}const Be=(e,t)=>e.length===t.length&&e.every(((e,i)=>e===t[i]));var Me=(e=>(e[e.Toggle=0]="Toggle",e[e.Next=1]="Next",e[e.Previous=2]="Previous",e))(Me||{});const Ee=t.defineComponent({name:"KendoPanelBar",emits:{select:e=>!0,keydown:null},props:{animation:{type:Boolean,default:!0},items:Array,dir:String,selected:[String,Number],expanded:{type:Array,default:void 0},focused:[String,Number],expandMode:{type:String,default:"multiple",validator:function(e){return["single","multiple"].includes(e)}},className:String,keepItemsMounted:Boolean},created(){this.activeDescendant=null,i.validatePackage(p),this.showLicenseWatermark=i.shouldShowValidationUI(p),this.licenseMessage=i.getLicenseMessage(p)},data(){const e=Fe(this.$props,this.expandMode);return e.currentFocused||(e.currentFocused=Le(this.$props)),e},computed:{selectedItem(){const{selected:e=this.currentSelected}=this.$props;return e},expandedItems(){return void 0!==this.$props.expanded?this.$props.expanded||[]:this.currentExpanded},computedItems(){const e={currentExpanded:[],...this.$data,selected:this.selectedItem},t={animation:this.$props.animation,keepItemsMounted:this.$props.keepItemsMounted,state:e,expanded:this.expandedItems,handleSelect:this.handleSelect};return Ke.call(this,this.items,t)}},provide(){return{dispatchItemSelect:this.handleSelect}},render(){const e=i.classNames("k-panelbar",this.$props.className),s=this.showLicenseWatermark?t.createVNode(i.WatermarkOverlay,{message:this.licenseMessage},null):null;return t.createVNode("ul",{dir:this.$props.dir,role:"tree",tabindex:0,onKeydown:this.handleKeyDown,onFocus:this.handleWrapperFocus,onBlur:this.handleWrapperBlur,class:e,"aria-activedescendant":this.activeDescendant},[this.computedItems.map((function(e){return t.h(Oe,{...e,item:e})}),this),s])},methods:{handleSelect(e){this.onSelect(e),this.onFocus(e)},onSelect(e){let t,i;if(ze(this.computedItems).forEach((i=>{i.uniquePrivateKey===(e.uniquePrivateKey||this.currentFocused)&&(t=i)})),t){let e;switch(this.expandMode){case"single":i=[...t.parentUniquePrivateKey,t.uniquePrivateKey],Be(this.expandedItems,i)&&(i=t.parentUniquePrivateKey?[...t.parentUniquePrivateKey]:[]);break;case"multiple":i=this.expandedItems.slice(),e=i.indexOf(t.uniquePrivateKey),-1===e?i.push(t.uniquePrivateKey):i.splice(e,1);break;default:i=this.expandedItems.slice()}this.currentSelected=t.uniquePrivateKey,this.currentExpanded=i,this.$emit("select",{target:t,expandedItems:i})}},onFocus(e,t=0){const i=Pe(this.computedItems);let s;i.forEach(((n,r)=>{if(n.uniquePrivateKey===(e.uniquePrivateKey||this.currentFocused)){let e=r+t<0?0:r+t>i.length?i.length-1:r+t;s=i[e]}})),s&&(this.activeDescendant=s.id,this.currentFocused=s.uniquePrivateKey)},onNavigate(e,t){let i;switch(t){case Me.Previous:i=-1,this.onFocus(e,i);break;case Me.Next:i=1,this.onFocus(e,i);break;case Me.Toggle:this.onSelect(e)}},handleWrapperFocus(){this.wrapperFocused||(this.wrapperFocused=!0)},handleWrapperBlur(){this.wrapperFocused=!1},handleKeyDown(e){const t=this._element&&"rtl"===getComputedStyle(this._element).direction||!1;if(e.target===e.currentTarget){let s;switch(e.keyCode){case i.Keys.left:s=t?Me.Next:Me.Previous;break;case i.Keys.up:s=Me.Previous;break;case i.Keys.right:s=t?Me.Previous:Me.Next;break;case i.Keys.down:s=Me.Next;break;case i.Keys.space:case i.Keys.enter:s=Me.Toggle;break;default:s=null}null!==s&&(e.preventDefault(),this.onNavigate(e,s))}this.$emit("keydown",e)}}}),je=t.defineComponent({name:"KendoResizeHandlers",props:{direction:String,rtl:Boolean,onResize:Function,onPress:Function},computed:{handleClass(){return"k-resize-handle k-cursor-"+this.direction+"-resize"},dirStyles(){const{direction:e}=this.$props;switch(e){case"ew":return this.rtl?{top:0,width:"9px",left:0,right:""}:{top:0,width:"9px",right:0,left:""};case"ns":return{left:0,height:"9px"};case"nesw":case"nwse":return this.rtl?{width:"9px",height:"9px",right:"",left:0}:{width:"9px",height:"9px",right:0,left:""};default:return{}}},handleStyle(){return{bottom:0,right:0,...this.dirStyles}}},render(){const{direction:e}=this.$props;return t.createVNode(i.Draggable,{onPress:this.handlePress,onDrag:t=>{this.handleResize(t,!1,e)},onRelease:t=>{this.handleResize(t,!0,e)}},{default:()=>[t.createVNode("div",{class:this.handleClass,style:this.handleStyle},null)]})},methods:{handleResize(e,t,i){e.originalEvent.preventDefault(),this.$emit("resize",e,{end:t,direction:i})},handlePress(e){this.$emit("press",e)}}});function We(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}const He=["k-card-title","k-card-body","k-tilelayout-item-body","k-tilelayout-item","k-tilelayout-item-header","k-resize-handle"],qe=t.defineComponent({name:"KendoTile",inheritAttrs:!1,props:{defaultPosition:{type:Object,required:!0},index:Number,tile:Object,hintStyle:Object,hintClass:String,header:[String,Function,Object],body:[String,Function,Object],item:[String,Function,Object],resizable:{type:[String,Boolean],default:!0,validator:function(e){return["horizontal","vertical",!0,!1].includes(e)}},reorderable:{type:Boolean,default:!0},tabIndex:{type:Number,default:0},ariaDescribedBy:String,ignoreDrag:Function,onUpdate:Function},created(){this.oldSize={},this.dragging=!1,this.resizing=!1,this.currentIgnoreDrag=!1,this.pressOffset={x:0,y:0},this.pressXY={x:0,y:0},this.currentTranslate={x:0,y:0},this.prevDefaultPosition=this.$props.defaultPosition,this.preventDataOps=void 0},computed:{wrapperClass(){return{"k-tilelayout-item":!0,"k-card":!0,"k-cursor-grab":this.reorderable}}},data:()=>({rtl:!1,grabbed:!1,showHint:!1}),mounted(){this.$el&&(this.element=3===this.$el.nodeType||8===this.$el.nodeType?this.$el.nextElementSibling:this.$el,this.draggable=this.$refs.draggable,"rtl"===getComputedStyle(this.element).direction&&(this.rtl=!0))},watch:{defaultPosition:function(e,t){this.prevDefaultPosition=t}},beforeUpdate(){this.oldSize={};const e=this.dragElement();return e&&(this.oldSize=e.getBoundingClientRect()),null},updated(){const e=this.dragElement();if(this.hintElement=i.getRef(this,"hintElement"),!e)return;const t=e.getBoundingClientRect(),s=this.oldSize;if(this.resizing){const i=t.width-s.width;if(this.rtl){const t=parseFloat(e.style.marginLeft||"0");e.style.marginLeft=t-i+"px"}else{const t=parseFloat(e.style.marginRight||"0");e.style.marginRight=t+i+"px"}this.pressXY.x+=this.rtl?-i:i;const n=t.height-s.height,r=parseFloat(e.style.height.substring(12));e.style.height=`calc(100% + ${r+n}px)`,this.pressXY.y+=n}const n=s.left-t.left,r=s.top-t.top;if(0!==n||0!==r){if(this.dragging)return void((this.prevDefaultPosition.order!==this.$props.defaultPosition.order||this.prevDefaultPosition.col!==this.$props.defaultPosition.col)&&(this.currentTranslate.x=0,this.currentTranslate.y=0,e.style.transform=""));Math.abs(r)<15&&Math.abs(n)<15||requestAnimationFrame((()=>{const e=this.element;e&&(e.style.transform=`translate(${n}px, ${r}px)`,e.style.transition="transform 0s",requestAnimationFrame((()=>{e.style.transform="",e.style.transition="transform 200ms cubic-bezier(0.2, 0, 0, 1) 0s"})))}))}},render(){const e=i.getDefaultSlots(this);clearTimeout&&"function"==typeof clearTimeout&&(clearTimeout(this.preventDataOps),i.canUseDOM&&(this.preventDataOps=window.setTimeout((()=>{this.preventDataOps=void 0}),200)));const s=this.$props.defaultPosition,n=this.$props.resizable,r={gridColumnStart:s.col,gridColumnEnd:`span ${s.colSpan}`,gridRowStart:s.row,gridRowEnd:`span ${s.rowSpan}`,outline:"none",order:s.order,...this.$props.hintStyle},a={gridColumnStart:s.col,gridColumnEnd:`span ${s.colSpan}`,gridRowStart:s.row,gridRowEnd:`span ${s.rowSpan}`,order:s.order},o=t.createVNode("div",{class:this.wrapperClass,style:{height:"100%",...a},role:"listitem",tabindex:this.$props.tabIndex,"aria-keyshortcuts":"Enter","aria-ariaDescribedBy":this.$props.ariaDescribedBy,onTouchstart:this.touchStart},[e,n&&"vertical"!==n&&t.createVNode(je,{onPress:this.handlePress,onResize:this.handleResize,direction:"ew",rtl:this.rtl},null),n&&"horizontal"!==n&&t.createVNode(je,{onPress:this.handlePress,onResize:this.handleResize,direction:"ns",rtl:this.rtl},null),!0===n&&t.createVNode(je,{onPress:this.handlePress,onResize:this.handleResize,direction:this.rtl?"nesw":"nwse",rtl:this.rtl},null)]);return[this.showHint&&t.createVNode("div",{ref:i.setRef(this,"hintElement"),style:{position:"absolute",...r},class:i.classNames("k-layout-item-hint k-layout-item-hint-reorder",this.$props.hintClass)},null),t.createVNode(i.Draggable,{ref:"draggable",onDrag:this.handleDrag,onRelease:this.handleRelease,onPress:this.handlePress},We(o)?o:{default:()=>[o]})]},methods:{touchStart(e){(this.tile.dragClasses?[...He,...this.tile.dragClasses]:He).some((t=>e.target.classList.contains(t)))&&e.preventDefault()},dragElement(){return this.draggable&&this.draggable.element},handleResize(e,t){const i=this.dragElement();if(t.end)return void this.handleRelease();if(!this.reorderable||!this.element)return;const s=e.clientX,n=e.clientY;this.resizing=!0;const r=("ns"!==t.direction?s-this.pressXY.x:0)*(this.rtl?-1:1),a="ew"!==t.direction?n-this.pressXY.y:0;if(i&&(this.rtl?i.style.marginLeft=-r+"px":i.style.marginRight=-r+"px",i.style.height=`calc(100% + ${a}px)`),this.showHint=!0,this.hintElement&&this.hintElement.classList.add("k-layout-item-hint-resize"),this.element.classList.add("k-layout-item-hint","k-layout-item-hint-resize"),this.preventDataOps)return;let o=0,l=0;const d=this.element.getBoundingClientRect();r>d.width/this.$props.defaultPosition.colSpan/3&&(o=1),r<-d.width/this.$props.defaultPosition.colSpan/1.25&&(o=-1),a>d.height/this.$props.defaultPosition.rowSpan/3&&(l=1),a<-d.height/this.$props.defaultPosition.rowSpan/1.25&&(l=-1),(0!==o||0!==l)&&this.$emit("update",this.$props.index,0,0,l,o,!0)},handlePress(e){const t=this.dragElement();if(!this.reorderable||!t)return;if(this.pressXY={x:e.clientX,y:e.clientY},this.currentIgnoreDrag=!1,this.$props.ignoreDrag&&this.$props.ignoreDrag(e.originalEvent))return void(this.currentIgnoreDrag=!0);this.element&&(this.element.style.zIndex="10",this.element.classList.add("k-layout-item-hint"),this.showHint=!0),t.classList.remove("k-cursor-grab"),t.classList.add("k-cursor-grabbing"),this.grabbed=!0;const i=t.getBoundingClientRect();this.pressOffset={x:e.clientX-i.x,y:e.clientY-i.y}},handleDrag(e){if(!this.reorderable||this.currentIgnoreDrag)return;const t=this.dragElement();if(e.originalEvent.defaultPrevented||!t)return;this.dragging=!0,e.originalEvent.preventDefault();const i=t.getBoundingClientRect();if(this.currentTranslate={x:e.clientX-i.x-this.pressOffset.x+this.currentTranslate.x,y:e.clientY-i.y-this.pressOffset.y+this.currentTranslate.y},t.style.transform=`translate(${this.currentTranslate.x}px, ${this.currentTranslate.y}px)`,t.style.transition="transform 0s",this.preventDataOps)return;let s=0,n=0;this.currentTranslate.y>.7*i.height/this.$props.defaultPosition.rowSpan&&(n=1),this.currentTranslate.y<.7*-i.height/this.$props.defaultPosition.rowSpan&&(n=-1),this.currentTranslate.x>.7*i.width/this.$props.defaultPosition.colSpan&&(s=1),this.currentTranslate.x<.7*-i.width/this.$props.defaultPosition.colSpan&&(s=-1),this.$emit("update",this.$props.index,n,this.rtl?-s:s,0,0)},handleRelease(){if(!this.reorderable)return;this.dragging=this.resizing=!1,this.currentTranslate={x:0,y:0},this.element&&(this.element.style.zIndex="1",this.element.classList.remove("k-layout-item-hint","k-layout-item-hint-resize"),this.hintElement&&this.hintElement.classList.remove("k-layout-item-hint-resize"),this.showHint=!1);const e=this.dragElement();e&&(e.style.transform="translate(0px, 0px)",e.style.transition="transform 200ms cubic-bezier(0.2, 0, 0, 1) 0s",e.style.marginRight="0px",e.style.marginLeft="0px",e.style.height="100%",e.classList.remove("k-cursor-grabbing"),e.classList.add("k-cursor-grab"),this.grabbed=!1)}}}),Ue={column:"k-grid-flow-col",row:"k-grid-flow-row","column dense":"k-grid-flow-col-dense","row dense":"k-grid-flow-row-dense",unset:"k-grid-flow-unset"},Ge=t.defineComponent({name:"KendoTileLayout",props:{id:String,dir:String,gap:Object,columns:Number,columnWidth:[Number,String],rowHeight:[Number,String],dataItemKey:String,items:Array,positions:Array,autoFlow:{type:String,default:"column",validator:function(e){return["column","row","column dense","row dense","unset"].includes(e)}},ignoreDrag:Function},created(){i.validatePackage(p),this.showLicenseWatermark=i.shouldShowValidationUI(p),this.licenseMessage=i.getLicenseMessage(p)},data:()=>({currentPositions:[],showLicenseWatermark:!1,licenseMessage:void 0}),computed:{compPositions(){return this.positions?this.positions.map(((e,t)=>Object.assign({order:t,rowSpan:1,colSpan:1},e))):this.items&&this.currentPositions.length?this.currentPositions.map(((e,t)=>Object.assign({order:t,rowSpan:1,colSpan:1},e))):(this.$props.items||[]).map(((e,t)=>Object.assign({order:t,rowSpan:1,colSpan:1},e.defaultPosition)))},wrapperClass(){const{autoFlow:e}=this.$props;return{"k-tilelayout":!0,"k-pos-relative":!0,[Ue[e]]:!0}}},render(){const{columns:e=3,columnWidth:s="1fr",gap:n,rowHeight:r="1fr",items:a=[]}=this.$props,o=n?`${"number"==typeof n.rows?n.rows+"px":n.rows} ${"number"==typeof n.columns?n.columns+"px":n.columns}`:16,l={gridTemplateColumns:`repeat(${e}, minmax(0px, ${"number"==typeof s?s+"px":s}))`,gridAutoRows:`minmax(0px, ${"number"==typeof r?r+"px":r})`,gap:o,padding:o},d=this.showLicenseWatermark?t.createVNode(i.WatermarkOverlay,{message:this.licenseMessage},null):null;return t.createVNode("div",{dir:this.$props.dir,class:this.wrapperClass,style:l,id:this.$props.id,role:"list"},[a.map((function(e,s){const n=e&&e.id||i.guid(),r=i.templateRendering.call(this,e.item,i.getListeners.call(this)),a=i.getTemplate.call(this,{h:t.h,template:r,defaultRendering:null,additionalProps:{tile:e,index:s}}),o=i.templateRendering.call(this,e.header,i.getListeners.call(this)),l=i.getTemplate.call(this,{h:t.h,template:o,defaultRendering:null,additionalProps:{tile:e,index:s,id:n,headerText:e.headerText}}),d=i.templateRendering.call(this,e.body,i.getListeners.call(this)),c=i.getTemplate.call(this,{h:t.h,template:d,defaultRendering:null,additionalProps:{tile:e,index:s,bodyText:e.bodyText}});return t.createVNode(qe,{key:this.$props.dataItemKey?i.getter(this.$props.dataItemKey)(e):s,onUpdate:this.updateHandle,defaultPosition:this.compPositions[s],index:s,resizable:e.resizable,reorderable:e.reorderable,style:e.style,class:e.class,tile:e,hintClass:e.hintClass,hintStyle:e.hintStyle,ignoreDrag:this.$props.ignoreDrag,"aria-describedby":n,"tab-index":e.tabIndex},{default:()=>[e.item?a:[t.createVNode("div",{class:"k-tilelayout-item-header k-card-header"},[e.header?l:t.createVNode("h5",{class:"k-card-title",id:n},[e.headerText])]),t.createVNode("div",{class:"k-tilelayout-item-body k-card-body"},[e.body?c:e.bodyText])]]})}),this),d])},methods:{focus(){this.$el&&this.$el.focus()},updateHandle(e,t,i,s=0,n=0,r){if(0===t&&0===i&&!n&&!s)return;let a=!1;const o=this.compPositions.map((e=>Object.assign({},e))),l=o[e],d=o.find((e=>e.order===l.order+t));d&&d!==l&&(l.order+=t,d.order+=-t,a=!0);const c=l.col+i;0!==i&&c>=1&&c+l.colSpan<=(this.$props.columns||3)+1&&(l.col=c,a=!0);const h=l.colSpan+n;n&&h>=1&&h+l.col<=(this.$props.columns||3)+1&&(l.colSpan=h,a=!0);const p=l.rowSpan+s;s&&p>=1&&(l.rowSpan=p,a=!0),a&&(this.currentPositions=o,r&&this.$emit("tileresize",{value:o,index:e,rowSpan:s,colSpan:n}),this.$emit("reposition",{value:o,index:e,row:t,col:i}))}}}),Xe=t.defineComponent({name:"KendoAppBar",props:{id:String,themeColor:{type:String,default:"light"},position:{type:String,default:"top",validator:function(e){return["top","bottom"].includes(e)}},positionMode:{type:String,default:"static",validator:function(e){return["static","sticky","fixed"].includes(e)}}},created(){i.validatePackage(p),this.calculatedId=i.guid()},computed:{wrapperClass(){const{position:e,positionMode:t,themeColor:i}=this.$props;return{"k-appbar":!0,"k-appbar-top":"top"===e,"k-appbar-bottom":"bottom"===e,"k-appbar-static":"static"===t,"k-appbar-sticky":"sticky"===t,"k-appbar-fixed":"fixed"===t,[`k-appbar-${i}`]:!!i}}},render(){const e=i.getDefaultSlots(this),{id:s}=this.$props;return t.createVNode("div",{class:this.wrapperClass,id:s||this.calculatedId},[e])},methods:{focus(){this.$el&&i.focusFirstFocusableChild(this.$el)}}}),Ye=t.defineComponent({name:"KendoAppBarSection",render(){const e=i.getDefaultSlots(this);return t.createVNode("div",{class:"k-appbar-section"},[e])},methods:{focus(){this.$el&&i.focusFirstFocusableChild(this.$el)}}}),_e=t.defineComponent({name:"KendoAppBarSpacer",props:{width:[String,Number]},computed:{spacerClasses(){return{"k-appbar-spacer":!0,"k-appbar-spacer-sized":void 0!==this.width}},spacerStyles(){return{flexBasis:void 0!==this.width?this.width:void 0}}},render(){const e=i.getDefaultSlots(this);return t.createVNode("span",{class:this.spacerClasses,style:this.spacerStyles},[e])},methods:{focus(){this.$el&&i.focusFirstFocusableChild(this.$el)}}}),Ze={primary:"k-bottom-nav-primary",secondary:"k-bottom-nav-secondary",tertiary:"k-bottom-nav-tertiary",info:"k-bottom-nav-info",success:"k-bottom-nav-success",warning:"k-bottom-nav-warning",error:"k-bottom-nav-error",dark:"k-bottom-nav-dark",light:"k-bottom-nav-light",inverse:"k-bottom-nav-inverse"},Je={vertical:"k-bottom-nav-item-flow-vertical",horizontal:"k-bottom-nav-item-flow-horizontal"},Qe={fixed:"k-pos-fixed",sticky:"k-pos-sticky"},et=t.defineComponent({name:"KendoBottomNavigationItem",emits:{keydown:null,select:null},props:{id:String,disabled:Boolean,selected:Boolean,icon:String,item:[String,Object,Function],text:String,dataItem:Object,index:Number,tabIndex:{type:Number,default:0}},created(){i.validatePackage(p)},computed:{itemClasses(){const{selected:e,disabled:t}=this.$props;return{"k-bottom-nav-item":!0,"k-selected":e,"k-disabled":t}}},render(){const{selected:e,disabled:s,item:n,dataItem:r,id:a,index:o,tabIndex:l}=this.$props,{icon:d,text:c,svgIcon:h}=r,p=i.getTemplate.call(this,{h:t.h,template:n,defaultRendering:null,additionalProps:{itemIndex:o,item:r}});return t.createVNode("span",{class:this.itemClasses,role:"link",id:a,tabindex:l,onClick:this.handleClick,onKeydown:this.handleKeyDown,"aria-current":e,"aria-disabled":s},[this.$props.item?p:[(h||d)&&t.createVNode(i.Icon,{name:d,icon:h,size:"xlarge",class:"k-bottom-nav-item-icon"},null),c&&t.createVNode("span",{class:"k-bottom-nav-item-text",style:{userSelect:"none"}},[c])]])},methods:{handleClick(e){void 0!==this.index&&!this.disabled&&this.$emit("select",e,this.index)},handleKeyDown(e){void 0!==this.index&&!this.disabled&&this.$emit("keydown",e,this.index)}}}),tt=t.defineComponent({name:"KendoBottomNavigation",emits:{keydown:null,select:e=>!0},props:{dir:String,themeColor:{type:String,default:"primary",validator:function(e){return["primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"].includes(e)}},fill:{type:String,default:"flat",validator:function(e){return["solid","flat"].includes(e)}},fillMode:{type:String,default:"flat",validator:function(e){return["solid","flat"].includes(e)}},item:[String,Object,Function],items:Array,itemFlow:{type:String,default:"vertical",validator:function(e){return["vertical","horizontal"].includes(e)}},positionMode:{type:String,default:"fixed",validator:function(e){return["sticky","fixed"].includes(e)}},border:{type:Boolean,default:!0},disabled:Boolean,selected:Number},created(){i.validatePackage(p),this.navId=i.guid()},computed:{navClasses(){const{themeColor:e,fillMode:t,positionMode:i,itemFlow:s,border:n,disabled:r}=this.$props,a=void 0!==t?t:this.$props.fill;return{"k-bottom-nav":!0,[Qe[i]]:!0,[Ze[e]]:!0,[`k-bottom-nav-${a}`]:a,[`k-bottom-nav-${a}-${e}`]:!(!a||!e),[Je[s]]:!0,"k-bottom-nav-border":n,"k-disabled":r}}},render(){const{id:e,items:s,item:n,disabled:r}=this.$props;return t.createVNode("nav",{class:this.navClasses,id:e||this.navId},[s&&s.map((function(s,a){const o=i.templateRendering.call(this,s.item||n,i.getListeners.call(this));return t.createVNode(et,{key:a,index:a,style:s.style,class:s.class,id:`${e||this.navId}-${a}`,disabled:r||s.disabled,selected:this.selected===a||s.selected,dataItem:s,item:o,onSelect:this.handleSelect,onKeydown:this.handleKeyDown},null)}),this)])},methods:{focus(){this.$el&&i.focusFirstFocusableChild(this.$el)},dispatchSelectEvent(e,t){this.items&&(this.items[t].disabled||this.$emit("select",{event:e,itemTarget:this.items[t],itemIndex:t}))},handleSelect(e,t){this.dispatchSelectEvent(e,t)},handleKeyDown(e,t){switch(e.keyCode){case i.Keys.enter:case i.Keys.space:this.dispatchSelectEvent(e,t),e.preventDefault()}this.$emit("keydown",{event:e,itemTarget:this.items[t],itemIndex:t})}}}),it=t.defineComponent({name:"KendoGridLayoutItem",props:{content:[String,Function,Object],id:String,col:Number,colSpan:Number,row:Number,rowSpan:Number},created(){i.validatePackage(p),this.itemId=i.guid()},computed:{gridLayoutItemStyles(){const{row:e,col:t,rowSpan:i,colSpan:s}=this.$props;return{gridArea:`${e||"auto"} / ${t||"auto"} / ${i?"span "+i:"auto"} / ${s?"span "+s:"auto"}`}}},render(){const{id:e,content:s}=this.$props,n=i.getTemplate.call(this,{h:t.h,template:s});return t.createVNode("div",{style:this.gridLayoutItemStyles,id:e||this.itemId},[n])}}),st=t.defineComponent({name:"KendoGridLayout",props:{id:String,gap:{type:Object},align:{type:Object,validator:function(e){return["top","middle","bottom","stretch",void 0].includes(e.vertical)&&["start","center","end","stretch",void 0].includes(e.horizontal)}},rows:Array,cols:Array,items:Array},created(){i.validatePackage(p),this.layoutId=i.guid()},computed:{hAlign(){return this.$props.align&&this.$props.align.horizontal?this.$props.align.horizontal:"stretch"},vAlign(){return this.$props.align&&this.$props.align.vertical?this.$props.align.vertical:"stretch"},gridLayoutClasses(){return{"k-grid-layout":!0,"k-justify-items-start":"start"===this.hAlign,"k-justify-items-center":"center"===this.hAlign,"k-justify-items-end":"end"===this.hAlign,"k-justify-items-stretch":"stretch"===this.hAlign,"k-align-items-start":"top"===this.vAlign,"k-align-items-center":"middle"===this.vAlign,"k-align-items-end":"bottom"===this.vAlign,"k-align-items-stretch":"stretch"===this.vAlign}},gapStyle(){return this.gap?`${"number"==typeof this.gap.rows?this.gap.rows+"px":this.gap.rows} ${"number"==typeof this.gap.cols?this.gap.cols+"px":this.gap.cols}`:void 0},gridTemplateRowsStyle(){return this.$props.rows&&this.$props.rows.map((e=>`${"number"==typeof e.height?e.height+"px":e.height}`)).join(" ")},gridTemplateColumnsStyle(){return this.$props.cols&&this.$props.cols.map((e=>`${"number"==typeof e.width?e.width+"px":e.width}`)).join(" ")},gridLayoutStyles(){return{gap:this.gapStyle,gridTemplateColumns:this.gridTemplateColumnsStyle,gridTemplateRows:this.gridTemplateRowsStyle}}},render(){const{id:e,items:s}=this.$props;return t.createVNode("div",{class:this.gridLayoutClasses,style:this.gridLayoutStyles,id:e||this.layoutId},[s.map((function(e){const s=i.templateRendering.call(this,e.content,i.getListeners.call(this));return t.createVNode(it,{content:s,class:e.class,style:e.style,id:e.id,col:e.col,colSpan:e.colSpan,row:e.row,rowSpan:e.rowSpan},null)}),this)])}}),nt=t.defineComponent({name:"KendoActionSheetItem",emits:{click:null},props:{id:Number,description:String,disabled:Boolean,group:{type:String,validator:function(e){return["top","bottom",void 0].includes(e)}},item:Object,icon:String,svgIcon:Object,iconColor:String,iconSize:String,content:[String,Function,Object],title:String,tabIndex:{type:[String,Number],default:0}},computed:{wrapperClass(){return{"k-actionsheet-item":!0,"k-cursor-pointer":!0,"k-disabled":this.$props.disabled}}},render(){const e=i.getTemplate.call(this,{h:t.h,template:this.$props.content,defaultRendering:null,additionalProps:{item:this.$props.item}});return t.createVNode("span",{tabindex:this.$props.tabIndex,class:this.wrapperClass,role:"button","aria-disabled":this.$props.disabled,onClick:this.onClick},[t.createVNode("span",{class:"k-actionsheet-action"},[this.$props.content?e:[(this.$props.icon||this.$props.svgIcon)&&t.createVNode("span",{class:"k-icon-wrap"},[t.createVNode(i.Icon,{name:this.$props.icon,icon:this.$props.svgIcon,class:"k-actionsheet-item-icon",size:this.iconSize,style:{color:this.iconColor}},null)]),(this.$props.title||this.$props.description)&&t.createVNode("span",{class:"k-actionsheet-item-text"},[this.$props.title&&t.createVNode("span",{class:"k-actionsheet-item-title"},[this.$props.title]),this.$props.description&&t.createVNode("span",{class:"k-actionsheet-item-description"},[this.$props.description])])]])])},methods:{onClick(e){this.$emit("click",{syntheticEvent:e,item:this.$props.item,title:this.$props.title})}}}),rt=t.defineComponent({name:"KendoActionSheetHeader",props:{headerClassName:{type:String,default:void 0},headerStyle:{type:String,default:void 0}},render(){const e=i.getDefaultSlots(this),{headerStyle:s,headerClassName:n}=this.$props;return t.createVNode("div",{style:s,class:i.classNames("k-actionsheet-titlebar",n)},[e])}}),at=t.defineComponent({name:"KendoActionSheetFooter",props:{footerClassName:{type:String,default:void 0}},render(){const e=i.getDefaultSlots(this),{footerClassName:s}=this.$props;return t.createVNode("div",{class:i.classNames("k-actionsheet-footer",s)},[e])}}),ot=t.defineComponent({name:"KendoActionSheetContent",props:{contentClassName:{type:String,default:void 0}},render(){const e=i.getDefaultSlots(this),{contentClassName:s}=this.$props;return t.createVNode("div",{class:i.classNames("k-actionsheet-content",s)},[e])}});function lt(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}const dt=t.defineComponent({name:"KendoActionSheet",props:{expand:Boolean,animation:{type:Boolean,default:!0},animationDuration:{type:Number,default:300},animationStyles:Object,tabIndex:Number,items:Array,subTitle:String,title:String,className:String,headerClassName:{type:String,default:void 0},contentClassName:{type:String,default:void 0},headerStyle:{type:String,default:void 0},footerClassName:{type:String,default:void 0},header:[String,Object,Function],content:[String,Object,Function],footer:[String,Object,Function],item:[String,Object,Function],navigatable:{type:Boolean,default:!0},navigatableElements:{type:Array,default:function(){return[]}},actions:Object,onClose:Function},created(){this.bottomPosition={bottom:"0px",width:"100%"},this.guidId=i.guid(),i.validatePackage(p)},mounted(){this.element=i.getRef(this,"actionSheet"),this.$props.expand&&!this.show&&(this.show=!0)},updated(){if(this.element=i.getRef(this,"actionSheet"),this.$props.expand&&!this.show&&(this.show=!0),this.element&&!this.$props.className&&(this.element.style.setProperty("--kendo-actionsheet-height","auto"),this.element.style.setProperty("--kendo-actionsheet-max-height","none")),this.element&&this.$props.navigatable){const e=this.$props.navigatableElements,t=[".k-actionsheet-item",".k-actionsheet-actions",...[".k-actionsheet-footer",".k-actionsheet-content",".k-actionsheet-titlebar"].map((t=>i.FOCUSABLE_ELEMENTS.concat(e).map((e=>`${t} ${e}`)))).flat()];this.navigation=new i.Navigation({tabIndex:this.$props.tabIndex||0,root:this.element,rovingTabIndex:!1,selectors:t,keyboardEvents:{keydown:{Tab:this.onTab,Enter:this.onEnter,Escape:this.onEscape}}}),0!==e.length?this.navigation.focusElement(this.element.querySelector(e[0]),null):this.navigation.focusElement(this.navigation.first,null)}},data:()=>({show:!1,slide:!1}),computed:{topGroupItems(){var e;return null==(e=this.items)?void 0:e.filter((e=>!e.group||"top"===e.group))},bottomGroupItems(){var e;return null==(e=this.items)?void 0:e.filter((e=>"bottom"===e.group))},shouldRenderSeparator(){return this.topGroupItems&&this.topGroupItems.length>0&&this.bottomGroupItems&&this.bottomGroupItems.length>0}},render(){const{title:e,subTitle:n,animationStyles:r,animation:a,expand:o,tabIndex:l,className:d,animationDuration:c,headerClassName:h,contentClassName:p,footerClassName:u,actions:m}=this.$props,g=i.templateRendering.call(this,this.$props.header,i.getListeners.call(this)),b=i.getTemplate.call(this,{h:t.h,template:g,defaultRendering:null}),f=i.templateRendering.call(this,this.$props.content,i.getListeners.call(this)),v=i.getTemplate.call(this,{h:t.h,template:f,defaultRendering:null}),I=i.templateRendering.call(this,this.$props.footer,i.getListeners.call(this)),y=i.getTemplate.call(this,{h:t.h,template:I,defaultRendering:null}),k=t.createVNode("div",{class:i.classNames("k-actionsheet",d,{"k-actionsheet-bottom":!d}),role:"dialog","aria-modal":"true","aria-hidden":!1,"aria-labelledby":this.guidId,ref:i.setRef(this,"actionSheet"),onKeydown:this.handleKeyDown},[this.$props.header&&!e&&!n&&t.createVNode(rt,{headerClassName:h},lt(b)?b:{default:()=>[b]}),(e||n)&&t.createVNode("div",{class:"k-actionsheet-titlebar k-text-center"},[t.createVNode("div",{class:"k-actionsheet-titlebar-group k-hbox"},[t.createVNode("div",{class:"k-actionsheet-title",id:this.guidId},[e&&t.createVNode("div",null,[e]),n&&t.createVNode("div",{class:"k-actionsheet-subtitle"},[n])]),m&&t.createVNode("div",{class:"k-actionsheet-actions"},[m])])]),this.$props.content?t.createVNode(ot,{contentClassName:p},lt(v)?v:{default:()=>[v]}):t.createVNode("div",{class:"k-actionsheet-content"},[t.createVNode("div",{class:"k-list-ul",role:"group"},[this.topGroupItems&&this.topGroupItems.map((function(e,s){const n=i.templateRendering.call(this,this.$props.item||e.content,i.getListeners.call(this));return t.createVNode(nt,{style:e.style,class:e.class,title:e.title,description:e.description,disabled:e.disabled,id:s,key:s,item:e,icon:e.icon,svgIcon:e.svgIcon,iconSize:e.iconSize,iconColor:e.iconColor,tabIndex:l||0,content:n,onClick:this.handleItemClick},null)}),this)]),this.shouldRenderSeparator&&t.createVNode("hr",{class:"k-hr"},null),t.createVNode("div",{class:"k-list-ul",role:"group"},[this.bottomGroupItems&&this.bottomGroupItems.map((function(e,i){var s;return t.createVNode(nt,{style:e.style,class:e.class,id:i+((null==(s=this.topGroupItems)?void 0:s.length)||0),key:i,item:e,title:e.title,description:e.description,disabled:e.disabled,icon:e.icon,svgIcon:e.svgIcon,iconSize:e.iconSize,iconColor:e.iconColor,tabIndex:l||0,onClick:this.handleItemClick},null)}),this)])]),this.$props.footer&&t.createVNode(at,{footerClassName:u},lt(y)?y:{default:()=>[y]})]);return this.show&&t.createVNode("div",{class:"k-actionsheet-container"},[t.createVNode("div",{class:"k-overlay",onClick:this.handleOverlayClick},null),a?t.createVNode(s.Slide,{onExited:this.hideActionSheet,direction:"up",componentChildStyle:r||this.bottomPosition,transitionEnterDuration:c,transitionExitDuration:c,appear:o},{default:()=>[o?k:null]}):k])},methods:{handleKeyDown(e){this.$props.navigatable&&this.navigation.triggerKeyboardEvent(e)},onTab(e,t,i){i.preventDefault(),i.shiftKey?t.focusPrevious(e):t.focusNext(e)},handleOverlayClick(e){this.$emit("close",e),this.$props.animation||this.hideActionSheet()},handleItemClick(e){this.$emit("itemselect",e),this.$props.animation||this.hideActionSheet()},onEnter(e,t,i){if(e.ariaDisabled)return;const s=e.className&&-1!==e.className.indexOf("k-actionsheet-item"),n=t.elements.filter((e=>-1!==e.className.indexOf("k-actionsheet-item")));if(s){i.preventDefault();const t=this.$props.items[n.indexOf(e)];this.$emit("itemselect",{syntheticEvent:i,item:t,title:t&&t.title})}this.$props.animation||this.hideActionSheet()},onEscape(e,t,i){i.preventDefault(),this.$emit("close",i),this.$props.animation||this.hideActionSheet()},hideActionSheet(){this.show=!1}}}),ct=t.defineComponent({name:"KendoStackLayout",props:{id:String,orientation:{type:String,default:"horizontal",validator:function(e){return["horizontal","vertical"].includes(e)}},gap:{type:[String,Number]},align:{type:Object,validator:function(e){return["top","middle","bottom","stretch",void 0].includes(e.vertical)&&["start","center","end","stretch",void 0].includes(e.horizontal)}}},created(){i.validatePackage(p),this.layoutId=i.guid()},computed:{hAlign(){return this.$props.align&&this.$props.align.horizontal?this.$props.align.horizontal:"stretch"},vAlign(){return this.$props.align&&this.$props.align.vertical?this.$props.align.vertical:"stretch"},stackLayoutClasses(){const{orientation:e}=this.$props,t="horizontal"===e;return{"k-stack-layout":!0,"k-hstack":"horizontal"===e,"k-vstack":"vertical"===e,"k-justify-content-start":t&&"start"===this.hAlign||!t&&"top"===this.vAlign,"k-justify-content-center":t&&"center"===this.hAlign||!t&&"middle"===this.vAlign,"k-justify-content-end":t&&"end"===this.hAlign||!t&&"bottom"===this.vAlign,"k-justify-content-stretch":t&&"stretch"===this.hAlign||!t&&"stretch"===this.vAlign,"k-align-items-start":!t&&"start"===this.hAlign||t&&"top"===this.vAlign,"k-align-items-center":!t&&"center"===this.hAlign||t&&"middle"===this.vAlign,"k-align-items-end":!t&&"end"===this.hAlign||t&&"bottom"===this.vAlign,"k-align-items-stretch":!t&&"stretch"===this.hAlign||t&&"stretch"===this.vAlign}},stackLayoutStyles(){return{gap:`${"number"==typeof this.$props.gap?this.$props.gap+"px":this.$props.gap}`}}},render(){const e=i.getDefaultSlots(this),{id:s}=this.$props;return t.createVNode("div",{class:this.stackLayoutClasses,style:this.stackLayoutStyles,id:s||this.layoutId},[e])}}),ht=t.defineComponent({name:"KendoBreadcrumbOrderedList",props:{rootItem:Boolean,id:String,dir:String,tabIndex:Number,disabled:Boolean,collapseMode:{type:String,validator:function(e){return["auto","wrap","none"].includes(e)}}},computed:{itemClasses(){const{rootItem:e,disabled:t,collapseMode:i}=this.$props;return{"k-breadcrumb-root-item-container":e,"k-breadcrumb-container":!e,"k-disabled":t,"!k-flex-wrap":"wrap"===i,"k-flex-none":"none"===i}}},created(){this.currentDir=void 0},mounted(){this.currentDir=i.getDir(this.$el,this.$props.dir)},render(){const e=i.getDefaultSlots(this),{id:s,disabled:n,tabIndex:r}=this.$props;return t.createVNode("ol",{id:s,dir:this.currentDir,tabindex:i.getTabIndex(r,n),class:this.itemClasses},[e])}}),pt=t.defineComponent({name:"KendoBreadcrumbListItem",props:{id:String,isFirstItem:Boolean,isLastItem:Boolean},computed:{itemClasses(){const{isFirstItem:e,isLastItem:t}=this.$props;return{"k-breadcrumb-item":!0,"k-breadcrumb-root-item":e,"k-breadcrumb-last-item":t}}},render(){const e=i.getDefaultSlots(this);return t.createVNode("li",{id:this.$props.id,class:this.itemClasses},[e])}}),ut=t.defineComponent({name:"KendoBreadcrumbDelimiter",props:{id:String,dir:String,tabIndex:Number},render(){const{id:e,dir:s,tabIndex:n}=this.$props;return t.createVNode(i.Icon,{id:e,"aria-hidden":!0,tabIndex:n||0,size:"small",icon:"rtl"===s?r.chevronLeftIcon:r.chevronRightIcon,class:"k-breadcrumb-delimiter-icon"},null)}}),mt=t.defineComponent({name:"KendoBreadcrumbLink",props:{id:String,tabIndex:Number,dir:String,disabled:Boolean,text:String,svgIcon:Object,icon:Object,ariaCurrent:Boolean,isLast:Boolean,isFirst:Boolean,onSelect:Function},emits:["select","keydown"],computed:{itemClasses(){const{isFirst:e,svgIcon:t,text:i,disabled:s}=this.$props;return{"k-breadcrumb-root-link":e,"k-breadcrumb-link":!e,"k-breadcrumb-icontext-link":t&&i,"k-breadcrumb-icon-link":void 0!==t&&!i,"k-disabled":s}}},created(){this.currentDir=void 0},mounted(){this.currentDir=i.getDir(this.$el,this.$props.dir)},setup:()=>({linkRef:t.ref(null)}),render(){const{ariaCurrent:e,isLast:s,id:n,svgIcon:r,icon:a,text:o,tabIndex:l,disabled:d}=this.$props;return t.createVNode("a",{href:"#","aria-current":e||s&&"page","aria-disabled":d||s,id:n,ref:this.linkRef,dir:this.currentDir,tabindex:i.getTabIndex(l,d),class:this.itemClasses,onClick:e=>{e.preventDefault(),this.handleSelect(e)},onKeydown:this.handleKeyDown},[a||"",r&&t.createVNode(i.Icon,{class:"k-svg-icon",icon:r},null),o&&t.createVNode("span",{class:"k-breadcrumb-item-text"},[o])])},methods:{focus(){this.$el&&this.$el.focus()},handleSelect(e){this.$emit("select",{event:e,id:this.$props.id})},handleKeyDown(e){this.$emit("keydown",{event:e,id:this.$props.id})}}});function gt(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}const bt=t.defineComponent({name:"KendoBreadcrumb",emits:{select:e=>!0,keydown:null},props:{id:String,tabIndex:Number,disabled:Boolean,collapseMode:{type:String,default:"auto",validator:function(e){return["auto","wrap","none"].includes(e)}},ariaLabel:{type:String,default:"Breadcrumb"},breadcrumbOrderedList:[Object,Function,String],breadcrumbListItem:[Object,Function,String],breadcrumbDelimiter:[Object,Function,String],breadcrumbLink:[Object,Function,String],dataItems:{type:Array,default:[]},size:{type:String},dir:{type:String,default:void 0},valueField:{type:String,default:"id"},textField:{type:String,default:"text"},svgIconField:{type:String,default:"svgIcon"},iconField:{type:String,default:"icon"},onSelect:Function,onKeydown:Function},created(){this.observer=null,i.validatePackage(p)},data(){return{currentDir:"ltr",localData:[...this.dataItems],listItems:[],itemsData:[],addDelimiter:!1}},computed:{itemClasses(){const{disabled:e,size:t,collapseMode:s}=this.$props;return{"k-breadcrumb":!0,"k-rtl":"rtl"===this.currentDir,"k-disabled":e,"k-breadcrumb-md":!t,"k-breadcrumb-wrap":"wrap"===s,[`k-breadcrumb-${i.kendoThemeMaps.sizeMap[t]||t}`]:t}}},setup:()=>({breadcrumbRef:t.ref(null)}),mounted(){this.currentDir=i.getDir(this.$el,this.$props.dir),this.listItems=this.breadcrumbRef.querySelectorAll("li"),this.itemsData=Array.from(this.listItems).map(((e,t)=>({id:t,name:e.innerText,width:e.offsetWidth,visible:!0}))),this.resizeObserver=i.canUseDOM&&window.ResizeObserver&&new ResizeObserver(this.calculateMedia),this.breadcrumbRef&&this.resizeObserver&&(this.resizeObserver.observe(this.breadcrumbRef),this.$nextTick((()=>{this.calculateMedia()})))},unmounted(){null!=document&&document.body&&this.resizeObserver&&this.resizeObserver.disconnect()},render(){let e;const{id:s,dir:n,tabIndex:r,collapseMode:a,disabled:o,ariaLabel:l,valueField:d,svgIconField:c,iconField:h,textField:p}=this.$props,u=i.templateRendering.call(this,this.$props.breadcrumbDelimiter,i.getListeners.call(this)),m=this.$props.breadcrumbDelimiter?i.getTemplate.call(this,{h:t.h,template:u,additionalProps:{dir:this.currentDir,tabIndex:r}}):t.createVNode(ut,{dir:this.currentDir,tabIndex:r},null),g=i.templateRendering.call(this,this.$props.breadcrumbLink,i.getListeners.call(this)),b=t.createVNode(mt,{id:this.localData[0][d],isLast:this.localData.length-1==0,isFirst:!0,tabIndex:r,svgIcon:this.localData[0][c]||void 0,icon:this.localData[0][h]||void 0,text:this.localData[0][p]?String(this.localData[0][p]):void 0,disabled:this.localData[0].disabled,onSelect:this.handleSelect,onKeydown:this.handleKeyDown},null),f=i.getTemplate.call(this,{h:t.h,template:g,defaultRendering:b,additionalProps:{id:this.localData[0][d],isLast:this.localData.length-1==0,isFirst:!0,tabIndex:r,svgIcon:this.localData[0][c]||void 0,icon:this.localData[0][h]||void 0,text:this.localData[0][p]?String(this.localData[0][p]):void 0,disabled:this.localData[0].disabled,onSelect:this.handleSelect,onKeydown:this.handleKeyDown},defaultSlots:m});return t.createVNode("nav",{id:s,ref:e=>this.breadcrumbRef=e,tabindex:i.getTabIndex(r,o),dir:this.currentDir,"aria-label":l,class:this.itemClasses},["wrap"===a&&t.createVNode(ht,{rootItem:!0,dir:n,tabIndex:r},{default:()=>[t.createVNode(pt,{key:this.localData[0][d],isFirstItem:!0,isLastItem:this.dataItems.length-1==0},{default:()=>[f,this.localData.length>1&&m,this.addDelimiter&&"auto"===a&&m]})]}),t.createVNode(ht,{dir:n,tabIndex:r,collapseMode:this.$props.collapseMode},gt(e=this.localData.map(((e,s)=>{if(0===s&&"wrap"!==a)return t.createVNode(pt,{key:this.localData[0][d],isFirstItem:!0,isLastItem:this.localData.length-1==0},{default:()=>[f,m,this.addDelimiter&&"auto"===a&&m]});if(s>0){const n=t.createVNode(mt,{id:e[d],isLast:this.localData.length-1===s,isFirst:!1,tabIndex:r,svgIcon:e[c]||void 0,icon:e[h]||void 0,text:e[p]?String(e[p]):void 0,disabled:e.disabled,onSelect:this.handleSelect,onKeydown:this.handleKeyDown},null),a=i.getTemplate.call(this,{h:t.h,template:g,defaultRendering:n,additionalProps:{id:e[d],isLast:this.localData.length-1===s,isFirst:!1,tabIndex:r,svgIcon:e[c]||void 0,icon:e[h]||void 0,text:e[p]?String(e[p]):void 0,disabled:e.disabled,onSelect:this.handleSelect,onKeydown:this.handleKeyDown}});return t.createVNode(pt,{key:e[d],isFirstItem:!1,isLastItem:this.localData.length-1===s},{default:()=>[a,s!==this.localData.length-1&&m]})}})))?e:{default:()=>[e]})])},methods:{getLastHiddenItemWidth(){const e=this.itemsData.slice().reverse().findIndex((e=>0!==e.id&&!1===e.visible));if(-1!==e){const t=this.itemsData.length-1-e;return[t,this.itemsData[t].width]}return[-1,0]},calculateMedia(){if(this.breadcrumbRef.offsetWidth){this.listItems=this.breadcrumbRef.querySelectorAll("li");let e=this.itemsData.reduce(((e,t)=>t.visible?e+t.width:e),0);for(;this.breadcrumbRef.offsetWidth+1<e&&"auto"===this.collapseMode;){const t=this.itemsData.findIndex((e=>0!==e.id&&!0===e.visible));this.itemsData[t].visible=!1,this.listItems[t].style.display="none";e-=this.itemsData[t].width,this.addDelimiter=!0}let[t,i]=this.getLastHiddenItemWidth();if(-1!==t)for(;this.breadcrumbRef.offsetWidth-1>e+i&&this.addDelimiter&&(this.itemsData[t].visible=!0,this.listItems[t].style.display="",e+=i,this.addDelimiter=-1!==this.itemsData.findIndex((e=>!1===e.visible)),[t,i]=this.getLastHiddenItemWidth(),-1!==t););("wrap"===this.collapseMode||"none"===this.collapseMode)&&(this.listItems.forEach((e=>{e.style.display=""})),this.itemsData.forEach((e=>{e.visible=!0})))}},handleSelect(e){const t=this.dataItems.findIndex((t=>t.id===e.id)),i=this.dataItems.slice(0,t+1);this.localData=i,this.itemsData=i,this.$emit("select",{event:e,id:e.id})},handleKeyDown(e){if("Enter"===e.event.key){const t=this.dataItems.findIndex((t=>t.id===e.id)),i=this.dataItems.slice(0,t+1);this.localData=i,this.itemsData=i}this.$emit("keydown",{event:e,id:e.id})}}}),ft=t.defineComponent({name:"KendoExpansionPanel",props:{dir:String,id:String,tabIndex:Number,title:String,subtitle:String,titleRender:[String,Object,Function],subtitleRender:[String,Object,Function],expandIcon:String,expandSvgIcon:Object,collapseIcon:String,collapseSvgIcon:Object,expanded:Boolean,disabled:Boolean},created(){i.validatePackage(p)},computed:{wrapperClass(){const{expanded:e,disabled:t}=this.$props;return{"k-expander":!0,"k-expanded":e,"k-focus":this.focused&&!t,"k-disabled":t}},expandIconName(){const{expanded:e,expandIcon:t,collapseIcon:s}=this.$props;return e?t?i.getIconName(t):"chevron-up":s?i.getIconName(s):"chevron-down"},expandSVGIcon(){const{expanded:e,expandSvgIcon:t,collapseSvgIcon:i}=this.$props;return e?t||r.chevronUpIcon:i||r.chevronDownIcon}},data:()=>({focused:!1}),render(){const e=i.getDefaultSlots(this),{expanded:s=!1,disabled:n,title:r,titleRender:a,subtitle:o,subtitleRender:l,ariaControls:d,tabIndex:c,id:h}=this.$props,p=i.templateRendering.call(this,a,i.getListeners.call(this)),u=i.getTemplate.call(this,{h:t.h,template:p,defaultRendering:t.createVNode("div",{class:"k-expander-title"},[r])}),m=i.templateRendering.call(this,l,i.getListeners.call(this)),g=i.getTemplate.call(this,{h:t.h,template:m,defaultRendering:t.createVNode("div",{class:"k-expander-sub-title"},[o])});return t.createVNode("div",{class:this.wrapperClass,onFocusin:this.handleFocus,onFocusout:this.handleBlur,id:h,onKeydown:this.onKeyDown},[t.createVNode("div",{role:"button",ref:"header","aria-controls":d,"aria-expanded":s,"aria-disabled":n,tabindex:i.getTabIndex(c,n),class:"k-expander-header",onClick:this.onClick},[u,t.createVNode("span",{class:"k-spacer"},null),g,t.createVNode("span",{class:"k-expander-indicator"},[t.createVNode(i.Icon,{name:this.expandIconName,icon:this.expandSVGIcon},null)])]),e])},methods:{onClick(e){this.$props.disabled||this.$emit("action",{event:e,expanded:this.expanded})},onKeyDown(e){this.$props.disabled||(e.keyCode===i.Keys.enter||e.keyCode===i.Keys.space)&&e.target===this.$refs.header&&(e.preventDefault(),this.$emit("action",{event:e,expanded:this.expanded}))},handleFocus(){this.$props.disabled||(this.focused=!0)},handleBlur(){this.$props.disabled||(this.focused=!1)}}}),vt=t.defineComponent({name:"KendoExpansionPanelContent",created(){i.validatePackage(p)},render(){const e=i.getDefaultSlots(this);return t.createVNode("div",{class:"k-expander-content-wrapper"},[t.createVNode("div",{class:"k-expander-content"},[e])])}});e.ActionSheet=dt,e.ActionSheetContent=ot,e.ActionSheetFooter=at,e.ActionSheetHeader=rt,e.ActionSheetItem=nt,e.AppBar=Xe,e.AppBarSection=Ye,e.AppBarSpacer=_e,e.Avatar=C,e.BottomNavigation=tt,e.BottomNavigationItem=et,e.Breadcrumb=bt,e.BreadcrumbDelimiter=ut,e.BreadcrumbLink=mt,e.BreadcrumbListItem=pt,e.BreadcrumbOrderedList=ht,e.Card=I,e.CardActions=$,e.CardBody=S,e.CardFooter=N,e.CardHeader=y,e.CardImage=x,e.CardSubtitle=w,e.CardTitle=k,e.Drawer=F,e.DrawerContent=A,e.DrawerItem=T,e.DrawerNavigation=L,e.ExpansionPanel=ft,e.ExpansionPanelContent=vt,e.GridLayout=st,e.GridLayoutItem=it,e.Menu=Ne,e.MenuItemArrow=$e,e.MenuItemLink=Ie,e.PanelBar=Ee,e.PanelBarItem=Oe,e.Splitter=Ve,e.SplitterPane=Ce,e.StackLayout=ct,e.Step=M,e.Stepper=E,e.TabStrip=u,e.TabStripContent=h,e.TabStripNavigation=d,e.TabStripNavigationItem=l,e.TabStripTab=m,e.TileLayout=Ge,e.downArrowIcon=ye,e.flatChildren=ze,e.flatVisibleChildren=Pe,e.flatVisibleItems=function e(t,i=[]){return(t||[]).forEach((t=>{t.disabled||(i.push(t),t.expanded&&t.children&&e(t.children,i))})),i},e.getFirstId=Le,e.getInitialState=Fe,e.isArrayEqual=Be,e.isPresent=e=>null!=e,e.leftArrowIcon=Se,e.renderChildren=Ke,e.rightArrowIcon=ke}));

package/package-metadata.js CHANGED Viewed

@@ -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-layout",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1770355124,version:"7.1.0-develop.7",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"};exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-layout",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1770360607,version:"8.0.0-develop.1",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"};exports.packageMetadata=e;

package/package-metadata.mjs CHANGED Viewed

@@ -10,8 +10,8 @@ const e = {
   productName: "Kendo UI for Vue",
   productCode: "KENDOUIVUE",
   productCodes: ["KENDOUIVUE"],
-  publishDate: 1770355124,
-  version: "7.1.0-develop.7",
+  publishDate: 1770360607,
+  version: "8.0.0-develop.1",
   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"
 };
 export {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-layout",
-  "version": "7.1.0-develop.7",
+  "version": "8.0.0-develop.1",
   "description": "TODO",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -19,11 +19,11 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-vue-animation": "7.1.0-develop.7",
-    "@progress/kendo-vue-common": "7.1.0-develop.7",
-    "@progress/kendo-vue-intl": "7.1.0-develop.7",
-    "@progress/kendo-vue-popup": "7.1.0-develop.7",
-    "@progress/kendo-vue-progressbars": "7.1.0-develop.7",
+    "@progress/kendo-vue-animation": "8.0.0-develop.1",
+    "@progress/kendo-vue-common": "8.0.0-develop.1",
+    "@progress/kendo-vue-intl": "8.0.0-develop.1",
+    "@progress/kendo-vue-popup": "8.0.0-develop.1",
+    "@progress/kendo-vue-progressbars": "8.0.0-develop.1",
     "@progress/kendo-svg-icons": "^4.4.0",
     "vue": "^3.0.2"
   },
@@ -44,7 +44,7 @@
     "package": {
       "productName": "Kendo UI for Vue",
       "productCode": "KENDOUIVUE",
-      "publishDate": 1770355124,
+      "publishDate": 1770360607,
       "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"
     }
   },