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

package/dist/es/views/common/VerticalResourceIterator.js

@@ -64,11 +64,13 @@ var VerticalResourceIteratorVue2 = {
       if (args.depth === args.resources.length || !hasGroups) {
         return (// @ts-ignore  function children
           h(SchedulerResourceIteratorContext, {
-            resource: args.resources[args.depth],
+            noWrap: true,
             attrs: this.v3 ? undefined : {
+              noWrap: true,
               resource: args.resources[args.depth],
               groupIndex: hasGroups ? args.groupIndex : 0
             },
+            resource: args.resources[args.depth],
             groupIndex: hasGroups ? args.groupIndex : 0
           }, this.v3 ? function () {
             return [children];
@@ -146,11 +148,13 @@ var VerticalResourceIteratorVue2 = {
       if (args.depth === args.resources.length || !hasGroups) {
         return (// @ts-ignore  function children
           h(SchedulerResourceIteratorContext, {
-            resource: args.resources[args.depth],
+            noWrap: true,
             attrs: this.v3 ? undefined : {
+              noWrap: true,
               resource: args.resources[args.depth],
               groupIndex: hasGroups ? args.groupIndex : undefined
             },
+            resource: args.resources[args.depth],
             groupIndex: hasGroups ? args.groupIndex : undefined
           }, this.v3 ? function () {
             return [children];
@@ -186,19 +190,24 @@ var VerticalResourceIteratorVue2 = {
 
     var cellChildren = function cellChildren(children, currentResources, currentGroupIndex) {
       var hasGroups = currentResources.length > 0;
-      return h("div", {
-        "class": "k-scheduler-cell k-group-content"
-      }, [// @ts-ignore  function children
-      h(SchedulerResourceIteratorContext, {
-        resource: currentResources[currentGroupIndex],
-        attrs: this.v3 ? undefined : {
+      return (// @ts-ignore  function children
+        h(SchedulerResourceIteratorContext, {
+          noWrap: true,
+          attrs: this.v3 ? undefined : {
+            noWrap: true,
+            resource: currentResources[currentGroupIndex],
+            groupIndex: hasGroups ? currentGroupIndex : undefined
+          },
           resource: currentResources[currentGroupIndex],
           groupIndex: hasGroups ? currentGroupIndex : undefined
-        },
-        groupIndex: hasGroups ? currentGroupIndex : undefined
-      }, this.v3 ? function () {
-        return [children];
-      } : [children])]);
+        }, this.v3 ? function () {
+          return [h("div", {
+            "class": "k-scheduler-cell k-group-content"
+          }, [children])];
+        } : [h("div", {
+          "class": "k-scheduler-cell k-group-content"
+        }, [children])])
+      );
     };
 
     var cellPrefix = function cellPrefix(currentResources) {

package/dist/npm/Scheduler.js

@@ -152,7 +152,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() {
@@ -199,6 +205,10 @@ var SchedulerVue2 = {
   watch: {
     view: function view(newName) {
       this.updatePassedState(newName);
+    },
+    timezone: function timezone(newName) {
+      this.ks.timezone = newName;
+      this.updatePassedState();
     }
   },
   // @ts-ignore
@@ -1161,6 +1171,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/npm/components/header/view-selector/ViewSelectorList.js

@@ -87,7 +87,8 @@ var ViewSelectorListVue2 = {
 
     return h("div", {
       "class": "k-scheduler-views-wrapper"
-    }, [activeView && this.media === 'mobile' && h(kendo_vue_buttons_1.DropDownButton, {
+    }, [activeView && this.media === 'mobile' && // @ts-ignore  function children
+    h(kendo_vue_buttons_1.DropDownButton, {
       "class": "k-views-dropdown",
       onItemclick: this.handleItemClick,
       on: this.v3 ? undefined : {
@@ -122,7 +123,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(kendo_vue_buttons_1.ButtonGroup, {
       "class": "k-scheduler-views"
     }, this.v3 ? function () {

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

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

package/dist/npm/context/SchedulerResourceIteratorContext.js

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

package/dist/npm/items/SchedulerEditItem.js

@@ -476,14 +476,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/npm/items/SchedulerItem.js

@@ -120,6 +120,12 @@ var SchedulerItemVue2 = {
     },
     setItems: {
       default: null
+    },
+    itemClick: {
+      default: null
+    },
+    itemDoubleClick: {
+      default: null
     }
   },
   computed: {
@@ -252,7 +258,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
@@ -266,7 +272,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,
@@ -326,130 +332,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/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.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/npm/slots/SchedulerSlot.js

@@ -1,5 +1,21 @@
 "use strict";
 
+var __assign = undefined && undefined.__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);
+};
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -64,6 +80,12 @@ var SchedulerSlotVue2 = {
     },
     setSlots: {
       default: null
+    },
+    slotClick: {
+      default: null
+    },
+    slotDoubleClick: {
+      default: null
     }
   },
   created: function created() {
@@ -130,7 +152,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
@@ -142,7 +164,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,
@@ -160,67 +182,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
+        }
       });
     }
   }