@progress/kendo-vue-scheduler 8.4.0-develop.3 → 8.4.0-develop.4

package/items/SchedulerItem.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("../utils/main.js"),i=require("@progress/kendo-vue-common"),a=require("@progress/kendo-vue-intl"),n=require("../messages/main.js"),d=require("../components/SchedulerOccurrenceDialog.js"),c=require("../components/SchedulerRemoveDialog.js"),u=require("../components/SchedulerForm.js"),l=require("@progress/kendo-svg-icons"),p=require("../hooks/useEditable.js"),m=t.defineComponent({name:"KendoSchedulerItem",inheritAttrs:!1,emits:{focus:null,blur:null,mousedown:null,mouseup:null,mouseover:null,mouseout:null,mouseenter:null,mouseleave:null,click:null,doubleclick:null,removeclick:null,keydown:null,keypress:null,keyup:null,press:null,drag:null,release:null,resizepress:null,resizestartdrag:null,resizeenddrag:null,resizerelease:null,cancel:null,close:null,formsubmit:null},props:{uid:[String,Number],start:Date,end:Date,originalStart:Date,startTimezone:String,endTimezone:String,isAllDay:Boolean,title:String,description:String,occurrenceId:String,recurrenceExceptions:Array,recurrenceRule:String,recurrenceId:[String,Number],dataItem:Object,head:Boolean,tail:Boolean,order:Number,zonedStart:Object,zonedEnd:Object,slots:Array,group:Object,range:Object,isException:Boolean,isRecurring:Boolean,id:String,tabIndex:Number,className:String,itemStyle:Object,editable:[Object,Boolean],selected:Boolean,vertical:Boolean,dragHint:Boolean,resizeHint:Boolean,format:String,maxSiblingsPerSlot:Number,itemTitle:String,formItem:Object,dragItem:Object,resizeItem:Object,removeItem:Object,ignoreIsAllDay:Boolean,item:[String,Function,Object],showOccurrenceDialog:{type:Boolean,default:void 0},showRemoveDialog:{type:Boolean,default:void 0}},inject:{ks:{default:null},bv:{default:null},kendoLocalizationService:{default:null},kendoIntlService:{default:null},setItems:{default:null},itemClick:{default:null},itemDoubleClick:{default:null},ksCancel:{default:null},ksFormSubmit:{default:null},ksOccurrenceClick:{default:null},ksSeriesClick:{default:null},ksRemoveConfirm:{default:null}},computed:{currentEditable(){return p.useEditable(this.$props.editable)},resource(){const e=this.$props.group.resources.find(s=>!!(s.colorField&&s[s.colorField]!==""&&s[s.colorField]!==void 0)),r=o.toSchedulerGroups(void 0,this.ks.props.resources)[0].resources.find(s=>!!(s.colorField&&s[s.colorField]!==""&&s[s.colorField]!==void 0&&this.dataItem[s.field]===s.value));return e||r},color(){return this.resource&&this.resource.colorField&&this.resource[this.resource.colorField]},currentTabIndex(){return this.$props.tabIndex!==void 0?this.$props.tabIndex===null?void 0:this.$props.tabIndex:this.$props.selected?0:-1},itemClassName(){return{"k-event":!this.$props.resizeHint,"k-selected":this.$props.selected&&this.currentEditable.select,"k-event-drag-hint":this.$props.dragHint,"k-scheduler-marquee":this.$props.resizeHint,"k-marquee":this.$props.resizeHint,"k-first":this.$props.resizeHint&&!this.$props.tail,"k-last":this.$props.resizeHint&&!this.$props.head,[this.$props.className]:this.$props.className}},eventLabel(){return`${o.formatEventTime(this.intl,this.$props.zonedStart,this.$props.zonedEnd,this.$props.isAllDay)}, ${this.$props.title}`},computedStyle(){return{cursor:"pointer",userSelect:"none",borderColor:this.$props.resizeHint?void 0:this.color,backgroundColor:this.$props.resizeHint?void 0:this.color,touchAction:"none",...this.$props.itemStyle}}},created(){this.setItems({type:o.COLLECTION_ACTION.add,item:this})},mounted(){this.element||(this.element=this.$refs.draggable&&this.$refs.draggable.element)},unmounted(){this.setItems({type:o.COLLECTION_ACTION.remove,item:this})},render(){const e=i.getDefaultSlots(this);this.intl=a.provideIntlService(this);const s=a.provideLocalizationService(this).toLanguageString(n.deleteTitle,n.messages[n.deleteTitle]),h=i.getTemplate.call(this,{h:t.h,template:this.bv.viewProps.resizeHint,additionalProps:{dataItem:this.dataItem,color:this.color,itemClassName:this.itemClassName}});return t.createVNode(i.Draggable,{onPress:this.handlePress,onDrag:this.handleDrag,onRelease:this.handleRelease,ref:"draggable"},{default:()=>[t.createVNode("div",{id:this.$props.id,style:this.computedStyle,tabindex:this.currentTabIndex,class:this.itemClassName,role:"button","aria-label":this.eventLabel,onFocusin:this.handleFocus,onBlur:this.handleBlur,onMouseup:this.handleMouseUp,onMousedown:this.handleMouseDown,onClick:this.handleClick,onMouseover:this.handleMouseOver,onMouseout:this.handleMouseOut,onMouseenter:this.handleMouseEnter,onMouseleave:this.handleMouseLeave,onDblclick:this.handleDoubleClick,onKeydown:this.handleKeyDown,onKeypress:this.handleKeyPress,onKeyup:this.handleKeyUp,"data-group-index":this.$props.group.index,"data-range-index":this.$props.range.index},[!this.$props.resizeHint&&t.createVNode("span",{class:"k-event-actions"},[this.$props.tail&&t.createVNode(i.Icon,{name:this.ks.isRtl?"caret-alt-right":"caret-alt-left",icon:this.ks.isRtl?l.caretAltRightIcon:l.caretAltLeftIcon,size:"medium"},null),this.$props.isRecurring&&!this.$props.isException&&t.createVNode(i.Icon,{name:"arrow-rotate-cw",icon:l.arrowRotateCwIcon,size:"medium"},null),!this.$props.isRecurring&&this.$props.isException&&t.createVNode(i.Icon,{name:"arrows-no-repeat",icon:l.arrowsNoRepeatIcon,size:"medium"},null)]),this.formItem&&!this.showOccurrenceDialog&&this.currentEditable.edit&&t.createVNode(u.SchedulerForm,{dataItem:this.formItem,onSubmit:this.handleFormSubmit,onClose:this.handleFormClose,onCancel:this.handleFormCancel},null),this.showOccurrenceDialog&&this.currentEditable.edit&&t.createVNode(d.SchedulerOccurrenceDialog,{dataItem:this.formItem||this.dragItem||this.resizeItem||this.removeItem,isRemove:!!this.removeItem,onClose:this.ksCancel,onOccurrenceclose:this.ksOccurrenceClick,onSeriesclose:this.ksSeriesClick},null),this.showRemoveDialog&&this.removeItem&&this.currentEditable.remove&&t.createVNode(c.SchedulerRemoveDialog,{dataItem:this.removeItem,onClose:this.ksCancel,onCancel:this.ksCancel,onConfirm:this.ksRemoveConfirm},null),e,!this.$props.resizeHint&&t.createVNode("span",{class:"k-event-actions"},[this.currentEditable.remove&&t.createVNode("a",{tabindex:-1,"aria-hidden":"true",class:"k-link k-event-delete",title:s,"aria-label":s,onClick:this.handleRemoveClick},[t.createVNode(i.Icon,{name:"x",icon:l.xIcon,size:"medium"},null)]),this.$props.head&&t.createVNode(i.Icon,{name:this.ks.isRtl?"caret-alt-left":"caret-alt-right",icon:this.ks.isRtl?l.caretAltLeftIcon:l.caretAltRightIcon,size:"medium"},null)]),this.currentEditable.resize&&this.$props.vertical&&[t.createVNode(i.Draggable,{onPress:this.handleResizePress,onDrag:this.handleResizeStartDrag,onRelease:this.handleResizeRelease},{default:()=>[t.createVNode("span",{class:"k-resize-handle k-resize-n"},null)]}),t.createVNode(i.Draggable,{onPress:this.handleResizePress,onDrag:this.handleResizeEndDrag,onRelease:this.handleResizeRelease},{default:()=>[t.createVNode("span",{class:"k-resize-handle k-resize-s"},null)]})],this.currentEditable.resize&&!this.$props.vertical&&[t.createVNode(i.Draggable,{onPress:this.handleResizePress,onDrag:this.handleResizeStartDrag,onRelease:this.handleResizeRelease},{default:()=>[t.createVNode("span",{class:"k-resize-handle k-resize-w"},null)]}),t.createVNode(i.Draggable,{onPress:this.handleResizePress,onDrag:this.handleResizeEndDrag,onRelease:this.handleResizeRelease},{default:()=>[t.createVNode("span",{class:"k-resize-handle k-resize-e"},null)]})],this.$props.resizeHint?this.bv.viewProps.resizeHint?h:[t.createVNode("div",{class:"k-marquee-color",style:{borderColor:this.color,backgroundColor:this.color}},null),t.createVNode("div",{class:"k-marquee-text"},[!this.$props.tail&&t.createVNode("div",{class:"k-label-top"},[this.intl.formatDate(this.$props.zonedStart,this.$props.format)]),!this.$props.head&&t.createVNode("div",{class:"k-label-bottom"},[this.intl.formatDate(this.$props.zonedEnd,this.$props.format)])])]:null])]})},methods:{getElement(){return this.$el.nodeType===8?this.$el.parentElement:this.$el.nodeType===3?this.$el.nextElementSibling:this.$el},handleFocus(e){this.$emit("focus",{event:e,target:{props:{...this.$props},element:this.element}})},handleBlur(e){this.$emit("blur",{event:e,target:{props:{...this.$props},element:this.element}})},handleMouseDown(e){this.$emit("mousedown",{event:e,target:{props:{...this.$props},element:this.element}})},handleClick(e){const r={event:e,target:{props:{...this.$props},element:this.element}};this.$emit("click",r),this.itemClick(r)},handleMouseUp(e){this.$emit("mouseup",{event:e,target:{props:{...this.$props},element:this.element}})},handleMouseOver(e){this.$emit("mouseover",{event:e,target:{props:{...this.$props},element:this.element}})},handleMouseOut(e){this.$emit("mouseout",{event:e,target:{props:{...this.$props},element:this.element}})},handleMouseEnter(e){this.$emit("mouseenter",{event:e,target:{props:{...this.$props},element:this.element}})},handleMouseLeave(e){this.$emit("mouseleave",{event:e,target:{props:{...this.$props},element:this.element}})},handleDoubleClick(e){const r={event:e,target:{props:{...this.$props},element:this.element}};this.$emit("doubleclick",r),this.itemDoubleClick(r)},handleRemoveClick(e){this.$emit("removeclick",{event:e,target:{props:{...this.$props},element:this.element}})},handleKeyDown(e){this.$emit("keydown",{event:e,target:{props:{...this.$props},element:this.element}})},handleKeyPress(e){this.$emit("keypress",{event:e,target:{props:{...this.$props},element:this.element}})},handleKeyUp(e){this.$emit("keyup",{event:e,target:{props:{...this.$props},element:this.element}})},handlePress(e){this.currentEditable.drag&&this.$emit("press",{dragEvent:e,target:{props:{...this.$props},element:this.element}})},handleDrag(e){this.currentEditable.drag&&this.$emit("drag",{dragEvent:e,target:{props:{...this.$props},element:this.element}})},handleRelease(e){this.currentEditable.drag&&this.$emit("release",{dragEvent:e,target:{props:{...this.$props},element:this.element}})},handleResizePress(e){this.$emit("resizepress",{dragEvent:e,target:{props:{...this.$props},element:this.element}})},handleResizeStartDrag(e){this.$emit("resizestartdrag",{dragEvent:e,target:{props:{...this.$props},element:this.element}})},handleResizeEndDrag(e){this.$emit("resizeenddrag",{dragEvent:e,target:{props:{...this.$props},element:this.element}})},handleResizeRelease(e){this.$emit("resizerelease",{dragEvent:e,target:{props:{...this.$props},element:this.element}})},handleFormClose(e){this.ksCancel(e),this.$emit("close",e)},handleFormSubmit(e){this.ksFormSubmit(e),this.$emit("formsubmit",e)},handleFormCancel(e){this.ksCancel(e),this.$emit("cancel",e)}}});exports.SchedulerItem=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),l=require("../utils/main.js"),s=require("@progress/kendo-vue-common"),a=require("@progress/kendo-vue-intl"),n=require("../messages/main.js"),d=require("../components/SchedulerOccurrenceDialog.js"),c=require("../components/SchedulerRemoveDialog.js"),u=require("../components/SchedulerForm.js"),i=require("@progress/kendo-svg-icons"),p=require("../hooks/useEditable.js"),m=t.defineComponent({name:"KendoSchedulerItem",inheritAttrs:!1,emits:{focus:null,blur:null,mousedown:null,mouseup:null,mouseover:null,mouseout:null,mouseenter:null,mouseleave:null,click:null,doubleclick:null,removeclick:null,keydown:null,keypress:null,keyup:null,press:null,drag:null,release:null,resizepress:null,resizestartdrag:null,resizeenddrag:null,resizerelease:null,cancel:null,close:null,formsubmit:null},props:{uid:[String,Number],start:Date,end:Date,originalStart:Date,startTimezone:String,endTimezone:String,isAllDay:Boolean,title:String,description:String,occurrenceId:String,recurrenceExceptions:Array,recurrenceRule:String,recurrenceId:[String,Number],dataItem:Object,head:Boolean,tail:Boolean,order:Number,zonedStart:Object,zonedEnd:Object,slots:Array,group:Object,range:Object,isException:Boolean,isRecurring:Boolean,id:String,tabIndex:Number,className:String,itemStyle:Object,editable:[Object,Boolean],selected:Boolean,vertical:Boolean,dragHint:Boolean,resizeHint:Boolean,format:String,maxSiblingsPerSlot:Number,itemTitle:String,formItem:Object,dragItem:Object,resizeItem:Object,removeItem:Object,ignoreIsAllDay:Boolean,item:[String,Function,Object],showOccurrenceDialog:{type:Boolean,default:void 0},showRemoveDialog:{type:Boolean,default:void 0}},inject:{ks:{default:null},bv:{default:null},kendoLocalizationService:{default:null},kendoIntlService:{default:null},setItems:{default:null},itemClick:{default:null},itemDoubleClick:{default:null},ksCancel:{default:null},ksFormSubmit:{default:null},ksOccurrenceClick:{default:null},ksSeriesClick:{default:null},ksRemoveConfirm:{default:null}},computed:{currentEditable(){return p.useEditable(this.$props.editable)},resource(){return this.$props.group.resources.find(e=>!!(e.colorField&&e[e.colorField]!==""&&e[e.colorField]!==void 0))},color(){return this.resource&&this.resource.colorField&&this.resource[this.resource.colorField]},currentTabIndex(){return this.$props.tabIndex!==void 0?this.$props.tabIndex===null?void 0:this.$props.tabIndex:this.$props.selected?0:-1},itemClassName(){return{"k-event":!this.$props.resizeHint,"k-selected":this.$props.selected&&this.currentEditable.select,"k-event-drag-hint":this.$props.dragHint,"k-scheduler-marquee":this.$props.resizeHint,"k-marquee":this.$props.resizeHint,"k-first":this.$props.resizeHint&&!this.$props.tail,"k-last":this.$props.resizeHint&&!this.$props.head,[this.$props.className]:this.$props.className}},eventLabel(){return`${l.formatEventTime(this.intl,this.$props.zonedStart,this.$props.zonedEnd,this.$props.isAllDay)}, ${this.$props.title}`},computedStyle(){return{cursor:"pointer",userSelect:"none",borderColor:this.$props.resizeHint?void 0:this.color,backgroundColor:this.$props.resizeHint?void 0:this.color,touchAction:"none",...this.$props.itemStyle}}},created(){this.setItems({type:l.COLLECTION_ACTION.add,item:this})},mounted(){this.element||(this.element=this.$refs.draggable&&this.$refs.draggable.element)},unmounted(){this.setItems({type:l.COLLECTION_ACTION.remove,item:this})},render(){const e=s.getDefaultSlots(this);this.intl=a.provideIntlService(this);const o=a.provideLocalizationService(this).toLanguageString(n.deleteTitle,n.messages[n.deleteTitle]),h=s.getTemplate.call(this,{h:t.h,template:this.bv.viewProps.resizeHint,additionalProps:{dataItem:this.dataItem,color:this.color,itemClassName:this.itemClassName}});return t.createVNode(s.Draggable,{onPress:this.handlePress,onDrag:this.handleDrag,onRelease:this.handleRelease,ref:"draggable"},{default:()=>[t.createVNode("div",{id:this.$props.id,style:this.computedStyle,tabindex:this.currentTabIndex,class:this.itemClassName,role:"button","aria-label":this.eventLabel,onFocusin:this.handleFocus,onBlur:this.handleBlur,onMouseup:this.handleMouseUp,onMousedown:this.handleMouseDown,onClick:this.handleClick,onMouseover:this.handleMouseOver,onMouseout:this.handleMouseOut,onMouseenter:this.handleMouseEnter,onMouseleave:this.handleMouseLeave,onDblclick:this.handleDoubleClick,onKeydown:this.handleKeyDown,onKeypress:this.handleKeyPress,onKeyup:this.handleKeyUp,"data-group-index":this.$props.group.index,"data-range-index":this.$props.range.index},[!this.$props.resizeHint&&t.createVNode("span",{class:"k-event-actions"},[this.$props.tail&&t.createVNode(s.Icon,{name:this.ks.isRtl?"chevron-right":"chevron-left",icon:this.ks.isRtl?i.chevronRightIcon:i.chevronLeftIcon,size:"medium"},null),this.$props.isRecurring&&!this.$props.isException&&t.createVNode(s.Icon,{name:"arrow-rotate-cw",icon:i.arrowRotateCwIcon,size:"medium"},null),!this.$props.isRecurring&&this.$props.isException&&t.createVNode(s.Icon,{name:"arrows-no-repeat",icon:i.arrowsNoRepeatIcon,size:"medium"},null)]),this.formItem&&!this.showOccurrenceDialog&&this.currentEditable.edit&&t.createVNode(u.SchedulerForm,{dataItem:this.formItem,onSubmit:this.handleFormSubmit,onClose:this.handleFormClose,onCancel:this.handleFormCancel},null),this.showOccurrenceDialog&&this.currentEditable.edit&&t.createVNode(d.SchedulerOccurrenceDialog,{dataItem:this.formItem||this.dragItem||this.resizeItem||this.removeItem,isRemove:!!this.removeItem,onClose:this.ksCancel,onOccurrenceclose:this.ksOccurrenceClick,onSeriesclose:this.ksSeriesClick},null),this.showRemoveDialog&&this.removeItem&&this.currentEditable.remove&&t.createVNode(c.SchedulerRemoveDialog,{dataItem:this.removeItem,onClose:this.ksCancel,onCancel:this.ksCancel,onConfirm:this.ksRemoveConfirm},null),e,!this.$props.resizeHint&&t.createVNode("span",{class:"k-event-actions"},[this.currentEditable.remove&&t.createVNode("a",{tabindex:-1,"aria-hidden":"true",class:"k-link k-event-delete",title:o,"aria-label":o,onClick:this.handleRemoveClick},[t.createVNode(s.Icon,{name:"x",icon:i.xIcon,size:"medium"},null)]),this.$props.head&&t.createVNode(s.Icon,{name:this.ks.isRtl?"chevron-left":"chevron-right",icon:this.ks.isRtl?i.chevronLeftIcon:i.chevronRightIcon,size:"medium"},null)]),this.currentEditable.resize&&this.$props.vertical&&[t.createVNode(s.Draggable,{onPress:this.handleResizePress,onDrag:this.handleResizeStartDrag,onRelease:this.handleResizeRelease},{default:()=>[t.createVNode("span",{class:"k-resize-handle k-resize-n"},null)]}),t.createVNode(s.Draggable,{onPress:this.handleResizePress,onDrag:this.handleResizeEndDrag,onRelease:this.handleResizeRelease},{default:()=>[t.createVNode("span",{class:"k-resize-handle k-resize-s"},null)]})],this.currentEditable.resize&&!this.$props.vertical&&[t.createVNode(s.Draggable,{onPress:this.handleResizePress,onDrag:this.handleResizeStartDrag,onRelease:this.handleResizeRelease},{default:()=>[t.createVNode("span",{class:"k-resize-handle k-resize-w"},null)]}),t.createVNode(s.Draggable,{onPress:this.handleResizePress,onDrag:this.handleResizeEndDrag,onRelease:this.handleResizeRelease},{default:()=>[t.createVNode("span",{class:"k-resize-handle k-resize-e"},null)]})],this.$props.resizeHint?this.bv.viewProps.resizeHint?h:[t.createVNode("div",{class:"k-marquee-color",style:{borderColor:this.color,backgroundColor:this.color}},null),t.createVNode("div",{class:"k-marquee-text"},[!this.$props.tail&&t.createVNode("div",{class:"k-label-top"},[this.intl.formatDate(this.$props.zonedStart,this.$props.format)]),!this.$props.head&&t.createVNode("div",{class:"k-label-bottom"},[this.intl.formatDate(this.$props.zonedEnd,this.$props.format)])])]:null])]})},methods:{getElement(){return this.$el.nodeType===8?this.$el.parentElement:this.$el.nodeType===3?this.$el.nextElementSibling:this.$el},handleFocus(e){this.$emit("focus",{event:e,target:{props:{...this.$props},element:this.element}})},handleBlur(e){this.$emit("blur",{event:e,target:{props:{...this.$props},element:this.element}})},handleMouseDown(e){this.$emit("mousedown",{event:e,target:{props:{...this.$props},element:this.element}})},handleClick(e){const r={event:e,target:{props:{...this.$props},element:this.element}};this.$emit("click",r),this.itemClick(r)},handleMouseUp(e){this.$emit("mouseup",{event:e,target:{props:{...this.$props},element:this.element}})},handleMouseOver(e){this.$emit("mouseover",{event:e,target:{props:{...this.$props},element:this.element}})},handleMouseOut(e){this.$emit("mouseout",{event:e,target:{props:{...this.$props},element:this.element}})},handleMouseEnter(e){this.$emit("mouseenter",{event:e,target:{props:{...this.$props},element:this.element}})},handleMouseLeave(e){this.$emit("mouseleave",{event:e,target:{props:{...this.$props},element:this.element}})},handleDoubleClick(e){const r={event:e,target:{props:{...this.$props},element:this.element}};this.$emit("doubleclick",r),this.itemDoubleClick(r)},handleRemoveClick(e){this.$emit("removeclick",{event:e,target:{props:{...this.$props},element:this.element}})},handleKeyDown(e){this.$emit("keydown",{event:e,target:{props:{...this.$props},element:this.element}})},handleKeyPress(e){this.$emit("keypress",{event:e,target:{props:{...this.$props},element:this.element}})},handleKeyUp(e){this.$emit("keyup",{event:e,target:{props:{...this.$props},element:this.element}})},handlePress(e){this.currentEditable.drag&&this.$emit("press",{dragEvent:e,target:{props:{...this.$props},element:this.element}})},handleDrag(e){this.currentEditable.drag&&this.$emit("drag",{dragEvent:e,target:{props:{...this.$props},element:this.element}})},handleRelease(e){this.currentEditable.drag&&this.$emit("release",{dragEvent:e,target:{props:{...this.$props},element:this.element}})},handleResizePress(e){this.$emit("resizepress",{dragEvent:e,target:{props:{...this.$props},element:this.element}})},handleResizeStartDrag(e){this.$emit("resizestartdrag",{dragEvent:e,target:{props:{...this.$props},element:this.element}})},handleResizeEndDrag(e){this.$emit("resizeenddrag",{dragEvent:e,target:{props:{...this.$props},element:this.element}})},handleResizeRelease(e){this.$emit("resizerelease",{dragEvent:e,target:{props:{...this.$props},element:this.element}})},handleFormClose(e){this.ksCancel(e),this.$emit("close",e)},handleFormSubmit(e){this.ksFormSubmit(e),this.$emit("formsubmit",e)},handleFormCancel(e){this.ksCancel(e),this.$emit("cancel",e)}}});exports.SchedulerItem=m;

