@progress/kendo-vue-scheduler 3.6.4 → 3.7.0-dev.202210250731

package/dist/es/Scheduler.js

@@ -2,18 +2,14 @@ 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);
 };
-
 var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
   if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
     if (ar || !(i in from)) {
@@ -22,9 +18,8 @@ var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
     }
   }
   return to.concat(ar || Array.prototype.slice.call(from));
-}; // @ts-ignore
-
-
+};
+// @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -51,17 +46,13 @@ var DEFAULT_SHORT_DATE_FORMAT = '{0:d}';
 /**
  * Specifies the available [DataAction]({% slug api_scheduler_data_action %}) types.
  */
-
 export var DATA_ACTION;
-
 (function (DATA_ACTION) {
   DATA_ACTION[DATA_ACTION["create"] = 0] = "create";
   DATA_ACTION[DATA_ACTION["update"] = 1] = "update";
   DATA_ACTION[DATA_ACTION["remove"] = 2] = "remove";
 })(DATA_ACTION || (DATA_ACTION = {}));
 /** @hidden */
-
-
 var SchedulerVue2 = {
   name: 'KendoScheduler',
   props: {
@@ -217,13 +208,11 @@ var SchedulerVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _this2 = this;
-
     var _this = this;
-
     var h = gh || createElement;
     validatePackage(packageMetadata);
-    var timezone = this.$props.timezone; //  const dir = useDir(element);
-
+    var timezone = this.$props.timezone;
+    //  const dir = useDir(element);
     var view = this.views.find(function (currentView) {
       return currentView.name === _this.ks.activeViewName;
     }) || this.views[0] || h(DayView);
@@ -244,7 +233,6 @@ var SchedulerVue2 = {
     var currentEditable = useEditable(view.editable !== undefined ? view.editable : this.$props.editable);
     var ViewSelector = SchedulerViewSelector;
     var viewComponent = this.getViewComponentByName(this.ks.activeViewName || view.name);
-
     var viewProps = __assign(__assign(__assign({}, this.$props), this.ks.view), {
       showWorkHours: this.ks.showWorkHours,
       dataItems: undefined,
@@ -261,9 +249,9 @@ var SchedulerVue2 = {
       resizeHint: resizeHint,
       editable: currentEditable
     });
-
     var headerRender;
-    var headerRenderDefaultRendering = // @ts-ignore  function children
+    var headerRenderDefaultRendering =
+    // @ts-ignore  function children
     h(SchedulerHeader, this.v3 ? function () {
       return [h(SchedulerNavigation, {
         onPrevclick: _this2.handlePrevClick,
@@ -318,9 +306,11 @@ var SchedulerVue2 = {
       }
     });
     var footerRender;
-    var footerRenderDefaultRendering = // @ts-ignore  function children
+    var footerRenderDefaultRendering =
+    // @ts-ignore  function children
     h(SchedulerFooter, this.v3 ? function () {
-      return [// @ts-ignore  function children
+      return [
+      // @ts-ignore  function children
       h(BusinessHours, {
         slotDuration: slotDuration,
         attrs: _this2.v3 ? undefined : {
@@ -356,13 +346,14 @@ var SchedulerVue2 = {
       id: this.$props.id,
       attrs: this.v3 ? undefined : {
         id: this.$props.id,
-        tabindex: this.$props.tabIndex // Aria
+        tabindex: this.$props.tabIndex
+        // Aria
         //  dir={dir}
         ,
         role: this.$props.role,
         "aria-label": this.$props.ariaLabel,
-        "aria-labelledby": this.$props.ariaLabelledby // Handlers
-
+        "aria-labelledby": this.$props.ariaLabelledby
+        // Handlers
       },
       style: {
         height: this.$props.height + 'px'
@@ -392,19 +383,14 @@ var SchedulerVue2 = {
       switch (viewName.toLowerCase()) {
         case 'week':
           return WeekView;
-
         case 'workweek':
           return WorkWeekView;
-
         case 'agenda':
           return AgendaView;
-
         case 'timeline':
           return TimelineView;
-
         case 'month':
           return MonthView;
-
         default:
           return DayView;
       }
@@ -415,11 +401,11 @@ var SchedulerVue2 = {
     },
     handleDataChange: function handleDataChange(_a) {
       var _b = _a.created,
-          created = _b === void 0 ? [] : _b,
-          _c = _a.updated,
-          updated = _c === void 0 ? [] : _c,
-          _d = _a.deleted,
-          deleted = _d === void 0 ? [] : _d;
+        created = _b === void 0 ? [] : _b,
+        _c = _a.updated,
+        updated = _c === void 0 ? [] : _c,
+        _d = _a.deleted,
+        deleted = _d === void 0 ? [] : _d;
       var args = {
         created: created,
         updated: updated,
@@ -435,10 +421,8 @@ var SchedulerVue2 = {
     },
     handleUpdate: function handleUpdate(action) {
       var _this = this;
-
       var created = [];
       var updated = [];
-
       if (action.series) {
         if (Array.isArray(action.dataItem)) {
           action.dataItem.map(function (dataItem) {
@@ -462,7 +446,6 @@ var SchedulerVue2 = {
           action.dataItem.map(function (dataItem) {
             var isException = getField(dataItem, _this.fields.recurrenceRule) !== null && getField(dataItem, _this.fields.recurrenceRule) !== undefined;
             var isRecurring = getField(dataItem, _this.fields.recurrenceId) !== null && getField(dataItem, _this.fields.recurrenceId) !== undefined;
-
             if (isRecurring && isException) {
               var masterClone = clone(findMaster(dataItem, _this.fields, _this.dataItems));
               var exceptionDate = getField(dataItem, _this.fields.originalStart);
@@ -478,7 +461,6 @@ var SchedulerVue2 = {
         } else {
           var isException = getField(action.dataItem, this.fields.recurrenceRule) !== null && getField(action.dataItem, this.fields.recurrenceRule) !== undefined;
           var isRecurring = getField(action.dataItem, this.fields.recurrenceId) !== null && getField(action.dataItem, this.fields.recurrenceId) !== undefined;
-
           if (isRecurring && isException) {
             var masterClone = clone(findMaster(action.dataItem, this.fields, this.dataItems));
             var exceptionDate = getField(action.dataItem, this.fields.originalStart);
@@ -492,7 +474,6 @@ var SchedulerVue2 = {
           }
         }
       }
-
       this.handleDataChange({
         updated: updated,
         created: created
@@ -501,7 +482,6 @@ var SchedulerVue2 = {
     handleRemove: function handleRemove(action) {
       var updated = [];
       var deleted = [];
-
       if (action.series) {
         var masterClone = clone(findMaster(action.dataItem, this.fields, this.dataItems));
         var dataItem = clone(action.dataItem);
@@ -512,7 +492,6 @@ var SchedulerVue2 = {
         deleted.push(dataItem);
       } else {
         var isException = getField(action.dataItem, this.fields.recurrenceRule) !== null && getField(action.dataItem, this.fields.recurrenceRule) !== undefined;
-
         if (!isException) {
           deleted.push(action.dataItem);
         } else {
@@ -524,7 +503,6 @@ var SchedulerVue2 = {
           updated.push(masterClone);
         }
       }
-
       this.handleDataChange({
         updated: updated,
         deleted: deleted
@@ -535,15 +513,12 @@ var SchedulerVue2 = {
         case DATA_ACTION.create:
           this.handleCreate(action);
           break;
-
         case DATA_ACTION.update:
           this.handleUpdate(action);
           break;
-
         case DATA_ACTION.remove:
           this.handleRemove(action);
           break;
-
         default:
           break;
       }
@@ -565,7 +540,6 @@ var SchedulerVue2 = {
       if (!event.value) {
         return;
       }
-
       this.setDate(event.value, __assign(__assign({}, event), {
         target: this.ks.scheduler.$el,
         nativeEvent: event.event
@@ -649,6 +623,5 @@ var SchedulerVue2 = {
   }
 };
 /** @hidden */
-
 var Scheduler = SchedulerVue2;
 export { Scheduler, SchedulerVue2 };

package/dist/es/components/BaseView.js

@@ -11,7 +11,6 @@ import { COLLECTION_ACTION } from '../utils/main';
 /**
  * @hidden
  */
-
 var BaseViewVue2 = {
   name: 'KendoBaseView',
   // @ts-ignore
@@ -35,10 +34,11 @@ var BaseViewVue2 = {
       dispatchSelectedSlots: this.handleSchedulerSlotsSelectAction,
       dispatchSelectedItems: this.handleSchedulerItemsSelectAction,
       dispatchFocusedItems: this.setFocusedItems,
-      dispatchFocusedSlots: this.setFocusedSlots //    setActiveViewName: this.handleActiveViewNameChange
-
+      dispatchFocusedSlots: this.setFocusedSlots
+      //    setActiveViewName: this.handleActiveViewNameChange
     };
   },
+
   data: function data() {
     return {
       bv: {
@@ -109,12 +109,10 @@ var BaseViewVue2 = {
         case COLLECTION_ACTION.add:
           this.bv.items.push(action.item);
           break;
-
         case COLLECTION_ACTION.remove:
           var index = this.bv.items.indexOf(action.item);
           this.bv.items.splice(index, 1);
           break;
-
         default:
           break;
       }
@@ -124,12 +122,10 @@ var BaseViewVue2 = {
         case COLLECTION_ACTION.add:
           this.bv.slots.push(action.item);
           break;
-
         case COLLECTION_ACTION.remove:
           var index = this.bv.slots.indexOf(action.item);
           this.bv.slots.splice(index, 1);
           break;
-
         default:
           break;
       }
@@ -139,6 +135,5 @@ var BaseViewVue2 = {
 /**
  * @hidden
  */
-
 var BaseView = BaseViewVue2;
 export { BaseView, BaseViewVue2 };

package/dist/es/components/CurrentTimeMarker.js

@@ -6,7 +6,6 @@ var isV3 = allVue.version && allVue.version[0] === '3';
 import { cloneDate } from '@progress/kendo-date-math';
 import { first, isInTimeRange, intersects } from '../utils/main';
 import { getRect } from '../views/common/utils';
-
 var combineWidths = function combineWidths(slots) {
   var result = 0;
   slots.forEach(function (slot) {
@@ -17,7 +16,6 @@ var combineWidths = function combineWidths(slots) {
   });
   return result;
 };
-
 var combineHeights = function combineHeights(slots) {
   var result = 0;
   slots.forEach(function (slot) {
@@ -28,7 +26,6 @@ var combineHeights = function combineHeights(slots) {
   });
   return result;
 };
-
 var setTime = function setTime(origin, candidate) {
   var date = cloneDate(origin);
   date.setHours(candidate.getHours(), candidate.getMinutes(), candidate.getSeconds(), candidate.getMilliseconds());
@@ -37,8 +34,6 @@ var setTime = function setTime(origin, candidate) {
 /**
  * @hidden
  */
-
-
 var CurrentTimeMarkerVue2 = {
   name: 'KendoCurrentTimeMarker',
   props: {
@@ -75,11 +70,9 @@ var CurrentTimeMarkerVue2 = {
     this.$nextTick(function () {
       that.position();
     });
-
     if (!this.ks.scheduler || !this.ks.scheduler.$el || !window) {
       return;
     }
-
     clearInterval(this.interval);
     this.interval = window.setInterval(this.position, this.updateInterval);
     this.observer = new window.ResizeObserver(this.position);
@@ -106,9 +99,8 @@ var CurrentTimeMarkerVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _a;
-
-    var h = gh || createElement; //   const dir = useDir(line, schedulerProps.rtl === true ? 'rtl' : undefined);
-
+    var h = gh || createElement;
+    //   const dir = useDir(line, schedulerProps.rtl === true ? 'rtl' : undefined);
     return h("div", {
       "class": "k-current-time",
       style: (_a = {
@@ -119,22 +111,17 @@ var CurrentTimeMarkerVue2 = {
   methods: {
     position: function position() {
       var _this = this;
-
       if (!this.bv.slots) {
         return;
       }
-
       var sameTimeSlots = this.bv.slots.filter(function (s) {
         return (_this.$props.groupIndex === undefined || _this.$props.groupIndex === null || s.group.index === _this.$props.groupIndex) && (_this.$props.vertical ? intersects(new Date(), new Date(), s.start, s.end, true) : isInTimeRange(new Date(), s.start, s.end)) && !s.isAllDay;
       });
-
       if (sameTimeSlots && sameTimeSlots.length && this.line) {
         var firstSlot = first(sameTimeSlots);
-
         if (!firstSlot) {
           return;
         }
-
         var size = this.$props.vertical ? combineHeights(sameTimeSlots) : combineWidths(sameTimeSlots);
         var rect = getRect(firstSlot.$el);
         var arrowRect = getRect(this.arrowRef);
@@ -143,12 +130,12 @@ var CurrentTimeMarkerVue2 = {
         var rtl = this.$props.dir === 'rtl';
         var top_1 = this.$props.vertical ? rect.top : rect.top + offset - arrowRect.height / 2;
         var horizontalDimension = rtl ? 'right' : 'left';
-        var horizontalMeasure = this.$props.vertical ? rect[horizontalDimension] + offset - arrowRect.width / 2 : rect[horizontalDimension]; // if (this.$props.vertical) {
+        var horizontalMeasure = this.$props.vertical ? rect[horizontalDimension] + offset - arrowRect.width / 2 : rect[horizontalDimension];
+        // if (this.$props.vertical) {
         //     this.arrowRef.style[horizontalDimension] = `${horizontalMeasure}px`;
         // } else {
         //     this.arrowRef.style.top = `${top}px`;
         // }
-
         this.line.style[horizontalDimension] = "".concat(horizontalMeasure, "px");
         this.line.style.top = "".concat(top_1, "px");
         this.line.style[this.$props.vertical ? 'height' : 'width'] = "".concat(size - 1, "px");
@@ -162,6 +149,5 @@ var CurrentTimeMarkerVue2 = {
 /**
  * @hidden
  */
-
 var CurrentTimeMarker = CurrentTimeMarkerVue2;
 export { CurrentTimeMarker, CurrentTimeMarkerVue2 };

package/dist/es/components/CurrentTimeMarkerArrow.js

@@ -7,15 +7,12 @@ import { cloneDate } from '@progress/kendo-date-math';
 import { classNames } from '@progress/kendo-vue-common';
 import { first, isInTimeRange, intersects } from '../utils/main';
 import { getRect } from '../views/common/utils';
-
 var setTime = function setTime(origin, candidate) {
   var date = cloneDate(origin);
   date.setHours(candidate.getHours(), candidate.getMinutes(), candidate.getSeconds(), candidate.getMilliseconds());
   return date;
 };
 /** @hidden */
-
-
 var CurrentTimeMarkerArrowVue2 = {
   name: 'KendoCurrentTimeMarkerArrow',
   props: {
@@ -47,11 +44,9 @@ var CurrentTimeMarkerArrowVue2 = {
   mounted: function mounted() {
     this.arrowRef = this.$el;
     this.position();
-
     if (!this.ks.scheduler || !this.ks.scheduler.$el || !window) {
       return;
     }
-
     clearInterval(this.interval);
     this.interval = window.setInterval(this.position, this.updateInterval);
     this.observer = new window.ResizeObserver(this.position);
@@ -77,8 +72,8 @@ var CurrentTimeMarkerArrowVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
-    var h = gh || createElement; //   const dir = useDir(line, schedulerProps.rtl === true ? 'rtl' : undefined);
-
+    var h = gh || createElement;
+    //   const dir = useDir(line, schedulerProps.rtl === true ? 'rtl' : undefined);
     return h("div", {
       "class": classNames('k-current-time', {
         'k-current-time-arrow-right': !this.$props.vertical && this.$props.dir !== 'rtl',
@@ -94,22 +89,17 @@ var CurrentTimeMarkerArrowVue2 = {
   methods: {
     position: function position() {
       var _this = this;
-
       if (!this.bv.slots) {
         return;
       }
-
       var sameTimeSlots = this.bv.slots.filter(function (s) {
         return (_this.$props.groupIndex === undefined || _this.$props.groupIndex === null || s.group.index === _this.$props.groupIndex) && (_this.$props.vertical ? intersects(new Date(), new Date(), s.start, s.end, true) : isInTimeRange(new Date(), s.start, s.end)) && !s.isAllDay;
       });
-
       if (sameTimeSlots && sameTimeSlots.length && this.$el) {
         var firstSlot = first(sameTimeSlots);
-
         if (!firstSlot) {
           return;
         }
-
         var rect = getRect(firstSlot.$el);
         var arrowRect = getRect(this.arrowRef);
         var pxPerMillisecond = (this.$props.vertical ? rect.width : rect.height) / (firstSlot.end.getTime() - firstSlot.start.getTime());
@@ -118,13 +108,11 @@ var CurrentTimeMarkerArrowVue2 = {
         var top_1 = this.$props.vertical ? rect.top : rect.top + offset - arrowRect.height / 2;
         var horizontalDimension = rtl ? 'right' : 'left';
         var horizontalMeasure = this.$props.vertical ? rect[horizontalDimension] + offset - arrowRect.width / 2 : rect[horizontalDimension];
-
         if (this.$props.vertical) {
           this.arrowRef.style[horizontalDimension] = "".concat(horizontalMeasure, "px");
         } else {
           this.arrowRef.style.top = "".concat(top_1, "px");
         }
-
         this.show = true;
       } else {
         this.show = false;
@@ -135,6 +123,5 @@ var CurrentTimeMarkerArrowVue2 = {
 /**
  * @hidden
  */
-
 var CurrentTimeMarkerArrow = CurrentTimeMarkerArrowVue2;
 export { CurrentTimeMarkerArrow, CurrentTimeMarkerArrowVue2 };

package/dist/es/components/DateHeaderCell.js

@@ -9,7 +9,6 @@ import { getTemplate } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var DateHeaderCellVue2 = {
   name: 'KendoDateHeaderCell',
   props: {
@@ -62,6 +61,5 @@ var DateHeaderCellVue2 = {
 /**
  * @hidden
  */
-
 var DateHeaderCell = DateHeaderCellVue2;
 export { DateHeaderCell, DateHeaderCellVue2 };

package/dist/es/components/SchedulerActionButtons.js

@@ -8,7 +8,6 @@ import { DialogActionsBar } from '@progress/kendo-vue-dialogs';
 /**
  * @hidden
  */
-
 var SchedulerActionButtonsVue2 = {
   name: 'KendoSchedulerActionButtons',
   props: {
@@ -30,9 +29,9 @@ var SchedulerActionButtonsVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _this = this;
-
     var h = gh || createElement;
-    return (// @ts-ignore  function children
+    return (
+      // @ts-ignore  function children
       h(DialogActionsBar, {
         buttonGroupClass: false,
         attrs: this.v3 ? undefined : {
@@ -40,7 +39,8 @@ var SchedulerActionButtonsVue2 = {
         },
         "class": 'k-form-buttons'
       }, this.v3 ? function () {
-        return [// @ts-ignore  function children
+        return [
+        // @ts-ignore  function children
         h(Button, {
           type: "submit",
           attrs: _this.v3 ? undefined : {
@@ -54,7 +54,8 @@ var SchedulerActionButtonsVue2 = {
           }
         }, _this.v3 ? function () {
           return [_this.editSaveMessage];
-        } : [_this.editSaveMessage]), // @ts-ignore  function children
+        } : [_this.editSaveMessage]),
+        // @ts-ignore  function children
         h(Button, {
           onClick: _this.handleCancel,
           on: _this.v3 ? undefined : {
@@ -98,6 +99,5 @@ var SchedulerActionButtonsVue2 = {
 /**
  * @hidden
  */
-
 var SchedulerActionButtons = SchedulerActionButtonsVue2;
 export { SchedulerActionButtons, SchedulerActionButtonsVue2 };

package/dist/es/components/SchedulerForm.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;
@@ -30,7 +26,6 @@ import { getTemplate, guid } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var SchedulerFormVue2 = {
   name: 'KendoSchedulerForm',
   // @ts-ignore
@@ -69,7 +64,6 @@ var SchedulerFormVue2 = {
     that.calculateMedia();
     setTimeout(function () {
       var dialogWrapper = document.getElementById(that.dialogId);
-
       if (dialogWrapper) {
         dialogWrapper.focus();
       }
@@ -87,7 +81,6 @@ var SchedulerFormVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _this = this;
-
     var h = gh || createElement;
     var that = this;
     var localization = provideLocalizationService(this);
@@ -98,7 +91,8 @@ var SchedulerFormVue2 = {
     var editorTitleMessage = localization.toLanguageString(editorTitle, messages[editorTitle]);
     this.startValidationMessage = localization.toLanguageString(editorValidationStart, messages[editorValidationStart]);
     var renderAs;
-    var defaultRendering = // @ts-ignore  function children
+    var defaultRendering =
+    // @ts-ignore  function children
     h(SchedulerFormEditor, this.v3 ? function () {
       return [h(SchedulerActionButtons, {
         editSaveMessage: editSaveMessage,
@@ -137,19 +131,16 @@ var SchedulerFormVue2 = {
         cancel: this.handleCancel
       }
     });
-
     var dialogProps = __assign({
       title: editorTitleMessage,
       appendTo: 'body',
       minWidth: this.media === 'desktop' ? 600 : '85%',
       wrapperId: this.dialogId
     }, this.ks.dialogProps);
-
     var formProps = __assign({
       initialValues: that.ksModifyInitialFormValues(that.$props.dataItem),
       validator: that.formValidator
     }, this.ks.formProps);
-
     return h(KendoDialog, __assign({
       attrs: this.v3 ? undefined : dialogProps,
       onClose: this.handleClose,
@@ -228,6 +219,5 @@ var SchedulerFormVue2 = {
 /**
  * @hidden
  */
-
 var SchedulerForm = SchedulerFormVue2;
 export { SchedulerForm, SchedulerFormVue2 };