@progress/kendo-vue-scheduler 3.1.3-dev.202203311441 → 3.1.4

package/dist/es/items/SchedulerEditItem.js

@@ -1,9 +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 { Keys } from '@progress/kendo-vue-common';
+import { SchedulerForm } from '../components/SchedulerForm';
+import { DATA_ACTION } from '../Scheduler';
+import { clone, Keys } from '@progress/kendo-vue-common';
 import { SchedulerViewItem } from './SchedulerViewItem';
 import { ITEMS_FOCUS_ACTION, SLOTS_FOCUS_ACTION, useEditable } from '../hooks';
 import { FORM_ITEM_ACTION, useFormItem } from './hooks/use-form-item';
@@ -12,8 +30,9 @@ import { REMOVE_ITEM_ACTION, useRemoveItem } from './hooks/use-remove-item';
 import { SHOW_REMOVE_DIALOG_ACTION, useShowRemoveDialog } from './hooks/use-show-remove-item-dialog';
 import { DRAG_ITEM_ACTION, useDragItem } from './hooks/use-drag-item';
 import { RESIZE_ITEM_ACTION, useResizeItem } from './hooks/use-resize-item';
-import { SERIES_ACTION, useSeries } from './hooks/use-series';
-import { ITEMS_SELECT_ACTION } from '../hooks/use-items-selection'; // tslint:enable:max-line-length
+import { seriesReducer, SERIES_ACTION, useSeries } from './hooks/use-series';
+import { ITEMS_SELECT_ACTION } from '../hooks/use-items-selection';
+import { findMaster } from '../utils'; // tslint:enable:max-line-length
 
 var SchedulerEditItemVue2 = {
   name: 'KendoSchedulerEditItem',
@@ -71,6 +90,9 @@ var SchedulerEditItemVue2 = {
   inject: {
     bv: {
       default: null
+    },
+    ks: {
+      default: null
     }
   },
   provide: function provide() {
@@ -90,11 +112,22 @@ var SchedulerEditItemVue2 = {
         showOccurrenceDialog: this.showOccurrenceDialog
       },
       currentTabIndex: this.$props.tabIndex,
-      currentItem: null //    item: null
+      currentFormItem: null,
+      currentSelected: null,
+      currentSeries: null //    item: null
 
     };
   },
   computed: {
+    compSelected: function compSelected() {
+      return this.selected !== undefined ? this.selected : this.currentSelected;
+    },
+    compSeries: function compSeries() {
+      return this.series !== undefined ? this.series : this.currentSeries;
+    },
+    compFormItem: function compFormItem() {
+      return this.formItem !== undefined ? this.formItem : this.currentFormItem;
+    },
     currentState: function currentState() {
       return {
         selected: this.selected,
@@ -342,7 +375,20 @@ var SchedulerEditItemVue2 = {
         onResizeenddrag: this.handleResizeEndDrag,
         onResizestartdrag: this.handleResizeStartDrag,
         onResizeselease: this.handleResizeRelease
-      }) // {((dragItem && editable.drag)) && (Array.isArray(dragItem) 
+      }, [this.compFormItem && !showOccurrenceDialog && editable.edit && h(SchedulerForm, {
+        dataItem: this.compFormItem,
+        attrs: this.v3 ? undefined : {
+          dataItem: this.compFormItem
+        },
+        onSubmit: this.handleFormSubmit,
+        on: this.v3 ? undefined : {
+          "submit": this.handleFormSubmit,
+          "close": this.handleCancel,
+          "cancel": this.handleCancel
+        },
+        onClose: this.handleCancel,
+        onCancel: this.handleCancel
+      })]) // {((dragItem && editable.drag)) && (Array.isArray(dragItem) 
       //     ? (dragItem as any).map((di, idx) => (
       //     <Drag
       //         key={idx}
@@ -382,12 +428,6 @@ var SchedulerEditItemVue2 = {
       //         vertical={this.$props.vertical}
       //         />
       //     ))}
-      // {(formItem && !showOccurrenceDialog && editable.edit) && (<Form
-      // dataItem={formItem}
-      // onSubmit={this.handleFormSubmit}
-      // onClose={this.handleCancel}
-      // onCancel={this.handleCancel}
-      // />)}
       // {(showOccurrenceDialog) && (<OccurrenceDialog
       // dataItem={formItem || dragItem || resizeItem || removeItem}
       // isRemove={removeItem !== null}
@@ -406,6 +446,47 @@ var SchedulerEditItemVue2 = {
     );
   },
   methods: {
+    dispatchSeries: function dispatchSeries(action, _event) {
+      var newSeries = seriesReducer(this.compSeries, action);
+      this.currentSeries = newSeries;
+      this.$emit('serieschange', newSeries);
+    },
+    dispatchFormItem: function dispatchFormItem(action, _event) {
+      var newFormItem;
+
+      switch (action.type) {
+        case FORM_ITEM_ACTION.set:
+          newFormItem = action.payload;
+          break;
+
+        case FORM_ITEM_ACTION.reset:
+          newFormItem = null;
+          break;
+
+        case FORM_ITEM_ACTION.setMaster:
+          newFormItem = clone(findMaster(action.payload, this.ks.fields, this.ks.dataItems));
+          break;
+
+        case FORM_ITEM_ACTION.complete:
+          if (this.compFormItem) {
+            this.$emit('dataaction', {
+              type: DATA_ACTION.update,
+              series: this.compSeries,
+              dataItem: action.payload
+            });
+            newFormItem = null;
+          }
+
+          break;
+
+        default:
+          newFormItem = this.compFormItem;
+          break;
+      }
+
+      this.currentFormItem = newFormItem;
+      this.$emit('formitemchange', newFormItem);
+    },
     handleFocus: function handleFocus(event) {
       if (this.onFocusAction) {
         var actions = this.onFocusAction(event, this.$props, this.currentState);
@@ -447,7 +528,7 @@ var SchedulerEditItemVue2 = {
     },
     handleClick: function handleClick(event) {
       if (this.onClickAction) {
-        var actions = this.onClickAction(event, this.props, this.currentState);
+        var actions = this.onClickAction(event, this.$props, this.currentState);
 
         if (actions) {// Array.isArray(actions) 
           //     ? actions.filter(Boolean).map((action) => action &&
@@ -459,20 +540,26 @@ var SchedulerEditItemVue2 = {
       this.$emit('click', event);
     },
     handleDoubleClick: function handleDoubleClick(event) {
-      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});
-        //        }
+      if (this.onDoubleClickAction) {
+        var actions = this.onDoubleClickAction(event, this.$props, this.currentState);
+        var that_1 = this;
+
+        if (actions) {
+          Array.isArray(actions) ? actions.filter(Boolean).map(function (action) {
+            return action && that_1.actionsReducerMap[action.type](__assign(__assign({}, action), {
+              item: that_1.dataItem
+            }), event);
+          }) : that_1.actionsReducerMap[actions.type](__assign(__assign({}, actions), {
+            item: that_1.dataItem
+          }));
+        }
       }
 
       this.$emit('doubleclick', event);
     },
     handleRemoveClick: function handleRemoveClick(event) {
       if (this.onRemoveClickAction) {
-        var actions = this.onRemoveClickAction(event, this.props, this.currentState);
+        var actions = this.onRemoveClickAction(event, this.$props, this.currentState);
 
         if (actions) {// Array.isArray(actions) 
           //     ? actions.filter(Boolean).map((action) => action &&
@@ -485,7 +572,7 @@ var SchedulerEditItemVue2 = {
     },
     handlePress: function handlePress(event) {
       if (this.onPressAction) {
-        var actions = this.onPressAction(event, this.props, this.currentState);
+        var actions = this.onPressAction(event, this.$props, this.currentState);
 
         if (actions) {// Array.isArray(actions) 
           //     ? actions.filter(Boolean).map((action) => action &&
@@ -498,7 +585,7 @@ var SchedulerEditItemVue2 = {
     },
     handleDrag: function handleDrag(event) {
       if (this.onDragAction) {
-        var actions = this.onDragAction(event, this.props, this.currentState);
+        var actions = this.onDragAction(event, this.$props, this.currentState);
 
         if (actions) {// Array.isArray(actions) 
           //     ? actions.filter(Boolean).map((action) => action &&
@@ -604,28 +691,38 @@ var SchedulerEditItemVue2 = {
       this.$emit('resizerelease', event);
     },
     handleFormSubmit: function handleFormSubmit(event) {
+      var _this = this;
+
       if (this.onFormSubmitAction) {
         var actions = this.onFormSubmitAction(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}, event);
+        if (actions) {
+          Array.isArray(actions) ? actions.filter(Boolean).map(function (action) {
+            return action && _this.actionsReducerMap[action.type](__assign(__assign({}, action), {
+              item: _this.item
+            }), event);
+          }) : this.actionsReducerMap[actions.type](__assign(__assign({}, actions), {
+            item: this.item
+          }), event);
         }
       }
 
       this.$emit('formsubmit', event);
     },
     handleCancel: function handleCancel(event) {
+      var _this = this;
+
       if (this.onCancelAction) {
         var actions = this.onCancelAction(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}, event);
+        if (actions) {
+          Array.isArray(actions) ? actions.filter(Boolean).map(function (action) {
+            return action && _this.actionsReducerMap[action.type](__assign(__assign({}, action), {
+              item: _this.item
+            }), event);
+          }) : this.actionsReducerMap[actions.type](__assign(__assign({}, actions), {
+            item: this.item
+          }), event);
         }
       }
 

package/dist/es/items/SchedulerItemContent.js

@@ -6,7 +6,9 @@ var gh = allVue.h; // tslint:enable:max-line-length
 
 var SchedulerItemContentVue2 = {
   name: 'KendoSchedulerItemContent',
-  props: {},
+  props: {
+    title: String
+  },
   // @ts-ignore
   setup: !gh ? undefined : function () {
     var v3 = !!gh;
@@ -20,7 +22,7 @@ var SchedulerItemContentVue2 = {
     var defaultSlot = getDefaultSlots(this);
     return h("div", {
       "class": 'k-event-template'
-    }, [defaultSlot]);
+    }, [this.title, defaultSlot]);
   }
 };
 var SchedulerItemContent = SchedulerItemContentVue2;

package/dist/es/items/SchedulerViewItem.js

@@ -230,7 +230,44 @@ var SchedulerViewItemVue2 = {
       style: __assign({
         visibility: this.visible ? undefined : 'hidden',
         display: this.display ? undefined : 'none'
-      }, this.$props.style)
+      }, this.$props.style) // Keyboard
+      ,
+      onKeydown: this.handleKeyDown,
+      on: this.v3 ? undefined : {
+        "keydown": this.handleKeyDown,
+        "keyup": this.handleKeyUp,
+        "focus": this.handleFocus,
+        "mouseup": this.handleMouseUp,
+        "mousedown": this.handleMouseDown,
+        "click": this.handleClick,
+        "doubleclick": this.handleDoubleClick,
+        "removeclick": this.handleRemoveClick,
+        "press": this.handlePress,
+        "drag": this.handleDrag,
+        "release": this.handleRelease,
+        "resizepress": this.handleResizePress,
+        "resizeenddrag": this.handleResizeEndDrag,
+        "resizestartdrag": this.handleResizeStartDrag,
+        "resizeselease": this.handleResizeRelease
+      },
+      onKeyup: this.handleKeyUp // Focus
+      ,
+      onFocus: this.handleFocus // Mouse
+      ,
+      onMouseup: this.handleMouseUp,
+      onMousedown: this.handleMouseDown,
+      onClick: this.handleClick,
+      onDoubleclick: this.handleDoubleClick,
+      onRemoveclick: this.handleRemoveClick // Drag
+      ,
+      onPress: this.handlePress,
+      onDrag: this.handleDrag,
+      onRelease: this.handleRelease // Resize
+      ,
+      onResizepress: this.handleResizePress,
+      onResizeenddrag: this.handleResizeEndDrag,
+      onResizestartdrag: this.handleResizeStartDrag,
+      onResizeselease: this.handleResizeRelease
     }, this.v3 ? function () {
       return [!_this2.$props.resizeHint && h("div", {
         title: _this2.itemTitle,
@@ -239,29 +276,45 @@ var SchedulerViewItemVue2 = {
         }
       }, [!_this2.$props.isAllDay && // @ts-ignore  function children
       h(SchedulerItemContent, {
+        title: _this2.itemTitle,
+        attrs: _this2.v3 ? undefined : {
+          title: _this2.itemTitle
+        },
         "class": "k-event-template k-event-time "
       }, _this2.v3 ? function () {
-        return [_this2.itemTitle];
-      } : [_this2.itemTitle]), // @ts-ignore  function children
+        return [defaultSlot];
+      } : [defaultSlot]), // @ts-ignore  function children
       h(SchedulerItemContent, {
+        title: _this2.$props.title,
+        attrs: _this2.v3 ? undefined : {
+          title: _this2.$props.title
+        },
         "class": "k-event-template"
       }, _this2.v3 ? function () {
-        return [_this2.$props.title];
-      } : [_this2.$props.title])])];
+        return [defaultSlot];
+      } : [defaultSlot])])];
     } : [!_this2.$props.resizeHint && h("div", {
       title: _this2.itemTitle,
       attrs: _this2.v3 ? undefined : {
         title: _this2.itemTitle
       }
     }, [!_this2.$props.isAllDay && h(SchedulerItemContent, {
+      title: _this2.itemTitle,
+      attrs: _this2.v3 ? undefined : {
+        title: _this2.itemTitle
+      },
       "class": "k-event-template k-event-time "
     }, _this2.v3 ? function () {
-      return [_this2.itemTitle];
-    } : [_this2.itemTitle]), h(SchedulerItemContent, {
+      return [defaultSlot];
+    } : [defaultSlot]), h(SchedulerItemContent, {
+      title: _this2.$props.title,
+      attrs: _this2.v3 ? undefined : {
+        title: _this2.$props.title
+      },
       "class": "k-event-template"
     }, _this2.v3 ? function () {
-      return [_this2.$props.title];
-    } : [_this2.$props.title])])]);
+      return [defaultSlot];
+    } : [defaultSlot])])]);
     itemRender = getTemplate.call(this, {
       h: h,
       template: this.$props.item,
@@ -271,6 +324,73 @@ var SchedulerViewItemVue2 = {
     return itemRender;
   },
   methods: {
+    // Focus Handlers
+    handleFocus: function handleFocus(e) {
+      this.$emit('focus', e);
+    },
+    handleBlur: function handleBlur(e) {
+      this.$emit('blur', e);
+    },
+    // Mouse Handlers
+    handleMouseDown: function handleMouseDown(e) {
+      this.$emit('mousedown', e);
+    },
+    handleClick: function handleClick(e) {
+      this.$emit('click', e);
+    },
+    handleMouseUp: function handleMouseUp(e) {
+      this.$emit('mouseup', e);
+    },
+    handleMouseOver: function handleMouseOver(e) {
+      this.$emit('mouseover', e);
+    },
+    handleMouseOut: function handleMouseOut(e) {
+      this.$emit('mouseout', e);
+    },
+    handleMouseEnter: function handleMouseEnter(e) {
+      this.$emit('mouseenter', e);
+    },
+    handleMouseLeave: function handleMouseLeave(e) {
+      this.$emit('mouseleave', e);
+    },
+    handleDoubleClick: function handleDoubleClick(e) {
+      this.$emit('doubleclick', e);
+    },
+    handleRemoveClick: function handleRemoveClick(e) {
+      this.$emit('removeclick', e);
+    },
+    // Keyboard Handlers
+    handleKeyDown: function handleKeyDown(e) {
+      this.$emit('keydown', e);
+    },
+    handleKeyPress: function handleKeyPress(e) {
+      this.$emit('keypress', e);
+    },
+    handleKeyUp: function handleKeyUp(e) {
+      this.$emit('keyup', e);
+    },
+    // Drag Handlers
+    handlePress: function handlePress(e) {
+      this.$emit('press', e);
+    },
+    handleDrag: function handleDrag(e) {
+      this.$emit('drag', e);
+    },
+    handleRelease: function handleRelease(e) {
+      this.$emit('release', e);
+    },
+    handleResizePress: function handleResizePress(e) {
+      this.$emit('resizepress', e);
+    },
+    handleResizeStartDrag: function handleResizeStartDrag(e) {
+      this.$emit('resizestartdrag', e);
+    },
+    handleResizeEndDrag: function handleResizeEndDrag(e) {
+      this.$emit('resizeenddrag', e);
+    },
+    handleResizeRelease: function handleResizeRelease(e) {
+      this.$emit('resizerelease', e);
+    },
     calculateMostSiblings: function calculateMostSiblings(slots, items) {
       var _this = this;
 

package/dist/es/items/hooks/use-series.d.ts

@@ -19,5 +19,6 @@ export declare type SchedulerItemSeriesAction = {
     type: SERIES_ACTION;
     payload?: boolean;
 };
+export declare const seriesReducer: (state: any, action: SchedulerItemSeriesAction) => any;
 /** @hidden */
 export declare const useSeries: (_defaultProp: DataItem, _prop?: DataItem, _callback?: any) => any[];

package/dist/es/items/hooks/use-series.js

@@ -14,7 +14,7 @@ export var SERIES_ACTION;
   SERIES_ACTION["toggle"] = "SERIES_TOGGLE";
 })(SERIES_ACTION || (SERIES_ACTION = {}));
 
-var seriesReducer = function seriesReducer(state, action) {
+export var seriesReducer = function seriesReducer(state, action) {
   switch (action.type) {
     case SERIES_ACTION.reset:
       return null;
@@ -31,7 +31,6 @@ var seriesReducer = function seriesReducer(state, action) {
 };
 /** @hidden */
 
-
 export var useSeries = function useSeries(_defaultProp, _prop, _callback) {
   // const [series, setSeries] = useControlledState<DataItem | null>(defaultProp, prop, callback);
   // const handleSeriesAction = (action: SchedulerItemSeriesAction) => {

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: 1648737501,
+    publishDate: 1649223897,
     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/recurrence/common.js

@@ -73,7 +73,8 @@ export var getUntil = function (rrule) {
 export var getMonths = function (intl) {
     return intl.dateFormatNames({
         type: 'months',
-        nameType: 'wide'
+        nameType: 'wide',
+        standAlone: true
     }).map(function (month, idx) { return ({
         text: month,
         value: idx + 1