@progress/kendo-vue-scheduler 3.8.3 → 3.8.4-dev.202302151223

package/dist/npm/views/month/MonthViewBody.js

@@ -9,6 +9,7 @@ var Vue = require("vue");
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
+var main_1 = require("../../utils/main");
 var SchedulerEditSlot_1 = require("../../slots/SchedulerEditSlot");
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 /** @hidden */
@@ -37,10 +38,56 @@ var MonthViewBodyVue2 = {
     setActiveViewName: {
       default: null
     },
+    setSlots: {
+      default: null
+    },
     kendoIntlService: {
       default: null
     }
   },
+  provide: function provide() {
+    return {
+      ksSlots: this.ksSlots
+    };
+  },
+  data: function data() {
+    var _this = this;
+    var groupIndex = this.groupIndex !== undefined ? this.groupIndex : this.ri.groupIndex;
+    return {
+      ksSlots: {
+        cSlots: this.monthSlots.filter(function (slot) {
+          return slot.group.index === groupIndex && slot.range.index === _this.rangeIndex;
+        })
+      }
+    };
+  },
+  watch: {
+    currentCellSlots: function currentCellSlots(newValue) {
+      this.ksSlots.cSlots = newValue;
+    }
+  },
+  computed: {
+    currentCellSlots: function currentCellSlots() {
+      var _this = this;
+      var groupIndex = this.groupIndex !== undefined ? this.groupIndex : this.ri.groupIndex;
+      return this.monthSlots.filter(function (slot) {
+        return slot.group.index === groupIndex && slot.range.index === _this.rangeIndex;
+      });
+    }
+  },
+  destroyed: !!isV3 ? undefined : function () {
+    this.setSlots({
+      type: main_1.COLLECTION_ACTION.remove,
+      item: this
+    });
+  },
+  // @ts-ignore
+  unmounted: function unmounted() {
+    this.setSlots({
+      type: main_1.COLLECTION_ACTION.remove,
+      item: this
+    });
+  },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {
     var v3 = !!isV3;
@@ -50,7 +97,6 @@ var MonthViewBodyVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
-    var _this = this;
     var h = gh || createElement;
     this.intl = (0, kendo_vue_intl_1.provideIntlService)(this);
     var EditSlot = this.$props.editSlot || SchedulerEditSlot_1.SchedulerEditSlot;
@@ -59,9 +105,7 @@ var MonthViewBodyVue2 = {
     return h("div", {
       "class": "k-scheduler-row",
       key: this.rangeIndex
-    }, [this.monthSlots.filter(function (slot) {
-      return slot.group.index === groupIndex && slot.range.index === _this.rangeIndex;
-    }).map(function (slot, slotIndex, filtered) {
+    }, [this.currentCellSlots.map(function (slot, slotIndex, filtered) {
       return (
         // @ts-ignore  function children
         h(EditSlot, {
@@ -70,15 +114,7 @@ var MonthViewBodyVue2 = {
             slotRender: this.$props.slotRender,
             viewSlot: that.$props.viewSlot,
             form: that.$props.form,
-            index: slot.index,
-            start: slot.start,
-            end: slot.end,
-            zonedStart: slot.zonedStart,
-            zonedEnd: slot.zonedEnd,
-            items: slot.items,
-            group: slot.group,
-            range: slot.range,
-            isAllDay: slot.isAllDay,
+            index: slotIndex,
             navDay: true,
             itemsPerSlot: that.itemsPerSlot,
             expandable: {
@@ -90,17 +126,8 @@ var MonthViewBodyVue2 = {
             editable: that.$props.editable
           },
           viewSlot: that.$props.viewSlot,
-          key: slotIndex,
           form: that.$props.form,
-          index: slot.index,
-          start: slot.start,
-          end: slot.end,
-          zonedStart: slot.zonedStart,
-          zonedEnd: slot.zonedEnd,
-          items: slot.items,
-          group: slot.group,
-          range: slot.range,
-          isAllDay: slot.isAllDay,
+          index: slotIndex,
           navDay: true,
           itemsPerSlot: that.itemsPerSlot,
           expandable: {

package/dist/npm/views/month/MonthViewHead.js

@@ -27,6 +27,34 @@ var MonthViewHeadVue2 = {
       default: null
     }
   },
+  provide: function provide() {
+    return {
+      ksSlots: this.ksSlots
+    };
+  },
+  data: function data() {
+    var _this = this;
+    return {
+      ksSlots: {
+        cSlots: this.monthSlots.filter(function (slot) {
+          return slot.group.index === _this.ri.groupIndex && slot.range.index === 0;
+        })
+      }
+    };
+  },
+  watch: {
+    currentCellSlots: function currentCellSlots(newValue) {
+      this.ksSlots.cSlots = newValue;
+    }
+  },
+  computed: {
+    currentCellSlots: function currentCellSlots() {
+      var _this = this;
+      return this.monthSlots.filter(function (slot) {
+        return slot.group.index === _this.ri.groupIndex && slot.range.index === 0;
+      });
+    }
+  },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {
     var v3 = !!isV3;
@@ -36,14 +64,11 @@ var MonthViewHeadVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
-    var _this = this;
     var h = gh || createElement;
     return h("div", {
       "class": "k-scheduler-row",
       key: this.ri.groupIndex
-    }, [this.monthSlots.filter(function (slot) {
-      return slot.group.index === _this.ri.groupIndex && slot.range.index === 0;
-    }).map(function (slot, slotIndex) {
+    }, [this.currentCellSlots.map(function (slot, slotIndex) {
       return (
         // @ts-ignore  function children
         h(DateHeaderCell_1.DateHeaderCell, {

package/dist/npm/views/time/TimelineViewBody.js

@@ -9,9 +9,9 @@ var Vue = require("vue");
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-var inject = allVue.inject;
-var SchedulerEditSlot_1 = require("../../slots/SchedulerEditSlot");
 var main_1 = require("../../utils/main");
+var SchedulerEditSlot_1 = require("../../slots/SchedulerEditSlot");
+var main_2 = require("../../utils/main");
 var CurrentTimeMarker_1 = require("../../components/CurrentTimeMarker");
 /** @hidden */
 var TimelineViewBodyVue2 = {
@@ -36,8 +36,50 @@ var TimelineViewBodyVue2 = {
     },
     ks: {
       default: null
+    },
+    setSlots: {
+      default: null
     }
   },
+  provide: function provide() {
+    return {
+      ksSlots: this.ksSlots
+    };
+  },
+  data: function data() {
+    var timelineSlots = this.timelineSlots;
+    var groupIndex = this.groupIndex !== undefined ? this.groupIndex : this.ri.groupIndex;
+    return {
+      ksSlots: {
+        cSlots: this.calculateRanges(timelineSlots, groupIndex, this.ranges)
+      }
+    };
+  },
+  watch: {
+    currentCellSlots: function currentCellSlots(newValue) {
+      this.ksSlots.cSlots = newValue;
+    }
+  },
+  computed: {
+    currentCellSlots: function currentCellSlots() {
+      var timelineSlots = this.timelineSlots;
+      var groupIndex = this.groupIndex !== undefined ? this.groupIndex : this.ri.groupIndex;
+      return this.calculateRanges(timelineSlots, groupIndex, this.ranges);
+    }
+  },
+  destroyed: !!isV3 ? undefined : function () {
+    this.setSlots({
+      type: main_1.COLLECTION_ACTION.remove,
+      item: this
+    });
+  },
+  // @ts-ignore
+  unmounted: function unmounted() {
+    this.setSlots({
+      type: main_1.COLLECTION_ACTION.remove,
+      item: this
+    });
+  },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {
     var v3 = !!isV3;
@@ -55,55 +97,34 @@ var TimelineViewBodyVue2 = {
     var editable = this.$props.editable;
     return h("div", {
       "class": "k-scheduler-row"
-    }, [this.ranges.map(function (_, rangeIndex) {
-      return this.timelineSlots.filter(function (s) {
-        return s.group.index === groupIndex && s.range.index === rangeIndex;
-      }).map(function (slot, slotIndex, filtered) {
-        return h(SchedulerEditSlot_1.SchedulerEditSlot, {
-          key: "".concat(slot.start.getTime(), ":").concat(slot.group.index),
+    }, [this.currentCellSlots.map(function (cSlot, slotIndex, filtered) {
+      return h(SchedulerEditSlot_1.SchedulerEditSlot, {
+        slotRender: that.$props.slotRender,
+        attrs: this.v3 ? undefined : {
           slotRender: that.$props.slotRender,
-          attrs: this.v3 ? undefined : {
-            slotRender: that.$props.slotRender,
-            viewSlot: that.$props.viewSlot,
-            index: slot.index,
-            start: slot.start,
-            end: slot.end,
-            zonedStart: slot.zonedStart,
-            zonedEnd: slot.zonedEnd,
-            items: slot.items,
-            group: slot.group,
-            range: slot.range,
-            isAllDay: slot.isAllDay,
-            form: that.$props.form,
-            isWorkHour: (0, main_1.isInTimeRange)(slot.zonedStart, that.workDayStart, that.workDayEnd),
-            col: orientation === 'horizontal' ? rangeIndex * filtered.length + slotIndex + filtered.length * ranges.length * (groupIndex || 0) : rangeIndex * filtered.length + slotIndex,
-            row: orientation === 'horizontal' ? 0 : groupIndex || 0,
-            expandable: true,
-            editable: editable
-          },
           viewSlot: that.$props.viewSlot,
-          index: slot.index,
-          start: slot.start,
-          end: slot.end,
-          zonedStart: slot.zonedStart,
-          zonedEnd: slot.zonedEnd,
-          items: slot.items,
-          group: slot.group,
-          range: slot.range,
-          isAllDay: slot.isAllDay,
+          index: slotIndex,
           form: that.$props.form,
-          onDataaction: that.handleDataAction,
-          on: this.v3 ? undefined : {
-            "dataaction": that.handleDataAction
-          },
-          isWorkHour: (0, main_1.isInTimeRange)(slot.zonedStart, that.workDayStart, that.workDayEnd),
-          col: orientation === 'horizontal' ? rangeIndex * filtered.length + slotIndex + filtered.length * ranges.length * (groupIndex || 0) : rangeIndex * filtered.length + slotIndex,
+          isWorkHour: (0, main_2.isInTimeRange)(cSlot.zonedStart, that.workDayStart, that.workDayEnd),
+          col: orientation === 'horizontal' ? cSlot.range.index * filtered.length + slotIndex + filtered.length * ranges.length * (groupIndex || 0) : cSlot.range.index * filtered.length + slotIndex,
           row: orientation === 'horizontal' ? 0 : groupIndex || 0,
           expandable: true,
           editable: editable
-        });
-      }, true);
-    }, this), this.$props.currentTimeMarker && (0, main_1.intersects)((0, main_1.first)(ranges).start, (0, main_1.last)(ranges).end, new Date(), new Date(), true) && h(CurrentTimeMarker_1.CurrentTimeMarker, {
+        },
+        viewSlot: that.$props.viewSlot,
+        index: slotIndex,
+        form: that.$props.form,
+        onDataaction: that.handleDataAction,
+        on: this.v3 ? undefined : {
+          "dataaction": that.handleDataAction
+        },
+        isWorkHour: (0, main_2.isInTimeRange)(cSlot.zonedStart, that.workDayStart, that.workDayEnd),
+        col: orientation === 'horizontal' ? cSlot.range.index * filtered.length + slotIndex + filtered.length * ranges.length * (groupIndex || 0) : cSlot.range.index * filtered.length + slotIndex,
+        row: orientation === 'horizontal' ? 0 : groupIndex || 0,
+        expandable: true,
+        editable: editable
+      });
+    }, this), this.$props.currentTimeMarker && (0, main_2.intersects)((0, main_2.first)(ranges).start, (0, main_2.last)(ranges).end, new Date(), new Date(), true) && h(CurrentTimeMarker_1.CurrentTimeMarker, {
       groupIndex: groupIndex,
       attrs: this.v3 ? undefined : {
         groupIndex: groupIndex,
@@ -115,6 +136,13 @@ var TimelineViewBodyVue2 = {
   methods: {
     handleDataAction: function handleDataAction(action) {
       this.$emit('dataaction', action);
+    },
+    calculateRanges: function calculateRanges(timelineSlots, groupIndex, ranges) {
+      return ranges.map(function (_, rangeIndex) {
+        return timelineSlots.filter(function (s) {
+          return s.group.index === groupIndex && s.range.index === rangeIndex;
+        });
+      }).flat();
     }
   }
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-scheduler",
   "description": "Kendo UI for Vue Scheduler package",
-  "version": "3.8.3",
+  "version": "3.8.4-dev.202302151223",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -50,7 +50,7 @@
     "@progress/kendo-data-query": "^1.5.1",
     "@progress/kendo-draggable": "^3.0.1",
     "@progress/kendo-recurrence": "^1.0.1",
-    "@progress/kendo-vue-common": "3.8.3"
+    "@progress/kendo-vue-common": "3.8.4-dev.202302151223"
   },
   "@progress": {
     "friendlyName": "Scheduler",
@@ -66,16 +66,16 @@
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.3.0",
     "@progress/kendo-svg-icons": "^1.0.0",
-    "@progress/kendo-vue-buttons": "3.8.3",
-    "@progress/kendo-vue-dateinputs": "3.8.3",
-    "@progress/kendo-vue-dialogs": "3.8.3",
-    "@progress/kendo-vue-dropdowns": "3.8.3",
-    "@progress/kendo-vue-form": "3.8.3",
-    "@progress/kendo-vue-inputs": "3.8.3",
-    "@progress/kendo-vue-intl": "3.8.3",
-    "@progress/kendo-vue-labels": "3.8.3",
-    "@progress/kendo-vue-popup": "3.8.3",
-    "@progress/kendo-vue-progressbars": "3.8.3",
+    "@progress/kendo-vue-buttons": "3.8.4-dev.202302151223",
+    "@progress/kendo-vue-dateinputs": "3.8.4-dev.202302151223",
+    "@progress/kendo-vue-dialogs": "3.8.4-dev.202302151223",
+    "@progress/kendo-vue-dropdowns": "3.8.4-dev.202302151223",
+    "@progress/kendo-vue-form": "3.8.4-dev.202302151223",
+    "@progress/kendo-vue-inputs": "3.8.4-dev.202302151223",
+    "@progress/kendo-vue-intl": "3.8.4-dev.202302151223",
+    "@progress/kendo-vue-labels": "3.8.4-dev.202302151223",
+    "@progress/kendo-vue-popup": "3.8.4-dev.202302151223",
+    "@progress/kendo-vue-progressbars": "3.8.4-dev.202302151223",
     "cldr-core": "^41.0.0",
     "cldr-dates-full": "^41.0.0",
     "cldr-numbers-full": "^41.0.0"