@progress/kendo-vue-scheduler 3.2.6 → 3.2.8-dev.202205030909

package/dist/es/Scheduler.js

@@ -119,6 +119,7 @@ var SchedulerVue2 = {
     footer: [String, Function, Object],
     slotRender: [String, Function, Object],
     item: [String, Function, Object],
+    viewItem: [String, Function, Object],
     task: [String, Function, Object]
   },
   computed: {
@@ -228,6 +229,7 @@ var SchedulerVue2 = {
     var footer = templateRendering.call(this, view.footer || this.$props.footer, getListeners.call(this));
     var slotRender = templateRendering.call(this, view.slot || this.$props.slotRender, {});
     var item = templateRendering.call(this, view.item || this.$props.item, {});
+    var viewItem = templateRendering.call(this, view.viewItem || this.$props.viewItem, {});
     var task = templateRendering.call(this, view.task || this.$props.task, {});
     var ViewSelector = SchedulerViewSelector;
     var viewComponent = this.getViewComponentByName(this.ks.activeViewName || view.name);
@@ -240,6 +242,7 @@ var SchedulerVue2 = {
       dateRange: this.ks.dateRange,
       slotRender: slotRender,
       item: item,
+      viewItem: viewItem,
       task: task
     });
 

package/dist/es/components/BaseView.js

@@ -29,10 +29,10 @@ var BaseViewVue2 = {
       bv: this.bv,
       setItems: this.dispatchItems,
       setSlots: this.dispatchSlots,
-      setSelectedSlots: dispatchSelectedSlots,
-      setSelectedItems: dispatchSelectedItems,
-      setFocusedItems: dispatchFocusedItems,
-      setFocusedSlots: dispatchFocusedSlots //    setActiveViewName: this.handleActiveViewNameChange
+      dispatchSelectedSlots: this.handleSchedulerSlotsSelectAction,
+      dispatchSelectedItems: this.handleSchedulerItemsSelectAction,
+      dispatchFocusedItems: this.setFocusedItems,
+      dispatchFocusedSlots: this.setFocusedSlots //    setActiveViewName: this.handleActiveViewNameChange
 
     };
   },
