@progress/kendo-vue-buttons - npm Package Compare versions

Comparing version 6.1.0-develop.9 to 6.1.0

Button.js

@@ -8,2 +8,2 @@ /**
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),t=require("@progress/kendo-vue-common"),b=require("./util.js"),y=require("./package-metadata.js"),$=b.default.styles,k=i.defineComponent({name:"KendoButton",emits:{click:null,mousedown:null,mouseup:null,pointerdown:null,pointerup:null,focus:null,blur:null,keypress:null,keydown:null},props:{ariaLabel:String,ariaPressed:Boolean,title:String,dir:String,selected:{type:Boolean,default:void 0},togglable:{type:Boolean,default:!1},icon:{type:String,default:function(){}},svgIcon:Object,iconClass:{type:String,default:function(){}},imageUrl:{type:String,default:function(){}},imageAlt:String,disabled:{type:Boolean,default:void 0},size:{type:String,default:"medium"},shape:{type:String},rounded:{type:String,default:"medium"},fillMode:{type:String,default:"solid"},themeColor:{type:String,default:"base"},tabIndex:Number,accessKey:String,id:String,type:String,role:String},created(){t.validatePackage(y.packageMetadata),this.currentActive=this.$props.togglable===!0&&this.$props.selected===!0,this._activeTemp=void 0},data(){return{currentActive:null}},computed:{computedSelected(){return this._activeTemp!==void 0?this._activeTemp:this.$props.selected!==void 0?this.$props.selected:this.currentActive},buttonClasses(){const{disabled:e,icon:a,iconClass:r,imageUrl:s,dir:u,svgIcon:h,size:l,shape:o,rounded:d,fillMode:n,themeColor:c}=this.$props,p=h!==void 0||a!==void 0||r!==void 0||s!==void 0,m=t.getDefaultSlots(this);return{[$.button]:!0,[`k-button-${t.kendoThemeMaps.sizeMap[l]||l}`]:l,[`k-button-${o}`]:o&&o!=="rectangle",[`k-rounded-${t.kendoThemeMaps.roundedMap[d]||d}`]:d,"k-icon-button":!m&&p,"k-disabled":e,"k-selected":this.computedSelected,"k-rtl":u==="rtl",[`k-button-${n}`]:n,[`k-button-${n}-${c}`]:n&&c}}},updated(){this.$props.togglable&&this.$props.selected!==void 0&&this.$props.selected!==this.currentActive&&(this.currentActive=this.$props.selected)},methods:{focus(e){this.$el.focus(e)},toggleIfApplicable(){if(!this.disabled&&this.$props.togglable&&this.$props.selected===void 0){const e=!this.currentActive;this._activeTemp=e,this.currentActive=e,this._activeTemp=void 0}},handleClick(e){this.toggleIfApplicable(),this.disabled||this.$emit("click",e)},handleMouseDown(e){this.disabled||this.$emit("mousedown",e)},handlePointerDown(e){this.disabled||this.$emit("pointerdown",e)},handleMouseUp(e){this.disabled||this.$emit("mouseup",e)},handlePointerUp(e){this.disabled||this.$emit("pointerup",e)},handleFocus(e){this.disabled||this.$emit("focus",e)},handleBlur(e){this.disabled||this.$emit("blur",e)},handleKeypress(e){this.disabled||this.$emit("keypress",e)},handleKeydown(e){this.disabled||this.$emit("keydown",e)},handleContextmenu(e){this.disabled||this.$emit("contextmenu",e)}},render(){const{togglable:e,icon:a,svgIcon:r,iconClass:s,imageUrl:u,imageAlt:h,accessKey:l,tabIndex:o,id:d,type:n,disabled:c,role:p}=this.$props,f=t.getDefaultSlots(this),m=function(){if(u)return i.createVNode("img",{role:"presentation",class:"k-image",alt:h,src:u},null);if(a||r){const g=t.classNames("k-button-icon",s);return i.createVNode(t.Icon,{name:a,icon:r,class:g},null)}else if(s)return i.createVNode("span",{role:"presentation",class:s},null);return null};return i.createVNode("button",{class:this.buttonClasses,onClick:this.handleClick,onMousedown:this.handleMouseDown,onMouseup:this.handleMouseUp,onPointerdown:this.handlePointerDown,onPointerup:this.handlePointerUp,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeypress:this.handleKeypress,onKeydown:this.handleKeydown,onContextmenu:this.handleContextmenu,title:this.title,"aria-label":this.ariaLabel,"aria-disabled":c||void 0,"aria-pressed":e?!!this.currentActive:void 0,accesskey:l,tabindex:o,id:d,type:n,role:p},[m.call(this),f&&i.createVNode("span",{class:"k-button-text"},[f])])}});exports.Button=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),t=require("@progress/kendo-vue-common"),b=require("./util.js"),y=require("./package-metadata.js"),$=b.default.styles,k=i.defineComponent({name:"KendoButton",emits:{click:null,mousedown:null,mouseup:null,pointerdown:null,pointerup:null,focus:null,blur:null,keypress:null,keydown:null,contextmenu:null},props:{ariaLabel:String,ariaPressed:Boolean,title:String,dir:String,selected:{type:Boolean,default:void 0},togglable:{type:Boolean,default:!1},icon:{type:String,default:function(){}},svgIcon:Object,iconClass:{type:String,default:function(){}},imageUrl:{type:String,default:function(){}},imageAlt:String,disabled:{type:Boolean,default:void 0},size:{type:String,default:"medium"},shape:{type:String},rounded:{type:String,default:"medium"},fillMode:{type:String,default:"solid"},themeColor:{type:String,default:"base"},tabIndex:Number,accessKey:String,id:String,type:String,role:String},created(){t.validatePackage(y.packageMetadata),this.currentActive=this.$props.togglable===!0&&this.$props.selected===!0,this._activeTemp=void 0},data(){return{currentActive:null}},computed:{computedSelected(){return this._activeTemp!==void 0?this._activeTemp:this.$props.selected!==void 0?this.$props.selected:this.currentActive},buttonClasses(){const{disabled:e,icon:a,iconClass:r,imageUrl:s,dir:u,svgIcon:h,size:l,shape:o,rounded:d,fillMode:n,themeColor:c}=this.$props,p=h!==void 0||a!==void 0||r!==void 0||s!==void 0,m=t.getDefaultSlots(this);return{[$.button]:!0,[`k-button-${t.kendoThemeMaps.sizeMap[l]||l}`]:l,[`k-button-${o}`]:o&&o!=="rectangle",[`k-rounded-${t.kendoThemeMaps.roundedMap[d]||d}`]:d,"k-icon-button":!m&&p,"k-disabled":e,"k-selected":this.computedSelected,"k-rtl":u==="rtl",[`k-button-${n}`]:n,[`k-button-${n}-${c}`]:n&&c}}},updated(){this.$props.togglable&&this.$props.selected!==void 0&&this.$props.selected!==this.currentActive&&(this.currentActive=this.$props.selected)},methods:{focus(e){this.$el.focus(e)},toggleIfApplicable(){if(!this.disabled&&this.$props.togglable&&this.$props.selected===void 0){const e=!this.currentActive;this._activeTemp=e,this.currentActive=e,this._activeTemp=void 0}},handleClick(e){this.toggleIfApplicable(),this.disabled||this.$emit("click",e)},handleMouseDown(e){this.disabled||this.$emit("mousedown",e)},handlePointerDown(e){this.disabled||this.$emit("pointerdown",e)},handleMouseUp(e){this.disabled||this.$emit("mouseup",e)},handlePointerUp(e){this.disabled||this.$emit("pointerup",e)},handleFocus(e){this.disabled||this.$emit("focus",e)},handleBlur(e){this.disabled||this.$emit("blur",e)},handleKeypress(e){this.disabled||this.$emit("keypress",e)},handleKeydown(e){this.disabled||this.$emit("keydown",e)},handleContextmenu(e){this.disabled||this.$emit("contextmenu",e)}},render(){const{togglable:e,icon:a,svgIcon:r,iconClass:s,imageUrl:u,imageAlt:h,accessKey:l,tabIndex:o,id:d,type:n,disabled:c,role:p}=this.$props,f=t.getDefaultSlots(this),m=function(){if(u)return i.createVNode("img",{role:"presentation",class:"k-image",alt:h,src:u},null);if(a||r){const g=t.classNames("k-button-icon",s);return i.createVNode(t.Icon,{name:a,icon:r,class:g},null)}else if(s)return i.createVNode("span",{role:"presentation",class:s},null);return null};return i.createVNode("button",{class:this.buttonClasses,onClick:this.handleClick,onMousedown:this.handleMouseDown,onMouseup:this.handleMouseUp,onPointerdown:this.handlePointerDown,onPointerup:this.handlePointerUp,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeypress:this.handleKeypress,onKeydown:this.handleKeydown,onContextmenu:this.handleContextmenu,title:this.title,"aria-label":this.ariaLabel,"aria-disabled":c||void 0,"aria-pressed":e?!!this.currentActive:void 0,accesskey:l,tabindex:o,id:d,type:n,role:p},[m.call(this),f&&i.createVNode("span",{class:"k-button-text"},[f])])}});exports.Button=k;

Chip/Chip.js

@@ -8,2 +8,2 @@ /**
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),t=require("@progress/kendo-vue-common"),m=require("@progress/kendo-svg-icons"),l=require("./focus-reducer.js"),$=require("./data-reducer.js"),r=require("./selection-reducer.js"),S=require("../package-metadata.js"),b=a.defineComponent({name:"KendoVueChip",props:{id:String,text:String,avatar:{type:[String,Function,Object],default:function(){}},value:[String,Object],dir:{type:String,default:function(){return"ltr"}},removable:{type:Boolean,default:!1},removeIcon:{type:String,default:function(){return"x-circle"}},removeSvgIcon:{type:Object,default:function(){return m.xCircleIcon}},disabled:{type:Boolean,default:!1},icon:String,svgIcon:Object,selectedIcon:{type:String,default:function(){return"check"}},selectedSvgIcon:{type:Object,default:function(){return m.checkIcon}},look:{type:String,default:function(){return"solid"}},size:{type:String,default:"medium"},rounded:{type:String,default:"medium"},fillMode:{type:String,default:"solid",validator:function(e){return[null,"flat","outline","solid"].includes(e)}},themeColor:{type:String,default:"base",validator:function(e){return[null,"base","error","info","success","warning"].includes(e)}},dataItem:Object,selected:Boolean,ariaDescribedBy:String,role:{type:String,default:"button"},tabIndex:Number,onMousedown:Function},emits:{click:null,keydown:null,blur:null,focus:null,remove:null},inject:{kendoSelection:{default:{value:null}},kendoFocused:{default:{value:null}},kendoDataItems:{default:null},handleDispatchDataItems:{default:t.noop},handleDispatchSelection:{default:t.noop},handleDispatchFocus:{default:t.noop}},created(){this.currentDir=void 0,t.validatePackage(S.packageMetadata)},mounted(){this.chip=t.getRef(this,"chip"),this.currentDir=this.$props.dir!==void 0?this.$props.dir==="rtl":this.$el&&getComputedStyle(this.$el).direction==="rtl"||!1},updated(){this.kendoFocused.value===this.$props.value&&this.$el&&this.$el.focus()},computed:{currentSelected(){return this.$props.selected||(Array.isArray(this.kendoSelection.value)?this.kendoSelection.value.some(e=>e===this.$props.value):this.kendoSelection.value===this.$props.value)},chipLabelClass(){return{"k-chip-label":!0,"k-text-ellipsis":!0}}},methods:{computedFocused(){return this.kendoFocused.value===this.$props.value},handleMouseDown(e){this.$emit("mousedown",e)},handleClick(e){this.handleDispatchSelection&&this.handleDispatchSelection({type:r.SELECTION_ACTION.toggle,payload:this.$props.value,event:e}),this.$emit("click",{target:this.target,event:e})},handleRemove(e){e.stopPropagation(),this.$props.removable&&(this.handleDispatchFocus&&(this.handleDispatchDataItems({type:$.DATA_ACTION.remove,payload:this.$props.value,event:e}),this.handleDispatchFocus({type:l.FOCUS_ACTION.reset,payload:this.$props.value,event:e}),this.handleDispatchSelection({type:r.SELECTION_ACTION.remove,payload:this.$props.value,event:e})),this.$emit("remove",{target:this.target,event:e}))},handleKeyDown(e){switch(e.keyCode){case t.Keys.left:this.handleDispatchFocus&&this.handleDispatchFocus({type:l.FOCUS_ACTION.prev,payload:this.$props.value,event:e});break;case t.Keys.right:this.handleDispatchFocus&&this.handleDispatchFocus({type:l.FOCUS_ACTION.next,payload:this.$props.value,event:e});break;case t.Keys.enter:this.handleDispatchFocus&&this.handleDispatchSelection({type:r.SELECTION_ACTION.toggle,payload:this.$props.value,event:e});break;case t.Keys.delete:this.handleRemove(e);break}this.$emit("keydown",{target:this.target,event:e})},handleFocus(e){this.handleDispatchFocus&&this.handleDispatchFocus({payload:this.$props.value,type:l.FOCUS_ACTION.current,event:e}),this.$emit("focus",{target:this.target,event:e})},handleBlur(e){this.$emit("blur",{target:this.target,event:e})}},setup(){return{chipRef:a.ref(null)}},render(){const{size:e,rounded:n,themeColor:c,fillMode:s,look:o,avatar:i,icon:d,svgIcon:u,selectedIcon:h,selectedSvgIcon:p,removeIcon:f,removeSvgIcon:g}=this.$props,k=t.templateRendering.call(this,i,t.getListeners.call(this)),v=i?a.createVNode("div",{class:`k-chip-avatar k-avatar k-rounded-${i.rounded||"medium"} k-avatar-${t.kendoThemeMaps.sizeMap[e]||e} k-avatar-solid k-avatar-solid-primary`,style:i.style},[a.createVNode("span",{class:"k-avatar-image"},[a.createVNode("img",{src:i.imageUrl,alt:i.imageAlt},null)])]):null,y=t.getTemplate.call(this,{h:a.h,template:k});return a.createVNode("div",{role:this.$props.role,id:this.$props.value,ref:t.setRef(this,"chip"),dir:this.currentDir,tabindex:t.getTabIndex(this.$props.tabIndex,this.$props.disabled,void 0),class:t.classNames("k-chip",{"k-rtl":this.currentDir==="rtl","k-disabled":this.$props.disabled,"k-selected":this.currentSelected,"k-focus":this.computedFocused(),[`k-chip-${t.kendoThemeMaps.sizeMap[e]||e}`]:e,[`k-rounded-${t.kendoThemeMaps.roundedMap[n]||n}`]:n,[`k-chip-${s}`]:s,[`k-chip-${s}-${c}`]:!!(s&&c),"k-chip-outline":o==="outline"||o==="outlined","k-chip-solid":o==="solid"||o==="filled"}),"aria-pressed":this.$props.role==="button"?this.currentSelected:void 0,"aria-selected":this.$props.role==="option"?this.currentSelected:void 0,"aria-disabled":this.$props.disabled,"aria-describedby":this.$props.ariaDescribedBy,onFocus:this.handleFocus,onBlur:this.handleBlur,onClick:this.handleClick,onKeydown:this.handleKeyDown,onMousedown:this.handleMouseDown},[this.currentSelected&&(h||p)&&a.createVNode(t.Icon,{name:t.getIconName(h),icon:p,size:"small"},null),(d||u)&&a.createVNode(t.Icon,{name:t.getIconName(d),icon:u,size:"small"},null),i?i.imageUrl?v:y:null,a.createVNode("span",{class:"k-chip-content"},[this.$props.text&&a.createVNode("span",{"aria-label":this.$props.text,class:this.chipLabelClass},[this.$props.text])]),this.$props.removable&&a.createVNode("span",{class:"k-chip-actions"},[a.createVNode("span",{class:"k-chip-action k-chip-remove-action"},[a.createVNode(t.Icon,{name:t.getIconName(f),icon:g,size:"small",onClick:this.handleRemove},null)])])])}});exports.Chip=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),t=require("@progress/kendo-vue-common"),m=require("@progress/kendo-svg-icons"),l=require("./focus-reducer.js"),$=require("./data-reducer.js"),r=require("./selection-reducer.js"),S=require("../package-metadata.js"),b=a.defineComponent({name:"KendoVueChip",props:{id:String,text:String,avatar:{type:[String,Function,Object],default:function(){}},value:[String,Object],dir:{type:String,default:function(){return"ltr"}},removable:{type:Boolean,default:!1},removeIcon:{type:String,default:function(){return"x-circle"}},removeSvgIcon:{type:Object,default:function(){return m.xCircleIcon}},disabled:{type:Boolean,default:!1},icon:String,svgIcon:Object,selectedIcon:{type:String,default:function(){return"check"}},selectedSvgIcon:{type:Object,default:function(){return m.checkIcon}},size:{type:String,default:"medium"},rounded:{type:String,default:"medium"},fillMode:{type:String,default:"solid",validator:function(e){return[null,"flat","outline","solid"].includes(e)}},themeColor:{type:String,default:"base",validator:function(e){return[null,"base","error","info","success","warning"].includes(e)}},dataItem:Object,selected:Boolean,ariaDescribedBy:String,role:{type:String,default:"button"},tabIndex:Number,onMousedown:Function},emits:{click:null,keydown:null,blur:null,focus:null,remove:null},inject:{kendoSelection:{default:{value:null}},kendoFocused:{default:{value:null}},kendoDataItems:{default:null},handleDispatchDataItems:{default:t.noop},handleDispatchSelection:{default:t.noop},handleDispatchFocus:{default:t.noop}},created(){this.currentDir=void 0,t.validatePackage(S.packageMetadata)},mounted(){this.chip=t.getRef(this,"chip"),this.currentDir=this.$props.dir!==void 0?this.$props.dir==="rtl":this.$el&&getComputedStyle(this.$el).direction==="rtl"||!1},updated(){this.kendoFocused.value===this.$props.value&&this.$el&&this.$el.focus()},computed:{currentSelected(){return this.$props.selected||(Array.isArray(this.kendoSelection.value)?this.kendoSelection.value.some(e=>e===this.$props.value):this.kendoSelection.value===this.$props.value)},chipLabelClass(){return{"k-chip-label":!0,"k-text-ellipsis":!0}}},methods:{computedFocused(){return this.kendoFocused.value===this.$props.value},handleMouseDown(e){this.$emit("mousedown",e)},handleClick(e){this.handleDispatchSelection&&this.handleDispatchSelection({type:r.SELECTION_ACTION.toggle,payload:this.$props.value,event:e}),this.$emit("click",{target:this.target,event:e})},handleRemove(e){e.stopPropagation(),this.$props.removable&&(this.handleDispatchFocus&&(this.handleDispatchDataItems({type:$.DATA_ACTION.remove,payload:this.$props.value,event:e}),this.handleDispatchFocus({type:l.FOCUS_ACTION.reset,payload:this.$props.value,event:e}),this.handleDispatchSelection({type:r.SELECTION_ACTION.remove,payload:this.$props.value,event:e})),this.$emit("remove",{target:this.target,event:e}))},handleKeyDown(e){switch(e.keyCode){case t.Keys.left:this.handleDispatchFocus&&this.handleDispatchFocus({type:l.FOCUS_ACTION.prev,payload:this.$props.value,event:e});break;case t.Keys.right:this.handleDispatchFocus&&this.handleDispatchFocus({type:l.FOCUS_ACTION.next,payload:this.$props.value,event:e});break;case t.Keys.enter:this.handleDispatchFocus&&this.handleDispatchSelection({type:r.SELECTION_ACTION.toggle,payload:this.$props.value,event:e});break;case t.Keys.delete:this.handleRemove(e);break}this.$emit("keydown",{target:this.target,event:e})},handleFocus(e){this.handleDispatchFocus&&this.handleDispatchFocus({payload:this.$props.value,type:l.FOCUS_ACTION.current,event:e}),this.$emit("focus",{target:this.target,event:e})},handleBlur(e){this.$emit("blur",{target:this.target,event:e})}},setup(){return{chipRef:a.ref(null)}},render(){const{size:e,rounded:n,themeColor:c,fillMode:s,look:o,avatar:i,icon:d,svgIcon:u,selectedIcon:h,selectedSvgIcon:p,removeIcon:f,removeSvgIcon:g}=this.$props,k=t.templateRendering.call(this,i,t.getListeners.call(this)),v=i?a.createVNode("div",{class:`k-chip-avatar k-avatar k-rounded-${i.rounded||"medium"} k-avatar-${t.kendoThemeMaps.sizeMap[e]||e} k-avatar-solid k-avatar-solid-primary`,style:i.style},[a.createVNode("span",{class:"k-avatar-image"},[a.createVNode("img",{src:i.imageUrl,alt:i.imageAlt},null)])]):null,y=t.getTemplate.call(this,{h:a.h,template:k});return a.createVNode("div",{role:this.$props.role,id:this.$props.value,ref:t.setRef(this,"chip"),dir:this.currentDir,tabindex:t.getTabIndex(this.$props.tabIndex,this.$props.disabled,void 0),class:t.classNames("k-chip",{"k-rtl":this.currentDir==="rtl","k-disabled":this.$props.disabled,"k-selected":this.currentSelected,"k-focus":this.computedFocused(),[`k-chip-${t.kendoThemeMaps.sizeMap[e]||e}`]:e,[`k-rounded-${t.kendoThemeMaps.roundedMap[n]||n}`]:n,[`k-chip-${s}`]:s,[`k-chip-${s}-${c}`]:!!(s&&c),"k-chip-outline":o==="outline"||o==="outlined","k-chip-solid":o==="solid"||o==="filled"}),"aria-pressed":this.$props.role==="button"?this.currentSelected:void 0,"aria-selected":this.$props.role==="option"?this.currentSelected:void 0,"aria-disabled":this.$props.disabled,"aria-describedby":this.$props.ariaDescribedBy,onFocus:this.handleFocus,onBlur:this.handleBlur,onClick:this.handleClick,onKeydown:this.handleKeyDown,onMousedown:this.handleMouseDown},[this.currentSelected&&(h||p)&&a.createVNode(t.Icon,{name:t.getIconName(h),icon:p,size:"small"},null),(d||u)&&a.createVNode(t.Icon,{name:t.getIconName(d),icon:u,size:"small"},null),i?i.imageUrl?v:y:null,a.createVNode("span",{class:"k-chip-content"},[this.$props.text&&a.createVNode("span",{"aria-label":this.$props.text,class:this.chipLabelClass},[this.$props.text])]),this.$props.removable&&a.createVNode("span",{class:"k-chip-actions"},[a.createVNode("span",{class:"k-chip-action k-chip-remove-action"},[a.createVNode(t.Icon,{name:t.getIconName(f),icon:g,size:"small",onClick:this.handleRemove},null)])])])}});exports.Chip=b;

dist/cdn/js/kendo-vue-buttons.js

@@ -15,2 +15,2 @@ /**
  */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("@progress/kendo-vue-common"),require("@progress/kendo-svg-icons"),require("@progress/kendo-vue-popup")):"function"==typeof define&&define.amd?define(["exports","vue","@progress/kendo-vue-common","@progress/kendo-svg-icons","@progress/kendo-vue-popup"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoVueButtons={},e.Vue,e.KendoVueCommon,e.KendoSvgIcons,e.KendoVuePopup)}(this,(function(e,t,s,i,n){"use strict";const o=["button:not(.k-dropdownlist button):not(.k-colorpicker button):not(.k-split-button .k-split-button-arrow)",".k-button-group > button",".k-dropdownlist",".k-colorpicker"],r={button:"k-button",flat:"k-flat",outline:"k-outline",clear:"k-button-clear",primary:"k-primary","state-selected":"k-selected","button-icon":"k-button-icon","button-icontext":"k-button-icontext","state-disabled":"k-disabled","group-start":"k-group-start","group-end":"k-group-end","button-group":"k-button-group","button-group-stretched":"k-button-group-stretched",ltr:"k-ltr",rtl:"k-rtl"},a={name:"@progress/kendo-vue-buttons",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:1657089513,version:"$VERSION",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"},l=r,d=t.defineComponent({name:"KendoButton",emits:{click:null,mousedown:null,mouseup:null,pointerdown:null,pointerup:null,focus:null,blur:null,keypress:null,keydown:null},props:{ariaLabel:String,ariaPressed:Boolean,title:String,dir:String,selected:{type:Boolean,default:void 0},togglable:{type:Boolean,default:!1},icon:{type:String,default:function(){}},svgIcon:Object,iconClass:{type:String,default:function(){}},imageUrl:{type:String,default:function(){}},imageAlt:String,disabled:{type:Boolean,default:void 0},size:{type:String,default:"medium"},shape:{type:String},rounded:{type:String,default:"medium"},fillMode:{type:String,default:"solid"},themeColor:{type:String,default:"base"},tabIndex:Number,accessKey:String,id:String,type:String,role:String},created(){s.validatePackage(a),this.currentActive=!0===this.$props.togglable&&!0===this.$props.selected,this._activeTemp=void 0},data:()=>({currentActive:null}),computed:{computedSelected(){return void 0!==this._activeTemp?this._activeTemp:void 0!==this.$props.selected?this.$props.selected:this.currentActive},buttonClasses(){const{disabled:e,icon:t,iconClass:i,imageUrl:n,dir:o,svgIcon:r,size:a,shape:d,rounded:u,fillMode:c,themeColor:p}=this.$props,h=void 0!==r||void 0!==t||void 0!==i||void 0!==n,m=s.getDefaultSlots(this);return{[l.button]:!0,[`k-button-${s.kendoThemeMaps.sizeMap[a]||a}`]:a,[`k-button-${d}`]:d&&"rectangle"!==d,[`k-rounded-${s.kendoThemeMaps.roundedMap[u]||u}`]:u,"k-icon-button":!m&&h,"k-disabled":e,"k-selected":this.computedSelected,"k-rtl":"rtl"===o,[`k-button-${c}`]:c,[`k-button-${c}-${p}`]:c&&p}}},updated(){this.$props.togglable&&void 0!==this.$props.selected&&this.$props.selected!==this.currentActive&&(this.currentActive=this.$props.selected)},methods:{focus(e){this.$el.focus(e)},toggleIfApplicable(){if(!this.disabled&&this.$props.togglable&&void 0===this.$props.selected){const e=!this.currentActive;this._activeTemp=e,this.currentActive=e,this._activeTemp=void 0}},handleClick(e){this.toggleIfApplicable(),this.disabled||this.$emit("click",e)},handleMouseDown(e){this.disabled||this.$emit("mousedown",e)},handlePointerDown(e){this.disabled||this.$emit("pointerdown",e)},handleMouseUp(e){this.disabled||this.$emit("mouseup",e)},handlePointerUp(e){this.disabled||this.$emit("pointerup",e)},handleFocus(e){this.disabled||this.$emit("focus",e)},handleBlur(e){this.disabled||this.$emit("blur",e)},handleKeypress(e){this.disabled||this.$emit("keypress",e)},handleKeydown(e){this.disabled||this.$emit("keydown",e)},handleContextmenu(e){this.disabled||this.$emit("contextmenu",e)}},render(){const{togglable:e,icon:i,svgIcon:n,iconClass:o,imageUrl:r,imageAlt:a,accessKey:l,tabIndex:d,id:u,type:c,disabled:p,role:h}=this.$props,m=s.getDefaultSlots(this);return t.createVNode("button",{class:this.buttonClasses,onClick:this.handleClick,onMousedown:this.handleMouseDown,onMouseup:this.handleMouseUp,onPointerdown:this.handlePointerDown,onPointerup:this.handlePointerUp,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeypress:this.handleKeypress,onKeydown:this.handleKeydown,onContextmenu:this.handleContextmenu,title:this.title,"aria-label":this.ariaLabel,"aria-disabled":p||void 0,"aria-pressed":e?!!this.currentActive:void 0,accesskey:l,tabindex:d,id:u,type:c,role:h},[function(){if(r)return t.createVNode("img",{role:"presentation",class:"k-image",alt:a,src:r},null);if(i||n){const e=s.classNames("k-button-icon",o);return t.createVNode(s.Icon,{name:i,icon:n,class:e},null)}return o?t.createVNode("span",{role:"presentation",class:o},null):null}.call(this),m&&t.createVNode("span",{class:"k-button-text"},[m])])}}),u=t.defineComponent({name:"KendoButtonWrap",render(){return s.getDefaultSlots(this)[0]}}),c=r,p=t.defineComponent({name:"KendoButtonGroup",props:{disabled:{type:Boolean,default:void 0},width:String,dir:{type:String,default:function(){}}},created(){s.validatePackage(a)},render(){const e=s.getDefaultSlots(this),i=function(e,i,n,o){const r=s.classNames({[c["state-disabled"]]:this.$props.disabled,[c["group-start"]]:o?n:0===i,[c["group-end"]]:o?0===i:n});return t.h(u,{class:r,"aria-disabled":this.$props.disabled},(function(){return[e]}))},n=s.classNames([c["button-group"]],{"k-disabled":this.$props.disabled,[c["button-group-stretched"]]:!!this.$props.width});return t.createVNode("div",{style:{width:this.width},dir:this.$props.dir,role:"group","aria-disabled":this.$props.disabled,class:n},[function(e){const t=e.length,s=void 0!==this.$props.dir?"rtl"===this.$props.dir:this.$el&&"rtl"===getComputedStyle(this.$el).direction||!1;return e.map(((e,n)=>this.isValidButton(e)?i.call(this,e,n,n===t-1,s):e))}.call(this,e)])},methods:{isValidButton:e=>e&&e.tag&&-1!==e.tag.toLowerCase().indexOf("button")||e.componentOptions&&e.componentOptions.tag&&-1!==e.componentOptions.tag.toLowerCase().indexOf("button")||e.type&&e.type.name&&-1!==e.type.name.toLowerCase().indexOf("kendobutton")}});let h=function(e){return e.next="next",e.prev="prev",e.current="current",e.reset="reset",e}({});let m=function(e){return e.remove="remove",e.add="add",e.reorder="reorder",e}({});let f=function(e){return e.single="single",e.multiple="multiple",e.none="none",e}({}),g=function(e){return e.toggle="toggle",e.remove="remove",e}({});const b=t.defineComponent({name:"KendoVueChip",props:{id:String,text:String,avatar:{type:[String,Function,Object],default:function(){}},value:[String,Object],dir:{type:String,default:function(){return"ltr"}},removable:{type:Boolean,default:!1},removeIcon:{type:String,default:function(){return"x-circle"}},removeSvgIcon:{type:Object,default:function(){return i.xCircleIcon}},disabled:{type:Boolean,default:!1},icon:String,svgIcon:Object,selectedIcon:{type:String,default:function(){return"check"}},selectedSvgIcon:{type:Object,default:function(){return i.checkIcon}},look:{type:String,default:function(){return"solid"}},size:{type:String,default:"medium"},rounded:{type:String,default:"medium"},fillMode:{type:String,default:"solid",validator:function(e){return[null,"flat","outline","solid"].includes(e)}},themeColor:{type:String,default:"base",validator:function(e){return[null,"base","error","info","success","warning"].includes(e)}},dataItem:Object,selected:Boolean,ariaDescribedBy:String,role:{type:String,default:"button"},tabIndex:Number,onMousedown:Function},emits:{click:null,keydown:null,blur:null,focus:null,remove:null},inject:{kendoSelection:{default:{value:null}},kendoFocused:{default:{value:null}},kendoDataItems:{default:null},handleDispatchDataItems:{default:s.noop},handleDispatchSelection:{default:s.noop},handleDispatchFocus:{default:s.noop}},created(){this.currentDir=void 0,s.validatePackage(a)},mounted(){this.chip=s.getRef(this,"chip"),this.currentDir=void 0!==this.$props.dir?"rtl"===this.$props.dir:this.$el&&"rtl"===getComputedStyle(this.$el).direction||!1},updated(){this.kendoFocused.value===this.$props.value&&this.$el&&this.$el.focus()},computed:{currentSelected(){return this.$props.selected||(Array.isArray(this.kendoSelection.value)?this.kendoSelection.value.some((e=>e===this.$props.value)):this.kendoSelection.value===this.$props.value)},chipLabelClass:()=>({"k-chip-label":!0,"k-text-ellipsis":!0})},methods:{computedFocused(){return this.kendoFocused.value===this.$props.value},handleMouseDown(e){this.$emit("mousedown",e)},handleClick(e){this.handleDispatchSelection&&this.handleDispatchSelection({type:g.toggle,payload:this.$props.value,event:e}),this.$emit("click",{target:this.target,event:e})},handleRemove(e){e.stopPropagation(),this.$props.removable&&(this.handleDispatchFocus&&(this.handleDispatchDataItems({type:m.remove,payload:this.$props.value,event:e}),this.handleDispatchFocus({type:h.reset,payload:this.$props.value,event:e}),this.handleDispatchSelection({type:g.remove,payload:this.$props.value,event:e})),this.$emit("remove",{target:this.target,event:e}))},handleKeyDown(e){switch(e.keyCode){case s.Keys.left:this.handleDispatchFocus&&this.handleDispatchFocus({type:h.prev,payload:this.$props.value,event:e});break;case s.Keys.right:this.handleDispatchFocus&&this.handleDispatchFocus({type:h.next,payload:this.$props.value,event:e});break;case s.Keys.enter:this.handleDispatchFocus&&this.handleDispatchSelection({type:g.toggle,payload:this.$props.value,event:e});break;case s.Keys.delete:this.handleRemove(e)}this.$emit("keydown",{target:this.target,event:e})},handleFocus(e){this.handleDispatchFocus&&this.handleDispatchFocus({payload:this.$props.value,type:h.current,event:e}),this.$emit("focus",{target:this.target,event:e})},handleBlur(e){this.$emit("blur",{target:this.target,event:e})}},setup:()=>({chipRef:t.ref(null)}),render(){const{size:e,rounded:i,themeColor:n,fillMode:o,look:r,avatar:a,icon:l,svgIcon:d,selectedIcon:u,selectedSvgIcon:c,removeIcon:p,removeSvgIcon:h}=this.$props,m=s.templateRendering.call(this,a,s.getListeners.call(this)),f=a?t.createVNode("div",{class:`k-chip-avatar k-avatar k-rounded-${a.rounded||"medium"} k-avatar-${s.kendoThemeMaps.sizeMap[e]||e} k-avatar-solid k-avatar-solid-primary`,style:a.style},[t.createVNode("span",{class:"k-avatar-image"},[t.createVNode("img",{src:a.imageUrl,alt:a.imageAlt},null)])]):null,g=s.getTemplate.call(this,{h:t.h,template:m});return t.createVNode("div",{role:this.$props.role,id:this.$props.value,ref:s.setRef(this,"chip"),dir:this.currentDir,tabindex:s.getTabIndex(this.$props.tabIndex,this.$props.disabled,void 0),class:s.classNames("k-chip",{"k-rtl":"rtl"===this.currentDir,"k-disabled":this.$props.disabled,"k-selected":this.currentSelected,"k-focus":this.computedFocused(),[`k-chip-${s.kendoThemeMaps.sizeMap[e]||e}`]:e,[`k-rounded-${s.kendoThemeMaps.roundedMap[i]||i}`]:i,[`k-chip-${o}`]:o,[`k-chip-${o}-${n}`]:!(!o||!n),"k-chip-outline":"outline"===r||"outlined"===r,"k-chip-solid":"solid"===r||"filled"===r}),"aria-pressed":"button"===this.$props.role?this.currentSelected:void 0,"aria-selected":"option"===this.$props.role?this.currentSelected:void 0,"aria-disabled":this.$props.disabled,"aria-describedby":this.$props.ariaDescribedBy,onFocus:this.handleFocus,onBlur:this.handleBlur,onClick:this.handleClick,onKeydown:this.handleKeyDown,onMousedown:this.handleMouseDown},[this.currentSelected&&(u||c)&&t.createVNode(s.Icon,{name:s.getIconName(u),icon:c,size:"small"},null),(l||d)&&t.createVNode(s.Icon,{name:s.getIconName(l),icon:d,size:"small"},null),a?a.imageUrl?f:g:null,t.createVNode("span",{class:"k-chip-content"},[this.$props.text&&t.createVNode("span",{"aria-label":this.$props.text,class:this.chipLabelClass},[this.$props.text])]),this.$props.removable&&t.createVNode("span",{class:"k-chip-actions"},[t.createVNode("span",{class:"k-chip-action k-chip-remove-action"},[t.createVNode(s.Icon,{name:s.getIconName(p),icon:h,size:"small",onClick:this.handleRemove},null)])])])}}),v=t.defineComponent({name:"KendoVueChipList",inheritAttrs:!1,props:{id:String,tabIndex:Number,dataItems:Array,defaultDataItems:{type:Array,default:function(){return[]}},value:[Object,Array,String,Number],defaultValue:{type:[Object,Array,String,Number],default:function(){return null}},size:{type:String,default:"medium"},rounded:{type:String,default:"medium"},fillMode:{type:String,default:"solid",validator:function(e){return[null,"flat","outline","solid"].includes(e)}},selection:{type:String,default:function(){return"none"}},textField:{type:String,default:function(){return"text"}},valueField:{type:String,default:function(){return"value"}},avatarField:{type:String,default:function(){return"avatar"}},disabled:{type:Boolean,default:!1},dir:{type:String,default:function(){return"ltr"}},chip:[String,Function,Object],ariaLabelledBy:String,ariaDescribedBy:String},provide(){return{kendoSelection:this.currentValue,kendoFocused:this.currentFocused,kendoDataItems:this.computedDataItems,handleDispatchDataItems:this.handleDispatchDataItems,handleDispatchSelection:this.handleDispatchSelection,handleDispatchFocus:this.handleDispatchFocus}},created(){s.validatePackage(a),this.currentDataItems=this.$props.dataItems||this.$props.defaultDataItems,this.currentValue.value=this.$props.value||this.$props.defaultValue},data:()=>({currentDataItems:[],currentDir:"ltr",isRtl:!1,currentFocused:{value:!1},currentValue:{value:null}}),mounted(){this.chipList=this.chipListRef,this.currentDir=void 0!==this.$props.dir?this.$props.dir:this.$el&&"rtl"===getComputedStyle(this.$el).direction||!1,this.isRtl="rtl"===this.currentDir},computed:{computedDataItems(){return this.$props.dataItems||this.currentDataItems},computedValue(){return this.$props.value||this.currentValue.value},items(){return this.computedDataItems.reduce(this.itemsReducer,[])}},methods:{handleDispatchSelection(e){const t=((e,t)=>{switch(t.selection){case f.single:switch(t.type){case g.toggle:if(!Array.isArray(e)||null===e)return t.payload===e?null:t.payload;throw new Error("State cannot be an array in single selection");case g.remove:return t.payload===e?null:e;default:return e}case f.multiple:switch(t.type){case g.toggle:if(Array.isArray(e))return e.some((e=>e===t.payload))?e.filter((e=>e!==t.payload)):[...e,t.payload];if(null===e)return[t.payload];throw new Error("State cannot be non-array in multiple selection");case g.remove:return Array.isArray(e)?e.some((e=>e===t.payload))?e.filter((e=>e!==t.payload)):[...e,t.payload]:e;default:return e}case f.none:return null;default:return e}})(this.computedValue,{...e,selection:this.$props.selection,state:this.computedValue});this.handleChange(t,e.event),this.currentValue.value=t},handleDispatchFocus(e){const t=((e,t)=>{const s=t.items.findIndex((t=>t===e));switch(t.type){case h.next:return s===t.items.length-1?e:t.items[s+1];case h.prev:return 0===s?e:t.items[s-1];case h.current:return t.payload;case h.reset:return null;default:return e}})(e.payload,{...e,items:this.items});this.currentFocused.value=t},handleDispatchDataItems(e){const t=((e,t)=>{switch(t.type){case m.add:break;case m.remove:return e.filter((e=>e[t.valueField]!==t.payload));case m.reorder:break;default:return e}})(this.computedDataItems,{...e,state:this.computedDataItems,valueField:this.$props.valueField});this.handleDataChange(t,e.event),this.currentDataItems=t},handleChange(e,t){this.$el&&this.$emit("change",{value:e,target:this.$el,event:t})},handleDataChange(e,t){this.$el&&this.$emit("datachange",{value:e,target:this.$el,event:t})},itemsReducer(e,t){return e.push(t[this.$props.valueField||this.$props.valueField]),e}},setup:()=>({chipListRef:t.ref(null)}),render(){const{size:e}=this.$props;return t.createVNode("div",{ref:s.setRef(this,"chipList"),role:"listbox",id:this.$props.id,dir:this.currentDir,style:this.$attrs.style,tabindex:s.getTabIndex(this.$props.tabIndex,this.$props.disabled,void 0),class:s.classNames("k-chip-list",{[`k-chip-list-${s.kendoThemeMaps.sizeMap[e]||e}`]:e,"k-rtl":"rtl"===this.currentDir,"k-selection-single":"single"===this.$props.selection,"k-selection-multiple":"multiple"===this.$props.selection,"k-disabled":this.$props.disabled}),"aria-labelledby":this.$props.ariaLabelledBy,"aria-describedby":this.$props.ariaDescribedBy,"aria-orientation":"horizontal","aria-multiselectable":"multiple"===this.$props.selection||void 0},[this.computedDataItems.map((function(e){const i=s.templateRendering.call(this,this.$props.chip,s.getListeners.call(this)),n=t.createVNode(b,{role:"option",dataItem:e,key:e[this.$props.valueField],text:e[this.$props.textField],value:e[this.$props.valueField],avatar:e[this.$props.avatarField],size:this.$props.size,rounded:this.$props.rounded,fillMode:this.$props.fillMode},null);return s.getTemplate.call(this,{h:t.h,template:i,defaultRendering:n,additionalProps:{dataItem:e,key:e[this.$props.valueField],text:e[this.$props.textField],value:e[this.$props.valueField],size:this.$props.size}})}),this)])}}),y=t.defineComponent({name:"KendoVueFloatingActionButtonItem",props:{id:String,disabled:Boolean,focused:Boolean,index:Number,icon:String,item:[String,Function,Object],dataItem:Object,text:String,tabIndex:Number,customProp:[String,Function,Object]},emits:{click:null,down:null},mounted(){this.element=s.getRef(this,"element")},computed:{itemClassNames(){return s.classNames("k-fab-item",{"k-focus":this.focused,"k-disabled":this.disabled})}},methods:{handleClick(e){void 0!==this.$props.index&&!this.$props.disabled&&this.$emit("click",e,this.$props.index)},focusElement(){this.$el&&this.$el.focus()},onMouseDown(e){this.$emit("down",e)}},setup:()=>({elementRef:t.ref(null)}),render(){const{disabled:e,id:i,tabIndex:n,dataItem:o}=this.$props,{text:r,icon:a,svgIcon:l}=o;let d;const u=t.createVNode("li",{ref:s.setRef(this,"element"),id:i,class:this.itemClassNames,role:"menuitem",tabindex:s.getTabIndex(n,e),"aria-disabled":e,"aria-label":`${r||""} floatingactionbutton item`,onClick:this.handleClick,onMousedown:this.onMouseDown,onPointerdown:this.onMouseDown},[r&&t.createVNode("span",{class:"k-fab-item-text"},[r]),(l||a)&&t.createVNode(s.Icon,{name:a,icon:l,class:"k-fab-item-icon"},null)]);return d=s.getTemplate.call(this,{h:t.h,template:this.$props.item,defaultRendering:u,additionalProps:this.$props,additionalListeners:{click:this.handleClick}}),d}}),$="16px",k=e=>"number"==typeof e?e+"px":e,I=(e,t)=>{const s={horizontal:t?"right":"left",vertical:"bottom"};return"end"===e.horizontal&&(s.horizontal=t?"left":"right"),s},x=(e,t)=>{const s={horizontal:t?"right":"left",vertical:"top"};return"end"===e.horizontal&&(s.horizontal=t?"left":"right"),s},S=(e,t)=>({rtl:{end:"k-text-left",start:"k-text-right"},ltr:{start:"k-text-left",end:"k-text-right"}}[e]["end"===t?"end":"start"]),C=(e,t,s,i)=>{const n=t.horizontal,o=t.vertical;if(e){const r=s&&void 0!==s.x?k(s.x):$,a=s&&void 0!==s.x?`calc(50% + ${k(s.x)})`:"50%",l=s&&void 0!==s.y?k(s.y):$,d=s&&void 0!==s.y?`calc(50% + ${k(s.y)})`:"50%";e.style.setProperty(D(t,i),"center"===n?a:r),e.style.setProperty(w(t),"middle"===o?d:l),i&&(("top"===o||"bottom"===o)&&"start"===n&&e.style.setProperty("left","unset"),"middle"===o&&"end"===n&&e.style.setProperty("right","unset"),"middle"===o&&"start"===n&&e.style.setProperty("left","unset"))}},D=(e,t)=>{const{horizontal:s}=e;return{end:t?"left":"right",center:"left",start:t?"right":"left"}[s||"end"]},w=e=>({top:"top",middle:"top",bottom:"bottom"}[e.vertical||"bottom"]),O=t.defineComponent({name:"KendoVueFloatingActionButton",props:{id:String,dir:String,tabIndex:Number,accessKey:String,disabled:{type:Boolean,default:!1},icon:String,svgIcon:Object,iconClass:String,items:[Object,Array],item:[String,Function,Object],text:String,alignOffset:Object,opened:{type:Boolean,default:void 0},align:{type:Object,default:function(){return{vertical:"bottom",horizontal:"end"}}},positionMode:{type:String,default:function(){return"fixed"}},popupSettings:{type:Object,default:function(){return{}}},shape:{type:String,default:function(){return"rectangle"}},rounded:{type:String,default:"full"},fillMode:{type:String,default:"solid",validator:function(e){return[null,"flat","link","outline","solid"].includes(e)}},size:{type:String,default:function(){return"medium"}},themeColor:{type:String,default:function(){return"primary"}}},emits:{click:null,mousedown:null,mouseup:null,open:null,close:null,itemclick:null,focus:null,blur:null,keydown:null},data:()=>({currentOpened:!1,currentFocused:!1,focusedIndex:-1,currentDir:"ltr",isRtl:!1}),created(){s.validatePackage(a),this.element=void 0,this._anchor=s.guid(),this.listId=s.guid(),this.buttonId=s.guid()},mounted(){this.element=this.kendoAnchorRef,this.list=s.getRef(this,"list"),this.popup=s.getRef(this,"popup"),this.currentDir=void 0!==this.$props.dir?this.$props.dir:this.$el&&"rtl"===getComputedStyle(this.$el).direction||!1,this.isRtl="rtl"===this.currentDir,void 0!==this.opened&&C(this.$el,this.$props.align,this.$props.alignOffset,this.isRtl)},updated(){C(this.$el,this.$props.align,this.$props.alignOffset,this.isRtl),this.currentFocused&&this.element&&this.element.focus()},computed:{buttonClassNames(){const{size:e,icon:t,shape:i,themeColor:n,fillMode:o,rounded:r}=this.$props;return{"k-fab":!0,[`k-fab-${i||"rectangle"}`]:null!==i,[`k-fab-${s.kendoThemeMaps.sizeMap[e]||e}`]:e,[`k-rounded-${s.kendoThemeMaps.roundedMap[r]||r}`]:r,[`k-fab-${o}`]:o,[`k-fab-${o}-${n}`]:o&&n,"k-disabled":this.$props.disabled,"k-focus":this.currentFocused,[`k-${this.$props.align.vertical}-${this.$props.align.horizontal}`]:!0}},computedOpened(){return void 0===this.$props.opened?this.currentOpened:this.$props.opened},rootClassNames(){return s.classNames({"k-pos-absolute":"absolute"===this.$props.positionMode,"k-pos-fixed":"fixed"===this.$props.positionMode})}},methods:{dispatchPopupEvent(e,t){this.$props.items&&this.$emit(t?"open":"close",{event:e,isOpened:!t})},handleClick(e){if(e.target&&!this.$props.disabled)if(this.$props.items){const t=!this.computedOpened;this.currentOpened=t,this.currentFocused=!0,this.focusedIndex=t?0:-1,this.dispatchPopupEvent(e,!this.computedOpened)}else this.$emit("click",e,void 0)},handleFocus(e){this.currentFocused=!0,this.focusedIndex=this.computedOpened?0:-1,this.$emit("focus",e,void 0)},handleBlur(e){this.currentFocused=!1,this.currentOpened=!1,this.focusedIndex=-1,this.$emit("blur",e,void 0),this.computedOpened&&this.dispatchPopupEvent(e,!1)},handleMouseDown(e){e.preventDefault(),this.$emit("mousedown",e)},handleMouseUp(e){this.$emit("mouseup",e)},dispatchItemClickEvent(e,t){this.$props.items&&(this.$props.items[t].disabled||this.$emit("itemclick",e,{itemProps:this.$props.items[t],itemIndex:t}))},handleItemClick(e,t){!e.target||!this.$props.items||(this.focusedIndex=t,this.currentOpened=!1,this.dispatchItemClickEvent(e,t),this.dispatchPopupEvent(e,!1))},handleItemDown(e){s.canUseDOM&&document.activeElement===this.element&&e.preventDefault()},handleKeyDown(e){const t=this.focusedIndex,i=this.$props.items?this.$props.items.length-1:-1,n="bottom"===this.$props.align.vertical;switch(e.keyCode){case s.Keys.enter:case s.Keys.space:t>=0&&this.dispatchItemClickEvent(e,t),e.preventDefault(),this.currentOpened=!this.currentOpened,this.focusedIndex=this.currentOpened?-1:0;break;case s.Keys.esc:e.preventDefault(),this.currentOpened=!1,this.focusedIndex=-1;break;case s.Keys.home:e.preventDefault(),this.focusedIndex=0;break;case s.Keys.end:e.preventDefault(),this.focusedIndex=i;break;case s.Keys.down:case s.Keys.right:e.preventDefault(),t<i&&!n&&(this.focusedIndex=t+1),t>0&&n&&(this.focusedIndex=t-1);break;case s.Keys.up:case s.Keys.left:e.preventDefault(),t>0&&!n&&(this.focusedIndex=t-1),t<i&&n&&(this.focusedIndex=t+1)}this.$emit("keydown",e,void 0)}},setup:()=>({chipRef:t.ref(null),kendoAnchorRef:t.ref(null)}),render(){const{align:e,disabled:i,icon:o,svgIcon:r,iconClass:a,id:l,items:d,text:u,tabIndex:c,accessKey:p,popupSettings:h}=this.$props,m=s.templateRendering.call(this,this.$props.item,s.getListeners.call(this)),f=function(){return d&&d.map((function(n,o){return t.createVNode(y,{key:o,index:o,id:`${this.listId}-${o}`,disabled:i||n.disabled,focused:this.focusedIndex===o,dataItem:n,item:m,class:s.classNames(n.className,S(this.currentDir||"ltr",e.horizontal)),onClick:this.handleItemClick,onDown:this.handleItemDown},null)}),this)},g=o&&!u,b=(this.element?this.element.offsetWidth:0)/2-16;return t.createVNode("div",{class:this.rootClassNames},[t.createVNode("button",{ref:e=>{this.kendoAnchorRef=e},id:l||this.buttonId,role:d?"menubutton":"button",type:"button","aria-disabled":i,"aria-expanded":d?this.computedOpened:void 0,"aria-haspopup":!!d,"aria-label":`${u||""} floatingactionbutton`,"aria-owns":d?this.listId:void 0,"aria-activedescendant":this.focusedIndex>=0&&d?`${this.listId}-${this.focusedIndex}`:void 0,tabindex:s.getTabIndex(c,i),accesskey:p,dir:this.currentDir,disabled:i,class:this.buttonClassNames,onClick:this.handleClick,onMousedown:this.handleMouseDown,onMouseup:this.handleMouseUp,onFocusin:this.handleFocus,onBlur:this.handleBlur,onKeydown:this.handleKeyDown},[o||r?t.createVNode(s.Icon,{name:o,icon:r,class:"k-fab-icon"},null):a?t.createVNode(s.Icon,{class:a},null):null,u&&t.createVNode("span",{class:"k-fab-text"},[u])]),t.createVNode(n.Popup,{ref:s.setRef(this,"popup"),show:this.computedOpened,anchor:this._anchor,animate:h.animate,popupClass:s.classNames("k-popup-transparent k-fab-popup",h.popupClass),anchorAlign:h.anchorAlign||I(e,this.isRtl),popupAlign:h.popupAlign||x(e,this.isRtl),style:{boxShadow:"none"}},{default:()=>[t.createVNode("ul",{ref:s.setRef(this,"list"),role:"menu","aria-labelledby":l,id:this.listId,class:s.classNames("k-fab-items",{"k-fab-items-bottom":"bottom"!==e.vertical,"k-fab-items-top":"bottom"===e.vertical}),style:{paddingLeft:g?b+"px":void 0,paddingRight:g?b+"px":void 0}},[f.call(this)])]})])}}),K=t.defineComponent({name:"KendoButtonItem",emits:{click:null,down:null},props:{focused:Boolean,index:Number,item:Object,render:[String,Object,Function],dataItem:[String,Object],id:String,textField:String,role:String},computed:{wrapperClass(){return{"k-item":!0,"k-focus":this.$props.focused}},innerClass(){const{dataItem:e}=this.$props;return{"k-link k-menu-link":!0,"k-selected":e.selected,"k-disabled":e.disabled}}},methods:{onClick(e){this.$emit("click",e,this.$props.index)},onDown(e){this.$emit("down",e,this.$props.index)}},render(){const{dataItem:e,id:i,render:n}=this.$props;return t.createVNode("li",{id:i,class:this.wrapperClass,onClick:this.onClick,onMousedown:this.onDown,onPointerdown:this.onDown,role:"menuitem","aria-disabled":e.disabled||void 0},[function(){const{textField:i,index:o}=this.$props,r=void 0!==e.text?e.text:i?e[i]:e,a=t.createVNode("span",{tabindex:-1,class:this.innerClass,key:"icon"},[e.icon||e.svgIcon?t.createVNode(s.Icon,{name:e.icon,icon:e.svgIcon,class:e.iconClass},null):e.iconClass&&t.createVNode("span",{class:e.iconClass,role:"presentation"},null),e.imageUrl&&t.createVNode("img",{class:"k-icon",alt:"",src:e.imageUrl,role:"presentation",key:"image"},null),r&&t.createVNode("span",{class:"k-menu-link-text"},[r])]);return s.getTemplate.call(this,{h:t.h,template:this.$props.dataItem.render||n,defaultRendering:a,additionalProps:{item:e,itemIndex:o,innerClass:this.innerClass,focused:this.focused}})}.call(this)])}}),N=(e,t,i,n)=>{if(i)return e;switch(t){case s.Keys.enter:case s.Keys.space:case s.Keys.esc:return-1;case s.Keys.up:case s.Keys.left:return Math.max(0,e-1);case s.Keys.down:case s.Keys.right:return Math.min(n-1,e+1);default:return e}};function B(e){let t={horizontal:"left",vertical:"bottom"};return e&&(t.horizontal="right"),t}function F(e){let t={horizontal:"left",vertical:"top"};return e&&(t.horizontal="right"),t}const M=t.defineComponent({name:"KendoSplitButton",emits:{focus:null,blur:null,buttonclick:null,itemclick:null,open:null,close:null},props:{accessKey:String,ariaLabel:String,text:String,items:{type:Array,default:function(){return[]}},textField:String,tabIndex:Number,disabled:Boolean,icon:String,svgIcon:Object,size:{type:String,default:"medium"},rounded:{type:String,default:"medium"},fillMode:{type:String,default:"solid",validator:function(e){return[null,"flat","link","outline","solid"].includes(e)}},themeColor:{type:String,default:"base",validator:function(e){return[null,"base","dark","error","info","inverse","inverse","light","primary","secondary","success","tertiary","warning"].includes(e)}},opened:{type:Boolean,default:void 0},iconClass:String,imageUrl:String,popupSettings:Object,itemRender:[String,Function,Object],item:[String,Function,Object],className:String,buttonClass:String,dir:String},data:()=>({focused:!1,focusedIndex:-1,currentOpened:!1}),created(){this._blurTimeout=null,this._anchor=s.guid(),this.mainButton=null,this.guid=s.guid(),this.buttonsData=[],s.validatePackage(a)},mounted(){this.mainButton=this.$refs[this._anchor],(void 0===this.$props.dir&&this.isRtl()||this.computedOpened)&&this.$forceUpdate()},updated(){this.focused&&this.element()&&(this.mainButton=this.$refs[this._anchor],this.mainButton.focus())},computed:{computedOpened(){return void 0===this.$props.opened?this.currentOpened:this.$props.opened},wrapperClass(){return{"k-split-button":!0,"k-button-group":!0,"k-focus":this.focused}}},setup:()=>({kendoAnchorRef:t.ref(null)}),render(){this.buttonsData=this.$props.items;const e=this.isRtl(),o=e?"rtl":void 0,{tabIndex:r,disabled:a}=this.$props,l=s.getDefaultSlots(this),u=function(){const{item:e,itemRender:i,textField:n}=this.$props;return this.buttonsData.length>0?this.buttonsData.map((function(o,r){const a="string"!=typeof o?{...o,render:s.templateRendering.call(this,o.render,s.getListeners.call(this))}:o;return t.createVNode(K,{class:"k-menu-item",role:"menuitem",dataItem:a,textField:n,focused:this.focusedIndex===r,onClick:this.onItemClick,onDown:this.onItemDown,render:s.templateRendering.call(this,i,s.getListeners.call(this)),item:e,key:r,index:r,id:`${this.guid}-${r}`},null)}),this):null};return t.createVNode("div",{class:this.wrapperClass,onKeydown:this.onKeyDown,onFocusin:this.onFocus,onFocusout:this.onBlur,dir:o},[t.createVNode(d,{size:this.$props.size,rounded:this.$props.rounded,fillMode:this.$props.fillMode,themeColor:this.$props.themeColor,onClick:e=>this.onItemClick(e,-1),disabled:a||void 0,tabIndex:r,accessKey:this.$props.accessKey,class:this.$props.buttonClass,icon:this.$props.icon,svgIcon:this.$props.svgIcon,iconClass:this.$props.iconClass,imageUrl:this.$props.imageUrl,dir:o,id:this._anchor,ref:this._anchor,type:"button","aria-disabled":a,"aria-haspopup":"menu","aria-expanded":this.computedOpened,"aria-label":this.$props.ariaLabel||`${this.$props.text||""} splitbutton`,"aria-controls":this.guid,"aria-activedescendant":void 0!==this.focusedIndex&&this.focusedIndex>=0?`${this.guid}-${this.focusedIndex}`:void 0},{default:()=>[this.$props.text,l]}),t.createVNode(d,{svgIcon:i.caretAltDownIcon,size:this.$props.size,rounded:this.$props.rounded,fillMode:this.$props.fillMode,themeColor:this.$props.themeColor,icon:"caret-alt-down",disabled:a||void 0,tabIndex:-1,onClick:this.onSplitPartClick,onMousedown:this.onDownSplitPart,onPointerdown:this.onDownSplitPart,dir:o,"aria-label":"menu toggling button"},null),function(){const{popupSettings:i={},size:o}=this.$props;return t.createVNode(n.Popup,{anchor:this._anchor,show:this.computedOpened,animate:i.animate,popupClass:s.classNames("k-menu-popup",i.popupClass),anchorAlign:i.anchorAlign||B(e),popupAlign:i.popupAlign||F(e),style:e?{direction:"rtl"}:void 0},{default:()=>[t.createVNode("ul",{class:`k-group k-menu-group k-reset k-menu-group-${s.kendoThemeMaps.sizeMap[o]||o}`,role:"menu",id:this.guid,"aria-labelledby":this._anchor},[u.call(this)])]})}.call(this)])},methods:{element(){return this.mainButton},onKeyDown(e){if(e.altKey)return void(this.computedOpened||e.keyCode!==s.Keys.down?this.computedOpened&&e.keyCode===s.Keys.up&&(this.dispatchPopupEvent(e,!1),this.focusedIndex=-1,this.currentOpened=!1):(this.dispatchPopupEvent(e,!0),this.focusedIndex=0,this.currentOpened=!0));let t;if(e.keyCode===s.Keys.enter||e.keyCode===s.Keys.space?(e.preventDefault(),this.dispatchClickEvent(e,this.focusedIndex),void 0!==this.focusedIndex&&this.focusedIndex>=0&&(t={focusedIndex:this.computedOpened?-1:0,currentOpened:!this.computedOpened},this.dispatchPopupEvent(e,t.currentOpened))):this.computedOpened&&e.keyCode===s.Keys.esc&&(t={focusedIndex:-1,currentOpened:!1},this.dispatchPopupEvent(e,t.currentOpened)),this.computedOpened){const i=N(this.focusedIndex,e.keyCode,e.altKey,this.buttonsData.length);i!==this.focusedIndex&&(t=t||{},t.focusedIndex=i);const n=e.keyCode===s.Keys.up||e.keyCode===s.Keys.down||e.keyCode===s.Keys.left||e.keyCode===s.Keys.right;!e.altKey&&n&&e.preventDefault()}t&&(this.focusedIndex=t.focusedIndex,this.focused=t.focused,void 0!==t.currentOpened&&(this.currentOpened=t.currentOpened))},onFocus(e){this.focused||(this.$emit("focus",e,this,void 0),this.focused=!0),this.focusedIndex=-1,clearTimeout(this._blurTimeout)},onItemClick(e,t){const s=this.computedOpened;s&&(this.focusedIndex=0,this.currentOpened=!1),this.dispatchClickEvent(e,t),s&&this.dispatchPopupEvent(e,!1)},onBlur(e){clearTimeout(this._blurTimeout),this.createBlurTimeout(e)},createBlurTimeout(e){const t=this;this._blurTimeout=setTimeout((()=>{s.canUseDOM&&document.activeElement!==t.mainButton&&(t.focused=!1,t.focusedIndex=-1,t.$emit("blur",e,this,void 0),t.computedOpened&&(t.currentOpened=!1,t.dispatchPopupEvent(e,!1)))}),200)},dispatchClickEvent(e,t){this.isItemDisabled(t)||(-1===t?this.$emit("buttonclick",e,this,void 0):this.$emit("itemclick",{event:e,component:this,item:this.buttonsData[t],itemIndex:t}))},onSplitPartClick(e){if(this.buttonsData.length){const t=!this.computedOpened;this.dispatchPopupEvent(e,t),this.focusedIndex=t?0:-1,this.currentOpened=t,this.focused=!0}},onDownSplitPart(e){e.preventDefault(),this.element()&&document.activeElement!==this.element()&&this.element().focus()},onItemDown(e){document.activeElement===this.element()&&e.preventDefault()},dispatchPopupEvent(e,t){this.$emit(t?"open":"close",e,this,void 0)},isItemDisabled(e){return this.buttonsData[e]?this.buttonsData[e].disabled:this.$props.disabled},isRtl(){return void 0!==this.$props.dir?"rtl"===this.$props.dir:!!this.$el&&"rtl"===getComputedStyle(this.$el).direction}}}),V=t.defineComponent({name:"KendoDropDownButton",emits:{focus:null,blur:null,itemclick:null,open:null,close:null},props:{accessKey:String,items:{type:Array,default:function(){return[]}},ariaLabel:String,text:String,textField:String,tabIndex:Number,disabled:Boolean,icon:String,svgIcon:Object,iconClass:String,imageUrl:String,popupSettings:Object,itemRender:[String,Object,Function],item:Function,size:{type:String,default:"medium"},shape:{type:String,default:"rectangle",validator:function(e){return[null,"rectangle","square"].includes(e)}},rounded:{type:String,default:"medium"},fillMode:{type:String,default:"solid",validator:function(e){return[null,"flat","link","outline","solid"].includes(e)}},themeColor:{type:String,default:"base",validator:function(e){return[null,"base","dark","error","info","inverse","inverse","light","primary","secondary","success","tertiary","warning"].includes(e)}},opened:{type:Boolean,default:void 0},buttonClass:String,dir:String},created(){this._blurTimeout=null,this._anchor=s.guid(),this.wrapper=null,this.mainButton=null,this.guid=s.guid(),this.buttonsData=[],s.validatePackage(a)},mounted(){this.mainButton=this.$refs[this._anchor],(void 0===this.$props.dir&&this.isRtl()||this.computedOpened)&&this.$forceUpdate()},updated(){this.focused&&this.element()&&(this.mainButton=this.$refs[this._anchor],this.mainButton.focus())},data:()=>({currentOpened:!1,focused:!1,focusedIndex:-1}),computed:{computedOpened(){return void 0===this.$props.opened?this.currentOpened:this.$props.opened},wrapperClass(){return{"k-dropdown-button":!0,"k-focus":this.focused}}},setup:()=>({kendoAnchorRef:t.ref(null)}),render(){const e=this.isRtl(),i=e?"rtl":void 0,{tabIndex:o,disabled:r}=this.$props,a=s.getDefaultSlots(this);this.buttonsData=this.$props.items;const l=function(){const{item:e,itemRender:i,textField:n}=this.$props;return this.buttonsData.length>0?this.buttonsData.map((function(o,r){const a="string"!=typeof o?{...o,render:s.templateRendering.call(this,o.render,s.getListeners.call(this))}:o;return t.createVNode(K,{class:"k-menu-item",dataItem:a,textField:n,focused:this.focusedIndex===r,onClick:this.onItemClick,onDown:this.onItemDown,render:s.templateRendering.call(this,i,s.getListeners.call(this)),item:e,index:r,key:r,id:`${this.guid}-${r}`},null)}),this):null};return t.createVNode("div",{class:this.wrapperClass,onKeydown:this.onKeyDown,onFocusin:this.onFocus,onFocusout:this.onBlur,dir:i},[t.createVNode(d,{size:this.$props.size,shape:this.$props.shape,rounded:this.$props.rounded,fillMode:this.$props.fillMode,themeColor:this.$props.themeColor,onClick:this.onClickMainButton,onMousedown:this.mouseDown,disabled:r||void 0,tabIndex:o,accessKey:this.$props.accessKey,icon:this.$props.icon,svgIcon:this.$props.svgIcon,iconClass:this.$props.iconClass,class:this.$props.buttonClass,imageUrl:this.$props.imageUrl,dir:i,ref:this._anchor,type:"button","aria-disabled":r,"aria-haspopup":"menu","aria-expanded":this.computedOpened,"aria-label":this.$props.ariaLabel||`${this.$props.text||""} dropdownbutton`,"aria-controls":this.guid,"aria-activedescendant":void 0!==this.focusedIndex&&this.focusedIndex>=0?`${this.guid}-${this.focusedIndex}`:void 0},{default:()=>[this.$props.text,a]}),function(){const{popupSettings:i={},size:o}=this.$props;return t.createVNode(n.Popup,{anchor:this._anchor,show:this.computedOpened,animate:i.animate,popupClass:s.classNames("k-menu-popup",i.popupClass),anchorAlign:i.anchorAlign||B(e),popupAlign:i.popupAlign||F(e),style:e?{direction:"rtl"}:void 0},{default:()=>[t.createVNode("ul",{class:`k-group k-menu-group k-reset k-menu-group-${s.kendoThemeMaps.sizeMap[o]||o}`,role:"menu",id:this.guid},[l.call(this)])]})}.call(this)])},methods:{element(){return this.mainButton},onKeyDown(e){if(e.altKey)this.computedOpened||e.keyCode!==s.Keys.down?this.computedOpened&&e.keyCode===s.Keys.up&&(this.dispatchPopupEvent(e,!1),this.focusedIndex=-1,this.currentOpened=!1):(this.dispatchPopupEvent(e,!0),this.focusedIndex=0,this.currentOpened=!0);else if(e.keyCode===s.Keys.enter||e.keyCode===s.Keys.space?(void 0!==this.focusedIndex&&this.focusedIndex>=0&&this.dispatchClickEvent(e,this.focusedIndex),e.preventDefault(),this.focusedIndex=this.computedOpened?-1:0,this.currentOpened=!this.computedOpened,this.dispatchPopupEvent(e,this.currentOpened)):this.computedOpened&&e.keyCode===s.Keys.esc&&(this.focusedIndex=-1,this.currentOpened=!1,this.dispatchPopupEvent(e,this.currentOpened)),this.computedOpened){const t=N(this.focusedIndex,e.keyCode,e.altKey,this.buttonsData.length);this.focusedIndex=t;const i=e.keyCode===s.Keys.up||e.keyCode===s.Keys.down||e.keyCode===s.Keys.left||e.keyCode===s.Keys.right;!e.altKey&&i&&e.preventDefault()}},onFocus(e){this.focused||(this.focused=!0,this.$emit("focus",e,this,void 0)),this.focusedIndex=this.computedOpened?0:-1,clearTimeout(this._blurTimeout)},onBlur(e){clearTimeout(this._blurTimeout),this.createBlurTimeout(e)},createBlurTimeout(e){const t=this;this._blurTimeout=setTimeout((()=>{s.canUseDOM&&document.activeElement!==t.$el&&(t.focused=!1,t.focusedIndex=-1,t.$emit("blur",e,t,void 0),t.computedOpened&&(t.currentOpened=!1,t.dispatchPopupEvent(e,!1)))}),200)},onItemClick(e,t){this.focusedIndex=-1,this.currentOpened=!1,this.dispatchClickEvent(e,t),this.dispatchPopupEvent(e,!1)},onItemDown(e){document.activeElement===this.element()&&e.preventDefault()},mouseDown(e){e.preventDefault()},dispatchClickEvent(e,t){this.isItemDisabled(t)||this.$emit("itemclick",{event:e,item:this.buttonsData[t],itemIndex:t})},onClickMainButton(e){if(!this.buttonsData.length)return;const t=!this.computedOpened;this.currentOpened=t,this.focused=!0,this.focusedIndex=t?0:-1,this.dispatchPopupEvent(e,t)},dispatchPopupEvent(e,t){this.$emit(t?"open":"close",e,this,void 0)},isItemDisabled(e){return this.buttonsData[e]?this.buttonsData[e].disabled:this.$props.disabled},isRtl(){return void 0!==this.$props.dir?"rtl"===this.$props.dir:!!this.$el&&"rtl"===getComputedStyle(this.$el).direction}}}),P=t.defineComponent({name:"KendoToolbar",props:{tabIndex:{type:Number,default:0},dir:String,keyboardNavigation:{type:Boolean,default:!0},buttons:{type:Array,default:function(){}},size:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large"].includes(e)}},fillMode:{type:String,default:"solid",validator:function(e){return[null,"solid","flat","outline"].includes(e)}},ariaLabel:String},created(){this.offsetHeight=0,this.offsetWidth=0,this.currentButtons=[],this.focusedSelector=this.selectors.map((e=>e+":focus")).join(","),s.validatePackage(a)},computed:{selectors(){return this.$props.buttons||o},wrapperClass(){const{size:e,fillMode:t}=this.$props;return{"k-toolbar":!0,[`k-toolbar-${t}`]:t,[`k-toolbar-${s.kendoThemeMaps.sizeMap[e]||e}`]:e}}},mounted(){window.addEventListener("resize",this.onWindowResize);const e=this.$el;e&&(this.offsetWidth=e.offsetWidth,this.offsetHeight=e.offsetHeight,!1!==this.$props.keyboardNavigation&&(this.currentButtons=this.getCurrentButtons(),this.setTabIndex(0)))},updated(){!this.$el||!1===this.$props.keyboardNavigation||(this.currentButtons=this.getCurrentButtons(),this.setTabIndex(this.focusedIndex()))},unmounted(){window.removeEventListener("resize",this.onWindowResize),this.currentButtons.length=0},render(){const e=s.getDefaultSlots(this);return t.createVNode("div",{class:this.wrapperClass,role:"toolbar",dir:this.$props.dir,"aria-label":this.$props.ariaLabel,onKeydown:this.onKeyDown},[e])},methods:{getCurrentButtons(){return this.$el&&this.$el.querySelectorAll?Array.from(this.$el.querySelectorAll(this.selectors.join(","))):[]},getInternalButtons(){return this.$el&&this.$el.querySelectorAll?Array.from(this.$el.querySelectorAll(".k-dropdownlist > .k-button,.k-colorpicker > .k-button")):[]},focusedIndex(){const e=this.$el&&this.$el.querySelector&&this.$el.querySelector(this.focusedSelector);return Math.max(0,this.currentButtons.findIndex((t=>t===e)))},setTabIndex(e){const{tabIndex:t}=this.$props;this.currentButtons.forEach(((s,i)=>{s.tabIndex=i===e?t:-1})),this.getInternalButtons().forEach((e=>{e.tabIndex=-1}))},onKeyDown(e){if(!1===this.$props.keyboardNavigation)return;const t=e.target;if(e.keyCode!==s.Keys.left&&e.keyCode!==s.Keys.right||e.defaultPrevented||-1===this.currentButtons.findIndex((e=>e===t)))return;const i=this.focusedIndex();e.keyCode===s.Keys.left?this.focusButton(i,i-1):this.focusButton(i,i+1)},focusButton(e,t){const{tabIndex:s}=this.$props,i=this.currentButtons[t];if(i){i.tabIndex=s,i.focus();const t=this.currentButtons[e];t&&(t.tabIndex=-1)}},onWindowResize(e){const t=this.$el;if(!t)return;const s=t.offsetWidth,i=t.offsetHeight;if(this.offsetWidth!==s||this.offsetHeight!==i){this.offsetWidth=s,this.offsetHeight=i;const t={offsetWidth:this.offsetWidth,offsetHeight:this.offsetHeight};this.$emit("resize",{target:this,...t,nativeEvent:e})}}}}),A=t.defineComponent({name:"KendoToolbarItem",methods:{element(){return this.$el}},render(){const e=s.getDefaultSlots(this);return t.createVNode("div",{class:"k-toolbar-item"},[e])}}),z=t.defineComponent({name:"KendoToolbarItem",render:()=>t.createVNode("div",{class:"k-separator"},null)}),R=t.defineComponent({name:"KendoToolbarItem",render:()=>t.createVNode("span",{class:"k-spacer"},null)});e.Button=d,e.ButtonGroup=p,e.ButtonItem=K,e.Chip=b,e.ChipList=v,e.DropDownButton=V,e.FloatingActionButton=O,e.FloatingActionButtonItem=y,e.SplitButton=M,e.Toolbar=P,e.ToolbarItem=A,e.ToolbarSeparator=z,e.ToolbarSpacer=R}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("@progress/kendo-vue-common"),require("@progress/kendo-svg-icons"),require("@progress/kendo-vue-popup"),require("@progress/kendo-vue-intl")):"function"==typeof define&&define.amd?define(["exports","vue","@progress/kendo-vue-common","@progress/kendo-svg-icons","@progress/kendo-vue-popup","@progress/kendo-vue-intl"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoVueButtons={},e.Vue,e.KendoVueCommon,e.KendoSvgIcons,e.KendoVuePopup,e.KendoVueIntl)}(this,(function(e,t,s,o,i,n){"use strict";const r=["button:not(.k-dropdownlist button):not(.k-colorpicker button):not(.k-split-button .k-split-button-arrow)",".k-button-group > button",".k-dropdownlist",".k-colorpicker"],l={button:"k-button",flat:"k-flat",outline:"k-outline",clear:"k-button-clear",primary:"k-primary","state-selected":"k-selected","button-icon":"k-button-icon","button-icontext":"k-button-icontext","state-disabled":"k-disabled","group-start":"k-group-start","group-end":"k-group-end","button-group":"k-button-group","button-group-stretched":"k-button-group-stretched",ltr:"k-ltr",rtl:"k-rtl"},a={name:"@progress/kendo-vue-buttons",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:1657089513,version:"$VERSION",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"},d=l,u=t.defineComponent({name:"KendoButton",emits:{click:null,mousedown:null,mouseup:null,pointerdown:null,pointerup:null,focus:null,blur:null,keypress:null,keydown:null,contextmenu:null},props:{ariaLabel:String,ariaPressed:Boolean,title:String,dir:String,selected:{type:Boolean,default:void 0},togglable:{type:Boolean,default:!1},icon:{type:String,default:function(){}},svgIcon:Object,iconClass:{type:String,default:function(){}},imageUrl:{type:String,default:function(){}},imageAlt:String,disabled:{type:Boolean,default:void 0},size:{type:String,default:"medium"},shape:{type:String},rounded:{type:String,default:"medium"},fillMode:{type:String,default:"solid"},themeColor:{type:String,default:"base"},tabIndex:Number,accessKey:String,id:String,type:String,role:String},created(){s.validatePackage(a),this.currentActive=!0===this.$props.togglable&&!0===this.$props.selected,this._activeTemp=void 0},data:()=>({currentActive:null}),computed:{computedSelected(){return void 0!==this._activeTemp?this._activeTemp:void 0!==this.$props.selected?this.$props.selected:this.currentActive},buttonClasses(){const{disabled:e,icon:t,iconClass:o,imageUrl:i,dir:n,svgIcon:r,size:l,shape:a,rounded:u,fillMode:c,themeColor:p}=this.$props,h=void 0!==r||void 0!==t||void 0!==o||void 0!==i,m=s.getDefaultSlots(this);return{[d.button]:!0,[`k-button-${s.kendoThemeMaps.sizeMap[l]||l}`]:l,[`k-button-${a}`]:a&&"rectangle"!==a,[`k-rounded-${s.kendoThemeMaps.roundedMap[u]||u}`]:u,"k-icon-button":!m&&h,"k-disabled":e,"k-selected":this.computedSelected,"k-rtl":"rtl"===n,[`k-button-${c}`]:c,[`k-button-${c}-${p}`]:c&&p}}},updated(){this.$props.togglable&&void 0!==this.$props.selected&&this.$props.selected!==this.currentActive&&(this.currentActive=this.$props.selected)},methods:{focus(e){this.$el.focus(e)},toggleIfApplicable(){if(!this.disabled&&this.$props.togglable&&void 0===this.$props.selected){const e=!this.currentActive;this._activeTemp=e,this.currentActive=e,this._activeTemp=void 0}},handleClick(e){this.toggleIfApplicable(),this.disabled||this.$emit("click",e)},handleMouseDown(e){this.disabled||this.$emit("mousedown",e)},handlePointerDown(e){this.disabled||this.$emit("pointerdown",e)},handleMouseUp(e){this.disabled||this.$emit("mouseup",e)},handlePointerUp(e){this.disabled||this.$emit("pointerup",e)},handleFocus(e){this.disabled||this.$emit("focus",e)},handleBlur(e){this.disabled||this.$emit("blur",e)},handleKeypress(e){this.disabled||this.$emit("keypress",e)},handleKeydown(e){this.disabled||this.$emit("keydown",e)},handleContextmenu(e){this.disabled||this.$emit("contextmenu",e)}},render(){const{togglable:e,icon:o,svgIcon:i,iconClass:n,imageUrl:r,imageAlt:l,accessKey:a,tabIndex:d,id:u,type:c,disabled:p,role:h}=this.$props,m=s.getDefaultSlots(this);return t.createVNode("button",{class:this.buttonClasses,onClick:this.handleClick,onMousedown:this.handleMouseDown,onMouseup:this.handleMouseUp,onPointerdown:this.handlePointerDown,onPointerup:this.handlePointerUp,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeypress:this.handleKeypress,onKeydown:this.handleKeydown,onContextmenu:this.handleContextmenu,title:this.title,"aria-label":this.ariaLabel,"aria-disabled":p||void 0,"aria-pressed":e?!!this.currentActive:void 0,accesskey:a,tabindex:d,id:u,type:c,role:h},[function(){if(r)return t.createVNode("img",{role:"presentation",class:"k-image",alt:l,src:r},null);if(o||i){const e=s.classNames("k-button-icon",n);return t.createVNode(s.Icon,{name:o,icon:i,class:e},null)}return n?t.createVNode("span",{role:"presentation",class:n},null):null}.call(this),m&&t.createVNode("span",{class:"k-button-text"},[m])])}}),c=t.defineComponent({name:"KendoButtonWrap",render(){return s.getDefaultSlots(this)[0]}}),p=l,h=t.defineComponent({name:"KendoButtonGroup",props:{disabled:{type:Boolean,default:void 0},width:String,dir:{type:String,default:function(){}}},created(){s.validatePackage(a)},render(){const e=s.getDefaultSlots(this),o=function(e,o,i,n){const r=s.classNames({[p["state-disabled"]]:this.$props.disabled,[p["group-start"]]:n?i:0===o,[p["group-end"]]:n?0===o:i});return t.h(c,{class:r,"aria-disabled":this.$props.disabled},(function(){return[e]}))},i=s.classNames([p["button-group"]],{"k-disabled":this.$props.disabled,[p["button-group-stretched"]]:!!this.$props.width});return t.createVNode("div",{style:{width:this.width},dir:this.$props.dir,role:"group","aria-disabled":this.$props.disabled,class:i},[function(e){const t=e.length,s=void 0!==this.$props.dir?"rtl"===this.$props.dir:this.$el&&"rtl"===getComputedStyle(this.$el).direction||!1;return e.map(((e,i)=>this.isValidButton(e)?o.call(this,e,i,i===t-1,s):e))}.call(this,e)])},methods:{isValidButton:e=>e&&e.tag&&-1!==e.tag.toLowerCase().indexOf("button")||e.componentOptions&&e.componentOptions.tag&&-1!==e.componentOptions.tag.toLowerCase().indexOf("button")||e.type&&e.type.name&&-1!==e.type.name.toLowerCase().indexOf("kendobutton")}});let m=function(e){return e.next="next",e.prev="prev",e.current="current",e.reset="reset",e}({});let f=function(e){return e.remove="remove",e.add="add",e.reorder="reorder",e}({});let b=function(e){return e.single="single",e.multiple="multiple",e.none="none",e}({}),g=function(e){return e.toggle="toggle",e.remove="remove",e}({});const v=t.defineComponent({name:"KendoVueChip",props:{id:String,text:String,avatar:{type:[String,Function,Object],default:function(){}},value:[String,Object],dir:{type:String,default:function(){return"ltr"}},removable:{type:Boolean,default:!1},removeIcon:{type:String,default:function(){return"x-circle"}},removeSvgIcon:{type:Object,default:function(){return o.xCircleIcon}},disabled:{type:Boolean,default:!1},icon:String,svgIcon:Object,selectedIcon:{type:String,default:function(){return"check"}},selectedSvgIcon:{type:Object,default:function(){return o.checkIcon}},size:{type:String,default:"medium"},rounded:{type:String,default:"medium"},fillMode:{type:String,default:"solid",validator:function(e){return[null,"flat","outline","solid"].includes(e)}},themeColor:{type:String,default:"base",validator:function(e){return[null,"base","error","info","success","warning"].includes(e)}},dataItem:Object,selected:Boolean,ariaDescribedBy:String,role:{type:String,default:"button"},tabIndex:Number,onMousedown:Function},emits:{click:null,keydown:null,blur:null,focus:null,remove:null},inject:{kendoSelection:{default:{value:null}},kendoFocused:{default:{value:null}},kendoDataItems:{default:null},handleDispatchDataItems:{default:s.noop},handleDispatchSelection:{default:s.noop},handleDispatchFocus:{default:s.noop}},created(){this.currentDir=void 0,s.validatePackage(a)},mounted(){this.chip=s.getRef(this,"chip"),this.currentDir=void 0!==this.$props.dir?"rtl"===this.$props.dir:this.$el&&"rtl"===getComputedStyle(this.$el).direction||!1},updated(){this.kendoFocused.value===this.$props.value&&this.$el&&this.$el.focus()},computed:{currentSelected(){return this.$props.selected||(Array.isArray(this.kendoSelection.value)?this.kendoSelection.value.some((e=>e===this.$props.value)):this.kendoSelection.value===this.$props.value)},chipLabelClass:()=>({"k-chip-label":!0,"k-text-ellipsis":!0})},methods:{computedFocused(){return this.kendoFocused.value===this.$props.value},handleMouseDown(e){this.$emit("mousedown",e)},handleClick(e){this.handleDispatchSelection&&this.handleDispatchSelection({type:g.toggle,payload:this.$props.value,event:e}),this.$emit("click",{target:this.target,event:e})},handleRemove(e){e.stopPropagation(),this.$props.removable&&(this.handleDispatchFocus&&(this.handleDispatchDataItems({type:f.remove,payload:this.$props.value,event:e}),this.handleDispatchFocus({type:m.reset,payload:this.$props.value,event:e}),this.handleDispatchSelection({type:g.remove,payload:this.$props.value,event:e})),this.$emit("remove",{target:this.target,event:e}))},handleKeyDown(e){switch(e.keyCode){case s.Keys.left:this.handleDispatchFocus&&this.handleDispatchFocus({type:m.prev,payload:this.$props.value,event:e});break;case s.Keys.right:this.handleDispatchFocus&&this.handleDispatchFocus({type:m.next,payload:this.$props.value,event:e});break;case s.Keys.enter:this.handleDispatchFocus&&this.handleDispatchSelection({type:g.toggle,payload:this.$props.value,event:e});break;case s.Keys.delete:this.handleRemove(e)}this.$emit("keydown",{target:this.target,event:e})},handleFocus(e){this.handleDispatchFocus&&this.handleDispatchFocus({payload:this.$props.value,type:m.current,event:e}),this.$emit("focus",{target:this.target,event:e})},handleBlur(e){this.$emit("blur",{target:this.target,event:e})}},setup:()=>({chipRef:t.ref(null)}),render(){const{size:e,rounded:o,themeColor:i,fillMode:n,look:r,avatar:l,icon:a,svgIcon:d,selectedIcon:u,selectedSvgIcon:c,removeIcon:p,removeSvgIcon:h}=this.$props,m=s.templateRendering.call(this,l,s.getListeners.call(this)),f=l?t.createVNode("div",{class:`k-chip-avatar k-avatar k-rounded-${l.rounded||"medium"} k-avatar-${s.kendoThemeMaps.sizeMap[e]||e} k-avatar-solid k-avatar-solid-primary`,style:l.style},[t.createVNode("span",{class:"k-avatar-image"},[t.createVNode("img",{src:l.imageUrl,alt:l.imageAlt},null)])]):null,b=s.getTemplate.call(this,{h:t.h,template:m});return t.createVNode("div",{role:this.$props.role,id:this.$props.value,ref:s.setRef(this,"chip"),dir:this.currentDir,tabindex:s.getTabIndex(this.$props.tabIndex,this.$props.disabled,void 0),class:s.classNames("k-chip",{"k-rtl":"rtl"===this.currentDir,"k-disabled":this.$props.disabled,"k-selected":this.currentSelected,"k-focus":this.computedFocused(),[`k-chip-${s.kendoThemeMaps.sizeMap[e]||e}`]:e,[`k-rounded-${s.kendoThemeMaps.roundedMap[o]||o}`]:o,[`k-chip-${n}`]:n,[`k-chip-${n}-${i}`]:!(!n||!i),"k-chip-outline":"outline"===r||"outlined"===r,"k-chip-solid":"solid"===r||"filled"===r}),"aria-pressed":"button"===this.$props.role?this.currentSelected:void 0,"aria-selected":"option"===this.$props.role?this.currentSelected:void 0,"aria-disabled":this.$props.disabled,"aria-describedby":this.$props.ariaDescribedBy,onFocus:this.handleFocus,onBlur:this.handleBlur,onClick:this.handleClick,onKeydown:this.handleKeyDown,onMousedown:this.handleMouseDown},[this.currentSelected&&(u||c)&&t.createVNode(s.Icon,{name:s.getIconName(u),icon:c,size:"small"},null),(a||d)&&t.createVNode(s.Icon,{name:s.getIconName(a),icon:d,size:"small"},null),l?l.imageUrl?f:b:null,t.createVNode("span",{class:"k-chip-content"},[this.$props.text&&t.createVNode("span",{"aria-label":this.$props.text,class:this.chipLabelClass},[this.$props.text])]),this.$props.removable&&t.createVNode("span",{class:"k-chip-actions"},[t.createVNode("span",{class:"k-chip-action k-chip-remove-action"},[t.createVNode(s.Icon,{name:s.getIconName(p),icon:h,size:"small",onClick:this.handleRemove},null)])])])}}),k=t.defineComponent({name:"KendoVueChipList",inheritAttrs:!1,props:{id:String,tabIndex:Number,dataItems:Array,defaultDataItems:{type:Array,default:function(){return[]}},value:[Object,Array,String,Number],defaultValue:{type:[Object,Array,String,Number],default:function(){return null}},size:{type:String,default:"medium"},rounded:{type:String,default:"medium"},fillMode:{type:String,default:"solid",validator:function(e){return[null,"flat","outline","solid"].includes(e)}},selection:{type:String,default:function(){return"none"}},textField:{type:String,default:function(){return"text"}},valueField:{type:String,default:function(){return"value"}},avatarField:{type:String,default:function(){return"avatar"}},disabled:{type:Boolean,default:!1},dir:{type:String,default:function(){return"ltr"}},chip:[String,Function,Object],ariaLabelledBy:String,ariaDescribedBy:String},provide(){return{kendoSelection:this.currentValue,kendoFocused:this.currentFocused,kendoDataItems:this.computedDataItems,handleDispatchDataItems:this.handleDispatchDataItems,handleDispatchSelection:this.handleDispatchSelection,handleDispatchFocus:this.handleDispatchFocus}},created(){s.validatePackage(a),this.currentDataItems=this.$props.dataItems||this.$props.defaultDataItems,this.currentValue.value=this.$props.value||this.$props.defaultValue},data:()=>({currentDataItems:[],currentDir:"ltr",isRtl:!1,currentFocused:{value:!1},currentValue:{value:null}}),mounted(){this.chipList=this.chipListRef,this.currentDir=void 0!==this.$props.dir?this.$props.dir:this.$el&&"rtl"===getComputedStyle(this.$el).direction||!1,this.isRtl="rtl"===this.currentDir},computed:{computedDataItems(){return this.$props.dataItems||this.currentDataItems},computedValue(){return this.$props.value||this.currentValue.value},items(){return this.computedDataItems.reduce(this.itemsReducer,[])}},methods:{handleDispatchSelection(e){const t=((e,t)=>{switch(t.selection){case b.single:switch(t.type){case g.toggle:if(!Array.isArray(e)||null===e)return t.payload===e?null:t.payload;throw new Error("State cannot be an array in single selection");case g.remove:return t.payload===e?null:e;default:return e}case b.multiple:switch(t.type){case g.toggle:if(Array.isArray(e))return e.some((e=>e===t.payload))?e.filter((e=>e!==t.payload)):[...e,t.payload];if(null===e)return[t.payload];throw new Error("State cannot be non-array in multiple selection");case g.remove:return Array.isArray(e)?e.some((e=>e===t.payload))?e.filter((e=>e!==t.payload)):[...e,t.payload]:e;default:return e}case b.none:return null;default:return e}})(this.computedValue,{...e,selection:this.$props.selection,state:this.computedValue});this.handleChange(t,e.event),this.currentValue.value=t},handleDispatchFocus(e){const t=((e,t)=>{const s=t.items.findIndex((t=>t===e));switch(t.type){case m.next:return s===t.items.length-1?e:t.items[s+1];case m.prev:return 0===s?e:t.items[s-1];case m.current:return t.payload;case m.reset:return null;default:return e}})(e.payload,{...e,items:this.items});this.currentFocused.value=t},handleDispatchDataItems(e){const t=((e,t)=>{switch(t.type){case f.add:break;case f.remove:return e.filter((e=>e[t.valueField]!==t.payload));case f.reorder:break;default:return e}})(this.computedDataItems,{...e,state:this.computedDataItems,valueField:this.$props.valueField});this.handleDataChange(t,e.event),this.currentDataItems=t},handleChange(e,t){this.$el&&this.$emit("change",{value:e,target:this.$el,event:t})},handleDataChange(e,t){this.$el&&this.$emit("datachange",{value:e,target:this.$el,event:t})},itemsReducer(e,t){return e.push(t[this.$props.valueField||this.$props.valueField]),e}},setup:()=>({chipListRef:t.ref(null)}),render(){const{size:e}=this.$props;return t.createVNode("div",{ref:s.setRef(this,"chipList"),role:"listbox",id:this.$props.id,dir:this.currentDir,style:this.$attrs.style,tabindex:s.getTabIndex(this.$props.tabIndex,this.$props.disabled,void 0),class:s.classNames("k-chip-list",{[`k-chip-list-${s.kendoThemeMaps.sizeMap[e]||e}`]:e,"k-rtl":"rtl"===this.currentDir,"k-selection-single":"single"===this.$props.selection,"k-selection-multiple":"multiple"===this.$props.selection,"k-disabled":this.$props.disabled}),"aria-labelledby":this.$props.ariaLabelledBy,"aria-describedby":this.$props.ariaDescribedBy,"aria-orientation":"horizontal","aria-multiselectable":"multiple"===this.$props.selection||void 0},[this.computedDataItems.map((function(e){const o=s.templateRendering.call(this,this.$props.chip,s.getListeners.call(this)),i=t.createVNode(v,{role:"option",dataItem:e,key:e[this.$props.valueField],text:e[this.$props.textField],value:e[this.$props.valueField],avatar:e[this.$props.avatarField],size:this.$props.size,rounded:this.$props.rounded,fillMode:this.$props.fillMode},null);return s.getTemplate.call(this,{h:t.h,template:o,defaultRendering:i,additionalProps:{dataItem:e,key:e[this.$props.valueField],text:e[this.$props.textField],value:e[this.$props.valueField],size:this.$props.size}})}),this)])}}),$=t.defineComponent({name:"KendoVueFloatingActionButtonItem",props:{id:String,disabled:Boolean,focused:Boolean,index:Number,icon:String,item:[String,Function,Object],dataItem:Object,text:String,tabIndex:Number,customProp:[String,Function,Object],class:String},emits:{click:null,down:null},mounted(){this.element=s.getRef(this,"element")},computed:{itemClassNames(){return s.classNames("k-fab-item",{"k-focus":this.focused,"k-disabled":this.disabled})}},methods:{handleClick(e){void 0!==this.$props.index&&!this.$props.disabled&&this.$emit("click",e,this.$props.index)},focusElement(){this.$el&&this.$el.focus()},onMouseDown(e){this.$emit("down",e)}},setup:()=>({elementRef:t.ref(null)}),render(){const{disabled:e,id:o,tabIndex:i,dataItem:n}=this.$props,{text:r,icon:l,svgIcon:a}=n;let d;const u=t.createVNode("li",{ref:s.setRef(this,"element"),id:o,class:this.itemClassNames,role:"menuitem",tabindex:s.getTabIndex(i,e),"aria-disabled":e,"aria-label":`${r||""} floatingactionbutton item`,onClick:this.handleClick,onMousedown:this.onMouseDown,onPointerdown:this.onMouseDown},[r&&t.createVNode("span",{class:"k-fab-item-text"},[r]),(a||l)&&t.createVNode(s.Icon,{name:l,icon:a,class:"k-fab-item-icon"},null)]);return d=s.getTemplate.call(this,{h:t.h,template:this.$props.item,defaultRendering:u,additionalProps:this.$props,additionalListeners:{click:this.handleClick}}),d}}),y="16px",S=e=>"number"==typeof e?e+"px":e,I=(e,t)=>{const s={horizontal:t?"right":"left",vertical:"bottom"};return"end"===e.horizontal&&(s.horizontal=t?"left":"right"),s},x=(e,t)=>{const s={horizontal:t?"right":"left",vertical:"top"};return"end"===e.horizontal&&(s.horizontal=t?"left":"right"),s},C=(e,t)=>({rtl:{end:"k-text-left",start:"k-text-right"},ltr:{start:"k-text-left",end:"k-text-right"}}[e]["end"===t?"end":"start"]),w=(e,t,s,o)=>{const i=t.horizontal,n=t.vertical;if(e){const r=s&&void 0!==s.x?S(s.x):y,l=s&&void 0!==s.x?`calc(50% + ${S(s.x)})`:"50%",a=s&&void 0!==s.y?S(s.y):y,d=s&&void 0!==s.y?`calc(50% + ${S(s.y)})`:"50%";e.style.setProperty(D(t,o),"center"===i?l:r),e.style.setProperty(O(t),"middle"===n?d:a),o&&(("top"===n||"bottom"===n)&&"start"===i&&e.style.setProperty("left","unset"),"middle"===n&&"end"===i&&e.style.setProperty("right","unset"),"middle"===n&&"start"===i&&e.style.setProperty("left","unset"))}},D=(e,t)=>{const{horizontal:s}=e;return{end:t?"left":"right",center:"left",start:t?"right":"left"}[s||"end"]},O=e=>({top:"top",middle:"top",bottom:"bottom"}[e.vertical||"bottom"]),B=t.defineComponent({name:"KendoVueFloatingActionButton",props:{id:String,dir:String,tabIndex:Number,accessKey:String,disabled:{type:Boolean,default:!1},icon:String,svgIcon:Object,iconClass:String,items:[Object,Array],item:[String,Function,Object],text:String,alignOffset:Object,opened:{type:Boolean,default:void 0},align:{type:Object,default:function(){return{vertical:"bottom",horizontal:"end"}}},positionMode:{type:String,default:function(){return"fixed"}},popupSettings:{type:Object,default:function(){return{}}},shape:{type:String,default:function(){return"rectangle"}},rounded:{type:String,default:"full"},fillMode:{type:String,default:"solid",validator:function(e){return[null,"flat","link","outline","solid"].includes(e)}},size:{type:String,default:function(){return"medium"}},themeColor:{type:String,default:function(){return"primary"}}},emits:{click:null,mousedown:null,mouseup:null,open:null,close:null,itemclick:null,focus:null,blur:null,keydown:null},data:()=>({currentOpened:!1,currentFocused:!1,focusedIndex:-1,currentDir:"ltr",isRtl:!1}),created(){s.validatePackage(a),this.element=void 0,this._anchor=s.guid(),this.listId=s.guid(),this.buttonId=s.guid()},mounted(){this.element=this.kendoAnchorRef,this.list=s.getRef(this,"list"),this.popup=s.getRef(this,"popup"),this.currentDir=void 0!==this.$props.dir?this.$props.dir:this.$el&&"rtl"===getComputedStyle(this.$el).direction||!1,this.isRtl="rtl"===this.currentDir,void 0!==this.opened&&w(this.$el,this.$props.align,this.$props.alignOffset,this.isRtl)},updated(){w(this.$el,this.$props.align,this.$props.alignOffset,this.isRtl),this.currentFocused&&this.element&&this.element.focus()},computed:{buttonClassNames(){const{size:e,icon:t,shape:o,themeColor:i,fillMode:n,rounded:r}=this.$props;return{"k-fab":!0,[`k-fab-${o||"rectangle"}`]:null!==o,[`k-fab-${s.kendoThemeMaps.sizeMap[e]||e}`]:e,[`k-rounded-${s.kendoThemeMaps.roundedMap[r]||r}`]:r,[`k-fab-${n}`]:n,[`k-fab-${n}-${i}`]:n&&i,"k-disabled":this.$props.disabled,"k-focus":this.currentFocused,[`k-${this.$props.align.vertical}-${this.$props.align.horizontal}`]:!0}},computedOpened(){return void 0===this.$props.opened?this.currentOpened:this.$props.opened},rootClassNames(){return s.classNames({"k-pos-absolute":"absolute"===this.$props.positionMode,"k-pos-fixed":"fixed"===this.$props.positionMode})}},methods:{dispatchPopupEvent(e,t){this.$props.items&&this.$emit(t?"open":"close",{event:e,isOpened:!t})},handleClick(e){if(e.target&&!this.$props.disabled)if(this.$props.items){const t=!this.computedOpened;this.currentOpened=t,this.currentFocused=!0,this.focusedIndex=t?0:-1,this.dispatchPopupEvent(e,!this.computedOpened)}else this.$emit("click",e,void 0)},handleFocus(e){this.currentFocused=!0,this.focusedIndex=this.computedOpened?0:-1,this.$emit("focus",e,void 0)},handleBlur(e){this.currentFocused=!1,this.currentOpened=!1,this.focusedIndex=-1,this.$emit("blur",e,void 0),this.computedOpened&&this.dispatchPopupEvent(e,!1)},handleMouseDown(e){e.preventDefault(),this.$emit("mousedown",e)},handleMouseUp(e){this.$emit("mouseup",e)},dispatchItemClickEvent(e,t){this.$props.items&&(this.$props.items[t].disabled||this.$emit("itemclick",e,{itemProps:this.$props.items[t],itemIndex:t}))},handleItemClick(e,t){!e.target||!this.$props.items||(this.focusedIndex=t,this.currentOpened=!1,this.dispatchItemClickEvent(e,t),this.dispatchPopupEvent(e,!1))},handleItemDown(e){s.canUseDOM&&document.activeElement===this.element&&e.preventDefault()},handleKeyDown(e){const t=this.focusedIndex,o=this.$props.items?this.$props.items.length-1:-1,i="bottom"===this.$props.align.vertical;switch(e.keyCode){case s.Keys.enter:case s.Keys.space:t>=0&&this.dispatchItemClickEvent(e,t),e.preventDefault(),this.currentOpened=!this.currentOpened,this.focusedIndex=this.currentOpened?-1:0;break;case s.Keys.esc:e.preventDefault(),this.currentOpened=!1,this.focusedIndex=-1;break;case s.Keys.home:e.preventDefault(),this.focusedIndex=0;break;case s.Keys.end:e.preventDefault(),this.focusedIndex=o;break;case s.Keys.down:case s.Keys.right:e.preventDefault(),t<o&&!i&&(this.focusedIndex=t+1),t>0&&i&&(this.focusedIndex=t-1);break;case s.Keys.up:case s.Keys.left:e.preventDefault(),t>0&&!i&&(this.focusedIndex=t-1),t<o&&i&&(this.focusedIndex=t+1)}this.$emit("keydown",e,void 0)}},setup:()=>({chipRef:t.ref(null),kendoAnchorRef:t.ref(null)}),render(){const{align:e,disabled:o,icon:n,svgIcon:r,iconClass:l,id:a,items:d,text:u,tabIndex:c,accessKey:p,popupSettings:h}=this.$props,m=s.templateRendering.call(this,this.$props.item,s.getListeners.call(this)),f=function(){return d&&d.map((function(i,n){return t.createVNode($,{key:n,index:n,id:`${this.listId}-${n}`,disabled:o||i.disabled,focused:this.focusedIndex===n,dataItem:i,item:m,class:s.classNames(i.className,C(this.currentDir||"ltr",e.horizontal)),onClick:this.handleItemClick,onDown:this.handleItemDown},null)}),this)},b=n&&!u,g=(this.element?this.element.offsetWidth:0)/2-16;return t.createVNode("div",{class:this.rootClassNames},[t.createVNode("button",{ref:e=>{this.kendoAnchorRef=e},id:a||this.buttonId,role:d?"menubutton":"button",type:"button","aria-disabled":o,"aria-expanded":d?this.computedOpened:void 0,"aria-haspopup":!!d,"aria-label":`${u||""} floatingactionbutton`,"aria-owns":d?this.listId:void 0,"aria-activedescendant":this.focusedIndex>=0&&d?`${this.listId}-${this.focusedIndex}`:void 0,tabindex:s.getTabIndex(c,o),accesskey:p,dir:this.currentDir,disabled:o,class:this.buttonClassNames,onClick:this.handleClick,onMousedown:this.handleMouseDown,onMouseup:this.handleMouseUp,onFocusin:this.handleFocus,onBlur:this.handleBlur,onKeydown:this.handleKeyDown},[n||r?t.createVNode(s.Icon,{name:n,icon:r,class:"k-fab-icon"},null):l?t.createVNode(s.Icon,{class:l},null):null,u&&t.createVNode("span",{class:"k-fab-text"},[u])]),t.createVNode(i.Popup,{ref:s.setRef(this,"popup"),show:this.computedOpened,anchor:this._anchor,animate:h.animate,popupClass:s.classNames("k-popup-transparent k-fab-popup",h.popupClass),anchorAlign:h.anchorAlign||I(e,this.isRtl),popupAlign:h.popupAlign||x(e,this.isRtl),style:{boxShadow:"none"}},{default:()=>[t.createVNode("ul",{ref:s.setRef(this,"list"),role:"menu","aria-labelledby":a,id:this.listId,class:s.classNames("k-fab-items",{"k-fab-items-bottom":"bottom"!==e.vertical,"k-fab-items-top":"bottom"===e.vertical}),style:{paddingLeft:b?g+"px":void 0,paddingRight:b?g+"px":void 0}},[f.call(this)])]})])}}),N=t.defineComponent({name:"KendoButtonItem",emits:{click:null,down:null},props:{focused:Boolean,index:Number,item:Object,render:[String,Object,Function],dataItem:[String,Object],id:String,textField:String,role:String},computed:{wrapperClass(){return{"k-item":!0,"k-focus":this.$props.focused}},innerClass(){const{dataItem:e}=this.$props;return{"k-link k-menu-link":!0,"k-selected":e.selected,"k-disabled":e.disabled}}},methods:{onClick(e){this.$emit("click",e,this.$props.index)},onDown(e){this.$emit("down",e,this.$props.index)}},render(){const{dataItem:e,id:o,render:i}=this.$props;return t.createVNode("li",{id:o,class:this.wrapperClass,onClick:this.onClick,onMousedown:this.onDown,onPointerdown:this.onDown,role:"menuitem","aria-disabled":e.disabled||void 0},[function(){const{textField:o,index:n}=this.$props,r=void 0!==e.text?e.text:o?e[o]:e,l=t.createVNode("span",{tabindex:-1,class:this.innerClass,key:"icon"},[e.icon||e.svgIcon?t.createVNode(s.Icon,{name:e.icon,icon:e.svgIcon,class:e.iconClass},null):e.iconClass&&t.createVNode("span",{class:e.iconClass,role:"presentation"},null),e.imageUrl&&t.createVNode("img",{class:"k-icon",alt:"",src:e.imageUrl,role:"presentation",key:"image"},null),r&&t.createVNode("span",{class:"k-menu-link-text"},[r])]);return s.getTemplate.call(this,{h:t.h,template:this.$props.dataItem.render||i,defaultRendering:l,additionalProps:{item:e,itemIndex:n,innerClass:this.innerClass,focused:this.focused}})}.call(this)])}}),F=(e,t,o,i)=>{if(o)return e;switch(t){case s.Keys.enter:case s.Keys.space:case s.Keys.esc:return-1;case s.Keys.up:case s.Keys.left:return Math.max(0,e-1);case s.Keys.down:case s.Keys.right:return Math.min(i-1,e+1);default:return e}};function R(e){let t={horizontal:"left",vertical:"bottom"};return e&&(t.horizontal="right"),t}function K(e){let t={horizontal:"left",vertical:"top"};return e&&(t.horizontal="right"),t}const V=t.defineComponent({name:"KendoSplitButton",emits:{focus:null,blur:null,buttonclick:null,itemclick:null,open:null,close:null},props:{accessKey:String,ariaLabel:String,text:String,items:{type:Array,default:function(){return[]}},textField:String,tabIndex:Number,disabled:Boolean,icon:String,svgIcon:Object,size:{type:String,default:"medium"},rounded:{type:String,default:"medium"},fillMode:{type:String,default:"solid",validator:function(e){return[null,"flat","link","outline","solid"].includes(e)}},themeColor:{type:String,default:"base",validator:function(e){return[null,"base","dark","error","info","inverse","inverse","light","primary","secondary","success","tertiary","warning"].includes(e)}},opened:{type:Boolean,default:void 0},iconClass:String,imageUrl:String,popupSettings:Object,itemRender:[String,Function,Object],item:[String,Function,Object],className:String,buttonClass:String,dir:String},data:()=>({focused:!1,focusedIndex:-1,currentOpened:!1}),created(){this._blurTimeout=null,this._anchor=s.guid(),this.mainButton=null,this.guid=s.guid(),this.buttonsData=[],s.validatePackage(a)},mounted(){this.mainButton=this.$refs[this._anchor],(void 0===this.$props.dir&&this.isRtl()||this.computedOpened)&&this.$forceUpdate()},updated(){this.focused&&this.element()&&(this.mainButton=this.$refs[this._anchor],this.mainButton.focus())},computed:{computedOpened(){return void 0===this.$props.opened?this.currentOpened:this.$props.opened},wrapperClass(){return{"k-split-button":!0,"k-button-group":!0,"k-focus":this.focused}}},setup:()=>({kendoAnchorRef:t.ref(null)}),render(){this.buttonsData=this.$props.items;const e=this.isRtl(),n=e?"rtl":void 0,{tabIndex:r,disabled:l}=this.$props,a=s.getDefaultSlots(this),d=function(){const{item:e,itemRender:o,textField:i}=this.$props;return this.buttonsData.length>0?this.buttonsData.map((function(n,r){const l="string"!=typeof n?{...n,render:s.templateRendering.call(this,n.render,s.getListeners.call(this))}:n;return t.createVNode(N,{class:"k-menu-item",role:"menuitem",dataItem:l,textField:i,focused:this.focusedIndex===r,onClick:this.onItemClick,onDown:this.onItemDown,render:s.templateRendering.call(this,o,s.getListeners.call(this)),item:e,key:r,index:r,id:`${this.guid}-${r}`},null)}),this):null};return t.createVNode("div",{class:this.wrapperClass,onKeydown:this.onKeyDown,onFocusin:this.onFocus,onFocusout:this.onBlur,dir:n},[t.createVNode(u,{size:this.$props.size,rounded:this.$props.rounded,fillMode:this.$props.fillMode,themeColor:this.$props.themeColor,onClick:e=>this.onItemClick(e,-1),disabled:l||void 0,tabIndex:r,accessKey:this.$props.accessKey,class:this.$props.buttonClass,icon:this.$props.icon,svgIcon:this.$props.svgIcon,iconClass:this.$props.iconClass,imageUrl:this.$props.imageUrl,dir:n,id:this._anchor,ref:this._anchor,type:"button","aria-disabled":l,"aria-haspopup":"menu","aria-expanded":this.computedOpened,"aria-label":this.$props.ariaLabel||`${this.$props.text||""} splitbutton`,"aria-controls":this.guid,"aria-activedescendant":void 0!==this.focusedIndex&&this.focusedIndex>=0?`${this.guid}-${this.focusedIndex}`:void 0},{default:()=>[this.$props.text,a]}),t.createVNode(u,{svgIcon:o.caretAltDownIcon,size:this.$props.size,rounded:this.$props.rounded,fillMode:this.$props.fillMode,themeColor:this.$props.themeColor,icon:"caret-alt-down",disabled:l||void 0,tabIndex:-1,onClick:this.onSplitPartClick,onMousedown:this.onDownSplitPart,onPointerdown:this.onDownSplitPart,dir:n,"aria-label":"menu toggling button"},null),function(){const{popupSettings:o={},size:n}=this.$props;return t.createVNode(i.Popup,{anchor:this._anchor,show:this.computedOpened,animate:o.animate,popupClass:s.classNames("k-menu-popup",o.popupClass),anchorAlign:o.anchorAlign||R(e),popupAlign:o.popupAlign||K(e),style:e?{direction:"rtl"}:void 0},{default:()=>[t.createVNode("ul",{class:`k-group k-menu-group k-reset k-menu-group-${s.kendoThemeMaps.sizeMap[n]||n}`,role:"menu",id:this.guid,"aria-labelledby":this._anchor},[d.call(this)])]})}.call(this)])},methods:{element(){return this.mainButton},onKeyDown(e){if(e.altKey)return void(this.computedOpened||e.keyCode!==s.Keys.down?this.computedOpened&&e.keyCode===s.Keys.up&&(this.dispatchPopupEvent(e,!1),this.focusedIndex=-1,this.currentOpened=!1):(this.dispatchPopupEvent(e,!0),this.focusedIndex=0,this.currentOpened=!0));let t;if(e.keyCode===s.Keys.enter||e.keyCode===s.Keys.space?(e.preventDefault(),this.dispatchClickEvent(e,this.focusedIndex),void 0!==this.focusedIndex&&this.focusedIndex>=0&&(t={focusedIndex:this.computedOpened?-1:0,currentOpened:!this.computedOpened},this.dispatchPopupEvent(e,t.currentOpened))):this.computedOpened&&e.keyCode===s.Keys.esc&&(t={focusedIndex:-1,currentOpened:!1},this.dispatchPopupEvent(e,t.currentOpened)),this.computedOpened){const o=F(this.focusedIndex,e.keyCode,e.altKey,this.buttonsData.length);o!==this.focusedIndex&&(t=t||{},t.focusedIndex=o);const i=e.keyCode===s.Keys.up||e.keyCode===s.Keys.down||e.keyCode===s.Keys.left||e.keyCode===s.Keys.right;!e.altKey&&i&&e.preventDefault()}t&&(this.focusedIndex=t.focusedIndex,this.focused=t.focused,void 0!==t.currentOpened&&(this.currentOpened=t.currentOpened))},onFocus(e){this.focused||(this.$emit("focus",e,this,void 0),this.focused=!0),this.focusedIndex=-1,clearTimeout(this._blurTimeout)},onItemClick(e,t){const s=this.computedOpened;s&&(this.focusedIndex=0,this.currentOpened=!1),this.dispatchClickEvent(e,t),s&&this.dispatchPopupEvent(e,!1)},onBlur(e){clearTimeout(this._blurTimeout),this.createBlurTimeout(e)},createBlurTimeout(e){const t=this;this._blurTimeout=setTimeout((()=>{s.canUseDOM&&document.activeElement!==t.mainButton&&(t.focused=!1,t.focusedIndex=-1,t.$emit("blur",e,this,void 0),t.computedOpened&&(t.currentOpened=!1,t.dispatchPopupEvent(e,!1)))}),200)},dispatchClickEvent(e,t){this.isItemDisabled(t)||(-1===t?this.$emit("buttonclick",e,this,void 0):this.$emit("itemclick",{event:e,component:this,item:this.buttonsData[t],itemIndex:t}))},onSplitPartClick(e){if(this.buttonsData.length){const t=!this.computedOpened;this.dispatchPopupEvent(e,t),this.focusedIndex=t?0:-1,this.currentOpened=t,this.focused=!0}},onDownSplitPart(e){e.preventDefault(),this.element()&&document.activeElement!==this.element()&&this.element().focus()},onItemDown(e){document.activeElement===this.element()&&e.preventDefault()},dispatchPopupEvent(e,t){this.$emit(t?"open":"close",e,this,void 0)},isItemDisabled(e){return this.buttonsData[e]?this.buttonsData[e].disabled:this.$props.disabled},isRtl(){return void 0!==this.$props.dir?"rtl"===this.$props.dir:!!this.$el&&"rtl"===getComputedStyle(this.$el).direction}}}),T=t.defineComponent({name:"KendoDropDownButton",emits:{focus:null,blur:null,itemclick:null,open:null,close:null},props:{accessKey:String,items:{type:Array,default:function(){return[]}},ariaLabel:String,text:String,textField:String,tabIndex:Number,disabled:Boolean,icon:String,svgIcon:Object,iconClass:String,imageUrl:String,popupSettings:Object,itemRender:[String,Object,Function],item:Function,size:{type:String,default:"medium"},shape:{type:String,default:"rectangle",validator:function(e){return[null,"rectangle","square"].includes(e)}},rounded:{type:String,default:"medium"},fillMode:{type:String,default:"solid",validator:function(e){return[null,"flat","link","outline","solid"].includes(e)}},themeColor:{type:String,default:"base",validator:function(e){return[null,"base","dark","error","info","inverse","inverse","light","primary","secondary","success","tertiary","warning"].includes(e)}},opened:{type:Boolean,default:void 0},buttonClass:String,dir:String},created(){this._blurTimeout=null,this._anchor=s.guid(),this.wrapper=null,this.mainButton=null,this.guid=s.guid(),this.buttonsData=[],s.validatePackage(a)},mounted(){this.mainButton=this.$refs[this._anchor],(void 0===this.$props.dir&&this.isRtl()||this.computedOpened)&&this.$forceUpdate()},updated(){this.focused&&this.element()&&(this.mainButton=this.$refs[this._anchor],this.mainButton.focus())},data:()=>({currentOpened:!1,focused:!1,focusedIndex:-1}),computed:{computedOpened(){return void 0===this.$props.opened?this.currentOpened:this.$props.opened},wrapperClass(){return{"k-dropdown-button":!0,"k-focus":this.focused}}},setup:()=>({kendoAnchorRef:t.ref(null)}),render(){const e=this.isRtl(),o=e?"rtl":void 0,{tabIndex:n,disabled:r}=this.$props,l=s.getDefaultSlots(this);this.buttonsData=this.$props.items;const a=function(){const{item:e,itemRender:o,textField:i}=this.$props;return this.buttonsData.length>0?this.buttonsData.map((function(n,r){const l="string"!=typeof n?{...n,render:s.templateRendering.call(this,n.render,s.getListeners.call(this))}:n;return t.createVNode(N,{class:"k-menu-item",dataItem:l,textField:i,focused:this.focusedIndex===r,onClick:this.onItemClick,onDown:this.onItemDown,render:s.templateRendering.call(this,o,s.getListeners.call(this)),item:e,index:r,key:r,id:`${this.guid}-${r}`},null)}),this):null};return t.createVNode("div",{class:this.wrapperClass,onKeydown:this.onKeyDown,onFocusin:this.onFocus,onFocusout:this.onBlur,dir:o},[t.createVNode(u,{size:this.$props.size,shape:this.$props.shape,rounded:this.$props.rounded,fillMode:this.$props.fillMode,themeColor:this.$props.themeColor,onClick:this.onClickMainButton,onMousedown:this.mouseDown,disabled:r||void 0,tabIndex:n,accessKey:this.$props.accessKey,icon:this.$props.icon,svgIcon:this.$props.svgIcon,iconClass:this.$props.iconClass,class:this.$props.buttonClass,imageUrl:this.$props.imageUrl,dir:o,ref:this._anchor,type:"button","aria-disabled":r,"aria-haspopup":"menu","aria-expanded":this.computedOpened,"aria-label":this.$props.ariaLabel||`${this.$props.text||""} dropdownbutton`,"aria-controls":this.guid,"aria-activedescendant":void 0!==this.focusedIndex&&this.focusedIndex>=0?`${this.guid}-${this.focusedIndex}`:void 0},{default:()=>[this.$props.text,l]}),function(){const{popupSettings:o={},size:n}=this.$props;return t.createVNode(i.Popup,{anchor:this._anchor,show:this.computedOpened,animate:o.animate,popupClass:s.classNames("k-menu-popup",o.popupClass),anchorAlign:o.anchorAlign||R(e),popupAlign:o.popupAlign||K(e),style:e?{direction:"rtl"}:void 0},{default:()=>[t.createVNode("ul",{class:`k-group k-menu-group k-reset k-menu-group-${s.kendoThemeMaps.sizeMap[n]||n}`,role:"menu",id:this.guid},[a.call(this)])]})}.call(this)])},methods:{element(){return this.mainButton},onKeyDown(e){if(e.altKey)this.computedOpened||e.keyCode!==s.Keys.down?this.computedOpened&&e.keyCode===s.Keys.up&&(this.dispatchPopupEvent(e,!1),this.focusedIndex=-1,this.currentOpened=!1):(this.dispatchPopupEvent(e,!0),this.focusedIndex=0,this.currentOpened=!0);else if(e.keyCode===s.Keys.enter||e.keyCode===s.Keys.space?(void 0!==this.focusedIndex&&this.focusedIndex>=0&&this.dispatchClickEvent(e,this.focusedIndex),e.preventDefault(),this.focusedIndex=this.computedOpened?-1:0,this.currentOpened=!this.computedOpened,this.dispatchPopupEvent(e,this.currentOpened)):this.computedOpened&&e.keyCode===s.Keys.esc&&(this.focusedIndex=-1,this.currentOpened=!1,this.dispatchPopupEvent(e,this.currentOpened)),this.computedOpened){const t=F(this.focusedIndex,e.keyCode,e.altKey,this.buttonsData.length);this.focusedIndex=t;const o=e.keyCode===s.Keys.up||e.keyCode===s.Keys.down||e.keyCode===s.Keys.left||e.keyCode===s.Keys.right;!e.altKey&&o&&e.preventDefault()}},onFocus(e){this.focused||(this.focused=!0,this.$emit("focus",e,this,void 0)),this.focusedIndex=this.computedOpened?0:-1,clearTimeout(this._blurTimeout)},onBlur(e){clearTimeout(this._blurTimeout),this.createBlurTimeout(e)},createBlurTimeout(e){const t=this;this._blurTimeout=setTimeout((()=>{s.canUseDOM&&document.activeElement!==t.$el&&(t.focused=!1,t.focusedIndex=-1,t.$emit("blur",e,t,void 0),t.computedOpened&&(t.currentOpened=!1,t.dispatchPopupEvent(e,!1)))}),200)},onItemClick(e,t){this.focusedIndex=-1,this.currentOpened=!1,this.dispatchClickEvent(e,t),this.dispatchPopupEvent(e,!1)},onItemDown(e){document.activeElement===this.element()&&e.preventDefault()},mouseDown(e){e.preventDefault()},dispatchClickEvent(e,t){this.isItemDisabled(t)||this.$emit("itemclick",{event:e,item:this.buttonsData[t],itemIndex:t})},onClickMainButton(e){if(!this.buttonsData.length)return;const t=!this.computedOpened;this.currentOpened=t,this.focused=!0,this.focusedIndex=t?0:-1,this.dispatchPopupEvent(e,t)},dispatchPopupEvent(e,t){this.$emit(t?"open":"close",e,this,void 0)},isItemDisabled(e){return this.buttonsData[e]?this.buttonsData[e].disabled:this.$props.disabled},isRtl(){return void 0!==this.$props.dir?"rtl"===this.$props.dir:!!this.$el&&"rtl"===getComputedStyle(this.$el).direction}}}),M=t.defineComponent({name:"KendoToolbarItem",render:()=>t.createVNode("div",{class:"k-toolbar-separator k-separator"},null)}),P="prevArrow.title",z="nextArrow.title",A="moreButtonTitle.title",E={[P]:"Previous scroll button",[z]:"Next scroll button",[A]:"More button"},L=t.defineComponent({name:"KendoToolbarScrollButton",props:{buttonScrollSpeed:Number,disabled:Boolean,scrollContentRef:Object,type:String,prevButton:Object,nextButton:Object,dir:String},inject:{kendoLocalizationService:{default:null}},emits:["contentscroll"],methods:{getScrollButtonTitle(){const{dir:e,type:t}=this.$props;return"rtl"!==e?"prev"===t?n.provideLocalizationService(this).toLanguageString(P,E[P]):n.provideLocalizationService(this).toLanguageString(z,E[z]):"prev"===t?n.provideLocalizationService(this).toLanguageString(z,E[z]):n.provideLocalizationService(this).toLanguageString(P,E[P])}},render(){const{disabled:e,type:i,scrollContentRef:n,buttonScrollSpeed:r,prevButton:l,nextButton:a}=this.$props;return t.createVNode("span",{class:s.classNames("k-button","k-button-md","k-button-solid","k-button-solid-base","k-rounded-md","k-icon-button",`k-toolbar-${i}`,{"k-disabled":e}),title:this.getScrollButtonTitle(),"aria-hidden":!0,tabindex:e?-1:void 0,onClick:()=>{n&&r&&(n.scrollBy({left:"next"===i?r:-r,behavior:"smooth"}),this.$emit("contentscroll",i))}},[t.createVNode(s.SvgIcon,{icon:"prev"===i?o.caretAltLeftIcon:o.caretAltRightIcon,class:"k-button-icon"},null)])}}),j=t.defineComponent({name:"ToolbarScrollable",props:{scrollButtons:String,scrollButtonsPosition:String,isOverflowing:Boolean,buttonScrollSpeed:Number,dir:String,isScrollStartPosition:Boolean,isScrollEndPosition:Boolean,prevButton:Object,nextButton:Object,toolbarItems:Object},emits:["contentscroll"],data:()=>({scrollContentRef:null}),mounted(){this.scrollContentRef=this.$refs.scrollContentRef},methods:{onContentScroll(e){this.$emit("contentscroll",e)}},render(){const{scrollButtons:e,buttonScrollSpeed:s,prevButton:o,nextButton:i,scrollButtonsPosition:n,dir:r,isScrollStartPosition:l,isScrollEndPosition:a,toolbarItems:d}=this.$props,u=(e,n)=>t.createVNode(L,{type:e,dir:r,disabled:n,scrollContentRef:this.scrollContentRef,buttonScrollSpeed:s,prevButton:o,nextButton:i,onContentscroll:this.onContentScroll},null),c="visible"===e||"auto"===e&&this.$props.isOverflowing;return t.createVNode(t.Fragment,null,[c&&"split"===n&&t.createVNode(t.Fragment,null,[u("rtl"!==r?"prev":"next",l),t.createVNode(M,{class:"k-toolbar-button-separator"},null)]),c&&"start"===n&&t.createVNode(t.Fragment,null,[u("rtl"!==r?"prev":"next",l),u("rtl"!==r?"next":"prev",a),t.createVNode(M,{class:"k-toolbar-button-separator"},null)]),t.createVNode("span",{class:"k-toolbar-items k-toolbar-items-scroll",ref:"scrollContentRef"},[d]),c&&"split"===n&&t.createVNode(t.Fragment,null,[t.createVNode(M,{class:"k-toolbar-button-separator"},null),u("rtl"!==r?"next":"prev",a)]),c&&"end"===n&&t.createVNode(t.Fragment,null,[t.createVNode(M,{class:"k-toolbar-button-separator"},null),u("rtl"!==r?"prev":"next",l),u("rtl"!==r?"next":"prev",a)])])}}),U=t.defineComponent({name:"ToolbarOverflowSection",props:{toolbarRef:Object,toolbarWidth:Number,fillMode:String,size:String,visibleTools:Array,overFlowTools:Array,opened:Boolean,allTools:Array},emits:["toggleoverflow"],inject:{kendoLocalizationService:{default:null}},methods:{handleClick(){this.$emit("toggleoverflow",!this.$props.opened)}},render(){const{visibleTools:e,overFlowTools:r,allTools:l}=this.$props,{toolbarRef:a,toolbarWidth:d,fillMode:c,size:p}=this.$props;return t.createVNode(t.Fragment,null,[e&&[...l].splice(0,e.length),r.length>0&&t.createVNode(t.Fragment,null,[t.createVNode(M,{class:"k-toolbar-button-separator"},null),t.createVNode(u,{ref:"buttonRef",class:"k-toolbar-overflow-button",fillMode:"flat",svgIcon:o.moreHorizontalIcon,title:n.provideLocalizationService(this).toLanguageString(A,E[A]),onClick:this.handleClick},null),t.createVNode(i.Popup,{anchor:a,show:this.$props.opened,popupClass:"k-toolbar-popup",key:d,style:{width:d+"px"}},{default:()=>[t.createVNode("span",{class:`k-toolbar-items-list k-toolbar-items-list-${s.kendoThemeMaps.sizeMap[p]} k-toolbar-items-list-${c}`},[e&&[...l].splice(e.length,l.length)])]})])])}}),W=t.defineComponent({name:"KendoToolbar",props:{tabIndex:{type:Number,default:0},dir:{type:String,validator:function(e){return[null,"ltr","rtl"].includes(e)},default:"ltr"},keyboardNavigation:{type:Boolean,default:!0},buttons:{type:Array,default:function(){}},size:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large"].includes(e)}},fillMode:{type:String,default:"solid",validator:function(e){return[null,"solid","flat","outline"].includes(e)}},ariaLabel:String,overflow:{type:String,default:"section",validator:function(e){return[null,"none","section","scroll"].includes(e)}},scrollButtons:{type:String,default:"auto",validator:function(e){return[null,"hidden","visible","auto"].includes(e)}},scrollButtonsPosition:{type:String,default:"split",validator:function(e){return[null,"start","end","split"].includes(e)}},buttonScrollSpeed:{type:Number,default:100}},data:()=>({defaultSlot:null,offsetWidth:0,offsetHeight:0,currentButtons:[],focusedSelector:"",isScrollStartPosition:!0,isScrollEndPosition:!1,focusableButtons:[],isOverflowing:!1,scrollContentRef:null,lastToolbarWidthRef:0,overFlowToolsRef:[],overFlowOpened:!1,visibleToolsRef:void 0}),created(){this.focusedSelector=this.selectors.map((e=>e+":focus")).join(","),s.validatePackage(a)},computed:{selectors(){return this.$props.buttons||r},wrapperClass(){const{size:e,fillMode:t,overflow:o,scrollButtons:i}=this.$props;return{"k-toolbar":!0,[`k-toolbar-${t}`]:t,[`k-toolbar-${s.kendoThemeMaps.sizeMap[e]||e}`]:e,"k-toolbar-scrollable":"scroll"===o,"k-toolbar-scrollable-overlay":"scroll"===o&&("hidden"===i||void 0===i),"k-toolbar-scrollable-start":"scroll"===o&&"hidden"===i&&this.isScrollStartPosition,"k-toolbar-scrollable-end":"scroll"===o&&"hidden"===i&&this.isScrollEndPosition,"k-toolbar-section":o&&"section"===o}}},mounted(){s.canUseDOM&&window.ResizeObserver&&(this.observerResize=new window.ResizeObserver(this.onWindowResize),this.observerResize.observe(this.$el));const e=this.$el;e&&(this.offsetWidth=e.offsetWidth,this.offsetHeight=e.offsetHeight,!1!==this.$props.keyboardNavigation&&(this.currentButtons=this.getCurrentButtons(),this.setTabIndex(0))),this.scrollContentRef=this.$refs.toolbarScrollable&&this.$refs.toolbarScrollable.scrollContentRef,this.defaultSlot&&(this.visibleToolsRef=this.defaultSlot.filter((e=>e&&e.type)).map(((e,s)=>t.cloneVNode(e,{key:e.key||s}))),this.$nextTick((()=>{this.checkOverflow(),this.initOverflow(this.$refs.toolbar)})))},updated(){!this.$el||!1===this.$props.keyboardNavigation||(this.currentButtons=this.getCurrentButtons(),this.setTabIndex(this.focusedIndex()))},unmounted(){s.canUseDOM&&this.observerResize&&this.observerResize.disconnect(),this.currentButtons.length=0},render(){const{overflow:e,scrollButtons:o,scrollButtonsPosition:i,prevButton:n,nextButton:r,buttonScrollSpeed:l,dir:a,fillMode:d,size:u}=this.$props;return this.defaultSlot=s.getDefaultSlots(this),t.createVNode("div",{ref:"toolbar",class:this.wrapperClass,role:"toolbar",dir:a,"aria-label":this.$props.ariaLabel,onKeydown:this.onKeyDown},["scroll"===e&&t.createVNode(t.Fragment,null,[t.createVNode(j,{ref:"toolbarScrollable",scrollButtons:o,scrollButtonsPosition:i,prevButton:n,nextButton:r,isOverflowing:this.isOverflowing,buttonScrollSpeed:l,dir:a,isScrollStartPosition:this.isScrollStartPosition,isScrollEndPosition:this.isScrollEndPosition,toolbarItems:this.defaultSlot,onContentscroll:this.onContentScroll},null)]),"section"===e&&t.createVNode(U,{opened:this.overFlowOpened,toolbarRef:this.$refs.toolbar,toolbarWidth:this.offsetWidth,fillMode:d,size:u,visibleTools:this.visibleToolsRef,overFlowTools:this.overFlowToolsRef,onToggleoverflow:this.onToggleoverflow,allTools:this.defaultSlot},null),"none"===e&&this.defaultSlot])},methods:{getCurrentButtons(){return this.$el&&this.$el.querySelectorAll?Array.from(this.$el.querySelectorAll(this.selectors.join(","))):[]},getInternalButtons(){return this.$el&&this.$el.querySelectorAll?Array.from(this.$el.querySelectorAll(".k-dropdownlist > .k-button,.k-colorpicker > .k-button")):[]},focusedIndex(){const e=this.$el&&this.$el.querySelector&&this.$el.querySelector(this.focusedSelector);return Math.max(0,this.currentButtons.findIndex((t=>t===e)))},setTabIndex(e){const{tabIndex:t}=this.$props;this.currentButtons.forEach(((s,o)=>{s.tabIndex=o===e?t:-1})),this.getInternalButtons().forEach((e=>{e.tabIndex=-1}))},onKeyDown(e){if(!1===this.$props.keyboardNavigation)return;const t=e.target;if(e.keyCode!==s.Keys.left&&e.keyCode!==s.Keys.right||e.defaultPrevented||-1===this.currentButtons.findIndex((e=>e===t)))return;const o=this.focusedIndex();e.keyCode===s.Keys.left?this.focusButton(o,o-1):this.focusButton(o,o+1)},focusButton(e,t){const{tabIndex:s}=this.$props,o=this.currentButtons[t];if(o){o.tabIndex=s,o.focus();const t=this.currentButtons[e];t&&(t.tabIndex=-1)}},initOverflow(e,t){let s=200;const o=[],i=[];Array.from(e.children).forEach(((e,t)=>{s+=Math.ceil(e.clientWidth),s<=this.$refs.toolbar.offsetWidth-50?o.push(this.visibleToolsRef[t]):i.push(this.visibleToolsRef[t])})),this.visibleToolsRef=o,this.overFlowToolsRef=i},checkOverflow(){if("scroll"===this.$props.overflow){const e=this.scrollContentRef;e&&(this.isOverflowing=e.scrollWidth>e.clientWidth||e.scrollHeight>e.clientHeight,this.isOverflowing?this.onContentScroll():(this.isScrollStartPosition=!0,this.isScrollEndPosition=!0))}else if("section"===this.$props.overflow||void 0===this.$props.overflow){const e=this.$refs.toolbar;let t=0;if(e){const s=e.offsetWidth,o=parseInt(window.getComputedStyle(e).gap||"0",10),i=Array.from(e.children).reduce(((e,t)=>e+=Math.ceil(t.clientWidth)),0),n=Array.from(e.children).length,r=2*o;if(t=36+Number(i)+n*o+r,t>s){const e=[...this.visibleToolsRef],t=e.pop();this.visibleToolsRef=e,t&&(this.overFlowToolsRef=[t,...this.overFlowToolsRef]),this.lastToolbarWidthRef=s}else if(s>this.lastToolbarWidthRef+o*n/2.75){const e=[...this.overFlowToolsRef],t=e.shift();t&&this.lastToolbarWidthRef+o*n>30&&(this.overFlowToolsRef=e,this.visibleToolsRef=[...this.visibleToolsRef,t]),this.lastToolbarWidthRef=s}else this.$forceUpdate()}}},onWindowResize(e){window.requestAnimationFrame((()=>{const t=this.$el;if(this.overFlowOpened=!1,!t)return;const s=t.offsetWidth,o=t.offsetHeight;if(this.offsetWidth!==s||this.offsetHeight!==o){this.offsetWidth=s,this.offsetHeight=o;const t={offsetWidth:this.offsetWidth,offsetHeight:this.offsetHeight};this.$emit("resize",{target:this,...t,nativeEvent:e})}this.checkOverflow()}))},onContentScroll(e){const t=this.scrollContentRef;if(e&&t){let s,o;s="next"!==e&&(t.scrollLeft<=this.$props.buttonScrollSpeed||0===t.scrollLeft),o="prev"!==e&&(t.scrollLeft+t.clientWidth+this.$props.buttonScrollSpeed>=t.scrollWidth||t.scrollLeft+t.clientWidth===t.scrollWidth),this.isScrollStartPosition=!!s,this.isScrollEndPosition=!!o}else this.isScrollStartPosition=!0,this.isScrollEndPosition=!1},onToggleoverflow(e){this.overFlowOpened=e}}}),_=t.defineComponent({name:"KendoToolbarItem",methods:{element(){return this.$el}},render(){const e=s.getDefaultSlots(this);return t.createVNode("div",{class:"k-toolbar-item"},[e])}}),q=t.defineComponent({name:"KendoToolbarItem",render:()=>t.createVNode("span",{class:"k-spacer"},null)});e.Button=u,e.ButtonGroup=h,e.ButtonItem=N,e.Chip=v,e.ChipList=k,e.DropDownButton=T,e.FloatingActionButton=B,e.FloatingActionButtonItem=$,e.SplitButton=V,e.Toolbar=W,e.ToolbarItem=_,e.ToolbarSeparator=M,e.ToolbarSpacer=q}));

