@progress/kendo-vue-scheduler 3.1.0-dev.202203011833 → 3.1.1

package/dist/es/slots/SchedulerSlot.js

@@ -1,11 +1,31 @@
-// @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;
 var inject = allVue.inject;
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 import { COLLECTION_ACTION, formatEventTime } from '../utils';
-import { provideIntlService } from '@progress/kendo-vue-intl'; // tslint:enable:max-line-length
+import { provideIntlService } from '@progress/kendo-vue-intl';
+import { ShowMoreItemsButton } from '../components/ShowMoreItemsButton';
+var DAY_FORMAT = {
+  skeleton: 'dd'
+}; // tslint:enable:max-line-length
 
 var SchedulerSlotVue2 = {
   name: 'KendoSchedulerSlot',
@@ -30,7 +50,9 @@ var SchedulerSlotVue2 = {
     end: Date,
     zonedStart: Object,
     zonedEnd: Object,
-    isAllDay: Boolean
+    isAllDay: Boolean,
+    navDay: Boolean,
+    itemsPerSlot: Number
   },
   computed: {
     currentTabIndex: function currentTabIndex() {
@@ -53,6 +75,12 @@ var SchedulerSlotVue2 = {
     },
     setSlots: {
       default: null
+    },
+    slotClick: {
+      default: null
+    },
+    slotDoubleClick: {
+      default: null
     }
   },
   created: function created() {
@@ -119,7 +147,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 +159,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,
@@ -143,73 +171,120 @@ var SchedulerSlotVue2 = {
       "data-slot-group": this.$props.group.index,
       "data-slot-range": this.$props.range.index,
       "data-slot-index": this.$props.index
-    }, [defaultSlot]);
+    }, [this.navDay && h("span", {
+      "class": "k-link k-nav-day"
+    }, [this.intl.formatDate(new Date(this.end.getTime() - (this.end.getTime() - this.start.getTime()) / 2), DAY_FORMAT)]), this.itemsPerSlot < this.items.length && h(ShowMoreItemsButton, {
+      onClick: this.handleShowMoreItemsClick,
+      on: this.v3 ? undefined : {
+        "click": this.handleShowMoreItemsClick
+      }
+    }), defaultSlot]);
   },
   methods: {
+    handleShowMoreItemsClick: function handleShowMoreItemsClick(event) {
+      this.$emit('showmoreitems', event);
+    },
     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/slots/SchedulerViewSlot.d.ts

@@ -22,7 +22,7 @@ export interface SchedulerViewSlotProps extends SchedulerSlotProps {
      *
      * The default Component is: [SchedulerSlot]({% slug api_scheduler_schedulerslot %}).
      */
-    renderSlot?: any;
+    slotRender?: any;
     /**
      * Set to `false` will render the `slot` as is, without expanding depending on the `items` inside it.
      *

package/dist/es/slots/SchedulerViewSlot.js

@@ -5,7 +5,7 @@ var gh = allVue.h;
 var inject = allVue.inject;
 import { SchedulerSlot } from './SchedulerSlot';
 import { useSlotExpand } from '../hooks';
-import { getDefaultSlots } from '@progress/kendo-vue-common'; // tslint:enable:max-line-length
+import { getDefaultSlots, getTemplate } from '@progress/kendo-vue-common'; // tslint:enable:max-line-length
 
 var SchedulerViewSlotVue2 = {
   name: 'KendoSchedulerViewSlot',
@@ -30,9 +30,11 @@ var SchedulerViewSlotVue2 = {
     end: Date,
     zonedStart: Object,
     zonedEnd: Object,
-    renderSlot: [String, Function, Object],
+    slotRender: [String, Function, Object],
     expandable: [Boolean, Object],
-    isAllDay: Boolean
+    isAllDay: Boolean,
+    navDay: Boolean,
+    itemsPerSlot: Number
   },
   created: function created() {
     this.viewSlot = null;
@@ -64,7 +66,6 @@ var SchedulerViewSlotVue2 = {
     var h = gh || createElement;
     var defaultSlot = getDefaultSlots(this);
     var _a = this.$props,
-        renderSlot = _a.renderSlot,
         refTo = _a.refTo,
         items = _a.items,
         row = _a.row,
@@ -77,27 +78,14 @@ var SchedulerViewSlotVue2 = {
         start = _a.start,
         end = _a.end,
         zonedStart = _a.zonedStart,
-        zonedEnd = _a.zonedEnd;
-    return (// @ts-ignore  function children
-      h(SchedulerSlot, {
-        renderSlot: renderSlot //  refTo={refTo}
-        ,
-        attrs: this.v3 ? undefined : {
-          renderSlot: renderSlot,
-          isAllDay: this.isAllDay,
-          items: items,
-          row: row,
-          group: group,
-          range: range,
-          isWorkDay: isWorkDay,
-          isWorkHour: isWorkHour,
-          col: col,
-          index: index,
-          start: start,
-          end: end,
-          zonedStart: zonedStart,
-          zonedEnd: zonedEnd
-        },
+        zonedEnd = _a.zonedEnd,
+        navDay = _a.navDay,
+        itemsPerSlot = _a.itemsPerSlot;
+    var slotRender;
+    var slotRenderDefaultRendering = // @ts-ignore  function children
+    h(SchedulerSlot, {
+      isAllDay: this.isAllDay,
+      attrs: this.v3 ? undefined : {
         isAllDay: this.isAllDay,
         items: items,
         row: row,
@@ -110,11 +98,46 @@ var SchedulerViewSlotVue2 = {
         start: start,
         end: end,
         zonedStart: zonedStart,
-        zonedEnd: zonedEnd
-      }, this.v3 ? function () {
-        return [defaultSlot];
-      } : [defaultSlot])
-    );
+        zonedEnd: zonedEnd,
+        navDay: navDay,
+        itemsPerSlot: itemsPerSlot
+      },
+      items: items,
+      row: row,
+      group: group,
+      range: range,
+      isWorkDay: isWorkDay,
+      isWorkHour: isWorkHour,
+      col: col,
+      index: index,
+      start: start,
+      end: end,
+      zonedStart: zonedStart,
+      zonedEnd: zonedEnd,
+      navDay: navDay,
+      itemsPerSlot: itemsPerSlot,
+      onShowmoreitems: this.handleShowMoreItemsClick,
+      on: this.v3 ? undefined : {
+        "showmoreitems": this.handleShowMoreItemsClick
+      }
+    }, this.v3 ? function () {
+      return [defaultSlot];
+    } : [defaultSlot]);
+    slotRender = getTemplate.call(this, {
+      h: h,
+      template: this.$props.slotRender,
+      defaultRendering: slotRenderDefaultRendering,
+      defaultSlots: defaultSlot,
+      additionalListeners: {
+        showmoreitems: this.handleShowMoreItemsClick
+      }
+    });
+    return slotRender;
+  },
+  methods: {
+    handleShowMoreItemsClick: function handleShowMoreItemsClick(event) {
+      this.$emit('showmoreitems', event);
+    }
   }
 };
 var SchedulerViewSlot = SchedulerViewSlotVue2;

package/dist/es/tasks/SchedulerEditTask.js

@@ -19,7 +19,8 @@ var inject = allVue.inject;
 import { SchedulerViewTask } from './SchedulerViewTask';
 import { useEditable } from '../hooks';
 import { findMaster } from '../utils';
-import { DATA_ACTION } from '../Scheduler'; // tslint:enable:max-line-length
+import { DATA_ACTION } from '../Scheduler';
+import { getDefaultSlots } from '@progress/kendo-vue-common'; // tslint:enable:max-line-length
 
 var SchedulerEditTaskVue2 = {
   name: 'KendoSchedulerEditTask',
@@ -93,6 +94,7 @@ var SchedulerEditTaskVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var h = gh || createElement;
+    var defaultSlot = getDefaultSlots(this);
 
     var _a = this.$props,
         refTo = _a.refTo,
@@ -108,10 +110,38 @@ var SchedulerEditTaskVue2 = {
         taskProps = __rest(_a, ["refTo", "viewTask", "removeDialog", "removeItem", "onRemoveItemChange", "occurrenceDialog", "showOccurrenceDialog", "onShowOccurrenceDialogChange", "showRemoveDialog", "onShowRemoveDialogChange"]);
 
     this.currentEditable = useEditable(this.$props.editable);
-    return h(SchedulerViewTask, {
-      id: this.$props.id,
-      attrs: this.v3 ? undefined : {
+    return (// @ts-ignore  function children
+      h(SchedulerViewTask, {
         id: this.$props.id,
+        attrs: this.v3 ? undefined : {
+          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
+        },
         tabIndex: this.$props.tabIndex,
         head: this.$props.head,
         tail: this.$props.tail,
@@ -136,52 +166,29 @@ var SchedulerEditTaskVue2 = {
         recurrenceExceptions: this.$props.recurrenceExceptions,
         recurrenceRule: this.$props.recurrenceRule,
         recurrenceId: this.$props.recurrenceId,
-        dataItem: this.$props.dataItem //        {...taskProps}
+        dataItem: this.$props.dataItem,
+        task: this.$props.task,
+        onRemoveClick: this.handleRemoveClick,
+        on: this.v3 ? undefined : {
+          "removeClick": this.handleRemoveClick
+        }
+      }, this.v3 ? function () {
+        return [defaultSlot];
+      } : [defaultSlot]) // {(this.showOccurrenceDialog) && (<SchedulerOccurrenceDialog
+      // dataItem={this.removeItem}
+      // isRemove={this.removeItem !== null}
+      // onClose={this.handleCancel}
+      // onOccurrenceClick={this.handleOccurrenceClick}
+      // onSeriesClick={this.handleSeriesClick}
+      //     />)}
+      // {(this.showRemoveDialog) && (<SchedulerRemoveDialog
+      // dataItem={this.removeItem}
+      // onClose={this.handleCancel}
+      // onCancel={this.handleCancel}
+      // onConfirm={this.handleRemoveConfirm}
+      //     />)}
 
-      },
-      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,
-      onRemoveClick: this.handleRemoveClick,
-      on: this.v3 ? undefined : {
-        "removeClick": this.handleRemoveClick
-      }
-    }) // {(this.showOccurrenceDialog) && (<SchedulerOccurrenceDialog
-    // dataItem={this.removeItem}
-    // isRemove={this.removeItem !== null}
-    // onClose={this.handleCancel}
-    // onOccurrenceClick={this.handleOccurrenceClick}
-    // onSeriesClick={this.handleSeriesClick}
-    //     />)}
-    // {(this.showRemoveDialog) && (<SchedulerRemoveDialog
-    // dataItem={this.removeItem}
-    // onClose={this.handleCancel}
-    // onCancel={this.handleCancel}
-    // onConfirm={this.handleRemoveConfirm}
-    //     />)}
-    ;
+    );
   },
   methods: {
     setRemoveItem: function setRemoveItem(item, event) {

package/dist/es/tasks/SchedulerTask.js

@@ -1,10 +1,27 @@
-// @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;
 var inject = allVue.inject;
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { deleteTitle, messages } from '../messages';
+import { getDefaultSlots } from '@progress/kendo-vue-common';
 import { useEditable } from '../hooks'; // tslint:enable:max-line-length
 
 var SchedulerTaskVue2 = {
@@ -41,6 +58,12 @@ var SchedulerTaskVue2 = {
   inject: {
     kendoLocalizationService: {
       default: null
+    },
+    taskClick: {
+      default: null
+    },
+    taskDoubleClick: {
+      default: null
     }
   },
   created: function created() {
@@ -56,6 +79,7 @@ var SchedulerTaskVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var h = gh || createElement;
+    var defaultSlot = getDefaultSlots(this);
     var editable = useEditable(this.$props.editable);
     var localization = provideLocalizationService(this);
     var deleteMessage = localization.toLanguageString(deleteTitle, messages[deleteTitle]);
@@ -67,10 +91,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: {
@@ -81,7 +112,7 @@ var SchedulerTaskVue2 = {
       "class": "k-icon k-i-reload"
     }), this.$props.isException && h("span", {
       "class": "k-icon k-i-non-recurrence"
-    }), this.$props.title, editable.remove && h("a", {
+    }), this.$props.title, defaultSlot, editable.remove && h("a", {
       "class": "k-link k-event-delete",
       title: deleteMessage,
       attrs: this.v3 ? undefined : {
@@ -103,6 +134,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);
     }
   }
 };

package/dist/es/tasks/SchedulerViewTask.js

@@ -1,17 +1,5 @@
-var __rest = this && this.__rest || function (s, e) {
-  var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-}; // @ts-ignore
-
-
+// @ts-ignore
+import { getDefaultSlots, getTemplate } from '@progress/kendo-vue-common';
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -47,7 +35,8 @@ var SchedulerViewTaskVue2 = {
     recurrenceExceptions: Array,
     recurrenceRule: String,
     recurrenceId: [String, Number],
-    dataItem: Object
+    dataItem: Object,
+    task: [String, Function, Object]
   },
   // @ts-ignore
   setup: !gh ? undefined : function () {
@@ -59,13 +48,10 @@ var SchedulerViewTaskVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var h = gh || createElement;
-
-    var _a = this.$props,
-        taskProp = _a.task,
-        refTo = _a.refTo,
-        taskProps = __rest(_a, ["task", "refTo"]);
-
-    return h(SchedulerTask, {
+    var defaultSlot = getDefaultSlots(this);
+    var taskRender;
+    var taskRenderDefaultRendering = // @ts-ignore  function children
+    h(SchedulerTask, {
       id: this.$props.id,
       attrs: this.v3 ? undefined : {
         id: this.$props.id,
@@ -120,7 +106,16 @@ var SchedulerViewTaskVue2 = {
       recurrenceRule: this.$props.recurrenceRule,
       recurrenceId: this.$props.recurrenceId,
       dataItem: this.$props.dataItem
+    }, this.v3 ? function () {
+      return [defaultSlot];
+    } : [defaultSlot]);
+    taskRender = getTemplate.call(this, {
+      h: h,
+      template: this.$props.task,
+      defaultRendering: taskRenderDefaultRendering,
+      defaultSlots: defaultSlot
     });
+    return taskRender;
   }
 };
 var SchedulerViewTask = SchedulerViewTaskVue2;