@progress/kendo-vue-scheduler 3.7.4-dev.202211041243 → 3.7.4-dev.202211280833

package/dist/es/Scheduler.js

@@ -369,7 +369,7 @@ var SchedulerVue2 = {
         "focusout": this.handleBlur
       },
       onFocusout: this.handleBlur
-    }, [headerRender, view && h(viewComponent, __assign({
+    }, [headerRender, h(viewComponent, __assign({
       key: this.ks.view.name,
       onDataaction: this.handleDataAction,
       on: this.v3 ? undefined : {

package/dist/es/components/header/navigation/NavigationDatePicker.js

@@ -48,6 +48,7 @@ var NavigationDatePickerVue2 = {
   },
   data: function data() {
     return {
+      hasMounted: false,
       show: false,
       focused: false,
       media: 'desktop'
@@ -58,6 +59,7 @@ var NavigationDatePickerVue2 = {
     this.calculateMedia();
     this.observer = new window.ResizeObserver(this.calculateMedia);
     this.observer.observe(this.ks.scheduler.$el);
+    this.hasMounted = true;
   },
   destroyed: !!isV3 ? undefined : function () {
     if (this.observer) {
@@ -131,7 +133,7 @@ var NavigationDatePickerVue2 = {
           anchor: _this2.buttonId,
           show: show
         }, _this2.v3 ? function () {
-          return [h(Calendar, {
+          return [_this2.hasMounted && h(Calendar, {
             ref: 'calendar',
             onBlur: _this2.onCalendarBlur,
             on: _this2.v3 ? undefined : {
@@ -146,7 +148,7 @@ var NavigationDatePickerVue2 = {
               value: value
             }
           })];
-        } : [h(Calendar, {
+        } : [_this2.hasMounted && h(Calendar, {
           ref: 'calendar',
           onBlur: _this2.onCalendarBlur,
           on: _this2.v3 ? undefined : {
@@ -171,7 +173,7 @@ var NavigationDatePickerVue2 = {
         anchor: _this2.buttonId,
         show: show
       }, _this2.v3 ? function () {
-        return [h(Calendar, {
+        return [_this2.hasMounted && h(Calendar, {
           ref: 'calendar',
           onBlur: _this2.onCalendarBlur,
           on: _this2.v3 ? undefined : {
@@ -186,7 +188,7 @@ var NavigationDatePickerVue2 = {
             value: value
           }
         })];
-      } : [h(Calendar, {
+      } : [_this2.hasMounted && h(Calendar, {
         ref: 'calendar',
         onBlur: _this2.onCalendarBlur,
         on: _this2.v3 ? undefined : {

package/dist/es/items/SchedulerViewItem.js

@@ -22,7 +22,7 @@ import { getRect, setRect } from '../views/common/utils';
 import { BORDER_WIDTH } from '../constants/main';
 import { provideIntlService } from '@progress/kendo-vue-intl';
 import { SchedulerItemContent } from './SchedulerItemContent';
-import { getDefaultSlots, getTemplate } from '@progress/kendo-vue-common';
+import { canUseDOM, getDefaultSlots, getTemplate } from '@progress/kendo-vue-common';
 /** @hidden */
 var ITEMS_SPACING = 1;
 /**
@@ -114,8 +114,10 @@ var SchedulerViewItemVue2 = {
     if (!this.ks.scheduler || !this.ks.scheduler.$el) {
       return;
     }
-    this.observer = new window.ResizeObserver(this.handleResize);
-    this.observer.observe(this.ks.scheduler.$el);
+    if (canUseDOM) {
+      this.observer = new window.ResizeObserver(this.handleResize);
+      this.observer.observe(this.ks.scheduler.$el);
+    }
   },
   updated: function updated() {
     var that = this;
@@ -126,8 +128,10 @@ var SchedulerViewItemVue2 = {
     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);
+    if (canUseDOM) {
+      this.observer = new window.ResizeObserver(this.handleResize);
+      this.observer.observe(this.ks.scheduler.$el);
+    }
   },
   destroyed: !!isV3 ? undefined : function () {
     if (this.observer) {

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-scheduler',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1667565507,
+    publishDate: 1669624090,
     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/es/slots/SchedulerSlot.js

@@ -119,6 +119,14 @@ var SchedulerSlotVue2 = {
       item: this
     });
   },
+  data: function data() {
+    return {
+      hasMounted: false
+    };
+  },
+  mounted: function mounted() {
+    this.hasMounted = true;
+  },
   destroyed: !!isV3 ? undefined : function () {
     this.setSlots({
       type: COLLECTION_ACTION.remove,
@@ -208,7 +216,7 @@ var SchedulerSlotVue2 = {
       "data-slot-index": this.$props.index
     }, [this.navDay && h("span", {
       "class": "k-link k-nav-day"
-    }, [this.intl.formatDate(new Date(this.end.getTime() - (this.end.getTime() - this.start.getTime()) / 2), DAY_FORMAT)]), this.itemsPerSlot < this.items.length && h(ShowMoreItemsButton, {
+    }, [this.intl.formatDate(new Date(this.end.getTime() - (this.end.getTime() - this.start.getTime()) / 2), DAY_FORMAT)]), this.hasMounted && this.itemsPerSlot < this.items.length && h(ShowMoreItemsButton, {
       onClick: this.handleShowMoreItemsClick,
       on: this.v3 ? undefined : {
         "click": this.handleShowMoreItemsClick

package/dist/es/slots/SchedulerViewSlot.js

@@ -6,7 +6,7 @@ var isV3 = allVue.version && allVue.version[0] === '3';
 var inject = allVue.inject;
 import { SchedulerSlot } from './SchedulerSlot';
 import { useSlotExpand } from '../hooks/main';
-import { getDefaultSlots, getTemplate } from '@progress/kendo-vue-common';
+import { canUseDOM, getDefaultSlots, getTemplate } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
@@ -84,8 +84,10 @@ var SchedulerViewSlotVue2 = {
     if (!this.ks.scheduler || !this.ks.scheduler.$el) {
       return;
     }
-    this.observer = new window.ResizeObserver(this.handleResize);
-    this.observer.observe(this.ks.scheduler.$el);
+    if (canUseDOM) {
+      this.observer = new window.ResizeObserver(this.handleResize);
+      this.observer.observe(this.ks.scheduler.$el);
+    }
   },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {

package/dist/es/views/agenda/AgendaViewBody.js

@@ -3,14 +3,10 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-var inject = allVue.inject;
 import { SchedulerEditSlot } from '../../slots/SchedulerEditSlot';
 import { provideIntlService, provideLocalizationService } from '@progress/kendo-vue-intl';
 import { SchedulerEditTask } from '../../tasks/SchedulerEditTask';
 import { messages, noEvents, allDay } from '../../messages/main';
-var DAY_FORMAT = {
-  skeleton: 'dd'
-};
 /**
  * @hidden
  */
@@ -38,6 +34,14 @@ var AgendaViewBodyVue2 = {
       default: null
     }
   },
+  data: function data() {
+    return {
+      hasMounted: false
+    };
+  },
+  mounted: function mounted() {
+    this.hasMounted = true;
+  },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {
     var v3 = !!isV3;
@@ -55,7 +59,7 @@ var AgendaViewBodyVue2 = {
     var localization = provideLocalizationService(this);
     return h("div", {
       "class": "k-scheduler-body"
-    }, [(this.items.length || true) && this.agendaSlots.filter(function (slot) {
+    }, [this.items.length && this.agendaSlots.filter(function (slot) {
       return slot.group.index === (_this.ri.groupIndex || 0);
     }).map(function (slot, slotIndex, filtered) {
       var _this2 = this;
@@ -114,7 +118,7 @@ var AgendaViewBodyVue2 = {
         "class": "k-scheduler-agendadate"
       }, [_this2.intl.formatDate(slot.zonedStart, 'y')])])]), h("div", {
         "class": "k-scheduler-cell k-group-content"
-      }, [slot.items.length ? slot.items.map(function (item, itemIndex) {
+      }, [this.hasMounted && slot.items.length ? slot.items.map(function (item, itemIndex) {
         return h("div", {
           "class": "k-scheduler-row",
           key: itemIndex

package/dist/es/views/common/HorizontalResourceIterator.js

@@ -36,6 +36,7 @@ var HorizontalResourceIteratorVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var h = gh || createElement;
+    var that = this;
     var _a = this.$props,
       nested = _a.nested,
       rowContentProps = _a.rowContentProps;
@@ -45,7 +46,6 @@ var HorizontalResourceIteratorVue2 = {
     var defaultSlot = getDefaultSlots(this);
     var groupIndex = 0;
     var renderResources = function renderResources(args) {
-      var children = args.children;
       var deepestResources = expandResources(args.resources, args.resources.length - 1);
       var ChildRowContent = args.childRowContent;
       var hasGroups = args.resources.length > 0;
@@ -76,8 +76,8 @@ var HorizontalResourceIteratorVue2 = {
             },
             groupIndex: hasGroups ? cGroupIndex : 0
           }, this.v3 ? function () {
-            return [defaultSlot];
-          } : [defaultSlot])
+            return [getDefaultSlots(that)];
+          } : [getDefaultSlots(that)])
         );
       }, this)]);
     };

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

@@ -33,6 +33,7 @@ var VerticalResourceIteratorVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var h = gh || createElement;
+    var that = this;
     var defaultSlot = getDefaultSlots(this);
     var _a = this.$props,
       nested = _a.nested,
@@ -169,8 +170,8 @@ var VerticalResourceIteratorVue2 = {
           resource: args.resources[args.depth],
           groupIndex: hasGroups ? args.groupIndex : 0
         }, this.v3 ? function () {
-          return [children];
-        } : [children]), renderMore.call(this, args.resources[args.depth], hasGroups ? args.groupIndex : 0)];
+          return [getDefaultSlots(that)];
+        } : [getDefaultSlots(that)]), renderMore.call(this, args.resources[args.depth], hasGroups ? args.groupIndex : 0)];
       }
       var dataLength = args.resources[args.depth].data.length;
       return args.resources[args.depth].data.map(function (dataItem, dataIndex) {

package/dist/es/views/common/utils.js

@@ -18,6 +18,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
+import { canUseDOM } from '@progress/kendo-vue-common';
 /** @hidden */
 export var last = function (arr) { return arr[arr.length - 1]; };
 /** @hidden */
@@ -156,12 +157,18 @@ export var getRect = function (el) {
 /** @hidden */
 export var getPadding = function (el, horizontal) {
     if (horizontal === void 0) { horizontal = false; }
+    if (!canUseDOM) {
+        return 0;
+    }
     return parseFloat(window.getComputedStyle(el)[horizontal ? 'paddingLeft' : 'paddingTop'] || '0')
         + parseFloat(window.getComputedStyle(el)[horizontal ? 'paddingRight' : 'paddingBottom'] || '0');
 };
 /** @hidden */
 export var getBorders = function (el, horizontal) {
     if (horizontal === void 0) { horizontal = false; }
+    if (!canUseDOM) {
+        return 0;
+    }
     return parseFloat(window.getComputedStyle(el)[horizontal ? 'borderLeftWidth' : 'borderTopWidth'] || '0')
         + parseFloat(window.getComputedStyle(el)[horizontal ? 'borderRightWidth' : 'borderBottomWidth'] || '0');
 };

package/dist/es/views/day/DayViewAllDaySlots.js

@@ -43,13 +43,13 @@ var DayViewAllDaySlotsVue2 = {
       numberOfDays = _a.numberOfDays,
       workWeekStart = _a.workWeekStart,
       workWeekEnd = _a.workWeekEnd;
+    var groupIndex = this.ri.groupIndex;
     return h("div", {
-      key: this.ri.groupIndex,
+      key: groupIndex,
       "class": "k-scheduler-row"
     }, [this.dayRanges.map(function (_, rangeIndex) {
-      var _this = this;
       return this.daySlots.filter(function (s) {
-        return s.group.index === _this.ri.groupIndex && s.range.index === rangeIndex;
+        return s.group.index === groupIndex && s.range.index === rangeIndex;
       }).map(function (slot, slotIndex, filtered) {
         return h(SchedulerEditSlot, {
           index: slot.index,
@@ -67,7 +67,7 @@ var DayViewAllDaySlotsVue2 = {
             slotRender: this.$props.slotRender,
             viewSlot: this.$props.viewSlot,
             row: 0,
-            col: this.ks.orientation === 'horizontal' ? filtered.length * (this.ri.groupIndex || 0) + slotIndex : slotIndex,
+            col: this.ks.orientation === 'horizontal' ? filtered.length * (groupIndex || 0) + slotIndex : slotIndex,
             isWorkDay: 0 <= slot.zonedStart.getDay() + (numberOfDays - workWeekStart) && (slot.zonedStart.getDay() + (numberOfDays - workWeekStart)) % numberOfDays <= workWeekEnd + (numberOfDays - workWeekStart),
             expandable: true,
             editable: this.$props.editable
@@ -89,7 +89,7 @@ var DayViewAllDaySlotsVue2 = {
           viewSlot: this.$props.viewSlot,
           key: "".concat(slot.start.getTime(), ":").concat(slot.group.index),
           row: 0,
-          col: this.ks.orientation === 'horizontal' ? filtered.length * (this.ri.groupIndex || 0) + slotIndex : slotIndex,
+          col: this.ks.orientation === 'horizontal' ? filtered.length * (groupIndex || 0) + slotIndex : slotIndex,
           isWorkDay: 0 <= slot.zonedStart.getDay() + (numberOfDays - workWeekStart) && (slot.zonedStart.getDay() + (numberOfDays - workWeekStart)) % numberOfDays <= workWeekEnd + (numberOfDays - workWeekStart),
           expandable: true,
           editable: this.$props.editable

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

@@ -265,10 +265,14 @@ var MultiDayViewVue2 = {
   },
   data: function data() {
     return {
+      hasMounted: false,
       currentDragItem: undefined,
       currentResizeItem: undefined
     };
   },
+  mounted: function mounted() {
+    this.hasMounted = true;
+  },
   created: function created() {
     this.intl = provideIntlService(this);
   },
@@ -474,7 +478,7 @@ var MultiDayViewVue2 = {
           on: _this2.v3 ? undefined : {
             "dataaction": _this2.handleDataAction
           }
-        })]), dayItems.map(function (item) {
+        })]), _this2.hasMounted && dayItems.map(function (item) {
           return h(EditItem, {
             key: item.isRecurring ? "".concat(item.uid, ":").concat(item.group.index, ":").concat(item.range.index, ":").concat(item.originalStart) : "".concat(item.uid, ":").concat(item.group.index, ":").concat(item.range.index),
             uid: item.uid,
@@ -752,7 +756,7 @@ var MultiDayViewVue2 = {
           timeSlots: timeSlots,
           dayRanges: _this2.dayRanges,
           editable: _this2.$props.editable
-        })]), dayItems.map(function (item) {
+        })]), _this2.hasMounted && dayItems.map(function (item) {
           return h(EditItem, {
             key: item.isRecurring ? "".concat(item.uid, ":").concat(item.group.index, " : ").concat(item.range.index, " : ").concat(item.originalStart) : "".concat(item.uid, ":").concat(item.group.index, " : ").concat(item.range.index),
             uid: item.uid,
@@ -826,7 +830,7 @@ var MultiDayViewVue2 = {
             editable: this.$props.editable,
             vertical: false
           });
-        }, _this2), _this2.compDragItem && _this2.compDragItem.isAllDay && dragItemClue.call(_this2, true), _this2.compResizeItem && _this2.compResizeItem.isAllDay && resizeItemClue.call(_this2, true)], timeItems.map(function (item) {
+        }, _this2), _this2.compDragItem && _this2.compDragItem.isAllDay && dragItemClue.call(_this2, true), _this2.compResizeItem && _this2.compResizeItem.isAllDay && resizeItemClue.call(_this2, true)], _this2.hasMounted && timeItems.map(function (item) {
           return h(EditItem, {
             key: item.isRecurring ? "".concat(item.uid, ":").concat(item.group.index, ":").concat(item.range.index, ":").concat(item.originalStart) : "".concat(item.uid, ":").concat(item.group.index, ":").concat(item.range.index),
             uid: item.uid,
@@ -993,7 +997,7 @@ var MultiDayViewVue2 = {
         on: _this2.v3 ? undefined : {
           "dataaction": _this2.handleDataAction
         }
-      })]), dayItems.map(function (item) {
+      })]), _this2.hasMounted && dayItems.map(function (item) {
         return h(EditItem, {
           key: item.isRecurring ? "".concat(item.uid, ":").concat(item.group.index, ":").concat(item.range.index, ":").concat(item.originalStart) : "".concat(item.uid, ":").concat(item.group.index, ":").concat(item.range.index),
           uid: item.uid,
@@ -1264,7 +1268,7 @@ var MultiDayViewVue2 = {
         timeSlots: timeSlots,
         dayRanges: _this2.dayRanges,
         editable: _this2.$props.editable
-      })]), dayItems.map(function (item) {
+      })]), _this2.hasMounted && dayItems.map(function (item) {
         return h(EditItem, {
           key: item.isRecurring ? "".concat(item.uid, ":").concat(item.group.index, " : ").concat(item.range.index, " : ").concat(item.originalStart) : "".concat(item.uid, ":").concat(item.group.index, " : ").concat(item.range.index),
           uid: item.uid,
@@ -1338,7 +1342,7 @@ var MultiDayViewVue2 = {
           editable: this.$props.editable,
           vertical: false
         });
-      }, _this2), _this2.compDragItem && _this2.compDragItem.isAllDay && dragItemClue.call(_this2, true), _this2.compResizeItem && _this2.compResizeItem.isAllDay && resizeItemClue.call(_this2, true)], timeItems.map(function (item) {
+      }, _this2), _this2.compDragItem && _this2.compDragItem.isAllDay && dragItemClue.call(_this2, true), _this2.compResizeItem && _this2.compResizeItem.isAllDay && resizeItemClue.call(_this2, true)], _this2.hasMounted && timeItems.map(function (item) {
         return h(EditItem, {
           key: item.isRecurring ? "".concat(item.uid, ":").concat(item.group.index, ":").concat(item.range.index, ":").concat(item.originalStart) : "".concat(item.uid, ":").concat(item.group.index, ":").concat(item.range.index),
           uid: item.uid,

package/dist/es/views/month/MonthView.js

@@ -15,7 +15,6 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-var inject = allVue.inject;
 import { BaseView } from '../../components/BaseView';
 import { MS_PER_DAY, firstDayInWeek, firstDayOfMonth, getDate, addDays, lastDayOfMonth, ZonedDate } from '@progress/kendo-date-math';
 import { VerticalResourceIterator } from '../common/VerticalResourceIterator';
@@ -34,9 +33,6 @@ import { MonthViewBody } from './MonthViewBody';
 import { SchedulerEditItem } from '../../items/SchedulerEditItem';
 import { SchedulerResize } from '../common/SchedulerResize';
 import { SchedulerDrag } from '../../views/common/SchedulerDrag';
-var DAY_FORMAT = {
-  skeleton: 'dd'
-};
 /** @hidden */
 var MonthViewVue2 = {
   name: 'KendoMonthView',
@@ -113,8 +109,12 @@ var MonthViewVue2 = {
   created: function created() {
     this.intl = provideIntlService(this);
   },
+  mounted: function mounted() {
+    this.hasMounted = true;
+  },
   data: function data() {
     return {
+      hasMounted: false,
       currentDragItem: undefined,
       currentResizeItem: undefined
     };
@@ -396,7 +396,7 @@ var MonthViewVue2 = {
           dateHeaderCell: _this2.$props.dateHeaderCell
         })])]), h("div", {
           "class": "k-scheduler-body"
-        }, [body, items.filter(function (item) {
+        }, [body, _this2.hasMounted && items.filter(function (item) {
           return item.order === null || item.order < itemsPerSlot;
         }).sort(orderSort).map(function (item) {
           return h(EditItem, {
@@ -530,7 +530,7 @@ var MonthViewVue2 = {
         dateHeaderCell: _this2.$props.dateHeaderCell
       })])]), h("div", {
         "class": "k-scheduler-body"
-      }, [body, items.filter(function (item) {
+      }, [body, _this2.hasMounted && items.filter(function (item) {
         return item.order === null || item.order < itemsPerSlot;
       }).sort(orderSort).map(function (item) {
         return h(EditItem, {

package/dist/es/views/time/MultiDayTimelineView.js

@@ -24,7 +24,6 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-var inject = allVue.inject;
 import { BaseView } from '../../components/BaseView';
 import { useCellSync, useRowSync } from '../../hooks/main';
 import { Day, MS_PER_DAY, MS_PER_MINUTE, getDate, ZonedDate, addDays } from '@progress/kendo-date-math';
@@ -155,6 +154,7 @@ var MultiDayTimelineViewVue2 = {
   },
   data: function data() {
     return {
+      hasMounted: false,
       currentDragItem: undefined,
       currentResizeItem: undefined
     };
@@ -229,6 +229,7 @@ var MultiDayTimelineViewVue2 = {
   mounted: function mounted() {
     this.timeRef = null;
     this.bodyRef = null;
+    this.hasMounted = true;
     useCellSync({
       element: this.$el,
       selector: '.k-resource-cell',
@@ -270,8 +271,6 @@ var MultiDayTimelineViewVue2 = {
     var _this2 = this;
     var h = gh || createElement;
     var intl = provideIntlService(this);
-    var showWorkHours = this.$props.showWorkHours;
-    var slotDivisions = this.$props.slotDivisions;
     var slotDuration = this.$props.slotDuration;
     var workDayStart = intl.parseDate(this.$props.workDayStart);
     var workDayEnd = intl.parseDate(this.$props.workDayEnd);
@@ -530,7 +529,7 @@ var MultiDayTimelineViewVue2 = {
             viewSlot: _this2.$props.viewSlot,
             currentTimeMarker: _this2.$props.currentTimeMarker
           }
-        }), items.sort(orderSort).map(function (item) {
+        }), _this2.hasMounted && items.sort(orderSort).map(function (item) {
           return h(SchedulerEditItem, {
             key: item.isRecurring ? "".concat(item.uid, ":").concat(item.group.index, ":").concat(item.range.index, ":").concat(item.originalStart) : "".concat(item.uid, ":").concat(item.group.index, ":").concat(item.range.index),
             uid: item.uid,
@@ -730,7 +729,7 @@ var MultiDayTimelineViewVue2 = {
           viewSlot: _this2.$props.viewSlot,
           currentTimeMarker: _this2.$props.currentTimeMarker
         }
-      }), items.sort(orderSort).map(function (item) {
+      }), _this2.hasMounted && items.sort(orderSort).map(function (item) {
         return h(SchedulerEditItem, {
           key: item.isRecurring ? "".concat(item.uid, ":").concat(item.group.index, ":").concat(item.range.index, ":").concat(item.originalStart) : "".concat(item.uid, ":").concat(item.group.index, ":").concat(item.range.index),
           uid: item.uid,

package/dist/esm/Scheduler.js

@@ -369,7 +369,7 @@ var SchedulerVue2 = {
         "focusout": this.handleBlur
       },
       onFocusout: this.handleBlur
-    }, [headerRender, view && h(viewComponent, __assign({
+    }, [headerRender, h(viewComponent, __assign({
       key: this.ks.view.name,
       onDataaction: this.handleDataAction,
       on: this.v3 ? undefined : {

package/dist/esm/components/header/navigation/NavigationDatePicker.js

@@ -48,6 +48,7 @@ var NavigationDatePickerVue2 = {
   },
   data: function data() {
     return {
+      hasMounted: false,
       show: false,
       focused: false,
       media: 'desktop'
@@ -58,6 +59,7 @@ var NavigationDatePickerVue2 = {
     this.calculateMedia();
     this.observer = new window.ResizeObserver(this.calculateMedia);
     this.observer.observe(this.ks.scheduler.$el);
+    this.hasMounted = true;
   },
   destroyed: !!isV3 ? undefined : function () {
     if (this.observer) {
@@ -131,7 +133,7 @@ var NavigationDatePickerVue2 = {
           anchor: _this2.buttonId,
           show: show
         }, _this2.v3 ? function () {
-          return [h(Calendar, {
+          return [_this2.hasMounted && h(Calendar, {
             ref: 'calendar',
             onBlur: _this2.onCalendarBlur,
             on: _this2.v3 ? undefined : {
@@ -146,7 +148,7 @@ var NavigationDatePickerVue2 = {
               value: value
             }
           })];
-        } : [h(Calendar, {
+        } : [_this2.hasMounted && h(Calendar, {
           ref: 'calendar',
           onBlur: _this2.onCalendarBlur,
           on: _this2.v3 ? undefined : {
@@ -171,7 +173,7 @@ var NavigationDatePickerVue2 = {
         anchor: _this2.buttonId,
         show: show
       }, _this2.v3 ? function () {
-        return [h(Calendar, {
+        return [_this2.hasMounted && h(Calendar, {
           ref: 'calendar',
           onBlur: _this2.onCalendarBlur,
           on: _this2.v3 ? undefined : {
@@ -186,7 +188,7 @@ var NavigationDatePickerVue2 = {
             value: value
           }
         })];
-      } : [h(Calendar, {
+      } : [_this2.hasMounted && h(Calendar, {
         ref: 'calendar',
         onBlur: _this2.onCalendarBlur,
         on: _this2.v3 ? undefined : {

package/dist/esm/items/SchedulerViewItem.js

@@ -22,7 +22,7 @@ import { getRect, setRect } from '../views/common/utils.js';
 import { BORDER_WIDTH } from '../constants/main.js';
 import { provideIntlService } from '@progress/kendo-vue-intl';
 import { SchedulerItemContent } from './SchedulerItemContent.js';
-import { getDefaultSlots, getTemplate } from '@progress/kendo-vue-common';
+import { canUseDOM, getDefaultSlots, getTemplate } from '@progress/kendo-vue-common';
 /** @hidden */
 var ITEMS_SPACING = 1;
 /**
@@ -114,8 +114,10 @@ var SchedulerViewItemVue2 = {
     if (!this.ks.scheduler || !this.ks.scheduler.$el) {
       return;
     }
-    this.observer = new window.ResizeObserver(this.handleResize);
-    this.observer.observe(this.ks.scheduler.$el);
+    if (canUseDOM) {
+      this.observer = new window.ResizeObserver(this.handleResize);
+      this.observer.observe(this.ks.scheduler.$el);
+    }
   },
   updated: function updated() {
     var that = this;
@@ -126,8 +128,10 @@ var SchedulerViewItemVue2 = {
     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);
+    if (canUseDOM) {
+      this.observer = new window.ResizeObserver(this.handleResize);
+      this.observer.observe(this.ks.scheduler.$el);
+    }
   },
   destroyed: !!isV3 ? undefined : function () {
     if (this.observer) {

package/dist/esm/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-scheduler',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1667565507,
+    publishDate: 1669624090,
     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/esm/slots/SchedulerSlot.js

@@ -119,6 +119,14 @@ var SchedulerSlotVue2 = {
       item: this
     });
   },
+  data: function data() {
+    return {
+      hasMounted: false
+    };
+  },
+  mounted: function mounted() {
+    this.hasMounted = true;
+  },
   destroyed: !!isV3 ? undefined : function () {
     this.setSlots({
       type: COLLECTION_ACTION.remove,
@@ -208,7 +216,7 @@ var SchedulerSlotVue2 = {
       "data-slot-index": this.$props.index
     }, [this.navDay && h("span", {
       "class": "k-link k-nav-day"
-    }, [this.intl.formatDate(new Date(this.end.getTime() - (this.end.getTime() - this.start.getTime()) / 2), DAY_FORMAT)]), this.itemsPerSlot < this.items.length && h(ShowMoreItemsButton, {
+    }, [this.intl.formatDate(new Date(this.end.getTime() - (this.end.getTime() - this.start.getTime()) / 2), DAY_FORMAT)]), this.hasMounted && this.itemsPerSlot < this.items.length && h(ShowMoreItemsButton, {
       onClick: this.handleShowMoreItemsClick,
       on: this.v3 ? undefined : {
         "click": this.handleShowMoreItemsClick

package/dist/esm/slots/SchedulerViewSlot.js

@@ -6,7 +6,7 @@ var isV3 = allVue.version && allVue.version[0] === '3';
 var inject = allVue.inject;
 import { SchedulerSlot } from './SchedulerSlot.js';
 import { useSlotExpand } from '../hooks/main.js';
-import { getDefaultSlots, getTemplate } from '@progress/kendo-vue-common';
+import { canUseDOM, getDefaultSlots, getTemplate } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
@@ -84,8 +84,10 @@ var SchedulerViewSlotVue2 = {
     if (!this.ks.scheduler || !this.ks.scheduler.$el) {
       return;
     }
-    this.observer = new window.ResizeObserver(this.handleResize);
-    this.observer.observe(this.ks.scheduler.$el);
+    if (canUseDOM) {
+      this.observer = new window.ResizeObserver(this.handleResize);
+      this.observer.observe(this.ks.scheduler.$el);
+    }
   },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {