@progress/kendo-vue-scheduler 3.2.5 → 3.2.7-dev.202205021145

package/dist/npm/utils/index.js

@@ -18,7 +18,7 @@ var __spreadArrays = (this && this.__spreadArrays) || function () {
     return r;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.orderSort = exports.findNextItem = exports.findFirstItem = exports.noop = exports.mapItemsToSlots = exports.mapSlotsToItems = exports.calculateOrder = exports.findMissing = exports.shallowCompare = exports.extractResources = exports.extractResourceFields = exports.extractGroups = exports.setTime = exports.isNullOrEmptyString = exports.isBlank = exports.generateResourceFields = exports.toSchedulerResources = exports.toSchedulerGroups = exports.isInTimeRange = exports.getModelFields = exports.defaultModelFields = exports.roundAllDayEnd = exports.intersects = exports.isException = exports.buildException = exports.isMaster = exports.findMaster = exports.groupResources = exports.isRecurring = exports.isRecurringException = exports.toInvariantTime = exports.toUTCDateTime = exports.getUTCDate = exports.toUTCDate = exports.isRecurringMaster = exports.isPresent = exports.assignFields = exports.assignField = exports.setField = exports.getField = exports.slotDive = exports.getToday = exports.dateWithTime = exports.addUTCDays = exports.formatEventTime = exports.isGroupped = exports.isMultiDay = exports.last = exports.first = exports.COLLECTION_ACTION = void 0;
+exports.orderSort = exports.findNextItem = exports.compareSlots = exports.compareItems = exports.findFirstItem = exports.noop = exports.mapItemsToSlots = exports.mapSlotsToItems = exports.calculateOrder = exports.findMissing = exports.shallowCompare = exports.extractResources = exports.extractResourceFields = exports.extractGroups = exports.setTime = exports.isNullOrEmptyString = exports.isBlank = exports.generateResourceFields = exports.toSchedulerResources = exports.toSchedulerGroups = exports.isInTimeRange = exports.getModelFields = exports.defaultModelFields = exports.roundAllDayEnd = exports.intersects = exports.isException = exports.buildException = exports.isMaster = exports.findMaster = exports.groupResources = exports.isRecurring = exports.isRecurringException = exports.toInvariantTime = exports.toUTCDateTime = exports.getUTCDate = exports.toUTCDate = exports.isRecurringMaster = exports.isPresent = exports.assignFields = exports.assignField = exports.setField = exports.getField = exports.slotDive = exports.getToday = exports.dateWithTime = exports.addUTCDays = exports.formatEventTime = exports.isGroupped = exports.isMultiDay = exports.last = exports.first = exports.COLLECTION_ACTION = void 0;
 var kendo_date_math_1 = require("@progress/kendo-date-math");
 var utils_1 = require("../views/common/utils");
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
@@ -535,31 +535,40 @@ exports.noop = function () {
 };
 /** @hidden */
 exports.findFirstItem = function (current) {
-    var next = current.$props.items.find(function (i) { return i.order === 0; }) || current.$props.items[0];
-    return next && next.refTo.current;
+    var next = current.props.items.find(function (i) { return i.order === 0; }) || current.props.items[0];
+    return next;
 };
 /** @hidden */
+exports.compareItems = function (f, s, ignoreIsAllDay) { return Boolean(f.uid === s.uid
+    && ((f.occurrenceId === undefined) ||
+        f.occurrenceId === s.occurrenceId)
+    && (f.group.index === s.group.index)
+    && (f.range.index === s.range.index)
+    && (ignoreIsAllDay || f.isAllDay === s.isAllDay)); };
+/** @hidden */
+exports.compareSlots = function (f, s) { return Boolean(f.start.getTime() === s.start.getTime()
+    && f.end.getTime() === s.end.getTime()
+    && f.index === s.index
+    && f.group.index === s.group.index
+    && f.range.index === s.range.index
+    && f.isAllDay === s.isAllDay); };
+/** @hidden */
 exports.findNextItem = function (ref, all, ignoreIsAllDay, backwards) {
     if (ignoreIsAllDay === void 0) { ignoreIsAllDay = false; }
     if (backwards === void 0) { backwards = false; }
-    var current = ref.current;
+    var current = ref;
     if (!current || !all) {
         return null;
     }
-    var filtered = all.filter(function (i) { return i.current !== null && i.current.element !== null; });
+    var filtered = all.filter(function (i) { return i.element !== null; });
     var sorted = kendo_data_query_1.orderBy(filtered, [
-        { field: 'current.props.group.index', dir: 'asc' },
-        { field: 'current.props.range.index', dir: 'asc' },
-        (ignoreIsAllDay ? { field: '' } : { field: 'current.props.isAllDay', dir: 'desc' }),
-        { field: 'current.props.start', dir: 'asc' }
+        { field: 'group.index', dir: 'asc' },
+        { field: 'range.index', dir: 'asc' },
+        (ignoreIsAllDay ? { field: '' } : { field: 'isAllDay', dir: 'desc' }),
+        { field: 'start', dir: 'asc' }
     ]);
     var currentIndex = sorted
-        .findIndex(function (i) { return i.current !== null && Boolean(i.current.props.uid === current.props.uid
-        && ((i.current.props.occurrenceId === undefined) ||
-            i.current.props.occurrenceId === current.props.occurrenceId)
-        && (i.current.props.group.index === current.props.group.index)
-        && (i.current.props.range.index === current.props.range.index)
-        && (ignoreIsAllDay || i.current.props.isAllDay === current.props.isAllDay)); });
+        .findIndex(function (i) { return exports.compareItems(i, current, ignoreIsAllDay); });
     var next = sorted[currentIndex + (backwards ? -1 : 1)];
     return next;
 };

package/dist/npm/views/common/SchedulerDrag.js

@@ -29,6 +29,7 @@ var utils_1 = require("../../utils"); // tslint:enable:max-line-length
 
 var SchedulerDragVue2 = {
   name: 'KendoSchedulerDrag',
+  inheritAttrs: false,
   props: {
     ignoreIsAllDay: Boolean,
     dataItem: Object,

package/dist/npm/views/common/SchedulerResize.js

@@ -32,6 +32,7 @@ var SchedulerResizeVue2 = {
   props: {
     ignoreIsAllDay: Boolean,
     dataItem: Object,
+    format: String,
     vertical: Boolean,
     viewItem: [String, Function, Object],
     item: {
@@ -44,13 +45,16 @@ var SchedulerResizeVue2 = {
   inject: {
     ks: {
       default: null
+    },
+    bv: {
+      default: null
     }
   },
   computed: {
     occurrences: function occurrences() {
       return services_1.toOccurrences([this.$props.dataItem], {
-        dateRange: this.dateRange,
-        fields: this.fields,
+        dateRange: this.ks.dateRange,
+        fields: this.ks.fields,
         timezone: this.ks.timezone
       });
     },
@@ -58,8 +62,8 @@ var SchedulerResizeVue2 = {
       return services_1.toItems(this.occurrences, {
         timezone: this.ks.timezone
       }, {
-        groups: this.groups,
-        ranges: this.ranges
+        groups: this.ks.groups,
+        ranges: this.bv.ranges
       });
     }
   },
@@ -72,36 +76,80 @@ var SchedulerResizeVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
-    var h = gh || createElement; // const ranges = useSchedulerViewRangesContext();
-    // const { timezone } = useSchedulerPropsContext();
-    // const groups = useSchedulerGroupsContext();
-    // const fields = useSchedulerFieldsContext();
-    // const dateRange = useSchedulerDateRangeContext();
-    // const [viewSlots] = useSchedulerViewSlotsContext();
-
-    var slots = (this.viewSlots || []).map(function (s) {
-      return s.current.props;
+    var h = gh || createElement;
+    var slots = (this.bv.slots || []).map(function (s) {
+      return s;
     });
     utils_1.mapItemsToSlots(this.items, slots);
     return (// fragment
-      h("div", [this.items.map(function (_item, idx) {
+      // <div>
+      this.items.map(function (item, idx) {
         return h(SchedulerViewItem_1.SchedulerViewItem, {
-          key: idx //     {...item}
-          ,
-          format: this.$props.format,
+          key: idx,
+          uid: item.uid,
           attrs: this.v3 ? undefined : {
-            format: this.$props.format,
-            item: this.$props.item,
+            uid: item.uid,
+            start: item.start,
+            end: item.end,
+            originalStart: item.originalStart,
+            startTimezone: item.startTimezone,
+            endTimezone: item.endTimezone,
+            isAllDay: item.isAllDay,
+            title: item.title,
+            description: item.description,
+            occurrenceId: item.occurrenceId,
+            recurrenceExceptions: item.recurrenceExceptions,
+            recurrenceRule: item.recurrenceRule,
+            recurrenceId: item.recurrenceId,
+            dataItem: item.dataItem,
+            itemRef: item.itemRef,
+            head: item.head,
+            tail: item.tail,
+            order: item.order,
+            zonedStart: item.zonedStart,
+            zonedEnd: item.zonedEnd,
+            slots: item.slots,
+            group: item.group,
+            range: item.range,
+            isException: item.isException,
+            isRecurring: item.isRecurring,
+            format: this.format //   item={this.$props.item}
+            ,
             resizeHint: true,
             vertical: this.$props.vertical,
             ignoreIsAllDay: this.$props.ignoreIsAllDay
           },
-          item: this.$props.item,
+          start: item.start,
+          end: item.end,
+          originalStart: item.originalStart,
+          startTimezone: item.startTimezone,
+          endTimezone: item.endTimezone,
+          isAllDay: item.isAllDay,
+          title: item.title,
+          description: item.description,
+          occurrenceId: item.occurrenceId,
+          recurrenceExceptions: item.recurrenceExceptions,
+          recurrenceRule: item.recurrenceRule,
+          recurrenceId: item.recurrenceId,
+          dataItem: item.dataItem,
+          itemRef: item.itemRef,
+          head: item.head,
+          tail: item.tail,
+          order: item.order,
+          zonedStart: item.zonedStart,
+          zonedEnd: item.zonedEnd,
+          slots: item.slots,
+          group: item.group,
+          range: item.range,
+          isException: item.isException,
+          isRecurring: item.isRecurring,
+          format: this.format,
           resizeHint: true,
           vertical: this.$props.vertical,
           ignoreIsAllDay: this.$props.ignoreIsAllDay
         });
-      }, this)])
+      }, this) //  </div>
+
     );
   }
 };

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

@@ -119,7 +119,7 @@ var VerticalResourceIteratorVue2 = {
             numberOfDays: more.numberOfDays,
             workWeekStart: more.workWeekStart,
             workWeekEnd: more.workWeekEnd,
-            editable: this.$props.editable
+            editable: more.editable
           },
           groupIndex: currentGroupIndex,
           onDataaction: this.handleDataAction,
@@ -136,7 +136,7 @@ var VerticalResourceIteratorVue2 = {
           numberOfDays: more.numberOfDays,
           workWeekStart: more.workWeekStart,
           workWeekEnd: more.workWeekEnd,
-          editable: this.$props.editable
+          editable: more.editable
         });
       }, this) : null;
     };

package/dist/npm/views/day/DayView.js

@@ -104,7 +104,8 @@ var DayViewVue2 = {
     editable: {
       type: [Boolean, Object],
       default: false
-    }
+    },
+    format: String
   },
   inject: {
     kendoLocalizationService: {

package/dist/npm/views/day/MultiDayView.d.ts

@@ -106,6 +106,10 @@ export interface MultiDayViewProps extends SchedulerViewProps {
      * Overrides the `dragItem` prop of the Scheduler for the specified view only.
      */
     dragItem?: any;
+    /**
+     * Overrides the `resizeItem` prop of the Scheduler for the specified view only.
+     */
+    resizeItem?: any;
     /**
      * Overrides the `viewItem` prop of the Scheduler for the specified view only.
      */

package/dist/npm/views/day/MultiDayView.js

@@ -78,6 +78,8 @@ var SchedulerEditItem_1 = require("../../items/SchedulerEditItem");
 
 var CurrentTimeMarket_1 = require("../../components/CurrentTimeMarket");
 
+var SchedulerResize_1 = require("../common/SchedulerResize");
+
 var FIRST_INDEX = 0;
 exports.GRID_OFFSET = 1; // tslint:enable:max-line-length
 
@@ -160,6 +162,16 @@ var MultiDayViewVue2 = {
         return undefined;
       }
     },
+    resizeItem: {
+      type: Object,
+      default: function _default() {
+        return undefined;
+      }
+    },
+    format: {
+      type: String,
+      default: 't'
+    },
     // showCurrentTime: {
     //   type: Boolean,
     //   default: true
@@ -281,11 +293,15 @@ var MultiDayViewVue2 = {
     },
     compDragItem: function compDragItem() {
       return this.dragItem !== undefined ? this.dragItem : this.currentDragItem;
+    },
+    compResizeItem: function compResizeItem() {
+      return this.resizeItem !== undefined ? this.resizeItem : this.currentResizeItem;
     }
   },
   data: function data() {
     return {
-      currentDragItem: undefined
+      currentDragItem: undefined,
+      currentResizeItem: undefined
     };
   },
   created: function created() {
@@ -349,6 +365,41 @@ var MultiDayViewVue2 = {
       }));
     };
 
+    var resizeItemClue = function resizeItemClue(vertical) {
+      return this.compResizeItem && this.editable.resize && (Array.isArray(this.compResizeItem) ? this.compResizeItem.map(function (ri, idx) {
+        return h(SchedulerResize_1.SchedulerResize, {
+          key: idx,
+          format: this.$props.format //   ignoreIsAllDay={ignoreIsAllDay}
+          ,
+          attrs: this.v3 ? undefined : {
+            format: this.$props.format,
+            dataItem: ri,
+            viewItem: this.$props.viewItem,
+            item: this.$props.item,
+            vertical: vertical
+          },
+          dataItem: ri,
+          viewItem: this.$props.viewItem,
+          item: this.$props.item,
+          vertical: vertical
+        });
+      }, this) : h(SchedulerResize_1.SchedulerResize, {
+        format: this.$props.format //   ignoreIsAllDay={ignoreIsAllDay}
+        ,
+        attrs: this.v3 ? undefined : {
+          format: this.$props.format,
+          dataItem: this.compResizeItem,
+          viewItem: this.$props.viewItem,
+          item: this.$props.item,
+          vertical: vertical
+        },
+        dataItem: this.compResizeItem,
+        viewItem: this.$props.viewItem,
+        item: this.$props.item,
+        vertical: vertical
+      }));
+    };
+
     return (// @ts-ignore  function children
       h(BaseView_1.BaseView, {
         id: this.$props.id,
@@ -514,16 +565,18 @@ var MultiDayViewVue2 = {
             form: this.$props.form,
             onDataaction: this.handleDataAction,
             on: this.v3 ? undefined : {
-              "dataaction": this.handleDataAction
+              "dataaction": this.handleDataAction,
+              "dragitemchange": this.handleDragItemChange,
+              "resizeitemchange": this.handleResizeItemChange
             },
+            onDragitemchange: this.handleDragItemChange,
+            onResizeitemchange: this.handleResizeItemChange,
             item: this.$props.item,
             viewItem: this.$props.viewItem,
             editable: this.$props.editable,
             vertical: false
           });
-        }, _this2) // ,
-        // dragItemClue.call(this, false)
-        ] : // @ts-ignore  function children
+        }, _this2), _this2.compDragItem && _this2.compDragItem.isAllDay && dragItemClue.call(_this2, false), _this2.compResizeItem && _this2.compResizeItem.isAllDay && resizeItemClue.call(_this2, false)] : // @ts-ignore  function children
         h(VerticalResourceIterator_1.VerticalResourceIterator, {
           group: _this2.ks.props.group,
           attrs: _this2.v3 ? undefined : {
@@ -789,15 +842,19 @@ var MultiDayViewVue2 = {
             isRecurring: item.isRecurring,
             onDataaction: this.handleDataAction,
             on: this.v3 ? undefined : {
-              "dataaction": this.handleDataAction
+              "dataaction": this.handleDataAction,
+              "dragitemchange": this.handleDragItemChange,
+              "resizeitemchange": this.handleResizeItemChange
             },
+            onDragitemchange: this.handleDragItemChange,
+            onResizeitemchange: this.handleResizeItemChange,
             viewItem: this.$props.viewItem,
             item: this.$props.item,
             form: this.$props.form,
             editable: this.$props.editable,
             vertical: false
           });
-        }, _this2)], timeItems.map(function (item) {
+        }, _this2), _this2.compDragItem && _this2.compDragItem.isAllDay && dragItemClue.call(_this2, true), _this2.compResizeItem && _this2.compResizeItem.isAllDay && resizeItemClue.call(_this2, true)], timeItems.map(function (item) {
           return h(EditItem, {
             key: item.isRecurring ? item.uid + ":" + item.group.index + ":" + item.range.index + ":" + item.originalStart : item.uid + ":" + item.group.index + ":" + item.range.index,
             uid: item.uid,
@@ -862,16 +919,18 @@ var MultiDayViewVue2 = {
             onDataaction: this.handleDataAction,
             on: this.v3 ? undefined : {
               "dataaction": this.handleDataAction,
-              "dragitemchange": this.handleDragItemChange
+              "dragitemchange": this.handleDragItemChange,
+              "resizeitemchange": this.handleResizeItemChange
             },
             onDragitemchange: this.handleDragItemChange,
+            onResizeitemchange: this.handleResizeItemChange,
             viewItem: this.$props.viewItem,
             item: this.$props.item,
             form: this.$props.form,
             editable: this.$props.editable,
             vertical: true
           });
-        }, _this2), dragItemClue.call(_this2, true)])];
+        }, _this2), _this2.compDragItem && !_this2.compDragItem.isAllDay && dragItemClue.call(_this2, true), _this2.compResizeItem && !_this2.compResizeItem.isAllDay && resizeItemClue.call(_this2, true)])];
       } : [h("div", {
         "class": "k-scheduler-head"
       }, [_this2.ks.orientation === 'horizontal' ? [h(HorizontalResourceIterator_1.HorizontalResourceIterator, {
@@ -1021,14 +1080,18 @@ var MultiDayViewVue2 = {
           form: this.$props.form,
           onDataaction: this.handleDataAction,
           on: this.v3 ? undefined : {
-            "dataaction": this.handleDataAction
+            "dataaction": this.handleDataAction,
+            "dragitemchange": this.handleDragItemChange,
+            "resizeitemchange": this.handleResizeItemChange
           },
+          onDragitemchange: this.handleDragItemChange,
+          onResizeitemchange: this.handleResizeItemChange,
           item: this.$props.item,
           viewItem: this.$props.viewItem,
           editable: this.$props.editable,
           vertical: false
         });
-      }, _this2)] : h(VerticalResourceIterator_1.VerticalResourceIterator, {
+      }, _this2), _this2.compDragItem && _this2.compDragItem.isAllDay && dragItemClue.call(_this2, false), _this2.compResizeItem && _this2.compResizeItem.isAllDay && resizeItemClue.call(_this2, false)] : h(VerticalResourceIterator_1.VerticalResourceIterator, {
         group: _this2.ks.props.group,
         attrs: _this2.v3 ? undefined : {
           group: _this2.ks.props.group,
@@ -1280,15 +1343,19 @@ var MultiDayViewVue2 = {
           isRecurring: item.isRecurring,
           onDataaction: this.handleDataAction,
           on: this.v3 ? undefined : {
-            "dataaction": this.handleDataAction
+            "dataaction": this.handleDataAction,
+            "dragitemchange": this.handleDragItemChange,
+            "resizeitemchange": this.handleResizeItemChange
           },
+          onDragitemchange: this.handleDragItemChange,
+          onResizeitemchange: this.handleResizeItemChange,
           viewItem: this.$props.viewItem,
           item: this.$props.item,
           form: this.$props.form,
           editable: this.$props.editable,
           vertical: false
         });
-      }, _this2)], timeItems.map(function (item) {
+      }, _this2), _this2.compDragItem && _this2.compDragItem.isAllDay && dragItemClue.call(_this2, true), _this2.compResizeItem && _this2.compResizeItem.isAllDay && resizeItemClue.call(_this2, true)], timeItems.map(function (item) {
         return h(EditItem, {
           key: item.isRecurring ? item.uid + ":" + item.group.index + ":" + item.range.index + ":" + item.originalStart : item.uid + ":" + item.group.index + ":" + item.range.index,
           uid: item.uid,
@@ -1353,16 +1420,18 @@ var MultiDayViewVue2 = {
           onDataaction: this.handleDataAction,
           on: this.v3 ? undefined : {
             "dataaction": this.handleDataAction,
-            "dragitemchange": this.handleDragItemChange
+            "dragitemchange": this.handleDragItemChange,
+            "resizeitemchange": this.handleResizeItemChange
           },
           onDragitemchange: this.handleDragItemChange,
+          onResizeitemchange: this.handleResizeItemChange,
           viewItem: this.$props.viewItem,
           item: this.$props.item,
           form: this.$props.form,
           editable: this.$props.editable,
           vertical: true
         });
-      }, _this2), dragItemClue.call(_this2, true)])])
+      }, _this2), _this2.compDragItem && !_this2.compDragItem.isAllDay && dragItemClue.call(_this2, true), _this2.compResizeItem && !_this2.compResizeItem.isAllDay && resizeItemClue.call(_this2, true)])])
     );
   },
   methods: {
@@ -1371,6 +1440,9 @@ var MultiDayViewVue2 = {
     },
     handleDragItemChange: function handleDragItemChange(item) {
       this.currentDragItem = item;
+    },
+    handleResizeItemChange: function handleResizeItemChange(item) {
+      this.currentResizeItem = item;
     }
   }
 };

