@progress/kendo-vue-scheduler 3.1.4 → 3.1.5-dev.202204110939

package/dist/npm/items/hooks/use-show-occurrence-dialog.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useShowOccurrenceDialog = exports.SHOW_OCCURRENCE_DIALOG_ACTION = void 0;
+exports.useShowOccurrenceDialog = exports.showOccurrenceDialogReducer = exports.SHOW_OCCURRENCE_DIALOG_ACTION = void 0;
 /**
  * Represents the available `action` types for the `SchedulerItemShowOccurrenceDialogAction` objects.
  *
@@ -25,7 +25,7 @@ var SHOW_OCCURRENCE_DIALOG_ACTION;
   SHOW_OCCURRENCE_DIALOG_ACTION["toggle"] = "SHOW_OCCURRENCE_DIALOG_TOGGLE";
 })(SHOW_OCCURRENCE_DIALOG_ACTION = exports.SHOW_OCCURRENCE_DIALOG_ACTION || (exports.SHOW_OCCURRENCE_DIALOG_ACTION = {}));
 
-var showOccurrenceDialogReducer = function showOccurrenceDialogReducer(state, action) {
+exports.showOccurrenceDialogReducer = function (state, action) {
   switch (action.type) {
     case SHOW_OCCURRENCE_DIALOG_ACTION.reset:
       return false;

package/dist/npm/items/hooks/use-show-remove-item-dialog.d.ts

@@ -23,5 +23,6 @@ export declare type SchedulerItemShowRemoveDialogAction = {
     type: SHOW_REMOVE_DIALOG_ACTION;
     payload?: boolean;
 };
+export declare const showRemoveDialogReducer: (state: any, action: SchedulerItemShowRemoveDialogAction) => any;
 /** @hidden */
 export declare const useShowRemoveDialog: (_defaultProp: DataItem, _prop?: DataItem, _callback?: any) => any[];