FloatingActionButton/FloatingActionButtonItem.js

@@ -8,2 +8,2 @@ /**
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),n=require("@progress/kendo-vue-common"),m=t.defineComponent({name:"KendoVueFloatingActionButtonItem",props:{id:String,disabled:Boolean,focused:Boolean,index:Number,icon:String,item:[String,Function,Object],dataItem:Object,text:String,tabIndex:Number,customProp:[String,Function,Object]},emits:{click:null,down:null},mounted(){this.element=n.getRef(this,"element")},computed:{itemClassNames(){return n.classNames("k-fab-item",{"k-focus":this.focused,"k-disabled":this.disabled})}},methods:{handleClick(e){this.$props.index!==void 0&&!this.$props.disabled&&this.$emit("click",e,this.$props.index)},focusElement(){this.$el&&this.$el.focus()},onMouseDown(e){this.$emit("down",e)}},setup(){return{elementRef:t.ref(null)}},render(){const{disabled:e,id:a,tabIndex:d,dataItem:c}=this.$props,{text:i,icon:o,svgIcon:s}=c;let l;const r=t.createVNode("li",{ref:n.setRef(this,"element"),id:a,class:this.itemClassNames,role:"menuitem",tabindex:n.getTabIndex(d,e),"aria-disabled":e,"aria-label":`${i||""} floatingactionbutton item`,onClick:this.handleClick,onMousedown:this.onMouseDown,onPointerdown:this.onMouseDown},[i&&t.createVNode("span",{class:"k-fab-item-text"},[i]),(s||o)&&t.createVNode(n.Icon,{name:o,icon:s,class:"k-fab-item-icon"},null)]);return l=n.getTemplate.call(this,{h:t.h,template:this.$props.item,defaultRendering:r,additionalProps:this.$props,additionalListeners:{click:this.handleClick}}),l}});exports.FloatingActionButtonItem=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),n=require("@progress/kendo-vue-common"),m=t.defineComponent({name:"KendoVueFloatingActionButtonItem",props:{id:String,disabled:Boolean,focused:Boolean,index:Number,icon:String,item:[String,Function,Object],dataItem:Object,text:String,tabIndex:Number,customProp:[String,Function,Object],class:String},emits:{click:null,down:null},mounted(){this.element=n.getRef(this,"element")},computed:{itemClassNames(){return n.classNames("k-fab-item",{"k-focus":this.focused,"k-disabled":this.disabled})}},methods:{handleClick(e){this.$props.index!==void 0&&!this.$props.disabled&&this.$emit("click",e,this.$props.index)},focusElement(){this.$el&&this.$el.focus()},onMouseDown(e){this.$emit("down",e)}},setup(){return{elementRef:t.ref(null)}},render(){const{disabled:e,id:a,tabIndex:d,dataItem:c}=this.$props,{text:i,icon:o,svgIcon:s}=c;let l;const r=t.createVNode("li",{ref:n.setRef(this,"element"),id:a,class:this.itemClassNames,role:"menuitem",tabindex:n.getTabIndex(d,e),"aria-disabled":e,"aria-label":`${i||""} floatingactionbutton item`,onClick:this.handleClick,onMousedown:this.onMouseDown,onPointerdown:this.onMouseDown},[i&&t.createVNode("span",{class:"k-fab-item-text"},[i]),(s||o)&&t.createVNode(n.Icon,{name:o,icon:s,class:"k-fab-item-icon"},null)]);return l=n.getTemplate.call(this,{h:t.h,template:this.$props.item,defaultRendering:r,additionalProps:this.$props,additionalListeners:{click:this.handleClick}}),l}});exports.FloatingActionButtonItem=m;

NOTICE.txt

@@ -1,4 +0,4 @@
-Progress Kendo UI for Vue 2024
+Progress Kendo UI for Vue 6
 
-Copyright © 2021-2024 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.
+Copyright © 2021-2025 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.
 
@@ -12,30 +12,18 @@ Portions of the Product include certain open source and commercial third-party components listed below (“Third-Party Components”). The authors of the Third-Party Components require Progress Software Corporation (“PSC”) to include the following notices and additional licensing terms as a condition of PSC’s use of such Third-Party Components.  You acknowledge that the authors of the Third-Party Components have no obligation to provide support to you for the Third-Party Components or the Product.  You hereby undertake to comply with all licenses related to the applicable Third-Party Components.  Notwithstanding anything to the contrary, to the extent that any of the terms and conditions of the Product Agreement conflict, vary, or are in addition to the terms and conditions of the aforementioned third-party licenses for these technologies, such terms and conditions are offered by PSC alone and not by any other party.
 
-
-Axios | Axios | 0.18.1 - Open Source | MIT-style License
-DefinitelyTyped.org | @types/prosemirror-commands | 1.0.4 - Open Source | MIT-style License
-DefinitelyTyped.org | @types/prosemirror-dropcursor | 1.0.1 - Open Source | MIT-style License
-DefinitelyTyped.org | @types/prosemirror-gapcursor | 1.0.2 - Open Source | MIT-style License
-DefinitelyTyped.org | @types/prosemirror-history | 1.0.2 - Open Source | MIT-style License
-DefinitelyTyped.org | @types/prosemirror-inputrules | 1.0.2 - Open Source | MIT-style License
-DefinitelyTyped.org | @types/prosemirror-keymap | 1.0.2 - Open Source | MIT-style License
-DefinitelyTyped.org | @types/prosemirror-model | 1.11.2 - Open Source | MIT-style License
-DefinitelyTyped.org | @types/prosemirror-schema-list | 1.0.2 - Open Source | MIT-style License
-DefinitelyTyped.org | @types/prosemirror-state | 1.2.4 - Open Source | MIT-style License
-DefinitelyTyped.org | @types/prosemirror-tables | 0.9.1 - Open Source | MIT-style License
-DefinitelyTyped.org | @types/prosemirror-transform | 1.2.9 - Open Source | MIT-style License
-DefinitelyTyped.org | @types/prosemirror-view | 1.11.4 - Open Source | MIT-style License
-Progress Software | Kendo UI Licensing CLI | 1.1 - Proprietary | 
+Axios | Axios | 1.7.9 - Open Source | MIT-style License
+Progress Software | Kendo UI Licensing CLI | 1.1 - Proprietary |
 Progress Software Corporation | jszip-esm | 1.0.0 - Open Source | MIT-style License
 Progress Software Corporation | pako-esm | 1.0.0 - Open Source | MIT-style License
-ProseMirror | prosemiror-inputrules | 1.0.1 - Open Source | MIT-style License
-ProseMirror | prosemirror-commands | 1.0.7 - Open Source | MIT-style License
-ProseMirror | prosemirror-gapcursor | 1.0.2 - Open Source | MIT-style License
-ProseMirror | prosemirror-history | 1.0.2 - Open Source | MIT-style License
-ProseMirror | prosemirror-keymap | 1.0.1 - Open Source | MIT-style License
-ProseMirror | prosemirror-model | 1.6.1 - Open Source | MIT-style License
-ProseMirror | prosemirror-schema-list | 1.0.1 - Open Source | MIT-style License
-ProseMirror | prosemirror-state | 1.2.2 - Open Source | MIT-style License
-ProseMirror | prosemirror-tables | 0.7.10 - Open Source | MIT-style License
-ProseMirror | prosemirror-transform | 1.1.3 - Open Source | MIT-style License
-ProseMirror | prosemirror-view | 1.5.2 - Open Source | MIT-style License
+ProseMirror | prosemiror-inputrules | 1.4.0 - Open Source | MIT-style License
+ProseMirror | prosemirror-commands | 1.6.2 - Open Source | MIT-style License
+ProseMirror | prosemirror-dropcursor | 1.8.1 - Open Source | MIT-style License
+ProseMirror | prosemirror-gapcursor | 1.3.2 - Open Source | MIT-style License
+ProseMirror | prosemirror-history | 1.4.1 - Open Source | MIT-style License
+ProseMirror | prosemirror-keymap | 1.2.2 - Open Source | MIT-style License
+ProseMirror | prosemirror-model | 1.23.0 - Open Source | MIT-style License
+ProseMirror | prosemirror-schema-list | 1.4.1 - Open Source | MIT-style License
+ProseMirror | prosemirror-state | 1.4.3 - Open Source | MIT-style License
+ProseMirror | prosemirror-tables | 1.6.1 - Open Source | MIT-style License
+ProseMirror | prosemirror-transform | 1.10.2 - Open Source | MIT-style License
+ProseMirror | prosemirror-view | 1.35.0 - Open Source | MIT-style License
 -------------------------------------------------------------------------
@@ -47,5 +35,5 @@
 
-(a) Progress Kendo UI for Vue 2024 incorporates jszip-esm v1.0.  Such technology is subject to the following terms and conditions:
+(a) Progress Kendo UI for Vue 6 incorporates jszip-esm v1.0.  Such technology is subject to the following terms and conditions:
 Copyright © 2020 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved. (as modified)
-Copyright (c) 2009-2016 Stuart Knightley, David Duponchel, Franz Buchinger, António Afonso
+Copyright (c) 2009-2016 Stuart Knightley, David Duponchel, Franz Buchinger, Ant�nio Afonso
 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
@@ -55,3 +43,3 @@ The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 
-(b) Progress Kendo UI for Vue 2024 incorporates pako-esm v1.0.  Such technology is subject to the following terms and conditions:
+(b) Progress Kendo UI for Vue 6 incorporates pako-esm v1.0.  Such technology is subject to the following terms and conditions:
 Copyright © 2020 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved. (as modified)
@@ -63,3 +51,3 @@ Copyright (C) 2014-2017 by Vitaly Puzrin and Andrei Tuputcyn
 
-(c) Progress Kendo UI for Vue 2024 incorporates axios v0.18.1.  Such technology is subject to the following terms and conditions:
+(c) Progress Kendo UI for Vue 6 incorporates axios v1.7.9.  Such technology is subject to the following terms and conditions:
 Copyright (c) 2014-present Matt Zabriskie
@@ -70,10 +58,3 @@ Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 
-(d) Progress Kendo UI for Vue 2024 incorporates @types/prosemirror-commands v1.0.4, @types/prosemirror-dropcursor v1.0.1, @types/prosemirror-gapcursor v1.0.2, @types/prosemirror-history v1.0.2, @types/prosemirror-inputrules v1.0.2,  @types/prosemirror-keymap v1.0.2,  @types/prosemirror-model v1.11.2, @types/prosemirror-schema-list v1.0.2, @types/prosemirror-state v1.2.4, @types/prosemirror-tables v0.9.1, @types/prosemirror-transform v1.2.9, and @types/prosemirror-view v1.11.4.  Such technologies are subject to the following terms and conditions:
-This project is licensed under the MIT license.
-Copyrights are respective of each contributor listed at the beginning of each definition file.
-Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
-The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-
-(e) Progress Kendo UI for Vue 2024 incorporates prosemiror-inputrules v1.0.1, prosemirror-commands v1.0.7, prosemirror-gapcursor v1.0.7, prosemirror-history v1.0.2, prosemirror-keymap v1.0.1, prosemirror-model v1.6.1, prosemirror-schema-list v1.0.1, prosemirror-state v1.2.2, prosemirror-tables v0.7.10, prosemirror-transform v1.1.3, and prosemirror-view v1.5.2.  Such technologies are subject to the following terms and conditions:
+(d) Progress Kendo UI for Vue 6 incorporates prosemiror-inputrules v1.4.0, prosemirror-commands v1.6.2, prosemirror-dropcursor v1.8.1, prosemirror-gapcursor v1.3.2, prosemirror-history v1.4.1, prosemirror-keymap v1.2.2, prosemirror-model v1.23.0, prosemirror-schema-list v1.4.1, prosemirror-state v1.4.3, prosemirror-tables v1.6.1, prosemirror-transform v1.10.2, and prosemirror-view v1.35.0.  Such technologies are subject to the following terms and conditions:
 Copyright (C) 2015-2017 by Marijn Haverbeke <[e-mail]> and others. Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
@@ -83,10 +64,10 @@ The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 
-2.	Special Notices Regarding Commercially Licensed Third-Party Components incorporated into the Product:  NONE
+2.	Special Notices Regarding Commercially Licensed Third-Party Components incorporated into the Product: NONE
 
-3.	Special Notices Regarding Progress Products incorporated into the Product:  
+3.	Special Notices Regarding Progress Products incorporated into the Product:
 
-(a) Progress Kendo UI for Vue 2024 incorporates Progress Kendo UI Licensing CLI v1.1 licensed from Progress Software Corporation See NOTICE.txt text file within product for third-party license information. 
+(a) Progress Kendo UI for Vue 6 incorporates Progress Kendo UI Licensing CLI v1.1 licensed from Progress Software Corporation See NOTICE.txt text file within product for third-party license information.
 
 NOTICE FROM PROGRESS SOFTWARE CORPORATION: Additional notices may be included in the release notes or other documentation that accompanies updates received in connection with support of the Product.
 
-Updated 4.Jan.2024
+Updated 4.Feb.2025

package-metadata.js

@@ -8,2 +8,2 @@ /**
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-buttons",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1738944331,version:"6.1.0-develop.9",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"};exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-buttons",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1739345279,version:"6.1.0",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"};exports.packageMetadata=e;

package.json

 {
   "name": "@progress/kendo-vue-buttons",
-  "version": "6.1.0-develop.9",
+  "version": "6.1.0",
   "description": "TODO",
@@ -22,4 +22,4 @@ "author": "Progress",
     "@progress/kendo-licensing": "^1.4.0",
-    "@progress/kendo-vue-common": "6.1.0-develop.9",
-    "@progress/kendo-vue-popup": "6.1.0-develop.9",
+    "@progress/kendo-vue-common": "6.1.0",
+    "@progress/kendo-vue-popup": "6.1.0",
     "@progress/kendo-svg-icons": "^4.0.0",
@@ -45,3 +45,3 @@ "vue": "^3.0.2"
       "productCode": "KENDOUIVUE",
-      "publishDate": 1738944331,
+      "publishDate": 1739345279,
       "licensingDocsUrl": "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
@@ -48,0 +48,0 @@ }

toolbar/Toolbar.js

@@ -8,2 +8,2 @@ /**
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),r=require("@progress/kendo-vue-common"),a=require("../util.js"),u=require("../package-metadata.js"),l=n.defineComponent({name:"KendoToolbar",props:{tabIndex:{type:Number,default:0},dir:String,keyboardNavigation:{type:Boolean,default:!0},buttons:{type:Array,default:function(){}},size:{type:String,default:"medium",validator:function(t){return[null,"small","medium","large"].includes(t)}},fillMode:{type:String,default:"solid",validator:function(t){return[null,"solid","flat","outline"].includes(t)}},ariaLabel:String},created(){this.offsetHeight=0,this.offsetWidth=0,this.currentButtons=[],this.focusedSelector=this.selectors.map(t=>t+":focus").join(","),r.validatePackage(u.packageMetadata)},computed:{selectors(){return this.$props.buttons||a.toolbarButtons},wrapperClass(){const{size:t,fillMode:e}=this.$props;return{"k-toolbar":!0,[`k-toolbar-${e}`]:e,[`k-toolbar-${r.kendoThemeMaps.sizeMap[t]||t}`]:t}}},mounted(){window.addEventListener("resize",this.onWindowResize);const t=this.$el;t&&(this.offsetWidth=t.offsetWidth,this.offsetHeight=t.offsetHeight,this.$props.keyboardNavigation!==!1&&(this.currentButtons=this.getCurrentButtons(),this.setTabIndex(0)))},updated(){!this.$el||this.$props.keyboardNavigation===!1||(this.currentButtons=this.getCurrentButtons(),this.setTabIndex(this.focusedIndex()))},unmounted(){window.removeEventListener("resize",this.onWindowResize),this.currentButtons.length=0},render(){const t=r.getDefaultSlots(this);return n.createVNode("div",{class:this.wrapperClass,role:"toolbar",dir:this.$props.dir,"aria-label":this.$props.ariaLabel,onKeydown:this.onKeyDown},[t])},methods:{getCurrentButtons(){return this.$el&&this.$el.querySelectorAll?Array.from(this.$el.querySelectorAll(this.selectors.join(","))):[]},getInternalButtons(){return this.$el&&this.$el.querySelectorAll?Array.from(this.$el.querySelectorAll(a.internalButtons)):[]},focusedIndex(){const t=this.$el&&this.$el.querySelector&&this.$el.querySelector(this.focusedSelector);return Math.max(0,this.currentButtons.findIndex(e=>e===t))},setTabIndex(t){const{tabIndex:e}=this.$props;this.currentButtons.forEach((o,s)=>{o.tabIndex=s===t?e:-1}),this.getInternalButtons().forEach(o=>{o.tabIndex=-1})},onKeyDown(t){if(this.$props.keyboardNavigation===!1)return;const e=t.target;if(!(t.keyCode===r.Keys.left||t.keyCode===r.Keys.right)||t.defaultPrevented||this.currentButtons.findIndex(i=>i===e)===-1)return;const s=this.focusedIndex();t.keyCode===r.Keys.left?this.focusButton(s,s-1):this.focusButton(s,s+1)},focusButton(t,e){const{tabIndex:o}=this.$props,s=this.currentButtons[e];if(s){s.tabIndex=o,s.focus();const i=this.currentButtons[t];i&&(i.tabIndex=-1)}},onWindowResize(t){const e=this.$el;if(!e)return;const o=e.offsetWidth,s=e.offsetHeight;if(this.offsetWidth!==o||this.offsetHeight!==s){this.offsetWidth=o,this.offsetHeight=s;const i={offsetWidth:this.offsetWidth,offsetHeight:this.offsetHeight};this.$emit("resize",{target:this,...i,nativeEvent:t})}}}});exports.Toolbar=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue"),n=require("@progress/kendo-vue-common"),h=require("../util.js"),d=require("../package-metadata.js"),u=require("./tools/ToolbarScrollable.js"),b=require("./tools/ToolbarOverflowSection.js"),p=c.defineComponent({name:"KendoToolbar",props:{tabIndex:{type:Number,default:0},dir:{type:String,validator:function(t){return[null,"ltr","rtl"].includes(t)},default:"ltr"},keyboardNavigation:{type:Boolean,default:!0},buttons:{type:Array,default:function(){}},size:{type:String,default:"medium",validator:function(t){return[null,"small","medium","large"].includes(t)}},fillMode:{type:String,default:"solid",validator:function(t){return[null,"solid","flat","outline"].includes(t)}},ariaLabel:String,overflow:{type:String,default:"section",validator:function(t){return[null,"none","section","scroll"].includes(t)}},scrollButtons:{type:String,default:"auto",validator:function(t){return[null,"hidden","visible","auto"].includes(t)}},scrollButtonsPosition:{type:String,default:"split",validator:function(t){return[null,"start","end","split"].includes(t)}},buttonScrollSpeed:{type:Number,default:100}},data(){return{defaultSlot:null,offsetWidth:0,offsetHeight:0,currentButtons:[],focusedSelector:"",isScrollStartPosition:!0,isScrollEndPosition:!1,focusableButtons:[],isOverflowing:!1,scrollContentRef:null,lastToolbarWidthRef:0,overFlowToolsRef:[],overFlowOpened:!1,visibleToolsRef:void 0}},created(){this.focusedSelector=this.selectors.map(t=>t+":focus").join(","),n.validatePackage(d.packageMetadata)},computed:{selectors(){return this.$props.buttons||h.toolbarButtons},wrapperClass(){const{size:t,fillMode:e,overflow:o,scrollButtons:s}=this.$props;return{"k-toolbar":!0,[`k-toolbar-${e}`]:e,[`k-toolbar-${n.kendoThemeMaps.sizeMap[t]||t}`]:t,"k-toolbar-scrollable":o==="scroll","k-toolbar-scrollable-overlay":o==="scroll"&&(s==="hidden"||s===void 0),"k-toolbar-scrollable-start":o==="scroll"&&s==="hidden"&&this.isScrollStartPosition,"k-toolbar-scrollable-end":o==="scroll"&&s==="hidden"&&this.isScrollEndPosition,"k-toolbar-section":o&&o==="section"}}},mounted(){n.canUseDOM&&window.ResizeObserver&&(this.observerResize=new window.ResizeObserver(this.onWindowResize),this.observerResize.observe(this.$el));const t=this.$el;t&&(this.offsetWidth=t.offsetWidth,this.offsetHeight=t.offsetHeight,this.$props.keyboardNavigation!==!1&&(this.currentButtons=this.getCurrentButtons(),this.setTabIndex(0))),this.scrollContentRef=this.$refs.toolbarScrollable&&this.$refs.toolbarScrollable.scrollContentRef,this.defaultSlot&&(this.visibleToolsRef=this.defaultSlot.filter(e=>e&&e.type).map((e,o)=>c.cloneVNode(e,{key:e.key||o})),this.$nextTick(()=>{this.checkOverflow(),this.initOverflow(this.$refs.toolbar)}))},updated(){!this.$el||this.$props.keyboardNavigation===!1||(this.currentButtons=this.getCurrentButtons(),this.setTabIndex(this.focusedIndex()))},unmounted(){n.canUseDOM&&this.observerResize&&this.observerResize.disconnect(),this.currentButtons.length=0},render(){const{overflow:t,scrollButtons:e,scrollButtonsPosition:o,prevButton:s,nextButton:l,buttonScrollSpeed:a,dir:f,fillMode:i,size:r}=this.$props;return this.defaultSlot=n.getDefaultSlots(this),c.createVNode("div",{ref:"toolbar",class:this.wrapperClass,role:"toolbar",dir:f,"aria-label":this.$props.ariaLabel,onKeydown:this.onKeyDown},[t==="scroll"&&c.createVNode(c.Fragment,null,[c.createVNode(u.ToolbarScrollable,{ref:"toolbarScrollable",scrollButtons:e,scrollButtonsPosition:o,prevButton:s,nextButton:l,isOverflowing:this.isOverflowing,buttonScrollSpeed:a,dir:f,isScrollStartPosition:this.isScrollStartPosition,isScrollEndPosition:this.isScrollEndPosition,toolbarItems:this.defaultSlot,onContentscroll:this.onContentScroll},null)]),t==="section"&&c.createVNode(b.ToolbarOverflowSection,{opened:this.overFlowOpened,toolbarRef:this.$refs.toolbar,toolbarWidth:this.offsetWidth,fillMode:i,size:r,visibleTools:this.visibleToolsRef,overFlowTools:this.overFlowToolsRef,onToggleoverflow:this.onToggleoverflow,allTools:this.defaultSlot},null),t==="none"&&this.defaultSlot])},methods:{getCurrentButtons(){return this.$el&&this.$el.querySelectorAll?Array.from(this.$el.querySelectorAll(this.selectors.join(","))):[]},getInternalButtons(){return this.$el&&this.$el.querySelectorAll?Array.from(this.$el.querySelectorAll(h.internalButtons)):[]},focusedIndex(){const t=this.$el&&this.$el.querySelector&&this.$el.querySelector(this.focusedSelector);return Math.max(0,this.currentButtons.findIndex(e=>e===t))},setTabIndex(t){const{tabIndex:e}=this.$props;this.currentButtons.forEach((o,s)=>{o.tabIndex=s===t?e:-1}),this.getInternalButtons().forEach(o=>{o.tabIndex=-1})},onKeyDown(t){if(this.$props.keyboardNavigation===!1)return;const e=t.target;if(!(t.keyCode===n.Keys.left||t.keyCode===n.Keys.right)||t.defaultPrevented||this.currentButtons.findIndex(l=>l===e)===-1)return;const s=this.focusedIndex();t.keyCode===n.Keys.left?this.focusButton(s,s-1):this.focusButton(s,s+1)},focusButton(t,e){const{tabIndex:o}=this.$props,s=this.currentButtons[e];if(s){s.tabIndex=o,s.focus();const l=this.currentButtons[t];l&&(l.tabIndex=-1)}},initOverflow(t,e){let o=200;const s=[],l=[];Array.from(t.children).forEach((a,f)=>{o+=Math.ceil(a.clientWidth),o<=this.$refs.toolbar.offsetWidth-50?s.push(this.visibleToolsRef[f]):l.push(this.visibleToolsRef[f])}),this.visibleToolsRef=s,this.overFlowToolsRef=l},checkOverflow(){if(this.$props.overflow==="scroll"){const t=this.scrollContentRef;t&&(this.isOverflowing=t.scrollWidth>t.clientWidth||t.scrollHeight>t.clientHeight,this.isOverflowing?this.onContentScroll():(this.isScrollStartPosition=!0,this.isScrollEndPosition=!0))}else if(this.$props.overflow==="section"||this.$props.overflow===void 0){const t=this.$refs.toolbar;let e=0;if(t){const o=t.offsetWidth,s=parseInt(window.getComputedStyle(t).gap||"0",10),l=Array.from(t.children).reduce((i,r)=>(i+=Math.ceil(r.clientWidth),i),0),a=Array.from(t.children).length,f=s*2;if(e=36+Number(l)+a*s+f,e>o){const i=[...this.visibleToolsRef],r=i.pop();this.visibleToolsRef=i,r&&(this.overFlowToolsRef=[r,...this.overFlowToolsRef]),this.lastToolbarWidthRef=o}else if(o>this.lastToolbarWidthRef+s*a/2.75){const i=[...this.overFlowToolsRef],r=i.shift();r&&this.lastToolbarWidthRef+s*a>30&&(this.overFlowToolsRef=i,this.visibleToolsRef=[...this.visibleToolsRef,r]),this.lastToolbarWidthRef=o}else this.$forceUpdate()}}},onWindowResize(t){window.requestAnimationFrame(()=>{const e=this.$el;if(this.overFlowOpened=!1,!e)return;const o=e.offsetWidth,s=e.offsetHeight;if(this.offsetWidth!==o||this.offsetHeight!==s){this.offsetWidth=o,this.offsetHeight=s;const l={offsetWidth:this.offsetWidth,offsetHeight:this.offsetHeight};this.$emit("resize",{target:this,...l,nativeEvent:t})}this.checkOverflow()})},onContentScroll(t){const e=this.scrollContentRef;if(t&&e){let o,s;t==="next"?o=!1:e.scrollLeft<=this.$props.buttonScrollSpeed?o=!0:o=e.scrollLeft===0,t==="prev"?s=!1:e.scrollLeft+e.clientWidth+this.$props.buttonScrollSpeed>=e.scrollWidth?s=!0:s=e.scrollLeft+e.clientWidth===e.scrollWidth,this.isScrollStartPosition=!!o,this.isScrollEndPosition=!!s}else this.isScrollStartPosition=!0,this.isScrollEndPosition=!1},onToggleoverflow(t){this.overFlowOpened=t}}});exports.Toolbar=p;

toolbar/tools/ToolbarSeparator.js

@@ -8,2 +8,2 @@ /**
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=e.defineComponent({name:"KendoToolbarItem",render(){return e.createVNode("div",{class:"k-separator"},null)}});exports.ToolbarSeparator=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=e.defineComponent({name:"KendoToolbarItem",render(){return e.createVNode("div",{class:"k-toolbar-separator k-separator"},null)}});exports.ToolbarSeparator=r;

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 3 instances in 1 package

Fixed alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

384596

increased by11.11%

Number of package files

61

increased by15.09%

Lines of code

6244

increased by11.1%

Worsened metrics

Number of low quality alerts

16

increased by14.29%

No dependency changes