@progress/kendo-vue-scheduler 9.3.0-develop.4 → 9.3.0-develop.6

package/slots/SchedulerViewSlot.d.ts

@@ -39,6 +39,7 @@ export interface SchedulerViewSlotHandle {
  * @hidden
  */
 declare const SchedulerViewSlot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    role: PropType<string>;
     refTo: PropType<any>;
     className: PropType<string>;
     items: PropType<import('../models/Item').Item[]>;
@@ -74,9 +75,12 @@ declare const SchedulerViewSlot: import('vue').DefineComponent<import('vue').Ext
     slotStyle: PropType<any>;
 }>, {}, {
     timeout: any;
+    expandTimeout: any;
+    layoutSignature: string;
 }, {
     cSlot(): any;
 }, {
+    getLayoutSignature(): string;
     handleShowMoreItemsClick(event: any): void;
     handleDoubleClick(args: any): void;
     handleKeyDown(args: any): void;
@@ -88,6 +92,7 @@ declare const SchedulerViewSlot: import('vue').DefineComponent<import('vue').Ext
     doubleclick: any;
     keydown: any;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    role: PropType<string>;
     refTo: PropType<any>;
     className: PropType<string>;
     items: PropType<import('../models/Item').Item[]>;

package/slots/SchedulerViewSlot.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"),x=require("./SchedulerSlot.js"),o=require("@progress/kendo-vue-common"),s=require("../hooks/useSlotExpand.js");function $(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const O=t.defineComponent({name:"KendoSchedulerViewSlot",inheritAttrs:!1,emits:{focus:null,showmoreitems:null,doubleclick:null,keydown:null},props:{refTo:[Function,Object],className:String,items:Array,row:Number,group:Object,range:Object,isWorkDay:{type:Boolean,default:!0},isWorkHour:{type:Boolean,default:!0},selected:Boolean,col:Number,index:Number,start:Date,end:Date,zonedStart:Object,zonedEnd:Object,slotRender:[String,Function,Object],expandable:[Boolean,Object],isAllDay:Boolean,navDay:Boolean,editable:[Object,Boolean],itemsPerSlot:Number,formItem:Object,tabIndex:{type:Number,default:void 0},slotStyle:Object},created(){this.viewSlot=null,this.slot=null},inject:{ks:{default:null},bv:{default:null},ksSlots:{default:{}}},data(){return{timeout:void 0}},computed:{cSlot(){return this.ksSlots.cSlots?this.ksSlots.cSlots[this.index]:{}}},updated(){const e=this;this.$nextTick(function(){s.useSlotExpand(e,e.ks.scheduler.$el,e.$props.expandable)})},mounted(){const e=this;this.$nextTick(function(){s.useSlotExpand(e,e.ks.scheduler.$el,e.$props.expandable)}),!(!this.ks.scheduler||!this.ks.scheduler.$el)&&o.canUseDOM&&window.ResizeObserver&&(this.observer=new window.ResizeObserver(this.handleResize),this.observer.observe(this.ks.scheduler.$el))},render(){const e=o.getDefaultSlots(this),{refTo:g,items:n,row:i,group:r,range:d,isWorkDay:a,isWorkHour:u,col:c,index:h,start:m,end:S,zonedStart:b,zonedEnd:p,navDay:f,itemsPerSlot:k,editable:w,className:y}=this.$props;let l;const D=t.createVNode(x.SchedulerSlot,{tabIndex:this.tabIndex,isAllDay:this.isAllDay,items:n,row:i,group:r,range:d,isWorkDay:a,isWorkHour:u,col:c,index:h,start:m,end:S,zonedStart:b,zonedEnd:p,navDay:f,itemsPerSlot:k,editable:w,formItem:this.formItem,onShowmoreitems:this.handleShowMoreItemsClick,onDoubleclick:this.handleDoubleClick,onKeydown:this.handleKeyDown,onFocus:this.handleFocus,selected:this.selected,slotStyle:this.$props.slotStyle,className:y},$(e)?e:{default:()=>[e]});return l=o.getTemplate.call(this,{h:t.h,template:this.$props.slotRender,defaultRendering:D,defaultSlots:e,additionalProps:this.cSlot,additionalListeners:{showmoreitems:this.handleShowMoreItemsClick}}),l},methods:{handleShowMoreItemsClick(e){this.$emit("showmoreitems",e)},handleDoubleClick(e){this.$emit("doubleclick",e)},handleKeyDown(e){this.$emit("keydown",e)},handleFocus(e){this.$emit("focus",e)},handleResize(){const e=this;this.timeout!==void 0&&window.cancelAnimationFrame(this.timeout),this.timeout=window.requestAnimationFrame(()=>{s.useSlotExpand(e,e.ks.scheduler.$el,e.$props.expandable)})}}});exports.SchedulerViewSlot=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),D=require("./SchedulerSlot.js"),s=require("@progress/kendo-vue-common"),i=require("../hooks/useSlotExpand.js");function $(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!o.isVNode(e)}const O=o.defineComponent({name:"KendoSchedulerViewSlot",inheritAttrs:!1,emits:{focus:null,showmoreitems:null,doubleclick:null,keydown:null},props:{role:String,refTo:[Function,Object],className:String,items:Array,row:Number,group:Object,range:Object,isWorkDay:{type:Boolean,default:!0},isWorkHour:{type:Boolean,default:!0},selected:Boolean,col:Number,index:Number,start:Date,end:Date,zonedStart:Object,zonedEnd:Object,slotRender:[String,Function,Object],expandable:[Boolean,Object],isAllDay:Boolean,navDay:Boolean,editable:[Object,Boolean],itemsPerSlot:Number,formItem:Object,tabIndex:{type:Number,default:void 0},slotStyle:Object},created(){this.viewSlot=null,this.slot=null},inject:{ks:{default:null},bv:{default:null},ksSlots:{default:{}}},data(){return{timeout:void 0,expandTimeout:void 0,layoutSignature:""}},computed:{cSlot(){return this.ksSlots.cSlots?this.ksSlots.cSlots[this.index]:{}}},mounted(){const e=this;this.$nextTick(function(){e.layoutSignature=e.getLayoutSignature(),i.useSlotExpand(e,e.ks.scheduler.$el,e.$props.expandable)}),!(!this.ks.scheduler||!this.ks.scheduler.$el)&&s.canUseDOM&&window.ResizeObserver&&(this.observer=new window.ResizeObserver(this.handleResize),this.observer.observe(this.ks.scheduler.$el))},updated(){const e=this.getLayoutSignature();if(e!==this.layoutSignature){this.layoutSignature=e;const t=this;this.expandTimeout!==void 0&&window.cancelAnimationFrame(this.expandTimeout),this.expandTimeout=window.requestAnimationFrame(()=>{i.useSlotExpand(t,t.ks.scheduler.$el,t.$props.expandable)})}},render(){const e=s.getDefaultSlots(this),{refTo:t,items:l,row:r,group:a,range:d,isWorkDay:u,isWorkHour:c,col:h,index:m,start:S,end:p,zonedStart:b,zonedEnd:f,navDay:y,itemsPerSlot:w,editable:g,className:k}=this.$props;let n;const x=o.createVNode(D.SchedulerSlot,{role:this.role,tabIndex:this.tabIndex,isAllDay:this.isAllDay,items:l,row:r,group:a,range:d,isWorkDay:u,isWorkHour:c,col:h,index:m,start:S,end:p,zonedStart:b,zonedEnd:f,navDay:y,itemsPerSlot:w,editable:g,formItem:this.formItem,onShowmoreitems:this.handleShowMoreItemsClick,onDoubleclick:this.handleDoubleClick,onKeydown:this.handleKeyDown,onFocus:this.handleFocus,selected:this.selected,slotStyle:this.$props.slotStyle,className:k},$(e)?e:{default:()=>[e]});return n=s.getTemplate.call(this,{h:o.h,template:this.$props.slotRender,defaultRendering:x,defaultSlots:e,additionalProps:this.cSlot,additionalListeners:{showmoreitems:this.handleShowMoreItemsClick}}),n},methods:{getLayoutSignature(){var e;return JSON.stringify({items:(e=this.cSlot.items)==null?void 0:e.map(t=>({uid:t.uid,order:t.order})),itemsPerSlot:this.$props.itemsPerSlot,expandable:this.$props.expandable,slotStyle:this.$props.slotStyle})},handleShowMoreItemsClick(e){this.$emit("showmoreitems",e)},handleDoubleClick(e){this.$emit("doubleclick",e)},handleKeyDown(e){this.$emit("keydown",e)},handleFocus(e){this.$emit("focus",e)},handleResize(){const e=this;this.timeout!==void 0&&window.cancelAnimationFrame(this.timeout),this.timeout=window.requestAnimationFrame(()=>{i.useSlotExpand(e,e.ks.scheduler.$el,e.$props.expandable)})}}});exports.SchedulerViewSlot=O;

package/slots/SchedulerViewSlot.mjs

@@ -5,14 +5,14 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as y, createVNode as D, h as $, isVNode as x } from "vue";
+import { defineComponent as g, createVNode as x, h as D, isVNode as $ } from "vue";
 import { SchedulerSlot as O } from "./SchedulerSlot.mjs";