package/dist/npm/items/hooks/use-show-remove-item-dialog.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useShowRemoveDialog = exports.SHOW_REMOVE_DIALOG_ACTION = void 0;
+exports.useShowRemoveDialog = exports.showRemoveDialogReducer = exports.SHOW_REMOVE_DIALOG_ACTION = void 0;
 /**
  * Represents the available `action` types for the `SchedulerItemShowRemoveDialogAction` objects.
  *
@@ -25,7 +25,7 @@ var SHOW_REMOVE_DIALOG_ACTION;
   SHOW_REMOVE_DIALOG_ACTION["toggle"] = "SHOW_REMOVE_DIALOG_TOGGLE";
 })(SHOW_REMOVE_DIALOG_ACTION = exports.SHOW_REMOVE_DIALOG_ACTION || (exports.SHOW_REMOVE_DIALOG_ACTION = {}));
 
-var showRemoveDialogReducer = function showRemoveDialogReducer(state, action) {
+exports.showRemoveDialogReducer = function (state, action) {
   switch (action.type) {
     case SHOW_REMOVE_DIALOG_ACTION.reset:
       return false;

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-scheduler',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1649223897,
+    publishDate: 1649669747,
     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/npm/recurrence/RecurrenceEditor.d.ts

@@ -6,6 +6,7 @@ declare type DefaultMethods<V> = {
 import { LocalizationService, IntlService } from '@progress/kendo-vue-intl';
 /** @hidden */
 export interface RecurrenceEditorProps {
+    name: string;
     value: string;
     start: Date;
     timezone: string;

package/dist/npm/recurrence/RecurrenceEditor.js

@@ -36,7 +36,12 @@ var kendo_vue_dateinputs_1 = require("@progress/kendo-vue-dateinputs"); // tslin
 
 var RecurrenceEditorVue2 = {
   name: 'KendoRecurrenceEditor',
+  // @ts-ignore
+  emits: {
+    change: null
+  },
   props: {
+    name: String,
     value: {
       type: String,
       default: ''

package/dist/npm/recurrence/RecurrenceFrequencyEditor.js

@@ -16,6 +16,10 @@ var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons"); // tslint:enab
 
 var RecurrenceFrequencyEditorVue2 = {
   name: 'KendoRecurrenceFrequencyEditor',
+  // @ts-ignore
+  emits: {
+    change: null
+  },
   props: {
     value: String,
     dataItems: Array

package/dist/npm/recurrence/RecurrenceRepeatOnWeekEditor.js

@@ -32,6 +32,10 @@ var common_1 = require("./common"); // tslint:enable:max-line-length
 
 var RecurrenceRepeatOnWeekEditorVue2 = {
   name: 'KendoRecurrenceRepeatOnWeekEditor',
+  // @ts-ignore
+  emits: {
+    change: null
+  },
   props: {
     dataItems: {
       type: Array,

package/dist/npm/tasks/SchedulerEditTask.d.ts

@@ -26,6 +26,15 @@ export interface SchedulerEditTaskProps extends SchedulerViewTaskProps {
      * Setting this property will force the `showRemoveDialog` to be in controlled state, allowing further control over the display of the `removeDialog` component.
      */
     showRemoveDialog?: boolean;
+    /**
+     * Indicates if the editing should be applied to the whole `series` or to a single `occurrence` when the item is recurring.
+     *
+     * By default, the `series` prop is set to `null` and additional selection is done through the `occurrence` dialog.
+     * If set ot either `true` or `false`:
+     * - `true` — indicates that the editing should always be applied to the whole `series`
+     * - `false` — indicates that the editing should always be applied to a single `occurrence`.
+     */
+    series?: boolean | null;
     /**
      * Called every time the `showRemoveDialog` changes.
      */

package/dist/npm/tasks/SchedulerEditTask.js

@@ -32,6 +32,10 @@ var utils_1 = require("../utils");
 
 var Scheduler_1 = require("../Scheduler");
 
+var SchedulerRemoveDialog_1 = require("../components/SchedulerRemoveDialog");
+
+var SchedulerOccurrenceDialog_1 = require("../components/SchedulerOccurrenceDialog");
+
 var kendo_vue_common_1 = require("@progress/kendo-vue-common"); // tslint:enable:max-line-length
 
 
@@ -40,11 +44,21 @@ var SchedulerEditTaskVue2 = {
   props: {
     viewTask: [String, Function, Object],
     removeDialog: [String, Function, Object],
-    showRemoveDialog: Boolean,
     removeItem: [String, Function, Object],
     occurrenceDialog: [String, Function, Object],
     task: [String, Function, Object],
-    showOccurrenceDialog: Boolean,
+    showOccurrenceDialog: {
+      type: Boolean,
+      default: undefined
+    },
+    showRemoveDialog: {
+      type: Boolean,
+      default: undefined
+    },
+    series: {
+      type: Boolean,
+      default: undefined
+    },
     refTo: [Function, Object],
     id: String,
     tabIndex: Number,
@@ -77,12 +91,20 @@ var SchedulerEditTaskVue2 = {
   },
   created: function created() {// this.viewTask = null;
   },
+  inject: {
+    bv: {
+      default: null
+    },
+    ks: {
+      default: null
+    }
+  },
   provide: function provide() {
     return {
       et: this.et,
       removeTask: this.handleRemoveItemChange,
       removeDialog: this.handleRemoveDialogChange,
-      OccurrenceDialog: this.handleOccurrenceDialogChange
+      occurrenceDialog: this.handleOccurrenceDialogChange
     };
   },
   data: function data() {
@@ -93,10 +115,26 @@ var SchedulerEditTaskVue2 = {
         showOccurrenceDialog: false
       },
       currentEditable: false,
-      series: null,
-      currentData: null
+      currentSeries: null,
+      currentRemoveItem: null,
+      currentShowRemoveDialog: null,
+      currentShowOccurrenceDialog: null
     };
   },
+  computed: {
+    compSeries: function compSeries() {
+      return this.series !== undefined ? this.series : this.currentSeries;
+    },
+    compRemoveItem: function compRemoveItem() {
+      return this.removeItem !== undefined ? this.removeItem : this.currentRemoveItem;
+    },
+    compShowRemoveDialog: function compShowRemoveDialog() {
+      return this.showRemoveDialog !== undefined ? this.showRemoveDialog : this.currentShowRemoveDialog;
+    },
+    compShowOccurrenceDialog: function compShowOccurrenceDialog() {
+      return this.showOccurrenceDialog !== undefined ? this.showOccurrenceDialog : this.currentShowOccurrenceDialog;
+    }
+  },
   // @ts-ignore
   setup: !gh ? undefined : function () {
     var v3 = !!gh;
@@ -106,6 +144,8 @@ var SchedulerEditTaskVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
+    var _this = this;
+
     var h = gh || createElement;
     var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
 
@@ -153,7 +193,8 @@ var SchedulerEditTaskVue2 = {
           recurrenceRule: this.$props.recurrenceRule,
           recurrenceId: this.$props.recurrenceId,
           dataItem: this.$props.dataItem,
-          task: this.$props.task
+          task: this.$props.task,
+          editable: this.$props.editable
         },
         tabIndex: this.$props.tabIndex,
         head: this.$props.head,
@@ -181,45 +222,89 @@ var SchedulerEditTaskVue2 = {
         recurrenceId: this.$props.recurrenceId,
         dataItem: this.$props.dataItem,
         task: this.$props.task,
-        onRemoveClick: this.handleRemoveClick,
+        editable: this.$props.editable,
+        onRemoveclick: this.handleRemoveClick,
         on: this.v3 ? undefined : {
-          "removeClick": this.handleRemoveClick
+          "removeclick": this.handleRemoveClick
         }
       }, this.v3 ? function () {
-        return [defaultSlot];
-      } : [defaultSlot]) // {(this.showOccurrenceDialog) && (<SchedulerOccurrenceDialog
-      // dataItem={this.removeItem}
-      // isRemove={this.removeItem !== null}
-      // onClose={this.handleCancel}
-      // onOccurrenceClick={this.handleOccurrenceClick}
-      // onSeriesClick={this.handleSeriesClick}
-      //     />)}
-      // {(this.showRemoveDialog) && (<SchedulerRemoveDialog
-      // dataItem={this.removeItem}
-      // onClose={this.handleCancel}
-      // onCancel={this.handleCancel}
-      // onConfirm={this.handleRemoveConfirm}
-      //     />)}
-
+        return [defaultSlot, _this.compShowOccurrenceDialog && h(SchedulerOccurrenceDialog_1.SchedulerOccurrenceDialog, {
+          dataItem: _this.compRemoveItem,
+          attrs: _this.v3 ? undefined : {
+            dataItem: _this.compRemoveItem,
+            isRemove: _this.compRemoveItem !== null
+          },
+          isRemove: _this.compRemoveItem !== null,
+          onClose: _this.handleCancel,
+          on: _this.v3 ? undefined : {
+            "close": _this.handleCancel,
+            "occurrenceclose": _this.handleOccurrenceClick,
+            "seriesclose": _this.handleSeriesClick
+          },
+          onOccurrenceclose: _this.handleOccurrenceClick,
+          onSeriesclose: _this.handleSeriesClick
+        }), _this.compShowRemoveDialog && h(SchedulerRemoveDialog_1.SchedulerRemoveDialog, {
+          dataItem: _this.compRemoveItem,
+          attrs: _this.v3 ? undefined : {
+            dataItem: _this.compRemoveItem
+          },
+          onClose: _this.handleCancel,
+          on: _this.v3 ? undefined : {
+            "close": _this.handleCancel,
+            "cancel": _this.handleCancel,
+            "confirm": _this.handleRemoveConfirm
+          },
+          onCancel: _this.handleCancel,
+          onConfirm: _this.handleRemoveConfirm
+        })];
+      } : [defaultSlot, _this.compShowOccurrenceDialog && h(SchedulerOccurrenceDialog_1.SchedulerOccurrenceDialog, {
+        dataItem: _this.compRemoveItem,
+        attrs: _this.v3 ? undefined : {
+          dataItem: _this.compRemoveItem,
+          isRemove: _this.compRemoveItem !== null
+        },
+        isRemove: _this.compRemoveItem !== null,
+        onClose: _this.handleCancel,
+        on: _this.v3 ? undefined : {
+          "close": _this.handleCancel,
+          "occurrenceclose": _this.handleOccurrenceClick,
+          "seriesclose": _this.handleSeriesClick
+        },
+        onOccurrenceclose: _this.handleOccurrenceClick,
+        onSeriesclose: _this.handleSeriesClick
+      }), _this.compShowRemoveDialog && h(SchedulerRemoveDialog_1.SchedulerRemoveDialog, {
+        dataItem: _this.compRemoveItem,
+        attrs: _this.v3 ? undefined : {
+          dataItem: _this.compRemoveItem
+        },
+        onClose: _this.handleCancel,
+        on: _this.v3 ? undefined : {
+          "close": _this.handleCancel,
+          "cancel": _this.handleCancel,
+          "confirm": _this.handleRemoveConfirm
+        },
+        onCancel: _this.handleCancel,
+        onConfirm: _this.handleRemoveConfirm
+      })])
     );
   },
   methods: {
     setRemoveItem: function setRemoveItem(item, event) {
-      this.removeItem = item;
+      this.currentRemoveItem = item;
       this.$emit('removeitemchange', {
         item: item,
         event: event
       });
     },
     setShowRemoveDialog: function setShowRemoveDialog(show, event) {
-      this.showREmoveDialog = show;
+      this.currentShowRemoveDialog = show;
       this.$emit('showremovedialogchange', {
         show: show,
         event: event
       });
     },
     setShowOccurrenceDialog: function setShowOccurrenceDialog(show, event) {
-      this.showOccurrenceDialog = show;
+      this.currentShowOccurrenceDialog = show;
       this.$emit('showoccurrencedialogchange', {
         show: show,
         event: event
@@ -239,17 +324,17 @@ var SchedulerEditTaskVue2 = {
       }
     },
     handleCancel: function handleCancel(event) {
-      this.series = null;
+      this.currentSeries = null;
       this.setRemoveItem(null, event);
       this.setShowRemoveDialog(false, event);
       this.setShowOccurrenceDialog(false, event);
     },
     handleRemoveConfirm: function handleRemoveConfirm(event) {
-      if (this.removeItem) {
+      if (this.compRemoveItem) {
         this.$emit('dataaction', {
           type: Scheduler_1.DATA_ACTION.remove,
-          series: this.series,
-          dataItem: this.removeItem
+          series: this.compSeries,
+          dataItem: this.compRemoveItem
         });
       }
 
@@ -278,8 +363,8 @@ var SchedulerEditTaskVue2 = {
       this.setShowOccurrenceDialog(value, event);
     },
     handleOccurrenceClick: function handleOccurrenceClick(event) {
-      if (this.removeItem) {
-        this.series = false;
+      if (this.compRemoveItem) {
+        this.currentSeries = false;
         this.setRemoveItem(this.$props.dataItem, event);
         this.setShowRemoveDialog(true, event);
       }
@@ -287,9 +372,9 @@ var SchedulerEditTaskVue2 = {
       this.setShowOccurrenceDialog(false, event);
     },
     handleSeriesClick: function handleSeriesClick(event) {
-      if (this.removeItem) {
-        this.series = true;
-        var dataItem = utils_1.findMaster(this.removeItem, this.fields, this.currentData);
+      if (this.compRemoveItem) {
+        this.currentSeries = true;
+        var dataItem = utils_1.findMaster(this.compRemoveItem, this.ks.fields, this.ks.dataItems);
         this.setRemoveItem(dataItem, event);
         this.setShowRemoveDialog(true, event);
       }

package/dist/npm/tasks/SchedulerTask.js

@@ -65,7 +65,8 @@ var SchedulerTaskVue2 = {
     recurrenceExceptions: Array,
     recurrenceRule: String,
     recurrenceId: [String, Number],
-    dataItem: Object
+    dataItem: Object,
+    editable: [Object, Boolean]
   },
   inject: {
     kendoLocalizationService: {
@@ -142,7 +143,7 @@ var SchedulerTaskVue2 = {
   },
   methods: {
     handleRemoveClick: function handleRemoveClick(event) {
-      this.$emits('removeclick', {
+      this.$emit('removeclick', {
         event: event,
         target: this.task
       });

package/dist/npm/tasks/SchedulerViewTask.js

@@ -46,7 +46,8 @@ var SchedulerViewTaskVue2 = {
     recurrenceRule: String,
     recurrenceId: [String, Number],
     dataItem: Object,
-    task: [String, Function, Object]
+    task: [String, Function, Object],
+    editable: [Object, Boolean]
   },
   // @ts-ignore
   setup: !gh ? undefined : function () {
@@ -89,7 +90,8 @@ var SchedulerViewTaskVue2 = {
         recurrenceExceptions: this.$props.recurrenceExceptions,
         recurrenceRule: this.$props.recurrenceRule,
         recurrenceId: this.$props.recurrenceId,
-        dataItem: this.$props.dataItem
+        dataItem: this.$props.dataItem,
+        editable: this.$props.editable
       },
       tabIndex: this.$props.tabIndex,
       head: this.$props.head,
@@ -115,7 +117,12 @@ var SchedulerViewTaskVue2 = {
       recurrenceExceptions: this.$props.recurrenceExceptions,
       recurrenceRule: this.$props.recurrenceRule,
       recurrenceId: this.$props.recurrenceId,
-      dataItem: this.$props.dataItem
+      dataItem: this.$props.dataItem,
+      editable: this.$props.editable,
+      onRemoveclick: this.handleRemoveClick,
+      on: this.v3 ? undefined : {
+        "removeclick": this.handleRemoveClick
+      }
     }, this.v3 ? function () {
       return [defaultSlot];
     } : [defaultSlot]);
@@ -126,6 +133,11 @@ var SchedulerViewTaskVue2 = {
       defaultSlots: defaultSlot
     });
     return taskRender;
+  },
+  methods: {
+    handleRemoveClick: function handleRemoveClick(event) {
+      this.$emit('removeclick', event);
+    }
   }
 };
 exports.SchedulerViewTaskVue2 = SchedulerViewTaskVue2;

package/dist/npm/views/agenda/AgendaView.js

@@ -82,7 +82,10 @@ var AgendaViewVue2 = {
       default: constants_1.DAYS_IN_WEEK_COUNT
     },
     task: [String, Function, Object],
-    editable: [Object, Boolean]
+    editable: {
+      type: [Boolean, Object],
+      default: false
+    }
   },
   inject: {
     ks: {
@@ -172,6 +175,7 @@ var AgendaViewVue2 = {
     var EditSlot = this.$props.editSlot || SchedulerEditSlot_1.SchedulerEditSlot;
     var intl = kendo_vue_intl_1.provideIntlService(this);
     var localization = kendo_vue_intl_1.provideLocalizationService(this);
+    var agendaSlots = this.agendaSlots;
     return (// @ts-ignore  function children
       h(BaseView_1.BaseView, {
         id: this.$props.id,
@@ -210,12 +214,14 @@ var AgendaViewVue2 = {
           nested: true
         }, _this.v3 ? function () {
           return [h(AgendaViewBody_1.AgendaViewBody, {
-            agendaSlots: _this.agendaSlots,
+            items: _this.items,
             attrs: _this.v3 ? undefined : {
-              agendaSlots: _this.agendaSlots,
+              items: _this.items,
+              agendaSlots: agendaSlots,
               task: _this.$props.task,
               editable: _this.$props.editable
             },
+            agendaSlots: agendaSlots,
             task: _this.$props.task,
             editable: _this.$props.editable,
             onDataaction: _this.handleDataAction,
@@ -224,12 +230,14 @@ var AgendaViewVue2 = {
             }
           })];
         } : [h(AgendaViewBody_1.AgendaViewBody, {
-          agendaSlots: _this.agendaSlots,
+          items: _this.items,
           attrs: _this.v3 ? undefined : {
-            agendaSlots: _this.agendaSlots,
+            items: _this.items,
+            agendaSlots: agendaSlots,
             task: _this.$props.task,
             editable: _this.$props.editable
           },
+          agendaSlots: agendaSlots,
           task: _this.$props.task,
           editable: _this.$props.editable,
           onDataaction: _this.handleDataAction,
@@ -259,12 +267,14 @@ var AgendaViewVue2 = {
         nested: true
       }, _this.v3 ? function () {
         return [h(AgendaViewBody_1.AgendaViewBody, {
-          agendaSlots: _this.agendaSlots,
+          items: _this.items,
           attrs: _this.v3 ? undefined : {
-            agendaSlots: _this.agendaSlots,
+            items: _this.items,
+            agendaSlots: agendaSlots,
             task: _this.$props.task,
             editable: _this.$props.editable
           },
+          agendaSlots: agendaSlots,
           task: _this.$props.task,
           editable: _this.$props.editable,
           onDataaction: _this.handleDataAction,
@@ -273,12 +283,14 @@ var AgendaViewVue2 = {
           }
         })];
       } : [h(AgendaViewBody_1.AgendaViewBody, {
-        agendaSlots: _this.agendaSlots,
+        items: _this.items,
         attrs: _this.v3 ? undefined : {
-          agendaSlots: _this.agendaSlots,
+          items: _this.items,
+          agendaSlots: agendaSlots,
           task: _this.$props.task,
           editable: _this.$props.editable
         },
+        agendaSlots: agendaSlots,
         task: _this.$props.task,
         editable: _this.$props.editable,
         onDataaction: _this.handleDataAction,

package/dist/npm/views/agenda/AgendaViewBody.d.ts

@@ -5,6 +5,7 @@ declare type DefaultMethods<V> = {
 };
 /** @hidden */
 export interface AgendaViewBodyProps {
+    items: any[];
     rangeIndex: number;
     itemsPerSlot: number;
     agendaSlots: any[];

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

@@ -26,6 +26,7 @@ var DAY_FORMAT = {
 var AgendaViewBodyVue2 = {
   name: 'KendoAgendaViewBody',
   props: {
+    items: Array,
     rangeIndex: Number,
     itemsPerSlot: Number,
     agendaSlots: Array,
@@ -64,7 +65,7 @@ var AgendaViewBodyVue2 = {
     var localization = kendo_vue_intl_1.provideLocalizationService(this);
     return h("div", {
       "class": "k-scheduler-body"
-    }, [this.agendaSlots.filter(function (slot) {
+    }, [(this.items.length || true) && this.agendaSlots.filter(function (slot) {
       return slot.group.index === (_this.ri.groupIndex || 0);
     }).map(function (slot, slotIndex, filtered) {
       var _this2 = this;
@@ -103,6 +104,10 @@ var AgendaViewBodyVue2 = {
         col: 0,
         slot: this.$props.slot,
         viewSlot: this.$props.viewSlot,
+        onDataaction: this.handleDataAction,
+        on: this.v3 ? undefined : {
+          "dataaction": this.handleDataAction
+        },
         "class": "k-scheduler-datecolumn k-group-cell"
       }, this.v3 ? function () {
         return [h("div", [h("strong", {

package/dist/npm/views/common/SchedulerDrag.js

@@ -44,13 +44,16 @@ var SchedulerDragVue2 = {
   inject: {
     ks: {
       default: null
+    },
+    bv: {
+      default: null
     }
   },
   computed: {
     occurrences: function occurrences() {
       return services_1.toOccurrences([this.$props.dataItem], {
-        dateRange: this.dateRange,
-        fields: this.fields,
+        dateRange: this.ks.dateRange,
+        fields: this.ks.fields,
         timezone: this.ks.timezone
       });
     },
@@ -58,8 +61,8 @@ var SchedulerDragVue2 = {
       return services_1.toItems(this.occurrences, {
         timezone: this.ks.timezone
       }, {
-        groups: this.groups,
-        ranges: this.ranges
+        groups: this.ks.groups,
+        ranges: this.bv.ranges
       });
     }
   },
@@ -79,22 +82,70 @@ var SchedulerDragVue2 = {
     // const dateRange = useSchedulerDateRangeContext();
     //  const [viewSlots] = useSchedulerViewSlotsContext();
 
-    var slots = (this.viewSlots || []).map(function (s) {
-      return s.current.props;
+    var slots = (this.bv.slots || []).map(function (s) {
+      return s;
     });
     utils_1.mapItemsToSlots(this.items, slots);
     return (// fragment
-      h("div", [this.items.map(function (_item, idx) {
+      h("div", [this.items.map(function (item, idx) {
         return h(SchedulerViewItem_1.SchedulerViewItem, {
-          key: idx // {...item}
-          ,
-          item: this.$props.item,
+          key: idx,
+          uid: item.uid,
           attrs: this.v3 ? undefined : {
-            item: this.$props.item,
+            uid: item.uid,
+            start: item.start,
+            end: item.end,
+            originalStart: item.originalStart,
+            startTimezone: item.startTimezone,
+            endTimezone: item.endTimezone,
+            isAllDay: item.isAllDay,
+            title: item.title,
+            description: item.description,
+            occurrenceId: item.occurrenceId,
+            recurrenceExceptions: item.recurrenceExceptions,
+            recurrenceRule: item.recurrenceRule,
+            recurrenceId: item.recurrenceId,
+            dataItem: item.dataItem,
+            itemRef: item.itemRef,
+            head: item.head,
+            tail: item.tail,
+            order: item.order,
+            zonedStart: item.zonedStart,
+            zonedEnd: item.zonedEnd,
+            slots: item.slots,
+            group: item.group,
+            range: item.range,
+            isException: item.isException,
+            isRecurring: item.isRecurring //   item={this.$props.item}
+            ,
             dragHint: true,
             vertical: this.$props.vertical,
             ignoreIsAllDay: this.$props.ignoreIsAllDay
           },
+          start: item.start,
+          end: item.end,
+          originalStart: item.originalStart,
+          startTimezone: item.startTimezone,
+          endTimezone: item.endTimezone,
+          isAllDay: item.isAllDay,
+          title: item.title,
+          description: item.description,
+          occurrenceId: item.occurrenceId,
+          recurrenceExceptions: item.recurrenceExceptions,
+          recurrenceRule: item.recurrenceRule,
+          recurrenceId: item.recurrenceId,
+          dataItem: item.dataItem,
+          itemRef: item.itemRef,
+          head: item.head,
+          tail: item.tail,
+          order: item.order,
+          zonedStart: item.zonedStart,
+          zonedEnd: item.zonedEnd,
+          slots: item.slots,
+          group: item.group,
+          range: item.range,
+          isException: item.isException,
+          isRecurring: item.isRecurring,
           dragHint: true,
           vertical: this.$props.vertical,
           ignoreIsAllDay: this.$props.ignoreIsAllDay