@progress/kendo-vue-scheduler 3.0.9-dev.202203011321 → 3.1.0

package/dist/es/Scheduler.js

@@ -126,7 +126,13 @@ var SchedulerVue2 = {
     return {
       ks: this.ks,
       setActiveViewName: this.handleActiveViewNameChange,
-      setActiveDate: this.handleDateChange
+      setActiveDate: this.handleDateChange,
+      itemDoubleClick: this.handleItemDoubleClick,
+      itemClick: this.handleItemClick,
+      slotDoubleClick: this.handleSlotDoubleClick,
+      slotClick: this.handleSlotClick,
+      taskDoubleClick: this.handleTaskDoubleClick,
+      taskClick: this.handleTaskClick
     };
   },
   data: function data() {
@@ -173,6 +179,10 @@ var SchedulerVue2 = {
   watch: {
     view: function view(newName) {
       this.updatePassedState(newName);
+    },
+    timezone: function timezone(newName) {
+      this.ks.timezone = newName;
+      this.updatePassedState();
     }
   },
   // @ts-ignore
@@ -1135,6 +1145,24 @@ var SchedulerVue2 = {
         this.$el.style.boxShadow = '';
       }
     },
+    handleItemClick: function handleItemClick(args) {
+      this.$emit('itemclick', args);
+    },
+    handleItemDoubleClick: function handleItemDoubleClick(args) {
+      this.$emit('itemdoubleclick', args);
+    },
+    handleSlotClick: function handleSlotClick(args) {
+      this.$emit('slotclick', args);
+    },
+    handleSlotDoubleClick: function handleSlotDoubleClick(args) {
+      this.$emit('slotdoubleclick', args);
+    },
+    handleTaskClick: function handleTaskClick(args) {
+      this.$emit('taskclick', args);
+    },
+    handleTaskDoubleClick: function handleTaskDoubleClick(args) {
+      this.$emit('taskdoubleclick', args);
+    },
     setDate: function setDate(newDate, event) {
       this.ks.currentDate = newDate;
       this.updatePassedState();

package/dist/es/components/header/view-selector/ViewSelectorList.js

@@ -78,7 +78,8 @@ var ViewSelectorListVue2 = {
 
     return h("div", {
       "class": "k-scheduler-views-wrapper"
-    }, [activeView && this.media === 'mobile' && h(DropDownButton, {
+    }, [activeView && this.media === 'mobile' && // @ts-ignore  function children
+    h(DropDownButton, {
       "class": "k-views-dropdown",
       onItemclick: this.handleItemClick,
       on: this.v3 ? undefined : {
@@ -113,7 +114,13 @@ var ViewSelectorListVue2 = {
         });
       }, this),
       text: activeView.title || activeView.name
-    }), this.media === 'desktop' && // @ts-ignore  function children
+    }, this.v3 ? function () {
+      return [h("span", {
+        "class": "k-icon k-i-arrow-60-down"
+      })];
+    } : [h("span", {
+      "class": "k-icon k-i-arrow-60-down"
+    })]), this.media === 'desktop' && // @ts-ignore  function children
     h(ButtonGroup, {
       "class": "k-scheduler-views"
     }, this.v3 ? function () {

package/dist/es/context/SchedulerResourceIteratorContext.d.ts

@@ -5,6 +5,7 @@ declare type DefaultMethods<V> = {
 };
 /** @hidden */
 export interface SchedulerResourceIteratorContextProps {
+    noWrap: boolean;
     resource: any;
     groupIndex: number;
 }

package/dist/es/context/SchedulerResourceIteratorContext.js

@@ -8,6 +8,7 @@ var SchedulerResourceIteratorContextVue2 = {
   name: 'KendoSchedulerResourceIteratorContext',
   inheritAttrs: false,
   props: {
+    noWrap: Boolean,
     resource: {
       type: Object,
       default: function _default() {
@@ -43,7 +44,7 @@ var SchedulerResourceIteratorContextVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var defaultSlot = getDefaultSlots(this);
-    return h("div", {
+    return this.$props.noWrap ? defaultSlot[0] : h("div", {
       "class": "k-scheduler-cell k-group-cell"
     }, [defaultSlot]);
   }

package/dist/es/items/SchedulerEditItem.js

@@ -457,14 +457,13 @@ var SchedulerEditItemVue2 = {
       this.$emit('click', event);
     },
     handleDoubleClick: function handleDoubleClick(event) {
-      if (this.onDoubleClickAction) {
-        var actions = this.onDoubleClickAction(event, this.props, this.currentState);
-
-        if (actions) {// Array.isArray(actions) 
-          //     ? actions.filter(Boolean).map((action) => action &&
-          //      this.actionsReducerMap[action.type]({...action, item: this.item}, event))
-          //     : this.actionsReducerMap[actions.type]({...actions, item: this.item});
-        }
+      if (this.onDoubleClickAction) {//        const actions = this.onDoubleClickAction(event, this.props, this.currentState);
+        //        if (actions) {
+        // Array.isArray(actions) 
+        //     ? actions.filter(Boolean).map((action) => action &&
+        //      this.actionsReducerMap[action.type]({...action, item: this.item}, event))
+        //     : this.actionsReducerMap[actions.type]({...actions, item: this.item});
+        //        }
       }
 
       this.$emit('doubleclick', event);

package/dist/es/items/SchedulerItem.js

@@ -106,6 +106,12 @@ var SchedulerItemVue2 = {
     },
     setItems: {
       default: null
+    },
+    itemClick: {
+      default: null
+    },
+    itemDoubleClick: {
+      default: null
     }
   },
   computed: {
@@ -238,7 +244,7 @@ var SchedulerItemVue2 = {
         "mouseout": this.handleMouseOut,
         "mouseenter": this.handleMouseEnter,
         "mouseleave": this.handleMouseLeave,
-        "doubleclick": this.handleDoubleClick,
+        "dblclick": this.handleDoubleClick,
         "keydown": this.handleKeyDown,
         "keypress": this.handleKeyPress,
         "keyup": this.handleKeyUp
@@ -252,7 +258,7 @@ var SchedulerItemVue2 = {
       onMouseout: this.handleMouseOut,
       onMouseenter: this.handleMouseEnter,
       onMouseleave: this.handleMouseLeave,
-      onDoubleclick: this.handleDoubleClick // Keyboard
+      onDblclick: this.handleDoubleClick // Keyboard
       ,
       onKeydown: this.handleKeyDown,
       onKeypress: this.handleKeyPress,
@@ -312,130 +318,197 @@ var SchedulerItemVue2 = {
     handleFocus: function handleFocus(event) {
       this.$emit('focus', {
         event: event,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     handleBlur: function handleBlur(event) {
       this.$emit('blur', {
         event: event,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     // Mouse Handlers
     handleMouseDown: function handleMouseDown(event) {
       this.$emit('mousedown', {
         event: event,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     handleClick: function handleClick(event) {
-      this.$emit('click', {
+      var args = {
         event: event,
-        target: this.item
-      });
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
+      };
+      this.$emit('click', args);
+      this.itemClick(args);
     },
     handleMouseUp: function handleMouseUp(event) {
       this.$emit('mouseup', {
         event: event,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     handleMouseOver: function handleMouseOver(event) {
       this.$emit('mouseover', {
         event: event,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     handleMouseOut: function handleMouseOut(event) {
       this.$emit('mouseout', {
         event: event,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     handleMouseEnter: function handleMouseEnter(event) {
       this.$emit('mouseenter', {
         event: event,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     handleMouseLeave: function handleMouseLeave(event) {
       this.$emit('mouseleave', {
         event: event,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     handleDoubleClick: function handleDoubleClick(event) {
-      this.$emit('doubleclick', {
+      var args = {
         event: event,
-        target: this.item
-      });
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
+      };
+      this.$emit('doubleclick', args);
+      this.itemDoubleClick(args);
     },
     handleRemoveClick: function handleRemoveClick(event) {
       this.$emit('removeclick', {
         event: event,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     // Keyboard Handlers
     handleKeyDown: function handleKeyDown(event) {
       this.$emit('keydown', {
         event: event,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     handleKeyPress: function handleKeyPress(event) {
       this.$emit('keypress', {
         event: event,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     handleKeyUp: function handleKeyUp(event) {
       this.$emit('keyup', {
         event: event,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     // Drag Handlers
     handlePress: function handlePress(dragEvent) {
       this.$emit('press', {
         dragEvent: dragEvent,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     handleDrag: function handleDrag(dragEvent) {
       this.$emit('drag', {
         dragEvent: dragEvent,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     handleRelease: function handleRelease(dragEvent) {
       this.$emit('release', {
         dragEvent: dragEvent,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     handleResizePress: function handleResizePress(dragEvent) {
       this.$emit('resizepress', {
         dragEvent: dragEvent,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     handleResizeStartDrag: function handleResizeStartDrag(dragEvent) {
       this.$emit('resizestartdrag', {
         dragEvent: dragEvent,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$e
+        }
       });
     },
     handleResizeEndDrag: function handleResizeEndDrag(dragEvent) {
       this.$emit('resizeenddrag', {
         dragEvent: dragEvent,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     handleResizeRelease: function handleResizeRelease(dragEvent) {
       this.$emit('resizerelease', {
         dragEvent: dragEvent,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$e
+        }
       });
     }
   }

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-scheduler',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1646140644,
+    publishDate: 1646205551,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/es/slots/SchedulerSlot.js

@@ -1,4 +1,20 @@
-// @ts-ignore
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+}; // @ts-ignore
+
+
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -53,6 +69,12 @@ var SchedulerSlotVue2 = {
     },
     setSlots: {
       default: null
+    },
+    slotClick: {
+      default: null
+    },
+    slotDoubleClick: {
+      default: null
     }
   },
   created: function created() {
@@ -119,7 +141,7 @@ var SchedulerSlotVue2 = {
         "mouseleave": this.handleMouseLeave,
         "mouseover": this.handleMouseOver,
         "mouseout": this.handleMouseOut,
-        "doubleclick": this.handleDoubleClick,
+        "dblclick": this.handleDoubleClick,
         "keydown": this.handleKeyDown,
         "keypress": this.handleKeyPress,
         "keyup": this.handleKeyUp
@@ -131,7 +153,7 @@ var SchedulerSlotVue2 = {
       onMouseleave: this.handleMouseLeave,
       onMouseover: this.handleMouseOver,
       onMouseout: this.handleMouseOut,
-      onDoubleclick: this.handleDoubleClick // Keyboard
+      onDblclick: this.handleDoubleClick // Keyboard
       ,
       onKeydown: this.handleKeyDown,
       onKeypress: this.handleKeyPress,
@@ -149,67 +171,104 @@ var SchedulerSlotVue2 = {
     handleFocus: function handleFocus(event) {
       this.$emit('focus', {
         event: event,
-        target: this.slot
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     handleBlur: function handleBlur(event) {
       this.$emit('blur', {
         event: event,
-        target: this.slot
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     handleClick: function handleClick(event) {
-      this.$emit('click', {
+      var args = {
         event: event,
-        target: this.slot
-      });
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
+      };
+      this.$emit('click', args);
+      this.slotClick(args);
     },
     handleMouseOver: function handleMouseOver(event) {
       this.$emit('mouseover', {
         event: event,
-        target: this.slot
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     handleMouseOut: function handleMouseOut(event) {
       this.$emit('mouseout', {
         event: event,
-        target: this.slot
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     handleMouseEnter: function handleMouseEnter(event) {
       this.$emit('mouseenter', {
         event: event,
-        target: this.slot
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     handleMouseLeave: function handleMouseLeave(event) {
       this.$emit('mouseleave', {
         event: event,
-        target: this.slot
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     handleDoubleClick: function handleDoubleClick(event) {
-      this.$emit('doubleclick', {
+      var args = {
         event: event,
-        target: this.slot
-      });
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
+      };
+      this.$emit('doubleclick', args);
+      this.slotDoubleClick(args);
     },
     handleKeyDown: function handleKeyDown(event) {
       this.$emit('keydown', {
         event: event,
-        target: this.slot
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     handleKeyPress: function handleKeyPress(event) {
       this.$emit('keydown', {
         event: event,
-        target: this.slot
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     handleKeyUp: function handleKeyUp(event) {
       this.$emit('keyup', {
         event: event,
-        target: this.slot
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     }
   }

package/dist/es/tasks/SchedulerTask.js

@@ -1,4 +1,20 @@
-// @ts-ignore
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+}; // @ts-ignore
+
+
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -41,6 +57,12 @@ var SchedulerTaskVue2 = {
   inject: {
     kendoLocalizationService: {
       default: null
+    },
+    taskClick: {
+      default: null
+    },
+    taskDoubleClick: {
+      default: null
     }
   },
   created: function created() {
@@ -67,10 +89,17 @@ var SchedulerTaskVue2 = {
       id: this.$props.id,
       attrs: this.v3 ? undefined : {
         id: this.$props.id,
-        tabIndex: this.$props.tabIndex || undefined
+        tabIndex: this.$props.tabIndex || undefined // Mouse
+
       },
       "class": 'k-task',
-      tabIndex: this.$props.tabIndex || undefined
+      tabIndex: this.$props.tabIndex || undefined,
+      onClick: this.handleClick,
+      on: this.v3 ? undefined : {
+        "click": this.handleClick,
+        "dblclick": this.handleDoubleClick
+      },
+      onDblclick: this.handleDoubleClick
     }, [color && h("span", {
       "class": "k-scheduler-mark",
       style: {
@@ -103,6 +132,28 @@ var SchedulerTaskVue2 = {
         event: event,
         target: this.task
       });
+    },
+    handleClick: function handleClick(event) {
+      var args = {
+        event: event,
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
+      };
+      this.$emit('click', args);
+      this.taskClick(args);
+    },
+    handleDoubleClick: function handleDoubleClick(event) {
+      var args = {
+        event: event,
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
+      };
+      this.$emit('doubleclick', args);
+      this.taskDoubleClick(args);
     }
   }
 };