-import { getDefaultSlots as j, getTemplate as g, canUseDOM as v } from "@progress/kendo-vue-common";
-import { useSlotExpand as t } from "../hooks/useSlotExpand.mjs";
+import { getDefaultSlots as j, getTemplate as N, canUseDOM as v } from "@progress/kendo-vue-common";
+import { useSlotExpand as o } from "../hooks/useSlotExpand.mjs";
 function z(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !x(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !$(e);
 }
-const F = /* @__PURE__ */ y({
+const T = /* @__PURE__ */ g({
   name: "KendoSchedulerViewSlot",
   inheritAttrs: !1,
   emits: {
@@ -22,6 +22,7 @@ const F = /* @__PURE__ */ y({
     keydown: null
   },
   props: {
+    role: String,
     refTo: [Function, Object],
     className: String,
     items: Array,
@@ -72,7 +73,9 @@ const F = /* @__PURE__ */ y({
   },
   data() {
     return {
-      timeout: void 0
+      timeout: void 0,
+      expandTimeout: void 0,
+      layoutSignature: ""
     };
   },
   computed: {
@@ -80,57 +83,62 @@ const F = /* @__PURE__ */ y({
       return this.ksSlots.cSlots ? this.ksSlots.cSlots[this.index] : {};
     }
   },
-  updated() {
-    const e = this;
-    this.$nextTick(function() {
-      t(e, e.ks.scheduler.$el, e.$props.expandable);
-    });
-  },
   mounted() {
     const e = this;
     this.$nextTick(function() {
-      t(e, e.ks.scheduler.$el, e.$props.expandable);
+      e.layoutSignature = e.getLayoutSignature(), o(e, e.ks.scheduler.$el, e.$props.expandable);
     }), !(!this.ks.scheduler || !this.ks.scheduler.$el) && v && window.ResizeObserver && (this.observer = new window.ResizeObserver(this.handleResize), this.observer.observe(this.ks.scheduler.$el));
   },
+  updated() {
+    const e = this.getLayoutSignature();
+    if (e !== this.layoutSignature) {
+      this.layoutSignature = e;
+      const t = this;
+      this.expandTimeout !== void 0 && window.cancelAnimationFrame(this.expandTimeout), this.expandTimeout = window.requestAnimationFrame(() => {
+        o(t, t.ks.scheduler.$el, t.$props.expandable);
+      });
+    }
+  },
   render() {
     const e = j(this), {
-      refTo: N,
+      refTo: t,
       items: s,
-      row: l,
-      group: n,
-      range: i,
-      isWorkDay: r,
-      isWorkHour: a,
-      col: d,
-      index: c,
-      start: u,
-      end: h,
-      zonedStart: m,
-      zonedEnd: b,
-      navDay: p,
+      row: n,
+      group: l,
+      range: r,
+      isWorkDay: a,
+      isWorkHour: d,
+      col: u,
+      index: h,
+      start: c,
+      end: m,
+      zonedStart: p,
+      zonedEnd: S,
+      navDay: b,
       itemsPerSlot: f,
-      editable: S,
-      className: k
+      editable: y,
+      className: w
     } = this.$props;
-    let o;
-    const w = D(O, {
+    let i;
+    const k = x(O, {
+      role: this.role,
       tabIndex: this.tabIndex,
       isAllDay: this.isAllDay,
       items: s,
-      row: l,
-      group: n,
-      range: i,
-      isWorkDay: r,
-      isWorkHour: a,
-      col: d,
-      index: c,
-      start: u,
-      end: h,
-      zonedStart: m,
-      zonedEnd: b,
-      navDay: p,
+      row: n,
+      group: l,
+      range: r,
+      isWorkDay: a,
+      isWorkHour: d,
+      col: u,
+      index: h,
+      start: c,
+      end: m,
+      zonedStart: p,
+      zonedEnd: S,
+      navDay: b,
       itemsPerSlot: f,
-      editable: S,
+      editable: y,
       formItem: this.formItem,
       onShowmoreitems: this.handleShowMoreItemsClick,
       onDoubleclick: this.handleDoubleClick,
@@ -138,22 +146,34 @@ const F = /* @__PURE__ */ y({
       onFocus: this.handleFocus,
       selected: this.selected,
       slotStyle: this.$props.slotStyle,
-      className: k
+      className: w
     }, z(e) ? e : {
       default: () => [e]
     });
-    return o = g.call(this, {
-      h: $,
+    return i = N.call(this, {
+      h: D,
       template: this.$props.slotRender,
-      defaultRendering: w,
+      defaultRendering: k,
       defaultSlots: e,
       additionalProps: this.cSlot,
       additionalListeners: {
         showmoreitems: this.handleShowMoreItemsClick
       }
-    }), o;
+    }), i;
   },
   methods: {
+    getLayoutSignature() {
+      var e;
+      return JSON.stringify({
+        items: (e = this.cSlot.items) == null ? void 0 : e.map((t) => ({
+          uid: t.uid,
+          order: t.order
+        })),
+        itemsPerSlot: this.$props.itemsPerSlot,
+        expandable: this.$props.expandable,
+        slotStyle: this.$props.slotStyle
+      });
+    },
     handleShowMoreItemsClick(e) {
       this.$emit("showmoreitems", e);
     },
@@ -169,11 +189,11 @@ const F = /* @__PURE__ */ y({
     handleResize() {
       const e = this;
       this.timeout !== void 0 && window.cancelAnimationFrame(this.timeout), this.timeout = window.requestAnimationFrame(() => {
-        t(e, e.ks.scheduler.$el, e.$props.expandable);
+        o(e, e.ks.scheduler.$el, e.$props.expandable);
       });
     }
   }
 });
 export {
-  F as SchedulerViewSlot
+  T as SchedulerViewSlot
 };

package/tasks/SchedulerEditTask.d.ts

@@ -136,6 +136,7 @@ declare const SchedulerEditTask: import('vue').DefineComponent<import('vue').Ext
         showOccurrenceDialog: boolean;
     };
     currentSeries: any;
+    currentFormItem: any;
     currentRemoveItem: any;
     currentShowRemoveDialog: any;
     currentShowOccurrenceDialog: any;
@@ -144,11 +145,15 @@ declare const SchedulerEditTask: import('vue').DefineComponent<import('vue').Ext
     compRemoveItem(): any;
     compShowRemoveDialog(): any;
     compShowOccurrenceDialog(): any;
+    compFormItem(): any;
     currentEditable(): import('../models/EditableProp').EditableProp;
 }, {
     setRemoveItem(item: any, event: any): void;
     setShowRemoveDialog(show: boolean, event: any): void;
     setShowOccurrenceDialog(show: boolean, event: any): void;
+    handleTaskDoubleClick(args: SchedulerTaskMouseEvent): void;
+    handleFormSubmit(event: SchedulerFormStateChangeEvent<DataItem>): void;
+    handleFormDelete(dataItem: DataItem): void;
     handleRemoveClick(event: SchedulerTaskMouseEvent): void;
     handleCancel(event: SchedulerFormStateChangeEvent<null> | SchedulerOccurrenceDialogStateChangeEvent<null>): void;
     handleRemoveConfirm(event: SchedulerRemoveDialogStateChangeEvent<null>): void;
@@ -214,6 +219,7 @@ declare const SchedulerEditTask: import('vue').DefineComponent<import('vue').Ext
     series: boolean;
 }, {}, {}, {}, string, () => {
     et: any;
+    taskDoubleClick: any;
     removeTask: any;
     removeDialog: any;
     occurrenceDialog: any;

package/tasks/SchedulerEditTask.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 r=require("vue"),i=require("./SchedulerViewTask.js"),o=require("../utils/main.js"),s=require("../constants/main.js"),n=require("@progress/kendo-vue-common"),c=require("../hooks/useEditable.js");function a(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!r.isVNode(e)}const h=r.defineComponent({name:"KendoSchedulerEditTask",emits:["dataaction","showremovedialogchange","showoccurrencedialogchange","removeitemchange"],props:{viewTask:[String,Function,Object],removeDialog:[String,Function,Object],removeItem:[String,Function,Object],occurrenceDialog:[String,Function,Object],task:[String,Function,Object],showOccurrenceDialog:{type:Boolean,default:void 0},showRemoveDialog:{type:Boolean,default:void 0},series:{type:Boolean,default:void 0},refTo:[Function,Object],id:String,tabIndex:Number,editable:[Object,Boolean],head:Boolean,tail:Boolean,order:Number,zonedStart:Object,zonedEnd:Object,slots:Array,group:Object,range:Object,isException:Boolean,isRecurring:Boolean,isAllDay:Boolean,uid:[String,Number],start:Date,end:Date,originalStart:Date,startTimezone:String,endTimezone:String,title:String,description:String,occurrenceId:String,recurrenceExceptions:Array,recurrenceRule:String,recurrenceId:[String,Number],dataItem:Object},created(){},inject:{bv:{default:null},ks:{default:null}},provide(){return{et:this.et,removeTask:this.handleRemoveItemChange,removeDialog:this.handleRemoveDialogChange,occurrenceDialog:this.handleOccurrenceDialogChange,ksCancel:this.handleCancel,ksSeriesClick:this.handleSeriesClick,ksOccurrenceClick:this.handleOccurrenceClick,ksRemoveConfirm:this.handleRemoveConfirm}},data(){return{et:{removeItem:null,showRemoveDialog:!1,showOccurrenceDialog:!1},currentSeries:null,currentRemoveItem:null,currentShowRemoveDialog:null,currentShowOccurrenceDialog:null}},computed:{compSeries(){return this.series!==void 0?this.series:this.currentSeries},compRemoveItem(){return this.removeItem!==void 0?this.removeItem:this.currentRemoveItem},compShowRemoveDialog(){return this.showRemoveDialog!==void 0?this.showRemoveDialog:this.currentShowRemoveDialog},compShowOccurrenceDialog(){return this.showOccurrenceDialog!==void 0?this.showOccurrenceDialog:this.currentShowOccurrenceDialog},currentEditable(){return c.useEditable(this.$props.editable)}},render(){const e=n.getDefaultSlots(this);return r.createVNode(i.SchedulerViewTask,{id:this.$props.id,tabIndex:this.$props.tabIndex,head:this.$props.head,tail:this.$props.tail,order:this.$props.order,zonedStart:this.$props.zonedStart,zonedEnd:this.$props.zonedEnd,slots:this.$props.slots,group:this.$props.group,range:this.$props.range,isException:this.$props.isException,isRecurring:this.$props.isRecurring,isAllDay:this.$props.isAllDay,uid:this.$props.uid,start:this.$props.start,end:this.$props.end,originalStart:this.$props.originalStart,startTimezone:this.$props.startTimezone,endTimezone:this.$props.endTimezone,title:this.$props.title,description:this.$props.description,occurrenceId:this.$props.occurrenceId,recurrenceExceptions:this.$props.recurrenceExceptions,recurrenceRule:this.$props.recurrenceRule,recurrenceId:this.$props.recurrenceId,dataItem:this.$props.dataItem,removeItem:this.compRemoveItem,task:this.$props.task,editable:this.$props.editable,showOccurrenceDialog:this.compShowOccurrenceDialog,showRemoveDialog:this.compShowRemoveDialog,onRemoveclick:this.handleRemoveClick},a(e)?e:{default:()=>[e]})},methods:{setRemoveItem(e,t){this.currentRemoveItem=e,this.$emit("removeitemchange",{item:e,event:t})},setShowRemoveDialog(e,t){this.currentShowRemoveDialog=e,this.$emit("showremovedialogchange",{show:e,event:t})},setShowOccurrenceDialog(e,t){this.currentShowOccurrenceDialog=e,this.$emit("showoccurrencedialogchange",{show:e,event:t})},handleRemoveClick(e){this.currentEditable.remove&&(this.setRemoveItem(this.$props.dataItem,e),this.$props.isRecurring?this.setShowOccurrenceDialog(!0,e):this.setShowRemoveDialog(!0,e))},handleCancel(e){this.currentSeries=null,this.setRemoveItem(null,e),this.setShowRemoveDialog(!1,e),this.setShowOccurrenceDialog(!1,e)},handleRemoveConfirm(e){this.compRemoveItem&&this.$emit("dataaction",{type:s.DATA_ACTION.remove,series:this.compSeries,dataItem:this.compRemoveItem}),this.setRemoveItem(null,e),this.setShowRemoveDialog(!1,e)},handleRemoveItemChange(e,t){this.setRemoveItem&&this.setRemoveItem(e,t)},handleRemoveDialogChange(e,t){this.setShowRemoveDialog&&this.setShowRemoveDialog(e,t)},handleOccurrenceDialogChange(e,t){this.setShowOccurrenceDialog&&this.setShowOccurrenceDialog(e,t)},handleOccurrenceClick(e){this.compRemoveItem&&(this.currentSeries=!1,this.setRemoveItem(this.$props.dataItem,e),this.setShowRemoveDialog(!0,e)),this.setShowOccurrenceDialog(!1,e)},handleSeriesClick(e){if(this.compRemoveItem){this.currentSeries=!0;const t=o.findMaster(this.compRemoveItem,this.ks.fields,this.ks.dataItems);this.setRemoveItem(t,e),this.setShowRemoveDialog(!0,e)}this.setShowOccurrenceDialog(!1,e)}}});exports.SchedulerEditTask=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),n=require("./SchedulerViewTask.js"),o=require("../utils/main.js"),i=require("../constants/main.js"),c=require("../components/SchedulerOccurrenceDialog.js"),a=require("../components/SchedulerForm.js"),s=require("@progress/kendo-vue-common"),l=require("../hooks/useEditable.js");function h(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!r.isVNode(e)}const u=r.defineComponent({name:"KendoSchedulerEditTask",emits:["dataaction","showremovedialogchange","showoccurrencedialogchange","removeitemchange"],props:{viewTask:[String,Function,Object],removeDialog:[String,Function,Object],removeItem:[String,Function,Object],occurrenceDialog:[String,Function,Object],task:[String,Function,Object],showOccurrenceDialog:{type:Boolean,default:void 0},showRemoveDialog:{type:Boolean,default:void 0},series:{type:Boolean,default:void 0},refTo:[Function,Object],id:String,tabIndex:Number,editable:[Object,Boolean],head:Boolean,tail:Boolean,order:Number,zonedStart:Object,zonedEnd:Object,slots:Array,group:Object,range:Object,isException:Boolean,isRecurring:Boolean,isAllDay:Boolean,uid:[String,Number],start:Date,end:Date,originalStart:Date,startTimezone:String,endTimezone:String,title:String,description:String,occurrenceId:String,recurrenceExceptions:Array,recurrenceRule:String,recurrenceId:[String,Number],dataItem:Object},created(){},inject:{bv:{default:null},ks:{default:null},taskDoubleClick:{default:null}},provide(){return{et:this.et,taskDoubleClick:this.handleTaskDoubleClick,removeTask:this.handleRemoveItemChange,removeDialog:this.handleRemoveDialogChange,occurrenceDialog:this.handleOccurrenceDialogChange,ksCancel:this.handleCancel,ksSeriesClick:this.handleSeriesClick,ksOccurrenceClick:this.handleOccurrenceClick,ksRemoveConfirm:this.handleRemoveConfirm}},data(){return{et:{removeItem:null,showRemoveDialog:!1,showOccurrenceDialog:!1},currentSeries:null,currentFormItem:null,currentRemoveItem:null,currentShowRemoveDialog:null,currentShowOccurrenceDialog:null}},computed:{compSeries(){return this.series!==void 0?this.series:this.currentSeries},compRemoveItem(){return this.removeItem!==void 0?this.removeItem:this.currentRemoveItem},compShowRemoveDialog(){return this.showRemoveDialog!==void 0?this.showRemoveDialog:this.currentShowRemoveDialog},compShowOccurrenceDialog(){return this.showOccurrenceDialog!==void 0?this.showOccurrenceDialog:this.currentShowOccurrenceDialog},compFormItem(){return this.currentFormItem},currentEditable(){return l.useEditable(this.$props.editable)}},render(){const e=s.getDefaultSlots(this);return r.createVNode(r.Fragment,null,[r.createVNode(n.SchedulerViewTask,{id:this.$props.id,tabIndex:this.$props.tabIndex,head:this.$props.head,tail:this.$props.tail,order:this.$props.order,zonedStart:this.$props.zonedStart,zonedEnd:this.$props.zonedEnd,slots:this.$props.slots,group:this.$props.group,range:this.$props.range,isException:this.$props.isException,isRecurring:this.$props.isRecurring,isAllDay:this.$props.isAllDay,uid:this.$props.uid,start:this.$props.start,end:this.$props.end,originalStart:this.$props.originalStart,startTimezone:this.$props.startTimezone,endTimezone:this.$props.endTimezone,title:this.$props.title,description:this.$props.description,occurrenceId:this.$props.occurrenceId,recurrenceExceptions:this.$props.recurrenceExceptions,recurrenceRule:this.$props.recurrenceRule,recurrenceId:this.$props.recurrenceId,dataItem:this.$props.dataItem,task:this.$props.task,editable:this.$props.editable,onRemoveclick:this.handleRemoveClick},h(e)?e:{default:()=>[e]}),this.compFormItem&&!this.compShowOccurrenceDialog&&this.currentEditable.edit&&r.createVNode(a.SchedulerForm,{dataItem:this.compFormItem,onSubmit:this.handleFormSubmit,onClose:this.handleCancel,onCancel:this.handleCancel,onDelete:this.currentEditable.remove?this.handleFormDelete:void 0},null),this.compShowOccurrenceDialog&&this.compFormItem&&this.currentEditable.edit&&r.createVNode(c.SchedulerOccurrenceDialog,{dataItem:this.compFormItem,isRemove:!1,onClose:this.handleCancel,onOccurrenceclick:this.handleOccurrenceClick,onSeriesclick:this.handleSeriesClick},null)])},methods:{setRemoveItem(e,t){this.currentRemoveItem=e,this.$emit("removeitemchange",{item:e,event:t})},setShowRemoveDialog(e,t){this.currentShowRemoveDialog=e,this.$emit("showremovedialogchange",{show:e,event:t})},setShowOccurrenceDialog(e,t){this.currentShowOccurrenceDialog=e,this.$emit("showoccurrencedialogchange",{show:e,event:t})},handleTaskDoubleClick(e){if(!this.currentEditable.edit){this.taskDoubleClick&&this.taskDoubleClick(e);return}this.currentFormItem=this.$props.dataItem,this.$props.isRecurring&&this.setShowOccurrenceDialog(!0,e),this.taskDoubleClick&&this.taskDoubleClick(e)},handleFormSubmit(e){const t=e.value;this.$emit("dataaction",{type:i.DATA_ACTION.update,series:this.compSeries,dataItem:t}),this.currentFormItem=null,this.currentSeries=null},handleFormDelete(e){this.currentFormItem=null,this.currentSeries=null,this.$emit("dataaction",{type:i.DATA_ACTION.remove,series:this.compSeries,dataItem:e})},handleRemoveClick(e){this.currentEditable.remove&&(this.setRemoveItem(this.$props.dataItem,e),this.$props.isRecurring?this.setShowOccurrenceDialog(!0,e):this.setShowRemoveDialog(!0,e))},handleCancel(e){this.currentSeries=null,this.currentFormItem=null,this.setRemoveItem(null,e),this.setShowRemoveDialog(!1,e),this.setShowOccurrenceDialog(!1,e)},handleRemoveConfirm(e){this.compRemoveItem&&this.$emit("dataaction",{type:i.DATA_ACTION.remove,series:this.compSeries,dataItem:this.compRemoveItem}),this.setRemoveItem(null,e),this.setShowRemoveDialog(!1,e)},handleRemoveItemChange(e,t){this.setRemoveItem&&this.setRemoveItem(e,t)},handleRemoveDialogChange(e,t){this.setShowRemoveDialog&&this.setShowRemoveDialog(e,t)},handleOccurrenceDialogChange(e,t){this.setShowOccurrenceDialog&&this.setShowOccurrenceDialog(e,t)},handleOccurrenceClick(e){this.compRemoveItem?(this.currentSeries=!1,this.setRemoveItem(this.$props.dataItem,e),this.setShowRemoveDialog(!0,e)):this.compFormItem&&(this.currentSeries=!1,this.currentFormItem=this.$props.dataItem),this.setShowOccurrenceDialog(!1,e)},handleSeriesClick(e){if(this.compRemoveItem){this.currentSeries=!0;const t=o.findMaster(this.compRemoveItem,this.ks.fields,this.ks.dataItems);this.setRemoveItem(t,e),this.setShowRemoveDialog(!0,e)}else this.compFormItem&&(this.currentSeries=!0,this.currentFormItem=s.clone(o.findMaster(this.$props.dataItem,this.ks.fields,this.ks.dataItems)));this.setShowOccurrenceDialog(!1,e)}}});exports.SchedulerEditTask=u;

package/tasks/SchedulerEditTask.mjs

@@ -5,16 +5,18 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as r, createVNode as o, isVNode as i } from "vue";
-import { SchedulerViewTask as s } from "./SchedulerViewTask.mjs";
-import { findMaster as n } from "../utils/main.mjs";
-import { DATA_ACTION as c } from "../constants/main.mjs";
-import { getDefaultSlots as a } from "@progress/kendo-vue-common";
-import { useEditable as h } from "../hooks/useEditable.mjs";
-function l(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !i(e);
+import { defineComponent as s, createVNode as r, Fragment as n, isVNode as c } from "vue";
+import { SchedulerViewTask as a } from "./SchedulerViewTask.mjs";
+import { findMaster as o } from "../utils/main.mjs";
+import { DATA_ACTION as i } from "../constants/main.mjs";
+import { SchedulerOccurrenceDialog as l } from "../components/SchedulerOccurrenceDialog.mjs";
+import { SchedulerForm as h } from "../components/SchedulerForm.mjs";
+import { clone as m, getDefaultSlots as u } from "@progress/kendo-vue-common";
+import { useEditable as d } from "../hooks/useEditable.mjs";
+function p(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !c(e);
 }
-const v = /* @__PURE__ */ r({
+const b = /* @__PURE__ */ s({
   name: "KendoSchedulerEditTask",
   emits: ["dataaction", "showremovedialogchange", "showoccurrencedialogchange", "removeitemchange"],
   props: {
@@ -72,11 +74,15 @@ const v = /* @__PURE__ */ r({
     },
     ks: {
       default: null
+    },
+    taskDoubleClick: {
+      default: null
     }
   },
   provide() {
     return {
       et: this.et,
+      taskDoubleClick: this.handleTaskDoubleClick,
       removeTask: this.handleRemoveItemChange,
       removeDialog: this.handleRemoveDialogChange,
       occurrenceDialog: this.handleOccurrenceDialogChange,
@@ -94,6 +100,7 @@ const v = /* @__PURE__ */ r({
         showOccurrenceDialog: !1
       },
       currentSeries: null,
+      currentFormItem: null,
       currentRemoveItem: null,
       currentShowRemoveDialog: null,
       currentShowOccurrenceDialog: null
@@ -112,13 +119,16 @@ const v = /* @__PURE__ */ r({
     compShowOccurrenceDialog() {
       return this.showOccurrenceDialog !== void 0 ? this.showOccurrenceDialog : this.currentShowOccurrenceDialog;
     },
+    compFormItem() {
+      return this.currentFormItem;
+    },
     currentEditable() {
-      return h(this.$props.editable);
+      return d(this.$props.editable);
     }
   },
   render() {
-    const e = a(this);
-    return o(s, {
+    const e = u(this);
+    return r(n, null, [r(a, {
       id: this.$props.id,
       tabIndex: this.$props.tabIndex,
       head: this.$props.head,
@@ -145,15 +155,24 @@ const v = /* @__PURE__ */ r({
       recurrenceRule: this.$props.recurrenceRule,
       recurrenceId: this.$props.recurrenceId,
       dataItem: this.$props.dataItem,
-      removeItem: this.compRemoveItem,
       task: this.$props.task,
       editable: this.$props.editable,
-      showOccurrenceDialog: this.compShowOccurrenceDialog,
-      showRemoveDialog: this.compShowRemoveDialog,
       onRemoveclick: this.handleRemoveClick
-    }, l(e) ? e : {
+    }, p(e) ? e : {
       default: () => [e]
-    });
+    }), this.compFormItem && !this.compShowOccurrenceDialog && this.currentEditable.edit && r(h, {
+      dataItem: this.compFormItem,
+      onSubmit: this.handleFormSubmit,
+      onClose: this.handleCancel,
+      onCancel: this.handleCancel,
+      onDelete: this.currentEditable.remove ? this.handleFormDelete : void 0
+    }, null), this.compShowOccurrenceDialog && this.compFormItem && this.currentEditable.edit && r(l, {
+      dataItem: this.compFormItem,
+      isRemove: !1,
+      onClose: this.handleCancel,
+      onOccurrenceclick: this.handleOccurrenceClick,
+      onSeriesclick: this.handleSeriesClick
+    }, null)]);
   },
   methods: {
     setRemoveItem(e, t) {
@@ -174,15 +193,37 @@ const v = /* @__PURE__ */ r({
         event: t
       });
     },
+    handleTaskDoubleClick(e) {
+      if (!this.currentEditable.edit) {
+        this.taskDoubleClick && this.taskDoubleClick(e);
+        return;
+      }
+      this.currentFormItem = this.$props.dataItem, this.$props.isRecurring && this.setShowOccurrenceDialog(!0, e), this.taskDoubleClick && this.taskDoubleClick(e);
+    },
+    handleFormSubmit(e) {
+      const t = e.value;
+      this.$emit("dataaction", {
+        type: i.update,
+        series: this.compSeries,
+        dataItem: t
+      }), this.currentFormItem = null, this.currentSeries = null;
+    },
+    handleFormDelete(e) {
+      this.currentFormItem = null, this.currentSeries = null, this.$emit("dataaction", {
+        type: i.remove,
+        series: this.compSeries,
+        dataItem: e
+      });
+    },
     handleRemoveClick(e) {
       this.currentEditable.remove && (this.setRemoveItem(this.$props.dataItem, e), this.$props.isRecurring ? this.setShowOccurrenceDialog(!0, e) : this.setShowRemoveDialog(!0, e));
     },
     handleCancel(e) {
-      this.currentSeries = null, this.setRemoveItem(null, e), this.setShowRemoveDialog(!1, e), this.setShowOccurrenceDialog(!1, e);
+      this.currentSeries = null, this.currentFormItem = null, this.setRemoveItem(null, e), this.setShowRemoveDialog(!1, e), this.setShowOccurrenceDialog(!1, e);
     },
     handleRemoveConfirm(e) {
       this.compRemoveItem && this.$emit("dataaction", {
-        type: c.remove,
+        type: i.remove,
         series: this.compSeries,
         dataItem: this.compRemoveItem
       }), this.setRemoveItem(null, e), this.setShowRemoveDialog(!1, e);
@@ -197,18 +238,18 @@ const v = /* @__PURE__ */ r({
       this.setShowOccurrenceDialog && this.setShowOccurrenceDialog(e, t);
     },
     handleOccurrenceClick(e) {
-      this.compRemoveItem && (this.currentSeries = !1, this.setRemoveItem(this.$props.dataItem, e), this.setShowRemoveDialog(!0, e)), this.setShowOccurrenceDialog(!1, e);
+      this.compRemoveItem ? (this.currentSeries = !1, this.setRemoveItem(this.$props.dataItem, e), this.setShowRemoveDialog(!0, e)) : this.compFormItem && (this.currentSeries = !1, this.currentFormItem = this.$props.dataItem), this.setShowOccurrenceDialog(!1, e);
     },
     handleSeriesClick(e) {
       if (this.compRemoveItem) {
         this.currentSeries = !0;
-        const t = n(this.compRemoveItem, this.ks.fields, this.ks.dataItems);
+        const t = o(this.compRemoveItem, this.ks.fields, this.ks.dataItems);
         this.setRemoveItem(t, e), this.setShowRemoveDialog(!0, e);
-      }
+      } else this.compFormItem && (this.currentSeries = !0, this.currentFormItem = m(o(this.$props.dataItem, this.ks.fields, this.ks.dataItems)));
       this.setShowOccurrenceDialog(!1, e);
     }
   }
 });
 export {
-  v as SchedulerEditTask
+  b as SchedulerEditTask
 };

package/tasks/SchedulerTask.d.ts

@@ -23,6 +23,8 @@ export interface SchedulerTaskProps extends Item {
      * Overrides the `editable` prop of the `Scheduler` and the active view.
      */
     editable?: EditableProp | boolean;
+    /** @hidden */
+    readonly?: boolean;
     /**
      * Called when the `delete` icon is clicked.
      *
@@ -38,6 +40,8 @@ export interface SchedulerTaskProps extends Item {
     /** @hidden */
     showRemoveDialog?: boolean;
     /** @hidden */
+    isSeries?: boolean;
+    /** @hidden */
     showOccurrenceDialog?: boolean;
     /** @hidden */
     removeItem?: object;
@@ -80,6 +84,7 @@ declare const SchedulerTask: import('vue').DefineComponent<import('vue').Extract
     dataItem: PropType<any>;
     removeItem: PropType<object>;
     editable: PropType<boolean | EditableProp>;
+    readonly: PropType<boolean>;
     showOccurrenceDialog: {
         type: PropType<boolean>;
         default: any;
@@ -88,6 +93,10 @@ declare const SchedulerTask: import('vue').DefineComponent<import('vue').Extract
         type: PropType<boolean>;
         default: any;
     };
+    isSeries: {
+        type: PropType<boolean>;
+        default: any;
+    };
     onRemoveclick: PropType<(event: SchedulerTaskMouseEvent) => void>;
 }>, {}, {}, {}, {
     handleRemoveClick(event: any): void;
@@ -123,6 +132,7 @@ declare const SchedulerTask: import('vue').DefineComponent<import('vue').Extract
     dataItem: PropType<any>;
     removeItem: PropType<object>;
     editable: PropType<boolean | EditableProp>;
+    readonly: PropType<boolean>;
     showOccurrenceDialog: {
         type: PropType<boolean>;
         default: any;
@@ -131,8 +141,13 @@ declare const SchedulerTask: import('vue').DefineComponent<import('vue').Extract
         type: PropType<boolean>;
         default: any;
     };
+    isSeries: {
+        type: PropType<boolean>;
+        default: any;
+    };
     onRemoveclick: PropType<(event: SchedulerTaskMouseEvent) => void>;
 }>> & Readonly<{}>, {
+    isSeries: boolean;
     showOccurrenceDialog: boolean;
     showRemoveDialog: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/tasks/SchedulerTask.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=require("vue"),d=require("@progress/kendo-vue-intl"),c=require("../messages/main.js"),n=require("@progress/kendo-vue-common"),u=require("../components/SchedulerOccurrenceDialog.js"),h=require("../components/SchedulerRemoveDialog.js"),s=require("@progress/kendo-svg-icons"),k=require("../hooks/useEditable.js"),m=e.defineComponent({name:"KendoSchedulerTask",props:{refTo:[Function,Object],id:String,tabIndex:Number,head:Boolean,tail:Boolean,order:Number,zonedStart:Object,zonedEnd:Object,slots:Array,group:Object,range:Object,isException:Boolean,isRecurring:Boolean,isAllDay:Boolean,uid:[String,Number],start:Date,end:Date,originalStart:Date,startTimezone:String,endTimezone:String,title:String,description:String,occurrenceId:String,recurrenceExceptions:Array,recurrenceRule:String,recurrenceId:[String,Number],dataItem:Object,removeItem:Object,editable:[Object,Boolean],showOccurrenceDialog:{type:Boolean,default:void 0},showRemoveDialog:{type:Boolean,default:void 0},onRemoveclick:Function},inject:{kendoLocalizationService:{default:null},taskClick:{default:null},taskDoubleClick:{default:null},ksCancel:{default:null},ksSeriesClick:{default:null},ksOccurrenceClick:{default:null},ksRemoveConfirm:{default:null}},created(){this.task=null},render(){const t=n.getDefaultSlots(this),o=k.useEditable(this.$props.editable),a=d.provideLocalizationService(this).toLanguageString(c.deleteTitle,c.messages[c.deleteTitle]),l=this.$props.group.resources.find(r=>!!(r.colorField&&r[r.colorField]!==void 0)),i=l&&l.colorField&&l[l.colorField];return e.createVNode("div",{id:this.$props.id,class:"k-task",tabindex:this.$props.tabIndex||void 0,onClick:this.handleClick,onDblclick:this.handleDoubleClick},[i&&e.createVNode("span",{class:"k-scheduler-mark",style:{color:i,backgroundColor:i}},null),this.$props.isRecurring&&e.createVNode(n.Icon,{name:"arrow-rotate-cw",icon:s.arrowRotateCwIcon},null),this.$props.isException&&e.createVNode(n.Icon,{name:"arrows-no-repeat",icon:s.arrowsNoRepeatIcon},null),this.$props.title,t,o.remove&&e.createVNode("a",{class:"k-link k-event-delete",title:a,"aria-label":a,onClick:this.handleRemoveClick},[e.createVNode(n.Icon,{name:"x",icon:s.xIcon},null)]),this.showOccurrenceDialog&&e.createVNode(u.SchedulerOccurrenceDialog,{dataItem:this.removeItem,isRemove:this.removeItem!==null,onClose:this.ksCancel,onOccurrenceclose:this.ksOccurrenceClick,onSeriesclose:this.ksSeriesClick},null),this.showRemoveDialog&&e.createVNode(h.SchedulerRemoveDialog,{dataItem:this.removeItem,onClose:this.ksCancel,onCancel:this.ksCancel,onConfirm:this.ksRemoveConfirm},null)])},methods:{handleRemoveClick(t){this.$emit("removeclick",{event:t,target:this.task})},handleClick(t){const o={event:t,target:{props:{...this.$props},element:this.$el}};this.$emit("click",o),this.taskClick(o)},handleDoubleClick(t){const o={event:t,target:{props:{...this.$props},element:this.$el}};this.$emit("doubleclick",o),this.taskDoubleClick(o)}}});exports.SchedulerTask=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("@progress/kendo-vue-intl"),c=require("../messages/main.js"),i=require("@progress/kendo-vue-common"),h=require("../components/SchedulerOccurrenceDialog.js"),k=require("../components/SchedulerRemoveDialog.js"),s=require("@progress/kendo-svg-icons"),m=require("../hooks/useEditable.js"),p=e.defineComponent({name:"KendoSchedulerTask",props:{refTo:[Function,Object],id:String,tabIndex:Number,head:Boolean,tail:Boolean,order:Number,zonedStart:Object,zonedEnd:Object,slots:Array,group:Object,range:Object,isException:Boolean,isRecurring:Boolean,isAllDay:Boolean,uid:[String,Number],start:Date,end:Date,originalStart:Date,startTimezone:String,endTimezone:String,title:String,description:String,occurrenceId:String,recurrenceExceptions:Array,recurrenceRule:String,recurrenceId:[String,Number],dataItem:Object,removeItem:Object,editable:[Object,Boolean],readonly:Boolean,showOccurrenceDialog:{type:Boolean,default:void 0},showRemoveDialog:{type:Boolean,default:void 0},isSeries:{type:Boolean,default:void 0},onRemoveclick:Function},inject:{kendoLocalizationService:{default:null},taskClick:{default:null},taskDoubleClick:{default:null},ksCancel:{default:null},ksSeriesClick:{default:null},ksOccurrenceClick:{default:null},ksRemoveConfirm:{default:null}},created(){this.task=null},render(){const o=i.getDefaultSlots(this),t=m.useEditable(this.$props.editable),d=this.$props.readonly?{remove:!1,select:t.select}:t,a=u.provideLocalizationService(this).toLanguageString(c.deleteTitle,c.messages[c.deleteTitle]),l=this.$props.group.resources.find(r=>!!(r.colorField&&r[r.colorField]!==void 0)),n=l&&l.colorField&&l[l.colorField];return e.createVNode("div",{id:this.$props.id,class:"k-task",tabindex:this.$props.tabIndex||void 0,onClick:this.handleClick,onDblclick:this.handleDoubleClick},[n&&e.createVNode("span",{class:"k-scheduler-mark",style:{color:n,backgroundColor:n}},null),this.$props.isRecurring&&e.createVNode(i.Icon,{name:"arrow-rotate-cw",icon:s.arrowRotateCwIcon},null),this.$props.isException&&e.createVNode(i.Icon,{name:"arrows-no-repeat",icon:s.arrowsNoRepeatIcon},null),e.createVNode("span",{class:"k-scheduler-task-text"},[this.$props.title]),o,d.remove&&e.createVNode("a",{class:"k-link k-event-delete",title:a,"aria-label":a,onClick:this.handleRemoveClick},[e.createVNode(i.Icon,{name:"x",icon:s.xIcon},null)]),this.showOccurrenceDialog&&e.createVNode(h.SchedulerOccurrenceDialog,{dataItem:this.removeItem,isRemove:this.removeItem!==null,onClose:this.ksCancel,onOccurrenceclick:this.ksOccurrenceClick,onSeriesclick:this.ksSeriesClick},null),this.showRemoveDialog&&e.createVNode(k.SchedulerRemoveDialog,{dataItem:this.removeItem,isSeries:this.isSeries,onClose:this.ksCancel,onCancel:this.ksCancel,onConfirm:this.ksRemoveConfirm},null)])},methods:{handleRemoveClick(o){this.$emit("removeclick",{event:o,target:this.task})},handleClick(o){const t={event:o,target:{props:{...this.$props},element:this.$el}};this.$emit("click",t),this.taskClick(t)},handleDoubleClick(o){const t={event:o,target:{props:{...this.$props},element:this.$el}};this.$emit("doubleclick",t),this.taskDoubleClick(t)}}});exports.SchedulerTask=p;