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

package/dist/es/items/SchedulerItem.js

@@ -2,19 +2,15 @@ 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
-
-
+};
+// @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -32,7 +28,6 @@ import { SchedulerForm } from '../components/SchedulerForm';
 /**
  * @hidden
  */
-
 var SchedulerItemVue2 = {
   name: 'KendoSchedulerItem',
   inheritAttrs: false,
@@ -154,7 +149,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);
       });
@@ -171,7 +165,6 @@ var SchedulerItemVue2 = {
     },
     itemClassName: function itemClassName() {
       var _a;
-
       return _a = {
         'k-event': !this.$props.resizeHint,
         'k-selected': this.$props.selected && this.currentEditable.select,
@@ -229,7 +222,6 @@ var SchedulerItemVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _this2 = this;
-
     var h = gh || createElement;
     var defaultSlot = getDefaultSlots(this);
     this.intl = provideIntlService(this);
@@ -244,7 +236,8 @@ var SchedulerItemVue2 = {
         itemClassName: this.itemClassName
       }
     });
-    return (// @ts-ignore  function children
+    return (
+      // @ts-ignore  function children
       h(Draggable, {
         onPress: this.handlePress,
         on: this.v3 ? undefined : {
@@ -263,8 +256,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
           },
@@ -289,7 +284,8 @@ var SchedulerItemVue2 = {
             "keypress": _this2.handleKeyPress,
             "keyup": _this2.handleKeyUp
           },
-          onBlur: _this2.handleBlur // Mouse
+          onBlur: _this2.handleBlur
+          // Mouse
           ,
           onMouseup: _this2.handleMouseUp,
           onMousedown: _this2.handleMouseDown,
@@ -298,7 +294,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,
@@ -376,7 +373,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(Draggable, {
           onPress: _this2.handleResizePress,
           on: _this2.v3 ? undefined : {
@@ -392,7 +390,8 @@ var SchedulerItemVue2 = {
           })];
         } : [h("span", {
           "class": "k-resize-handle k-resize-n"
-        })]), // @ts-ignore  function children
+        })]),
+        // @ts-ignore  function children
         h(Draggable, {
           onPress: _this2.handleResizePress,
           on: _this2.v3 ? undefined : {
@@ -408,7 +407,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(Draggable, {
           onPress: _this2.handleResizePress,
           on: _this2.v3 ? undefined : {
@@ -424,7 +424,8 @@ var SchedulerItemVue2 = {
           })];
         } : [h("span", {
           "class": "k-resize-handle k-resize-w"
-        })]), // @ts-ignore  function children
+        })]),
+        // @ts-ignore  function children
         h(Draggable, {
           onPress: _this2.handleResizePress,
           on: _this2.v3 ? undefined : {
@@ -856,6 +857,5 @@ var SchedulerItemVue2 = {
 /**
  * @hidden
  */
-
 var SchedulerItem = SchedulerItemVue2;
 export { SchedulerItem, SchedulerItemVue2 };

package/dist/es/items/SchedulerItemContent.js

@@ -7,7 +7,6 @@ var isV3 = allVue.version && allVue.version[0] === '3';
 /**
  * @hidden
  */
-
 var SchedulerItemContentVue2 = {
   name: 'KendoSchedulerItemContent',
   props: {
@@ -32,6 +31,5 @@ var SchedulerItemContentVue2 = {
 /**
  * @hidden
  */
-
 var SchedulerItemContent = SchedulerItemContentVue2;
 export { SchedulerItemContent, SchedulerItemContentVue2 };

package/dist/es/items/SchedulerViewItem.js

@@ -2,19 +2,15 @@ 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
-
-
+};
+// @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -28,12 +24,10 @@ import { provideIntlService } from '@progress/kendo-vue-intl';
 import { SchedulerItemContent } from './SchedulerItemContent';
 import { getDefaultSlots, getTemplate } from '@progress/kendo-vue-common';
 /** @hidden */
-
 var ITEMS_SPACING = 1;
 /**
  * @hidden
  */
-
 var SchedulerViewItemVue2 = {
   name: 'KendoSchedulerViewItem',
   props: {
@@ -117,11 +111,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);
   },
@@ -131,11 +123,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);
   },
@@ -160,13 +150,13 @@ var SchedulerViewItemVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _this2 = this;
-
     var h = gh || createElement;
-    var defaultSlot = getDefaultSlots(this); // tslint:enable:max-line-length
-
+    var defaultSlot = getDefaultSlots(this);
+    // tslint:enable:max-line-length
     this.intl = provideIntlService(this);
     var itemRender;
-    var itemRenderDefaultRendering = // @ts-ignore  function children
+    var itemRenderDefaultRendering =
+    // @ts-ignore  function children
     h(SchedulerItem, {
       ignoreIsAllDay: this.ignoreIsAllDay,
       attrs: this.v3 ? undefined : {
@@ -261,7 +251,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 : {
@@ -281,19 +272,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,
@@ -305,7 +300,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, {
         title: _this2.itemTitle,
         attrs: _this2.v3 ? undefined : {
@@ -314,7 +310,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, {
         title: _this2.$props.title,
         attrs: _this2.v3 ? undefined : {
@@ -448,13 +445,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;
         }
@@ -463,7 +458,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);
@@ -476,42 +470,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 = 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 = getRect(firstSlot.$el);
       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);
       });
@@ -522,7 +507,6 @@ var SchedulerViewItemVue2 = {
         if (!i) {
           return;
         }
-
         if (i.$props.dragHint) {
           dragItems.push(i);
         } else if (i.$props.resizeHint) {
@@ -545,24 +529,19 @@ var SchedulerViewItemVue2 = {
           if (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 = getRect(current.getElement());
-
           if (current.$props.order !== null && current.$props.order < order) {
             currentOffset = (currentRect.top || rect.top) + currentRect.height - rect.top - 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 - BORDER_WIDTH - OFFSET / mostSiblingsInSlot : rect.width * slots.length - BORDER_WIDTH - OFFSET;
       rect.height = this.$props.vertical ? rect.height * slots.length - BORDER_WIDTH : (this.$props.resizeHint || this.$props.dragHint) && mostSiblingsInSlot <= 1 ? rect.height : this.$props.itemStyle && this.$props.itemStyle.height ? this.$props.itemStyle.height : 25;
@@ -575,14 +554,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();
       });
     }
@@ -591,6 +567,5 @@ var SchedulerViewItemVue2 = {
 /**
  * @hidden
  */
-
 var SchedulerViewItem = SchedulerViewItemVue2;
 export { SchedulerViewItem, SchedulerViewItemVue2 };

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

@@ -7,7 +7,6 @@ var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
   }
   return to.concat(ar || Array.prototype.slice.call(from));
 };
-
 import { clone } from '@progress/kendo-vue-common';
 import { DATA_ACTION } from '../../main';
 import { getField, setField, slotDive } from '../../utils/main';
@@ -24,9 +23,7 @@ import { getField, setField, slotDive } from '../../utils/main';
  * - `DRAG_ITEM_RESET'`
  * - `DRAG_ITEM_DRAG_SELECTED`
  */
-
 export var DRAG_ITEM_ACTION;
-
 (function (DRAG_ITEM_ACTION) {
   DRAG_ITEM_ACTION["set"] = "DRAG_ITEM_SET";
   DRAG_ITEM_ACTION["start"] = "DRAG_ITEM_START";
@@ -37,61 +34,48 @@ export var DRAG_ITEM_ACTION;
   DRAG_ITEM_ACTION["reset"] = "DRAG_ITEM_RESET";
   DRAG_ITEM_ACTION["dragSelected"] = "DRAG_ITEM_DRAG_SELECTED";
 })(DRAG_ITEM_ACTION || (DRAG_ITEM_ACTION = {}));
-
 var offset = 0;
 var initialXRef = 0;
 var initialYRef = 0;
 var oldSlot = null;
 /** @hidden */
-
 export var useDragItem = function useDragItem(action) {
   var _this = this;
-
   var dataItem = 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 = 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(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 = clone(si.props.dataItem);
           var selectedStart = new Date(si.props.start.getTime() + distance_1);
           var selectedEnd = new Date(si.props.end.getTime() + distance_1);
@@ -103,7 +87,6 @@ export var useDragItem = function useDragItem(action) {
         this.currentDragItem = __spreadArray([], newDragItems, true);
         break;
       }
-
     case DRAG_ITEM_ACTION.start:
       {
         var clientX = action.payload.x;
@@ -111,46 +94,35 @@ export var useDragItem = function useDragItem(action) {
         initialXRef = clientX;
         initialYRef = clientY;
         var slot = slotDive(clientX, clientY, 7);
-
         if (!slot) {
           return;
         }
-
         var slotStart = slot.getAttribute('data-slot-start');
         var itemStart = 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 = 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(getField(dataItem, this.ks.fields.start));
         var itemEnd = new Date(getField(dataItem, this.ks.fields.end));
         var duration = itemEnd.getTime() - itemStart.getTime();
@@ -161,7 +133,6 @@ export var useDragItem = function useDragItem(action) {
         });
         setField(dataItem, this.ks.fields.start, start);
         setField(dataItem, this.ks.fields.end, end);
-
         if (group && this.ks.groups.length > 1) {
           group.resources.forEach(function (resource) {
             if (!resource.multiple) {
@@ -169,21 +140,16 @@ export 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: DATA_ACTION.update,
@@ -191,16 +157,13 @@ export var useDragItem = function useDragItem(action) {
             dataItem: currentDataItem
           });
         }
-
         break;
       }
-
     case DRAG_ITEM_ACTION.completeOccurrence:
       {
         var newDataItem = Array.isArray(this.compDragItem) ? this.compDragItem.slice() : clone(this.compDragItem);
         var currentDataItem = this.compDragItem;
         this.currentDragItem = null;
-
         if (currentDataItem) {
           this.$emit('dataaction', {
             type: DATA_ACTION.update,
@@ -208,14 +171,11 @@ export 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 = clone(di);
@@ -229,9 +189,7 @@ export var useDragItem = function useDragItem(action) {
           setField(updated, this.ks.fields.end, getField(this.compDragItem, this.ks.fields.end));
           newDataItems = updated;
         }
-
         this.currentDragItem = null;
-
         if (newDataItems) {
           this.$emit('dataaction', {
             type: DATA_ACTION.update,
@@ -239,14 +197,11 @@ export var useDragItem = function useDragItem(action) {
             dataItem: newDataItems
           });
         }
-
         break;
       }
-
     default:
       this.currentDragItem = this.compDragItem;
       break;
   }
-
   this.$emit('dragitemchange', this.currentDragItem);
 };

package/dist/es/items/hooks/use-form-item.js

@@ -1,6 +1,5 @@
 /** @hidden */
 export var FORM_ITEM_ACTION;
-
 (function (FORM_ITEM_ACTION) {
   FORM_ITEM_ACTION["set"] = "FORM_ITEM_SET";
   FORM_ITEM_ACTION["setMaster"] = "FORM_ITEM_SET_MASTER";
@@ -8,8 +7,6 @@ export var FORM_ITEM_ACTION;
   FORM_ITEM_ACTION["complete"] = "FORM_ITEM_COMPLETE";
 })(FORM_ITEM_ACTION || (FORM_ITEM_ACTION = {}));
 /** @hidden */
-
-
 export var useFormItem = function useFormItem(_config, _state) {
   // const [formItem, setFormItem] = useControlledState<DataItem | null>(...state);
   // const fields = useSchedulerFieldsContext();

package/dist/es/items/hooks/use-remove-item.js

@@ -7,15 +7,12 @@
  * - `REMOVE_ITEM_COMPLETE`
  */
 export var REMOVE_ITEM_ACTION;
-
 (function (REMOVE_ITEM_ACTION) {
   REMOVE_ITEM_ACTION["set"] = "REMOVE_ITEM_SET";
   REMOVE_ITEM_ACTION["reset"] = "REMOVE_ITEM_RESET";
   REMOVE_ITEM_ACTION["complete"] = "REMOVE_ITEM_COMPLETE";
 })(REMOVE_ITEM_ACTION || (REMOVE_ITEM_ACTION = {}));
 /** @hidden */
-
-
 export var useRemoveItem = function useRemoveItem(_config, _state) {
   // const [removeItem, setRemoveItem] = useControlledState<DataItem | null>(...state);
   // const handleRemoveItemAction = (action: SchedulerItemRemoveItemAction) => {