package/dist/npm/views/week/WeekView.js

@@ -104,7 +104,8 @@ var WeekViewVue2 = {
     editable: {
       type: [Boolean, Object],
       default: false
-    }
+    },
+    format: String
   },
   inject: {
     kendoLocalizationService: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-scheduler",
   "description": "Kendo UI for Vue Scheduler package",
-  "version": "3.2.5",
+  "version": "3.2.7-dev.202205021145",
   "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.2.5",
+    "@progress/kendo-vue-common": "3.2.7-dev.202205021145",
     "@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.2.5",
-    "@progress/kendo-vue-dateinputs": "3.2.5",
-    "@progress/kendo-vue-dialogs": "3.2.5",
-    "@progress/kendo-vue-dropdowns": "3.2.5",
-    "@progress/kendo-vue-form": "3.2.5",
-    "@progress/kendo-vue-inputs": "3.2.5",
-    "@progress/kendo-vue-intl": "3.2.5",
-    "@progress/kendo-vue-labels": "3.2.5",
-    "@progress/kendo-vue-popup": "3.2.5",
-    "@progress/kendo-vue-progressbars": "3.2.5",
+    "@progress/kendo-vue-buttons": "3.2.7-dev.202205021145",
+    "@progress/kendo-vue-dateinputs": "3.2.7-dev.202205021145",
+    "@progress/kendo-vue-dialogs": "3.2.7-dev.202205021145",
+    "@progress/kendo-vue-dropdowns": "3.2.7-dev.202205021145",
+    "@progress/kendo-vue-form": "3.2.7-dev.202205021145",
+    "@progress/kendo-vue-inputs": "3.2.7-dev.202205021145",
+    "@progress/kendo-vue-intl": "3.2.7-dev.202205021145",
+    "@progress/kendo-vue-labels": "3.2.7-dev.202205021145",
+    "@progress/kendo-vue-popup": "3.2.7-dev.202205021145",
+    "@progress/kendo-vue-progressbars": "3.2.7-dev.202205021145",
     "cldr-core": "36.0.0",
     "cldr-dates-full": "36.0.0",
     "cldr-numbers-full": "36.0.0"