@progress/kendo-vue-scheduler 3.6.4 → 3.6.5-dev.202210181442

package/dist/npm/items/SchedulerItem.js

@@ -4,52 +4,36 @@ 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
 });
-exports.SchedulerItemVue2 = exports.SchedulerItem = void 0; // @ts-ignore
-
+exports.SchedulerItemVue2 = exports.SchedulerItem = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var inject = allVue.inject;
-
 var main_1 = require("../utils/main");
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
-
 var main_2 = require("../messages/main");
-
 var main_3 = require("../hooks/main");
-
 var main_4 = require("../utils/main");
-
 var SchedulerOccurrenceDialog_1 = require("../components/SchedulerOccurrenceDialog");
-
 var SchedulerRemoveDialog_1 = require("../components/SchedulerRemoveDialog");
-
 var SchedulerForm_1 = require("../components/SchedulerForm");
 /**
  * @hidden
  */
-
-
 var SchedulerItemVue2 = {
   name: 'KendoSchedulerItem',
   inheritAttrs: false,
@@ -171,7 +155,6 @@ var SchedulerItemVue2 = {
     },
     resource: function resource() {
       var _this = this;
-
       var groupedWithColor = this.$props.group.resources.find(function (r) {
         return Boolean(r.colorField && r[r.colorField] !== '' && r[r.colorField] !== undefined);
       });
@@ -188,7 +171,6 @@ var SchedulerItemVue2 = {
     },
     itemClassName: function itemClassName() {
       var _a;
-
       return _a = {
         'k-event': !this.$props.resizeHint,
         'k-selected': this.$props.selected && this.currentEditable.select,
@@ -246,7 +228,6 @@ var SchedulerItemVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _this2 = this;
-
     var h = gh || createElement;
     var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
     this.intl = (0, kendo_vue_intl_1.provideIntlService)(this);
@@ -261,7 +242,8 @@ var SchedulerItemVue2 = {
         itemClassName: this.itemClassName
       }
     });
-    return (// @ts-ignore  function children
+    return (
+      // @ts-ignore  function children
       h(kendo_vue_common_1.Draggable, {
         onPress: this.handlePress,
         on: this.v3 ? undefined : {
@@ -280,8 +262,10 @@ var SchedulerItemVue2 = {
             tabindex: _this2.currentTabIndex,
             // Aria
             "aria-label": _this2.eventLabel,
-            "aria-selected": _this2.$props.selected // Focus
+            "aria-selected": _this2.$props.selected
+            // Focus
             ,
+
             "data-group-index": _this2.$props.group.index,
             "data-range-index": _this2.$props.range.index
           },
@@ -306,7 +290,8 @@ var SchedulerItemVue2 = {
             "keypress": _this2.handleKeyPress,
             "keyup": _this2.handleKeyUp
           },
-          onBlur: _this2.handleBlur // Mouse
+          onBlur: _this2.handleBlur
+          // Mouse
           ,
           onMouseup: _this2.handleMouseUp,
           onMousedown: _this2.handleMouseDown,
@@ -315,7 +300,8 @@ var SchedulerItemVue2 = {
           onMouseout: _this2.handleMouseOut,
           onMouseenter: _this2.handleMouseEnter,
           onMouseleave: _this2.handleMouseLeave,
-          onDblclick: _this2.handleDoubleClick // Keyboard
+          onDblclick: _this2.handleDoubleClick
+          // Keyboard
           ,
           onKeydown: _this2.handleKeyDown,
           onKeypress: _this2.handleKeyPress,
@@ -393,7 +379,8 @@ var SchedulerItemVue2 = {
           "class": "k-icon k-i-close"
         })]), _this2.$props.head && h("span", {
           "class": "k-icon k-i-caret-alt-right"
-        })]), _this2.currentEditable.resize && _this2.$props.vertical && [// @ts-ignore  function children
+        })]), _this2.currentEditable.resize && _this2.$props.vertical && [
+        // @ts-ignore  function children
         h(kendo_vue_common_1.Draggable, {
           onPress: _this2.handleResizePress,
           on: _this2.v3 ? undefined : {
@@ -409,7 +396,8 @@ var SchedulerItemVue2 = {
           })];
         } : [h("span", {
           "class": "k-resize-handle k-resize-n"
-        })]), // @ts-ignore  function children
+        })]),
+        // @ts-ignore  function children
         h(kendo_vue_common_1.Draggable, {
           onPress: _this2.handleResizePress,
           on: _this2.v3 ? undefined : {
@@ -425,7 +413,8 @@ var SchedulerItemVue2 = {
           })];
         } : [h("span", {
           "class": "k-resize-handle k-resize-s"
-        })])], _this2.currentEditable.resize && !_this2.$props.vertical && [// @ts-ignore  function children
+        })])], _this2.currentEditable.resize && !_this2.$props.vertical && [
+        // @ts-ignore  function children
         h(kendo_vue_common_1.Draggable, {
           onPress: _this2.handleResizePress,
           on: _this2.v3 ? undefined : {
@@ -441,7 +430,8 @@ var SchedulerItemVue2 = {
           })];
         } : [h("span", {
           "class": "k-resize-handle k-resize-w"
-        })]), // @ts-ignore  function children
+        })]),
+        // @ts-ignore  function children
         h(kendo_vue_common_1.Draggable, {
           onPress: _this2.handleResizePress,
           on: _this2.v3 ? undefined : {
@@ -874,6 +864,5 @@ exports.SchedulerItemVue2 = SchedulerItemVue2;
 /**
  * @hidden
  */
-
 var SchedulerItem = SchedulerItemVue2;
 exports.SchedulerItem = SchedulerItem;

package/dist/npm/items/SchedulerItemContent.js

@@ -3,19 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SchedulerItemContentVue2 = exports.SchedulerItemContent = void 0; // @ts-ignore
-
+exports.SchedulerItemContentVue2 = exports.SchedulerItemContent = void 0;
+// @ts-ignore
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 /**
  * @hidden
  */
-
 var SchedulerItemContentVue2 = {
   name: 'KendoSchedulerItemContent',
   props: {
@@ -41,6 +38,5 @@ exports.SchedulerItemContentVue2 = SchedulerItemContentVue2;
 /**
  * @hidden
  */
-
 var SchedulerItemContent = SchedulerItemContentVue2;
 exports.SchedulerItemContent = SchedulerItemContent;

package/dist/npm/items/SchedulerViewItem.js

@@ -4,51 +4,36 @@ 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
 });
-exports.SchedulerViewItemVue2 = exports.SchedulerViewItem = void 0; // @ts-ignore
-
+exports.SchedulerViewItemVue2 = exports.SchedulerViewItem = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var inject = allVue.inject;
-
 var SchedulerItem_1 = require("./SchedulerItem");
-
 var main_1 = require("../utils/main");
-
 var utils_1 = require("../views/common/utils");
-
 var main_2 = require("../constants/main");
-
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
-
 var SchedulerItemContent_1 = require("./SchedulerItemContent");
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /** @hidden */
-
-
 var ITEMS_SPACING = 1;
 /**
  * @hidden
  */
-
 var SchedulerViewItemVue2 = {
   name: 'KendoSchedulerViewItem',
   props: {
@@ -132,11 +117,9 @@ var SchedulerViewItemVue2 = {
   },
   mounted: function mounted() {
     this.element = this.getElement();
-
     if (!this.ks.scheduler || !this.ks.scheduler.$el) {
       return;
     }
-
     this.observer = new window.ResizeObserver(this.handleResize);
     this.observer.observe(this.ks.scheduler.$el);
   },
@@ -146,11 +129,9 @@ var SchedulerViewItemVue2 = {
       that.align();
       that.position();
     });
-
     if (!this.ks.scheduler || !this.ks.scheduler.$el || this.observer) {
       return;
     }
-
     this.observer = new window.ResizeObserver(this.handleResize);
     this.observer.observe(this.ks.scheduler.$el);
   },
@@ -175,13 +156,13 @@ var SchedulerViewItemVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _this2 = this;
-
     var h = gh || createElement;
-    var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this); // tslint:enable:max-line-length
-
+    var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
+    // tslint:enable:max-line-length
     this.intl = (0, kendo_vue_intl_1.provideIntlService)(this);
     var itemRender;
-    var itemRenderDefaultRendering = // @ts-ignore  function children
+    var itemRenderDefaultRendering =
+    // @ts-ignore  function children
     h(SchedulerItem_1.SchedulerItem, {
       ignoreIsAllDay: this.ignoreIsAllDay,
       attrs: this.v3 ? undefined : {
@@ -276,7 +257,8 @@ var SchedulerViewItemVue2 = {
       style: __assign({
         visibility: this.visible ? undefined : 'hidden',
         display: this.display ? undefined : 'none'
-      }, this.$props.itemStyle) // Keyboard
+      }, this.$props.itemStyle)
+      // Keyboard
       ,
       onKeydown: this.handleKeyDown,
       on: this.v3 ? undefined : {
@@ -296,19 +278,23 @@ var SchedulerViewItemVue2 = {
         "resizestartdrag": this.handleResizeStartDrag,
         "resizerelease": this.handleResizeRelease
       },
-      onKeyup: this.handleKeyUp // Focus
+      onKeyup: this.handleKeyUp
+      // Focus
       ,
-      onFocus: this.handleFocus // Mouse
+      onFocus: this.handleFocus
+      // Mouse
       ,
       onMouseup: this.handleMouseUp,
       onMousedown: this.handleMouseDown,
       onClick: this.handleClick,
       onDoubleclick: this.handleDoubleClick,
-      onRemoveclick: this.handleRemoveClick // Drag
+      onRemoveclick: this.handleRemoveClick
+      // Drag
       ,
       onPress: this.handlePress,
       onDrag: this.handleDrag,
-      onRelease: this.handleRelease // Resize
+      onRelease: this.handleRelease
+      // Resize
       ,
       onResizepress: this.handleResizePress,
       onResizeenddrag: this.handleResizeEndDrag,
@@ -320,7 +306,8 @@ var SchedulerViewItemVue2 = {
         attrs: _this2.v3 ? undefined : {
           title: _this2.itemTitle
         }
-      }, [!_this2.$props.isAllDay && // @ts-ignore  function children
+      }, [!_this2.$props.isAllDay &&
+      // @ts-ignore  function children
       h(SchedulerItemContent_1.SchedulerItemContent, {
         title: _this2.itemTitle,
         attrs: _this2.v3 ? undefined : {
@@ -329,7 +316,8 @@ var SchedulerViewItemVue2 = {
         "class": "k-event-template k-event-time "
       }, _this2.v3 ? function () {
         return [defaultSlot];
-      } : [defaultSlot]), // @ts-ignore  function children
+      } : [defaultSlot]),
+      // @ts-ignore  function children
       h(SchedulerItemContent_1.SchedulerItemContent, {
         title: _this2.$props.title,
         attrs: _this2.v3 ? undefined : {
@@ -463,13 +451,11 @@ var SchedulerViewItemVue2 = {
     },
     calculateMostSiblings: function calculateMostSiblings(slots, items) {
       var _this = this;
-
       var most = 1;
       slots.forEach(function (slot) {
         var itemsInSlot = items.filter(function (i) {
           return _this.inSlot(slot.$props, i.$props);
         });
-
         if (itemsInSlot.length > most) {
           most = itemsInSlot.length;
         }
@@ -478,7 +464,6 @@ var SchedulerViewItemVue2 = {
     },
     getSiblingsInAllSlots: function getSiblingsInAllSlots(slots, items) {
       var _this = this;
-
       var siblings = slots.map(function (slot) {
         return items.filter(function (i) {
           return _this.inSlot(slot.$props, i.$props);
@@ -491,42 +476,33 @@ var SchedulerViewItemVue2 = {
     },
     align: function align() {
       var _this = this;
-
       if (!this.element) {
         return;
       }
-
       var slots = (this.bv.slots || []).filter(function (slot) {
         return slot && _this.inSlot(slot.$props, _this.$props);
       });
-
       if (slots.length === 0) {
         this.display = false;
         return;
       }
-
       var firstSlot = (0, main_1.first)(slots.sort(function (a, b) {
         if (a.$props.start && b.$props.start) {
           return a.$props.start.getTime() - b.$props.start.getTime();
         }
-
         return true;
       }));
-
       if (!firstSlot) {
         return;
       }
-
       var rect = (0, utils_1.getRect)(firstSlot.$el);
       (0, utils_1.setRect)(this.element, rect);
     },
     position: function position() {
       var _this = this;
-
       if (!this.element) {
         return;
       }
-
       var slots = (this.bv.slots || []).filter(function (slot) {
         return slot && _this.inSlot(slot.$props, _this.$props);
       });
@@ -537,7 +513,6 @@ var SchedulerViewItemVue2 = {
         if (!i) {
           return;
         }
-
         if (i.$props.dragHint) {
           dragItems.push(i);
         } else if (i.$props.resizeHint) {
@@ -560,24 +535,19 @@ var SchedulerViewItemVue2 = {
           if ((0, main_1.intersects)(current.$props.start, current.$props.end, _this.$props.start, _this.$props.end) && !(_this.$props.dragHint || _this.$props.resizeHint) && current.$props.maxSiblingsPerSlot && current.$props.maxSiblingsPerSlot > mostSiblingsInSlot && current.getElement() !== _this.element) {
             mostSiblingsInSlot = current.$props.maxSiblingsPerSlot;
           }
-
           var currentRect = (0, utils_1.getRect)(current.getElement());
-
           if (current.$props.order !== null && current.$props.order < order) {
             currentOffset = (currentRect.top || rect.top) + currentRect.height - rect.top - main_2.BORDER_WIDTH * order + ITEMS_SPACING;
           }
         });
-
         if (currentOffset > topOffset) {
           topOffset = currentOffset;
         }
       });
-
       if (slots.length === 0) {
         this.display = false;
         return;
       }
-
       var OFFSET = 20;
       rect.width = this.$props.vertical ? rect.width / mostSiblingsInSlot - main_2.BORDER_WIDTH - OFFSET / mostSiblingsInSlot : rect.width * slots.length - main_2.BORDER_WIDTH - OFFSET;
       rect.height = this.$props.vertical ? rect.height * slots.length - main_2.BORDER_WIDTH : (this.$props.resizeHint || this.$props.dragHint) && mostSiblingsInSlot <= 1 ? rect.height : this.$props.itemStyle && this.$props.itemStyle.height ? this.$props.itemStyle.height : 25;
@@ -590,14 +560,11 @@ var SchedulerViewItemVue2 = {
     },
     handleResize: function handleResize() {
       var _this = this;
-
       if (this.timeout !== undefined) {
         window.cancelAnimationFrame(this.timeout);
       }
-
       this.timeout = window.requestAnimationFrame(function () {
         _this.align();
-
         _this.position();
       });
     }
@@ -607,6 +574,5 @@ exports.SchedulerViewItemVue2 = SchedulerViewItemVue2;
 /**
  * @hidden
  */
-
 var SchedulerViewItem = SchedulerViewItemVue2;
 exports.SchedulerViewItem = SchedulerViewItem;

package/dist/npm/items/hooks/use-drag-item.js

@@ -9,16 +9,12 @@ var __spreadArray = undefined && undefined.__spreadArray || function (to, from,
   }
   return to.concat(ar || Array.prototype.slice.call(from));
 };
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useDragItem = exports.DRAG_ITEM_ACTION = void 0;
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var main_1 = require("../../main");
-
 var main_2 = require("../../utils/main");
 /**
  * Represents the available `action` types for the `SchedulerItemDragItemAction` objects.
@@ -33,10 +29,7 @@ var main_2 = require("../../utils/main");
  * - `DRAG_ITEM_RESET'`
  * - `DRAG_ITEM_DRAG_SELECTED`
  */
-
-
 var DRAG_ITEM_ACTION;
-
 (function (DRAG_ITEM_ACTION) {
   DRAG_ITEM_ACTION["set"] = "DRAG_ITEM_SET";
   DRAG_ITEM_ACTION["start"] = "DRAG_ITEM_START";
@@ -47,61 +40,48 @@ var DRAG_ITEM_ACTION;
   DRAG_ITEM_ACTION["reset"] = "DRAG_ITEM_RESET";
   DRAG_ITEM_ACTION["dragSelected"] = "DRAG_ITEM_DRAG_SELECTED";
 })(DRAG_ITEM_ACTION = exports.DRAG_ITEM_ACTION || (exports.DRAG_ITEM_ACTION = {}));
-
 var offset = 0;
 var initialXRef = 0;
 var initialYRef = 0;
 var oldSlot = null;
 /** @hidden */
-
 var useDragItem = function useDragItem(action) {
   var _this = this;
-
   var dataItem = (0, kendo_vue_common_1.clone)(this.dataItem);
-
   switch (action.type) {
     case DRAG_ITEM_ACTION.set:
       {
         this.currentDragItem = action.payload;
         break;
       }
-
     case DRAG_ITEM_ACTION.reset:
       {
         this.currentDragItem = null;
         break;
       }
-
     case DRAG_ITEM_ACTION.dragSelected:
       {
         if (Math.abs(initialXRef - action.payload.x) < 10 && Math.abs(initialYRef - action.payload.y) < 10) {
           return;
         }
-
         var slot = (0, main_2.slotDive)(action.payload.x, action.payload.y, 7);
-
         if (!slot) {
           return;
         }
-
         if (slot === oldSlot) {
           return;
         }
-
         var slotStart = slot.getAttribute('data-slot-start');
         var slotIsAllDay = slot.getAttribute('data-slot-allday') === 'true';
-
         if (!this.ignoreIsAllDay && slotIsAllDay !== this.isAllDay) {
           return;
         }
-
         var itemStart = new Date((0, main_2.getField)(dataItem, this.ks.fields.start));
         var distance_1 = Number(slotStart) - itemStart.getTime();
         var newDragItems = this.bv.selectedItems.map(function (si) {
           if (!si) {
             return null;
           }
-
           var selectedDataItem = (0, kendo_vue_common_1.clone)(si.props.dataItem);
           var selectedStart = new Date(si.props.start.getTime() + distance_1);
           var selectedEnd = new Date(si.props.end.getTime() + distance_1);
@@ -113,7 +93,6 @@ var useDragItem = function useDragItem(action) {
         this.currentDragItem = __spreadArray([], newDragItems, true);
         break;
       }
-
     case DRAG_ITEM_ACTION.start:
       {
         var clientX = action.payload.x;
@@ -121,46 +100,35 @@ var useDragItem = function useDragItem(action) {
         initialXRef = clientX;
         initialYRef = clientY;
         var slot = (0, main_2.slotDive)(clientX, clientY, 7);
-
         if (!slot) {
           return;
         }
-
         var slotStart = slot.getAttribute('data-slot-start');
         var itemStart = (0, main_2.getField)(dataItem, this.ks.fields.start);
-
         if (slotStart === null) {
           return;
         }
-
         offset = Number(slotStart) - new Date(itemStart).getTime();
         break;
       }
-
     case DRAG_ITEM_ACTION.drag:
       {
         if (Math.abs(initialXRef - action.payload.x) < 10 && Math.abs(initialYRef - action.payload.y) < 10) {
           return;
         }
-
         var slot = (0, main_2.slotDive)(action.payload.x, action.payload.y, 7);
-
         if (!slot) {
           return;
         }
-
         if (slot === oldSlot) {
           return;
         }
-
         var slotStart = slot.getAttribute('data-slot-start');
         var slotGroupIndex_1 = slot.getAttribute('data-slot-group');
         var slotIsAllDay = slot.getAttribute('data-slot-allday') === 'true';
-
         if (!this.ignoreIsAllDay && slotIsAllDay !== this.isAllDay) {
           return;
         }
-
         var itemStart = new Date((0, main_2.getField)(dataItem, this.ks.fields.start));
         var itemEnd = new Date((0, main_2.getField)(dataItem, this.ks.fields.end));
         var duration = itemEnd.getTime() - itemStart.getTime();
@@ -171,7 +139,6 @@ var useDragItem = function useDragItem(action) {
         });
         (0, main_2.setField)(dataItem, this.ks.fields.start, start);
         (0, main_2.setField)(dataItem, this.ks.fields.end, end);
-
         if (group && this.ks.groups.length > 1) {
           group.resources.forEach(function (resource) {
             if (!resource.multiple) {
@@ -179,21 +146,16 @@ var useDragItem = function useDragItem(action) {
             }
           });
         }
-
         oldSlot = slot;
-
         if (dataItem) {
           this.currentDragItem = dataItem;
         }
-
         break;
       }
-
     case DRAG_ITEM_ACTION.complete:
       {
         var currentDataItem = this.compDragItem;
         this.currentDragItem = null;
-
         if (currentDataItem) {
           this.$emit('dataaction', {
             type: main_1.DATA_ACTION.update,
@@ -201,16 +163,13 @@ var useDragItem = function useDragItem(action) {
             dataItem: currentDataItem
           });
         }
-
         break;
       }
-
     case DRAG_ITEM_ACTION.completeOccurrence:
       {
         var newDataItem = Array.isArray(this.compDragItem) ? this.compDragItem.slice() : (0, kendo_vue_common_1.clone)(this.compDragItem);
         var currentDataItem = this.compDragItem;
         this.currentDragItem = null;
-
         if (currentDataItem) {
           this.$emit('dataaction', {
             type: main_1.DATA_ACTION.update,
@@ -218,14 +177,11 @@ var useDragItem = function useDragItem(action) {
             dataItem: newDataItem
           });
         }
-
         break;
       }
-
     case DRAG_ITEM_ACTION.completeSeries:
       {
         var newDataItems = void 0;
-
         if (Array.isArray(this.compDragItem)) {
           newDataItems = this.compDragItem.map(function (di) {
             var updated = (0, kendo_vue_common_1.clone)(di);
@@ -239,9 +195,7 @@ var useDragItem = function useDragItem(action) {
           (0, main_2.setField)(updated, this.ks.fields.end, (0, main_2.getField)(this.compDragItem, this.ks.fields.end));
           newDataItems = updated;
         }
-
         this.currentDragItem = null;
-
         if (newDataItems) {
           this.$emit('dataaction', {
             type: main_1.DATA_ACTION.update,
@@ -249,16 +203,12 @@ var useDragItem = function useDragItem(action) {
             dataItem: newDataItems
           });
         }
-
         break;
       }
-
     default:
       this.currentDragItem = this.compDragItem;
       break;
   }
-
   this.$emit('dragitemchange', this.currentDragItem);
 };
-
 exports.useDragItem = useDragItem;