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

package/dist/npm/items/SchedulerEditItem.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
 });
@@ -11,6 +27,10 @@ var allVue = Vue;
 var gh = allVue.h;
 var inject = allVue.inject;
 
+var SchedulerForm_1 = require("../components/SchedulerForm");
+
+var Scheduler_1 = require("../Scheduler");
+
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 
 var SchedulerViewItem_1 = require("./SchedulerViewItem");
@@ -31,7 +51,9 @@ var use_resize_item_1 = require("./hooks/use-resize-item");
 
 var use_series_1 = require("./hooks/use-series");
 
-var use_items_selection_1 = require("../hooks/use-items-selection"); // tslint:enable:max-line-length
+var use_items_selection_1 = require("../hooks/use-items-selection");
+
+var utils_1 = require("../utils"); // tslint:enable:max-line-length
 
 
 var SchedulerEditItemVue2 = {
@@ -90,6 +112,9 @@ var SchedulerEditItemVue2 = {
   inject: {
     bv: {
       default: null
+    },
+    ks: {
+      default: null
     }
   },
   provide: function provide() {
@@ -109,11 +134,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,
@@ -361,7 +397,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_1.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}
@@ -401,12 +450,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}
@@ -425,6 +468,47 @@ var SchedulerEditItemVue2 = {
     );
   },
   methods: {
+    dispatchSeries: function dispatchSeries(action, _event) {
+      var newSeries = use_series_1.seriesReducer(this.compSeries, action);
+      this.currentSeries = newSeries;
+      this.$emit('serieschange', newSeries);
+    },
+    dispatchFormItem: function dispatchFormItem(action, _event) {
+      var newFormItem;
+
+      switch (action.type) {
+        case use_form_item_1.FORM_ITEM_ACTION.set:
+          newFormItem = action.payload;
+          break;
+
+        case use_form_item_1.FORM_ITEM_ACTION.reset:
+          newFormItem = null;
+          break;
+
+        case use_form_item_1.FORM_ITEM_ACTION.setMaster:
+          newFormItem = kendo_vue_common_1.clone(utils_1.findMaster(action.payload, this.ks.fields, this.ks.dataItems));
+          break;
+
+        case use_form_item_1.FORM_ITEM_ACTION.complete:
+          if (this.compFormItem) {
+            this.$emit('dataaction', {
+              type: Scheduler_1.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);
@@ -466,7 +550,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 &&
@@ -478,20 +562,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 &&
@@ -504,7 +594,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 &&
@@ -517,7 +607,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 &&
@@ -623,28 +713,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/npm/items/SchedulerItemContent.js

@@ -14,7 +14,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;
@@ -28,7 +30,7 @@ var SchedulerItemContentVue2 = {
     var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
     return h("div", {
       "class": 'k-event-template'
-    }, [defaultSlot]);
+    }, [this.title, defaultSlot]);
   }
 };
 exports.SchedulerItemContentVue2 = SchedulerItemContentVue2;

package/dist/npm/items/SchedulerViewItem.js

@@ -245,7 +245,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,
@@ -254,29 +291,45 @@ var SchedulerViewItemVue2 = {
         }
       }, [!_this2.$props.isAllDay && // @ts-ignore  function children
       h(SchedulerItemContent_1.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_1.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_1.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_1.SchedulerItemContent, {
+      return [defaultSlot];
+    } : [defaultSlot]), h(SchedulerItemContent_1.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 = kendo_vue_common_1.getTemplate.call(this, {
       h: h,
       template: this.$props.item,
@@ -286,6 +339,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/npm/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/npm/items/hooks/use-series.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useSeries = exports.SERIES_ACTION = void 0;
+exports.useSeries = exports.seriesReducer = exports.SERIES_ACTION = void 0;
 /**
  * Represents the available `action` types for the `SchedulerItemSeriesAction` objects.
  *
@@ -21,7 +21,7 @@ var SERIES_ACTION;
   SERIES_ACTION["toggle"] = "SERIES_TOGGLE";
 })(SERIES_ACTION = exports.SERIES_ACTION || (exports.SERIES_ACTION = {}));
 
-var seriesReducer = function seriesReducer(state, action) {
+exports.seriesReducer = function (state, action) {
   switch (action.type) {
     case SERIES_ACTION.reset:
       return null;

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: 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/npm/recurrence/common.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-scheduler",
   "description": "Kendo UI for Vue Scheduler package",
-  "version": "3.1.3-dev.202203311441",
+  "version": "3.1.4",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -42,7 +42,7 @@
   "dependencies": {
     "@progress/kendo-data-query": "^1.5.1",
     "@progress/kendo-recurrence": "^1.0.1",
-    "@progress/kendo-vue-common": "3.1.3-dev.202203311441",
+    "@progress/kendo-vue-common": "3.1.4",
     "@telerik/kendo-draggable": "^2.2.1"
   },
   "@progress": {
@@ -58,16 +58,16 @@
     "@progress/kendo-date-math": "^1.4.1",
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.0.1",
-    "@progress/kendo-vue-buttons": "3.1.3-dev.202203311441",
-    "@progress/kendo-vue-dateinputs": "3.1.3-dev.202203311441",
-    "@progress/kendo-vue-dialogs": "3.1.3-dev.202203311441",
-    "@progress/kendo-vue-dropdowns": "3.1.3-dev.202203311441",
-    "@progress/kendo-vue-form": "3.1.3-dev.202203311441",
-    "@progress/kendo-vue-inputs": "3.1.3-dev.202203311441",
-    "@progress/kendo-vue-intl": "3.1.3-dev.202203311441",
-    "@progress/kendo-vue-labels": "3.1.3-dev.202203311441",
-    "@progress/kendo-vue-popup": "3.1.3-dev.202203311441",
-    "@progress/kendo-vue-progressbars": "3.1.3-dev.202203311441",
+    "@progress/kendo-vue-buttons": "3.1.4",
+    "@progress/kendo-vue-dateinputs": "3.1.4",
+    "@progress/kendo-vue-dialogs": "3.1.4",
+    "@progress/kendo-vue-dropdowns": "3.1.4",
+    "@progress/kendo-vue-form": "3.1.4",
+    "@progress/kendo-vue-inputs": "3.1.4",
+    "@progress/kendo-vue-intl": "3.1.4",
+    "@progress/kendo-vue-labels": "3.1.4",
+    "@progress/kendo-vue-popup": "3.1.4",
+    "@progress/kendo-vue-progressbars": "3.1.4",
     "cldr-core": "36.0.0",
     "cldr-dates-full": "36.0.0",
     "cldr-numbers-full": "36.0.0"