package/items/SchedulerItem.mjs

@@ -5,17 +5,17 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as p, h as m, createVNode as t } from "vue";
-import { COLLECTION_ACTION as n, formatEventTime as u, toSchedulerGroups as c } from "../utils/main.mjs";
-import { getDefaultSlots as g, getTemplate as $, Draggable as r, Icon as l } from "@progress/kendo-vue-common";
-import { provideIntlService as k, provideLocalizationService as b } from "@progress/kendo-vue-intl";
-import { deleteTitle as o, messages as f } from "../messages/main.mjs";
-import { SchedulerOccurrenceDialog as z } from "../components/SchedulerOccurrenceDialog.mjs";
-import { SchedulerRemoveDialog as v } from "../components/SchedulerRemoveDialog.mjs";
-import { SchedulerForm as C } from "../components/SchedulerForm.mjs";
-import { caretAltRightIcon as a, caretAltLeftIcon as h, arrowRotateCwIcon as S, arrowsNoRepeatIcon as R, xIcon as I } from "@progress/kendo-svg-icons";
-import { useEditable as D } from "../hooks/useEditable.mjs";
-const N = /* @__PURE__ */ p({
+import { defineComponent as m, h as p, createVNode as t } from "vue";
+import { COLLECTION_ACTION as n, formatEventTime as u } from "../utils/main.mjs";
+import { getDefaultSlots as c, getTemplate as g, Draggable as i, Icon as r } from "@progress/kendo-vue-common";
+import { provideIntlService as $, provideLocalizationService as b } from "@progress/kendo-vue-intl";
+import { deleteTitle as o, messages as k } from "../messages/main.mjs";
+import { SchedulerOccurrenceDialog as f } from "../components/SchedulerOccurrenceDialog.mjs";
+import { SchedulerRemoveDialog as z } from "../components/SchedulerRemoveDialog.mjs";
+import { SchedulerForm as v } from "../components/SchedulerForm.mjs";
+import { chevronRightIcon as a, chevronLeftIcon as h, arrowRotateCwIcon as S, arrowsNoRepeatIcon as C, xIcon as R } from "@progress/kendo-svg-icons";
+import { useEditable as I } from "../hooks/useEditable.mjs";
+const H = /* @__PURE__ */ m({
   name: "KendoSchedulerItem",
   inheritAttrs: !1,
   emits: {
@@ -136,11 +136,10 @@ const N = /* @__PURE__ */ p({
   },
   computed: {
     currentEditable() {
-      return D(this.$props.editable);
+      return I(this.$props.editable);
     },
     resource() {
-      const e = this.$props.group.resources.find((s) => !!(s.colorField && s[s.colorField] !== "" && s[s.colorField] !== void 0)), i = c(void 0, this.ks.props.resources)[0].resources.find((s) => !!(s.colorField && s[s.colorField] !== "" && s[s.colorField] !== void 0 && this.dataItem[s.field] === s.value));
-      return e || i;
+      return this.$props.group.resources.find((e) => !!(e.colorField && e[e.colorField] !== "" && e[e.colorField] !== void 0));
     },
     color() {
       return this.resource && this.resource.colorField && this.resource[this.resource.colorField];
@@ -190,10 +189,10 @@ const N = /* @__PURE__ */ p({
     });
   },
   render() {
-    const e = g(this);
-    this.intl = k(this);
-    const s = b(this).toLanguageString(o, f[o]), d = $.call(this, {
-      h: m,
+    const e = c(this);
+    this.intl = $(this);
+    const l = b(this).toLanguageString(o, k[o]), d = g.call(this, {
+      h: p,
       template: this.bv.viewProps.resizeHint,
       additionalProps: {
         dataItem: this.dataItem,
@@ -201,7 +200,7 @@ const N = /* @__PURE__ */ p({
         itemClassName: this.itemClassName
       }
     });
-    return t(r, {
+    return t(i, {
       onPress: this.handlePress,
       onDrag: this.handleDrag,
       onRelease: this.handleRelease,
@@ -231,30 +230,30 @@ const N = /* @__PURE__ */ p({
         "data-range-index": this.$props.range.index
       }, [!this.$props.resizeHint && t("span", {
         class: "k-event-actions"
-      }, [this.$props.tail && t(l, {
-        name: this.ks.isRtl ? "caret-alt-right" : "caret-alt-left",
+      }, [this.$props.tail && t(r, {
+        name: this.ks.isRtl ? "chevron-right" : "chevron-left",
         icon: this.ks.isRtl ? a : h,
         size: "medium"
-      }, null), this.$props.isRecurring && !this.$props.isException && t(l, {
+      }, null), this.$props.isRecurring && !this.$props.isException && t(r, {
         name: "arrow-rotate-cw",
         icon: S,
         size: "medium"
-      }, null), !this.$props.isRecurring && this.$props.isException && t(l, {
+      }, null), !this.$props.isRecurring && this.$props.isException && t(r, {
         name: "arrows-no-repeat",
-        icon: R,
+        icon: C,
         size: "medium"
-      }, null)]), this.formItem && !this.showOccurrenceDialog && this.currentEditable.edit && t(C, {
+      }, null)]), this.formItem && !this.showOccurrenceDialog && this.currentEditable.edit && t(v, {
         dataItem: this.formItem,
         onSubmit: this.handleFormSubmit,
         onClose: this.handleFormClose,
         onCancel: this.handleFormCancel
-      }, null), this.showOccurrenceDialog && this.currentEditable.edit && t(z, {
+      }, null), this.showOccurrenceDialog && this.currentEditable.edit && t(f, {
         dataItem: this.formItem || this.dragItem || this.resizeItem || this.removeItem,
         isRemove: !!this.removeItem,
         onClose: this.ksCancel,
         onOccurrenceclose: this.ksOccurrenceClick,
         onSeriesclose: this.ksSeriesClick
-      }, null), this.showRemoveDialog && this.removeItem && this.currentEditable.remove && t(v, {
+      }, null), this.showRemoveDialog && this.removeItem && this.currentEditable.remove && t(z, {
         dataItem: this.removeItem,
         onClose: this.ksCancel,
         onCancel: this.ksCancel,
@@ -265,18 +264,18 @@ const N = /* @__PURE__ */ p({
         tabindex: -1,
         "aria-hidden": "true",
         class: "k-link k-event-delete",
-        title: s,
-        "aria-label": s,
+        title: l,
+        "aria-label": l,
         onClick: this.handleRemoveClick
-      }, [t(l, {
+      }, [t(r, {
         name: "x",
-        icon: I,
+        icon: R,
         size: "medium"
-      }, null)]), this.$props.head && t(l, {
-        name: this.ks.isRtl ? "caret-alt-left" : "caret-alt-right",
+      }, null)]), this.$props.head && t(r, {
+        name: this.ks.isRtl ? "chevron-left" : "chevron-right",
         icon: this.ks.isRtl ? h : a,
         size: "medium"
-      }, null)]), this.currentEditable.resize && this.$props.vertical && [t(r, {
+      }, null)]), this.currentEditable.resize && this.$props.vertical && [t(i, {
         onPress: this.handleResizePress,
         onDrag: this.handleResizeStartDrag,
         onRelease: this.handleResizeRelease
@@ -284,7 +283,7 @@ const N = /* @__PURE__ */ p({
         default: () => [t("span", {
           class: "k-resize-handle k-resize-n"
         }, null)]
-      }), t(r, {
+      }), t(i, {
         onPress: this.handleResizePress,
         onDrag: this.handleResizeEndDrag,
         onRelease: this.handleResizeRelease
@@ -292,7 +291,7 @@ const N = /* @__PURE__ */ p({
         default: () => [t("span", {
           class: "k-resize-handle k-resize-s"
         }, null)]
-      })], this.currentEditable.resize && !this.$props.vertical && [t(r, {
+      })], this.currentEditable.resize && !this.$props.vertical && [t(i, {
         onPress: this.handleResizePress,
         onDrag: this.handleResizeStartDrag,
         onRelease: this.handleResizeRelease
@@ -300,7 +299,7 @@ const N = /* @__PURE__ */ p({
         default: () => [t("span", {
           class: "k-resize-handle k-resize-w"
         }, null)]
-      }), t(r, {
+      }), t(i, {
         onPress: this.handleResizePress,
         onDrag: this.handleResizeEndDrag,
         onRelease: this.handleResizeRelease
@@ -363,7 +362,7 @@ const N = /* @__PURE__ */ p({
       });
     },
     handleClick(e) {
-      const i = {
+      const s = {
         event: e,
         target: {
           props: {
@@ -372,7 +371,7 @@ const N = /* @__PURE__ */ p({
           element: this.element
         }
       };
-      this.$emit("click", i), this.itemClick(i);
+      this.$emit("click", s), this.itemClick(s);
     },
     handleMouseUp(e) {
       this.$emit("mouseup", {
@@ -430,7 +429,7 @@ const N = /* @__PURE__ */ p({
       });
     },
     handleDoubleClick(e) {
-      const i = {
+      const s = {
         event: e,
         target: {
           props: {
@@ -439,7 +438,7 @@ const N = /* @__PURE__ */ p({
           element: this.element
         }
       };
-      this.$emit("doubleclick", i), this.itemDoubleClick(i);
+      this.$emit("doubleclick", s), this.itemDoubleClick(s);
     },
     handleRemoveClick(e) {
       this.$emit("removeclick", {
@@ -576,5 +575,5 @@ const N = /* @__PURE__ */ p({
   }
 });
 export {
-  N as SchedulerItem
+  H as SchedulerItem
 };

package/package-metadata.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-scheduler",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1779097768,version:"8.4.0-develop.3",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=vue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"};exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-scheduler",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1779123414,version:"8.4.0-develop.4",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=vue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -10,8 +10,8 @@ const e = {
   productName: "Kendo UI for Vue",
   productCode: "KENDOUIVUE",
   productCodes: ["KENDOUIVUE"],
-  publishDate: 1779097768,
-  version: "8.4.0-develop.3",
+  publishDate: 1779123414,
+  version: "8.4.0-develop.4",
   licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=vue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-scheduler",
-  "version": "8.4.0-develop.3",
+  "version": "8.4.0-develop.4",
   "description": "TODO",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -27,16 +27,16 @@
     "@progress/kendo-date-math": "^1.5.13",
     "@progress/kendo-drawing": "^1.20.1",
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-vue-common": "8.4.0-develop.3",
-    "@progress/kendo-vue-buttons": "8.4.0-develop.3",
-    "@progress/kendo-vue-dateinputs": "8.4.0-develop.3",
-    "@progress/kendo-vue-dialogs": "8.4.0-develop.3",
-    "@progress/kendo-vue-dropdowns": "8.4.0-develop.3",
-    "@progress/kendo-vue-form": "8.4.0-develop.3",
-    "@progress/kendo-vue-inputs": "8.4.0-develop.3",
-    "@progress/kendo-vue-intl": "8.4.0-develop.3",
-    "@progress/kendo-vue-popup": "8.4.0-develop.3",
-    "@progress/kendo-svg-icons": "^4.4.0",
+    "@progress/kendo-vue-common": "8.4.0-develop.4",
+    "@progress/kendo-vue-buttons": "8.4.0-develop.4",
+    "@progress/kendo-vue-dateinputs": "8.4.0-develop.4",
+    "@progress/kendo-vue-dialogs": "8.4.0-develop.4",
+    "@progress/kendo-vue-dropdowns": "8.4.0-develop.4",
+    "@progress/kendo-vue-form": "8.4.0-develop.4",
+    "@progress/kendo-vue-inputs": "8.4.0-develop.4",
+    "@progress/kendo-vue-intl": "8.4.0-develop.4",
+    "@progress/kendo-vue-popup": "8.4.0-develop.4",
+    "@progress/kendo-svg-icons": "^4.9.0 || ^5.0.0",
     "vue": "^3.0.2"
   },
   "dependencies": {
@@ -60,7 +60,7 @@
     "package": {
       "productName": "Kendo UI for Vue",
       "productCode": "KENDOUIVUE",
-      "publishDate": 1779097768,
+      "publishDate": 1779123414,
       "licensingDocsUrl": "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=vue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
     }
   },
@@ -70,5 +70,10 @@
   "repository": {
     "type": "git",
     "url": "git+https://github.com/telerik/kendo-vue.git"
+  },
+  "peerDependenciesMeta": {
+    "@progress/kendo-svg-icons": {
+      "optional": true
+    }
   }
 }

package/views/agenda/AgendaView.d.ts

@@ -163,11 +163,11 @@ declare const AgendaView: import('vue').DefineComponent<import('vue').ExtractPro
     name: string;
     step: number;
     editable: boolean | EditableProp;
+    slotDuration: number;
     numberOfDays: number;
     selectedDateFormat: string;
     selectedShortDateFormat: string;
     dateRange: DateRange | ((args: SchedulerViewDateRangeArgs) => DateRange);
     slotDivisions: number;
-    slotDuration: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export { AgendaView };

package/views/agenda/AgendaViewBody.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),g=require("../../slots/SchedulerEditSlot.js"),d=require("@progress/kendo-vue-intl"),k=require("../../tasks/SchedulerEditTask.js"),o=require("../../messages/main.js"),u=require("@progress/kendo-vue-common"),i=require("@progress/kendo-svg-icons"),S=t.defineComponent({name:"KendoAgendaViewBody",emits:["dataaction"],props:{items:Array,rangeIndex:Number,itemsPerSlot:Number,agendaSlots:Array,task:[String,Function,Object],editable:[Object,Boolean],onDataaction:Function},inject:{ri:{default:null},ks:{default:null},kendoIntlService:{default:null},kendoLocalizationService:{default:null},setSlots:{default:null}},provide(){return{ksSlots:this.ksSlots}},data(){return{hasMounted:!1,ksSlots:{cSlots:this.agendaSlots.filter(r=>r.group.index===(this.ri.groupIndex||0))}}},watch:{currentCellSlots(r){this.ksSlots.cSlots=r}},computed:{currentCellSlots(){return this.agendaSlots.filter(r=>r.group.index===(this.ri.groupIndex||0))}},mounted(){this.hasMounted=!0},render(){this.intl=d.provideIntlService(this);const r=this.$props.editSlot||g.SchedulerEditSlot,a=this.$props.editTask||k.SchedulerEditTask,n=d.provideLocalizationService(this);return t.createVNode("div",{class:"k-scheduler-body"},[this.currentCellSlots.map(function(s,l,h){return t.createVNode("div",{class:"k-scheduler-row  k-scheduler-content",key:`${this.ri.groupIndex}:${l}`},[t.createVNode(r,{index:l,editable:this.$props.editable,row:h.length*(this.ri.groupIndex||0)+l,col:0,viewSlot:this.$props.viewSlot,onDataaction:this.handleDataAction,className:"k-scheduler-datecolumn k-group-cell"},{default:()=>[t.createVNode("div",null,[t.createVNode("strong",{class:"k-scheduler-agendaday"},[this.intl.formatDate(s.zonedStart,"dd")]),t.createVNode("em",{class:"k-scheduler-agendaweek"},[this.intl.formatDate(s.zonedStart,"EEEE")]),t.createVNode("span",{class:"k-scheduler-agendadate"},[this.intl.formatDate(s.zonedStart,"y")])])]}),t.createVNode("div",{class:"k-scheduler-cell k-group-content"},[this.hasMounted&&s.items.length?s.items.map(function(e,c){return t.createVNode("div",{class:"k-scheduler-row",key:c},[t.createVNode("div",{class:"k-scheduler-cell k-scheduler-timecolumn"},[t.createVNode("div",null,[e.tail&&t.createVNode(u.Icon,{name:this.ks.isRtl?"caret-alt-right":"caret-alt-left",icon:this.ks.isRtl?i.caretAltRightIcon:i.caretAltLeftIcon},null),e.isAllDay?n.toLanguageString(o.allDay,o.messages[o.allDay]):p(this.intl,e),e.head&&t.createVNode(u.Icon,{name:this.ks.isRtl?"caret-alt-left":"caret-alt-right",icon:this.ks.isRtl?i.caretAltLeftIcon:i.caretAltRightIcon},null)])]),t.createVNode("div",{class:"k-scheduler-cell"},[t.createVNode(a,{key:`${l}:${c}`,uid:e.uid,start:e.start,end:e.end,originalStart:e.originalStart,startTimezone:e.startTimezone,endTimezone:e.endTimezone,isAllDay:e.isAllDay,title:e.title,description:e.description,occurrenceId:e.occurrenceId,recurrenceExceptions:e.recurrenceExceptions,recurrenceRule:e.recurrenceRule,recurrenceId:e.recurrenceId,dataItem:e.dataItem,itemRef:e.itemRef,head:e.head,tail:e.tail,order:e.order,zonedStart:e.zonedStart,zonedEnd:e.zonedEnd,slots:e.slots,group:e.group,range:e.range,isException:e.isException,isRecurring:e.isRecurring,onDataaction:this.handleDataAction,task:this.$props.task,viewTask:this.$props.viewTask,editable:this.$props.editable},null)])])},this):t.createVNode("div",{class:"k-scheduler-cell k-heading-cell k-group-cell"},[n.toLanguageString(o.noEvents,o.messages[o.noEvents])])])])},this)])},methods:{handleDataAction(r){this.$emit("dataaction",r)}}}),p=(r,a)=>{let n="{0:t}-{1:t}";return a.head?n="{0:t}":a.tail&&(n="{1:t}"),r.format(n,a.zonedStart,a.zonedEnd)};exports.AgendaViewBody=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),g=require("../../slots/SchedulerEditSlot.js"),d=require("@progress/kendo-vue-intl"),k=require("../../tasks/SchedulerEditTask.js"),a=require("../../messages/main.js"),u=require("@progress/kendo-vue-common"),i=require("@progress/kendo-svg-icons"),S=t.defineComponent({name:"KendoAgendaViewBody",emits:["dataaction"],props:{items:Array,rangeIndex:Number,itemsPerSlot:Number,agendaSlots:Array,task:[String,Function,Object],editable:[Object,Boolean],onDataaction:Function},inject:{ri:{default:null},ks:{default:null},kendoIntlService:{default:null},kendoLocalizationService:{default:null},setSlots:{default:null}},provide(){return{ksSlots:this.ksSlots}},data(){return{hasMounted:!1,ksSlots:{cSlots:this.agendaSlots.filter(r=>r.group.index===(this.ri.groupIndex||0))}}},watch:{currentCellSlots(r){this.ksSlots.cSlots=r}},computed:{currentCellSlots(){return this.agendaSlots.filter(r=>r.group.index===(this.ri.groupIndex||0))}},mounted(){this.hasMounted=!0},render(){this.intl=d.provideIntlService(this);const r=this.$props.editSlot||g.SchedulerEditSlot,n=this.$props.editTask||k.SchedulerEditTask,o=d.provideLocalizationService(this);return t.createVNode("div",{class:"k-scheduler-body"},[this.currentCellSlots.map(function(s,l,h){return t.createVNode("div",{class:"k-scheduler-row  k-scheduler-content",key:`${this.ri.groupIndex}:${l}`},[t.createVNode(r,{index:l,editable:this.$props.editable,row:h.length*(this.ri.groupIndex||0)+l,col:0,viewSlot:this.$props.viewSlot,onDataaction:this.handleDataAction,className:"k-scheduler-datecolumn k-group-cell"},{default:()=>[t.createVNode("div",null,[t.createVNode("strong",{class:"k-scheduler-agendaday"},[this.intl.formatDate(s.zonedStart,"dd")]),t.createVNode("em",{class:"k-scheduler-agendaweek"},[this.intl.formatDate(s.zonedStart,"EEEE")]),t.createVNode("span",{class:"k-scheduler-agendadate"},[this.intl.formatDate(s.zonedStart,"y")])])]}),t.createVNode("div",{class:"k-scheduler-cell k-group-content"},[this.hasMounted&&s.items.length?s.items.map(function(e,c){return t.createVNode("div",{class:"k-scheduler-row",key:c},[t.createVNode("div",{class:"k-scheduler-cell k-scheduler-timecolumn"},[t.createVNode("div",null,[e.tail&&t.createVNode(u.Icon,{name:this.ks.isRtl?"chevron-right":"chevron-left",icon:this.ks.isRtl?i.chevronRightIcon:i.chevronLeftIcon},null),e.isAllDay?o.toLanguageString(a.allDay,a.messages[a.allDay]):p(this.intl,e),e.head&&t.createVNode(u.Icon,{name:this.ks.isRtl?"chevron-left":"chevron-right",icon:this.ks.isRtl?i.chevronLeftIcon:i.chevronRightIcon},null)])]),t.createVNode("div",{class:"k-scheduler-cell"},[t.createVNode(n,{key:`${l}:${c}`,uid:e.uid,start:e.start,end:e.end,originalStart:e.originalStart,startTimezone:e.startTimezone,endTimezone:e.endTimezone,isAllDay:e.isAllDay,title:e.title,description:e.description,occurrenceId:e.occurrenceId,recurrenceExceptions:e.recurrenceExceptions,recurrenceRule:e.recurrenceRule,recurrenceId:e.recurrenceId,dataItem:e.dataItem,itemRef:e.itemRef,head:e.head,tail:e.tail,order:e.order,zonedStart:e.zonedStart,zonedEnd:e.zonedEnd,slots:e.slots,group:e.group,range:e.range,isException:e.isException,isRecurring:e.isRecurring,onDataaction:this.handleDataAction,task:this.$props.task,viewTask:this.$props.viewTask,editable:this.$props.editable},null)])])},this):t.createVNode("div",{class:"k-scheduler-cell k-heading-cell k-group-cell"},[o.toLanguageString(a.noEvents,a.messages[a.noEvents])])])])},this)])},methods:{handleDataAction(r){this.$emit("dataaction",r)}}}),p=(r,n)=>{let o="{0:t}-{1:t}";return n.head?o="{0:t}":n.tail&&(o="{1:t}"),r.format(o,n.zonedStart,n.zonedEnd)};exports.AgendaViewBody=S;

package/views/agenda/AgendaViewBody.mjs

@@ -7,12 +7,12 @@
  */
 import { defineComponent as k, createVNode as t } from "vue";
 import { SchedulerEditSlot as S } from "../../slots/SchedulerEditSlot.mjs";
-import { provideIntlService as f, provideLocalizationService as m } from "@progress/kendo-vue-intl";
-import { SchedulerEditTask as v } from "../../tasks/SchedulerEditTask.mjs";
+import { provideIntlService as f, provideLocalizationService as v } from "@progress/kendo-vue-intl";
+import { SchedulerEditTask as m } from "../../tasks/SchedulerEditTask.mjs";
 import { allDay as i, messages as d, noEvents as c } from "../../messages/main.mjs";
 import { Icon as u } from "@progress/kendo-vue-common";
-import { caretAltRightIcon as h, caretAltLeftIcon as p } from "@progress/kendo-svg-icons";
-const R = /* @__PURE__ */ k({
+import { chevronRightIcon as h, chevronLeftIcon as p } from "@progress/kendo-svg-icons";
+const b = /* @__PURE__ */ k({
   name: "KendoAgendaViewBody",
   emits: ["dataaction"],
   props: {
@@ -69,10 +69,10 @@ const R = /* @__PURE__ */ k({
   },
   render() {
     this.intl = f(this);
-    const r = this.$props.editSlot || S, a = this.$props.editTask || v, n = m(this);
+    const r = this.$props.editSlot || S, n = this.$props.editTask || m, o = v(this);
     return t("div", {
       class: "k-scheduler-body"
-    }, [this.currentCellSlots.map(function(l, s, g) {
+    }, [this.currentCellSlots.map(function(a, s, g) {
       return t("div", {
         class: "k-scheduler-row  k-scheduler-content",
         key: `${this.ri.groupIndex}:${s}`
@@ -87,29 +87,29 @@ const R = /* @__PURE__ */ k({
       }, {
         default: () => [t("div", null, [t("strong", {
           class: "k-scheduler-agendaday"
-        }, [this.intl.formatDate(l.zonedStart, "dd")]), t("em", {
+        }, [this.intl.formatDate(a.zonedStart, "dd")]), t("em", {
           class: "k-scheduler-agendaweek"
-        }, [this.intl.formatDate(l.zonedStart, "EEEE")]), t("span", {
+        }, [this.intl.formatDate(a.zonedStart, "EEEE")]), t("span", {
           class: "k-scheduler-agendadate"
-        }, [this.intl.formatDate(l.zonedStart, "y")])])]
+        }, [this.intl.formatDate(a.zonedStart, "y")])])]
       }), t("div", {
         class: "k-scheduler-cell k-group-content"
-      }, [this.hasMounted && l.items.length ? l.items.map(function(e, o) {
+      }, [this.hasMounted && a.items.length ? a.items.map(function(e, l) {
         return t("div", {
           class: "k-scheduler-row",
-          key: o
+          key: l
         }, [t("div", {
           class: "k-scheduler-cell k-scheduler-timecolumn"
         }, [t("div", null, [e.tail && t(u, {
-          name: this.ks.isRtl ? "caret-alt-right" : "caret-alt-left",
+          name: this.ks.isRtl ? "chevron-right" : "chevron-left",
           icon: this.ks.isRtl ? h : p
-        }, null), e.isAllDay ? n.toLanguageString(i, d[i]) : z(this.intl, e), e.head && t(u, {
-          name: this.ks.isRtl ? "caret-alt-left" : "caret-alt-right",
+        }, null), e.isAllDay ? o.toLanguageString(i, d[i]) : z(this.intl, e), e.head && t(u, {
+          name: this.ks.isRtl ? "chevron-left" : "chevron-right",
           icon: this.ks.isRtl ? p : h
         }, null)])]), t("div", {
           class: "k-scheduler-cell"
-        }, [t(a, {
-          key: `${s}:${o}`,
+        }, [t(n, {
+          key: `${s}:${l}`,
           uid: e.uid,
           start: e.start,
           end: e.end,
@@ -142,7 +142,7 @@ const R = /* @__PURE__ */ k({
         }, null)])]);
       }, this) : t("div", {
         class: "k-scheduler-cell k-heading-cell k-group-cell"
-      }, [n.toLanguageString(c, d[c])])])]);
+      }, [o.toLanguageString(c, d[c])])])]);
     }, this)]);
   },
   methods: {
@@ -150,10 +150,10 @@ const R = /* @__PURE__ */ k({
       this.$emit("dataaction", r);
     }
   }
-}), z = (r, a) => {
-  let n = "{0:t}-{1:t}";
-  return a.head ? n = "{0:t}" : a.tail && (n = "{1:t}"), r.format(n, a.zonedStart, a.zonedEnd);
+}), z = (r, n) => {
+  let o = "{0:t}-{1:t}";
+  return n.head ? o = "{0:t}" : n.tail && (o = "{1:t}"), r.format(o, n.zonedStart, n.zonedEnd);
 };
 export {
-  R as AgendaViewBody
+  b as AgendaViewBody
 };

package/views/day/DayView.d.ts

@@ -190,12 +190,12 @@ declare const DayView: import('vue').DefineComponent<import('vue').ExtractPropTy
     step: number;
     startTime: string;
     editable: boolean;
+    slotDuration: number;
     numberOfDays: number;
     selectedDateFormat: string;
     selectedShortDateFormat: string;
     dateRange: import('../../models/DateRange').DateRange | ((args: import('../../models/SchedulerView').SchedulerViewDateRangeArgs) => import('../../models/DateRange').DateRange);
     slotDivisions: number;
-    slotDuration: number;
     workWeekStart: Day;
     workWeekEnd: Day;
     currentTimeMarker: boolean;

package/views/day/MultiDayView.d.ts

@@ -391,12 +391,12 @@ declare const MultiDayView: import('vue').DefineComponent<import('vue').ExtractP
     editable: boolean;
     dragItem: any;
     resizeItem: any;
+    slotDuration: number;
     numberOfDays: number;
     selectedDateFormat: string;
     selectedShortDateFormat: string;
     dateRange: SchedulerViewDateRangeArgs;
     slotDivisions: number;
-    slotDuration: number;
     workWeekStart: Day;
     workWeekEnd: Day;
     currentTimeMarker: boolean;

package/views/month/MonthView.d.ts

@@ -195,11 +195,11 @@ declare const MonthView: import('vue').DefineComponent<import('vue').ExtractProp
     itemsPerSlot: number;
     dragItem: any;
     resizeItem: any;
+    slotDuration: number;
     numberOfDays: number;
     selectedDateFormat: string;
     selectedShortDateFormat: string;
     dateRange: DateRange | ((args: SchedulerViewDateRangeArgs) => DateRange);
     slotDivisions: number;
-    slotDuration: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export { MonthView };

package/views/time/MultiDayTimelineView.d.ts

@@ -364,12 +364,12 @@ declare const MultiDayTimelineView: import('vue').DefineComponent<import('vue').
     editable: boolean | EditableProp;
     dragItem: any;
     resizeItem: any;
+    slotDuration: number;
     numberOfDays: number;
     selectedDateFormat: string;
     selectedShortDateFormat: string;
     dateRange: DateRange | ((args: SchedulerViewDateRangeArgs) => DateRange);
     slotDivisions: number;
-    slotDuration: number;
     workWeekStart: Day;
     workWeekEnd: Day;
     currentTimeMarker: boolean;

package/views/time/TimelineView.d.ts

@@ -215,12 +215,12 @@ declare const TimelineView: import('vue').DefineComponent<import('vue').ExtractP
     columnWidth: number;
     dragItem: any;
     resizeItem: any;
+    slotDuration: number;
     numberOfDays: number;
     selectedDateFormat: string;
     selectedShortDateFormat: string;
     dateRange: import('../../models/DateRange').DateRange | ((args: import('../../models/SchedulerView').SchedulerViewDateRangeArgs) => import('../../models/DateRange').DateRange);
     slotDivisions: number;
-    slotDuration: number;
     workWeekStart: Day;
     workWeekEnd: Day;
     currentTimeMarker: boolean;

package/views/week/WeekView.d.ts

@@ -252,12 +252,12 @@ declare const WeekView: import('vue').DefineComponent<import('vue').ExtractPropT
     name: string;
     startTime: string;
     editable: boolean;
+    slotDuration: number;
     numberOfDays: number;
     selectedDateFormat: string;
     selectedShortDateFormat: string;
     dateRange: DateRange | ((args: SchedulerViewDateRangeArgs) => DateRange);
     slotDivisions: number;
-    slotDuration: number;
     workWeekStart: Day;
     workWeekEnd: Day;
     currentTimeMarker: boolean;

package/views/week/WorkWeekView.d.ts

@@ -128,12 +128,12 @@ declare const WorkWeekView: import('vue').DefineComponent<import('vue').ExtractP
 }>, {
     name: string;
     editable: boolean;
+    slotDuration: number;
     numberOfDays: number;
     selectedDateFormat: string;
     selectedShortDateFormat: string;
     dateRange: DateRange | ((args: SchedulerViewDateRangeArgs) => DateRange);
     slotDivisions: number;
-    slotDuration: number;
     workWeekStart: Day;
     workWeekEnd: Day;
     showWorkHours: boolean;

package/components/header/view-selector/ViewSelectorItem.js

@@ -1,8 +0,0 @@
-/**
- * @license
- *-------------------------------------------------------------------------------------------
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
- * Licensed under commercial license. See LICENSE.md in the package root for more information
- *-------------------------------------------------------------------------------------------
- */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),s=require("@progress/kendo-vue-buttons"),l=require("@progress/kendo-vue-intl"),r=require("../../../messages/main.js");function c(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!i.isVNode(e)}const a=i.defineComponent({name:"KendoViewSelectorItem",props:{view:Object},inject:{kendoLocalizationService:{default:null},setActiveViewName:{default:null},ks:{default:null}},render(){const e=l.provideLocalizationService(this),o="scheduler."+this.$props.view.name+"ViewTitle",n=e.toLanguageString(o,r.messages[o])||this.$props.view.name,t=this.$props.view.title||n;return i.createVNode(s.Button,{class:"k-toolbar-button",role:"button",type:"button",tabIndex:-1,togglable:!0,selected:this.$props.view.name===this.ks.activeViewName,onClick:this.handleClick},c(t)?t:{default:()=>[t]})},methods:{handleClick(){this.$props.view.name&&this.setActiveViewName(this.$props.view.name)}}});exports.ViewSelectorItem=a;

package/components/header/view-selector/ViewSelectorItem.mjs

@@ -1,53 +0,0 @@
-/**
- * @license
- *-------------------------------------------------------------------------------------------
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
- * Licensed under commercial license. See LICENSE.md in the package root for more information
- *-------------------------------------------------------------------------------------------
- */
-import { defineComponent as n, createVNode as l, isVNode as r } from "vue";
-import { Button as s } from "@progress/kendo-vue-buttons";
-import { provideLocalizationService as a } from "@progress/kendo-vue-intl";
-import { messages as c } from "../../../messages/main.mjs";
-function p(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !r(e);
-}
-const f = /* @__PURE__ */ n({
-  name: "KendoViewSelectorItem",
-  props: {
-    view: Object
-  },
-  inject: {
-    kendoLocalizationService: {
-      default: null
-    },
-    setActiveViewName: {
-      default: null
-    },
-    ks: {
-      default: null
-    }
-  },
-  render() {
-    const e = a(this), i = "scheduler." + this.$props.view.name + "ViewTitle", o = e.toLanguageString(i, c[i]) || this.$props.view.name, t = this.$props.view.title || o;
-    return l(s, {
-      class: "k-toolbar-button",
-      role: "button",
-      type: "button",
-      tabIndex: -1,
-      togglable: !0,
-      selected: this.$props.view.name === this.ks.activeViewName,
-      onClick: this.handleClick
-    }, p(t) ? t : {
-      default: () => [t]
-    });
-  },
-  methods: {
-    handleClick() {
-      this.$props.view.name && this.setActiveViewName(this.$props.view.name);
-    }
-  }
-});
-export {
-  f as ViewSelectorItem
-};