@@ -94,21 +94,23 @@ var BaseViewVue2 = {
       });
     },
     handleSchedulerItemsSelectAction: function handleSchedulerItemsSelectAction(action, event) {
-      this.dispatchSelectedSlots({
+      dispatchSelectedSlots.call(this, {
         type: SLOTS_SELECT_ACTION.reset
       });
-      this.dispatchSelectedItems(action, event);
+      dispatchSelectedItems.call(this, action, event);
     },
     handleSchedulerSlotsSelectAction: function handleSchedulerSlotsSelectAction(action, event) {
-      this.dispatchSelectedItems({
+      dispatchSelectedItems.call(this, {
         type: ITEMS_SELECT_ACTION.reset
       }, event);
-      this.dispatchSelectedSlots(action);
+      dispatchSelectedSlots.call(this, action);
+    },
+    setFocusedItems: function setFocusedItems(action, event) {
+      dispatchFocusedItems.call(this, action, event);
+    },
+    setFocusedSlots: function setFocusedSlots(action, event) {
+      dispatchFocusedSlots.call(this, action, event);
     },
-    dispatchSelectedSlots: dispatchSelectedSlots,
-    dispatchSelectedItems: dispatchSelectedItems,
-    dispatchFocusedItems: dispatchFocusedItems,
-    dispatchFocusedSlots: dispatchFocusedSlots,
     dispatchItems: function dispatchItems(action) {
       switch (action.type) {
         case COLLECTION_ACTION.add:

package/dist/es/components/header/view-selector/ViewSelectorList.js

@@ -86,14 +86,9 @@ var ViewSelectorListVue2 = {
     }, [activeView && this.media === 'mobile' && // @ts-ignore  function children
     h(DropDownButton, {
       "class": "k-views-dropdown",
-      onItemclick: this.handleItemClick,
-      on: this.v3 ? undefined : {
-        "itemclick": this.handleItemClick
-      },
-      popupSettings: {
-        popupClass: 'k-scheduler-toolbar'
-      },
+      tabIndex: -1,
       attrs: this.v3 ? undefined : {
+        tabIndex: -1,
         popupSettings: {
           popupClass: 'k-scheduler-toolbar'
         },
@@ -109,6 +104,13 @@ var ViewSelectorListVue2 = {
         }, this),
         text: activeView.title || activeName
       },
+      onItemclick: this.handleItemClick,
+      on: this.v3 ? undefined : {
+        "itemclick": this.handleItemClick
+      },
+      popupSettings: {
+        popupClass: 'k-scheduler-toolbar'
+      },
       textField: "title",
       items: views.map(function (v) {
         var nameTitle = 'scheduler.' + v.name + 'ViewTitle';

package/dist/es/hooks/use-items-focus.js

@@ -20,15 +20,15 @@ export var dispatchFocusedItems = function dispatchFocusedItems(action, event) {
   switch (action.type) {
     case ITEMS_FOCUS_ACTION.next:
       {
-        if (!action.item || !action.item.current || !this.items) {
+        if (!action.item || !this.bv.items) {
           return;
         }
 
-        var next = findNextItem(action.item, this.items, action.ignoreIsAllDay, false);
+        var next = findNextItem(action.item, this.bv.items, action.ignoreIsAllDay, false);
 
-        if (next && next.current && next.current.element) {
+        if (next && next.element) {
           event.preventDefault();
-          next.current.element.focus();
+          next.element.focus();
         }
 
         break;
@@ -36,15 +36,15 @@ export var dispatchFocusedItems = function dispatchFocusedItems(action, event) {
 
     case ITEMS_FOCUS_ACTION.prev:
       {
-        if (!action.item || !action.item.current || !this.items) {
+        if (!action.item || !this.bv.items) {
           return;
         }
 
-        var next = findNextItem(action.item, this.items, action.ignoreIsAllDay, true);
+        var next = findNextItem(action.item, this.bv.items, action.ignoreIsAllDay, true);
 
-        if (next && next.current && next.current.element) {
+        if (next && next.element) {
           event.preventDefault();
-          next.current.element.focus();
+          next.element.focus();
         }
 
         break;

package/dist/es/hooks/use-items-selection.js

@@ -45,20 +45,20 @@ export var dispatchSelectedItems = function dispatchSelectedItems(action, event)
         return;
       }
 
-      this.selectedItems = [action.item];
+      this.bv.selectedItems = [action.item];
       break;
 
     case ITEMS_SELECT_ACTION.selectNext:
       {
-        if (!action.item || !action.item.current || !this.items) {
+        if (!action.item || !this.bv.items) {
           return;
         }
 
-        var next = findNextItem(action.item, this.items, action.ignoreIsAllDay, false);
+        var next = findNextItem(action.item, this.bv.items, action.ignoreIsAllDay, false);
 
         if (next) {
           event.preventDefault();
-          this.selectedItems = [next];
+          this.bv.selectedItems = [next];
         }
 
         break;
@@ -66,22 +66,22 @@ export var dispatchSelectedItems = function dispatchSelectedItems(action, event)
 
     case ITEMS_SELECT_ACTION.selectPrev:
       {
-        if (!action.item || !action.item.current || !this.items) {
+        if (!action.item || !this.bv.items) {
           return;
         }
 
-        var next = findNextItem(action.item, this.items, action.ignoreIsAllDay, true);
+        var next = findNextItem(action.item, this.bv.items, action.ignoreIsAllDay, true);
 
         if (next) {
           event.preventDefault();
-          this.selectedItems = [next];
+          this.bv.selectedItems = [next];
         }
 
         break;
       }
 
     case ITEMS_SELECT_ACTION.reset:
-      this.selectedItems = [];
+      this.bv.selectedItems = [];
       break;
 
     case ITEMS_SELECT_ACTION.add:
@@ -89,10 +89,10 @@ export var dispatchSelectedItems = function dispatchSelectedItems(action, event)
         return;
       }
 
-      if (!this.selectedItems.some(function (si) {
+      if (!this.bv.selectedItems.some(function (si) {
         return si === action.item;
       })) {
-        this.selectedItems = __spreadArrays(this.selectedItems, [action.item]);
+        this.bv.selectedItems = __spreadArrays(this.bv.selectedItems, [action.item]);
       }
 
       break;
@@ -102,7 +102,7 @@ export var dispatchSelectedItems = function dispatchSelectedItems(action, event)
         return;
       }
 
-      this.selectedItems = __spreadArrays(this.selectedItems.filter(function (si) {
+      this.bv.selectedItems = __spreadArrays(this.bv.selectedItems.filter(function (si) {
         return si !== action.item;
       }));
       break;

package/dist/es/hooks/use-slots-focus.js

@@ -22,15 +22,15 @@ export var dispatchFocusedSlots = function dispatchFocusedSlots(action, event) {
   switch (action.type) {
     case SLOTS_FOCUS_ACTION.up:
       {
-        if (!action.slot.current || !this.slots) {
+        if (!action.slot || !this.bv.slots) {
           return;
         }
 
-        var next = findUpSlot(action.slot, this.slots);
+        var next = findUpSlot(action.slot, this.bv.slots);
 
-        if (next && next.current && next.current.element) {
+        if (next && next.$el) {
           event.preventDefault();
-          next.current.element.focus();
+          next.$el.focus();
         }
 
         break;
@@ -38,15 +38,15 @@ export var dispatchFocusedSlots = function dispatchFocusedSlots(action, event) {
 
     case SLOTS_FOCUS_ACTION.down:
       {
-        if (!action.slot || !this.slots) {
+        if (!action.slot || !this.bv.slots) {
           return;
         }
 
-        var next = findDownSlot(action.slot, this.slots);
+        var next = findDownSlot(action.slot, this.bv.slots);
 
-        if (next && next.current && next.current.element) {
+        if (next && next.$el) {
           event.preventDefault();
-          next.current.element.focus();
+          next.$el.focus();
         }
 
         break;
@@ -54,15 +54,15 @@ export var dispatchFocusedSlots = function dispatchFocusedSlots(action, event) {
 
     case SLOTS_FOCUS_ACTION.left:
       {
-        if (!action.slot || !this.slots) {
+        if (!action.slot || !this.bv.slots) {
           return;
         }
 
-        var next = findLeftSlot(action.slot, this.slots);
+        var next = findLeftSlot(action.slot, this.bv.slots);
 
-        if (next && next.current && next.current.element) {
+        if (next && next.$el) {
           event.preventDefault();
-          next.current.element.focus();
+          next.$el.focus();
         }
 
         break;
@@ -70,15 +70,15 @@ export var dispatchFocusedSlots = function dispatchFocusedSlots(action, event) {
 
     case SLOTS_FOCUS_ACTION.right:
       {
-        if (!action.slot || !this.slots) {
+        if (!action.slot || !this.bv.slots) {
           return;
         }
 
-        var next = findRightSlot(action.slot, this.slots);
+        var next = findRightSlot(action.slot, this.bv.slots);
 
-        if (next && next.current && next.current.element) {
+        if (next && next.$el) {
           event.preventDefault();
-          next.current.element.focus();
+          next.$el.focus();
         }
 
         break;
@@ -92,27 +92,27 @@ export var dispatchFocusedSlots = function dispatchFocusedSlots(action, event) {
 
 export var findUpSlot = function findUpSlot(target, all) {
   return all.find(function (slot) {
-    return slot.current !== null && target.current !== null && slot.current.props.row === target.current.props.row - 1 && slot.current.props.col === target.current.props.col;
+    return slot !== null && target !== null && slot.$props.row === target.$props.row - 1 && slot.$props.col === target.$props.col;
   });
 };
 /** @hidden */
 
 export var findLeftSlot = function findLeftSlot(target, all) {
   return all.find(function (slot) {
-    return slot.current !== null && target.current !== null && slot.current.props.row === target.current.props.row && slot.current.props.col === target.current.props.col - 1;
+    return slot !== null && target !== null && slot.$props.row === target.$props.row && slot.$props.col === target.$props.col - 1;
   });
 };
 /** @hidden */
 
 export var findRightSlot = function findRightSlot(target, all) {
   return all.find(function (slot) {
-    return slot.current !== null && target.current !== null && slot.current.props.row === target.current.props.row && slot.current.props.col === target.current.props.col + 1;
+    return slot !== null && target !== null && slot.$props.row === target.$props.row && slot.$props.col === target.$props.col + 1;
   });
 };
 /** @hidden */
 
 export var findDownSlot = function findDownSlot(target, all) {
   return all.find(function (slot) {
-    return slot.current !== null && target.current !== null && slot.current.props.row === target.current.props.row + 1 && slot.current.props.col === target.current.props.col;
+    return slot !== null && target !== null && slot.$props.row === target.$props.row + 1 && slot.$props.col === target.$props.col;
   });
 };

package/dist/es/hooks/use-slots-selection.js

@@ -38,11 +38,11 @@ export var dispatchSelectedSlots = function dispatchSelectedSlots(action) {
         return;
       }
 
-      this.selectedSlots([action.slot]);
+      this.bv.selectedSlots = [action.slot];
       break;
 
     case SLOTS_SELECT_ACTION.reset:
-      this.selectedSlots([]);
+      this.bv.selectedSlots = [];
       break;
 
     case SLOTS_SELECT_ACTION.add:
@@ -50,10 +50,10 @@ export var dispatchSelectedSlots = function dispatchSelectedSlots(action) {
         return;
       }
 
-      if (!this.selectedSlots.some(function (ss) {
+      if (!this.bv.selectedSlots.some(function (ss) {
         return ss === action.slot;
       })) {
-        this.selectedSlots(__spreadArrays(this.selectedSlots, [action.slot]));
+        this.bv.selectedSlots = __spreadArrays(this.bv.selectedSlots, [action.slot]);
       }
 
       break;

package/dist/es/hooks/useSlotExpand.js

@@ -49,7 +49,7 @@ export var useSlotExpand = function useSlotExpand(slot, _scheduler, config) {
         return;
       }
 
-      var height = getRect(currentItem.$el).height;
+      var height = getRect(currentItem.getElement()).height;
       highest += height;
     });
     var minHeight = existing.length * BORDER_WIDTH * 2 + highest - (slotPadding || 0) + ((typeof config === "undefined" ? "undefined" : _typeof(config)) === 'object' && config.offsetTop ? config.offsetTop : 0) + ((typeof config === "undefined" ? "undefined" : _typeof(config)) === 'object' && config.offsetBottom ? config.offsetBottom : 0);

package/dist/es/items/SchedulerEditItem.d.ts

@@ -330,6 +330,7 @@ export interface SchedulerEditItemState {
  */
 export interface SchedulerEditItemComputed {
     [key: string]: any;
+    currentTabIndex: number | undefined | null;
 }
 /**
  * @hidden
@@ -341,7 +342,6 @@ export interface SchedulerEditItemMethods {
  * @hidden
  */
 export interface SchedulerEditItemData {
-    currentTabIndex: number | undefined | null;
 }
 /**
  * @hidden