@progress/kendo-vue-scheduler 3.2.6 → 3.2.7-dev.202205021145

package/dist/npm/slots/SchedulerEditSlot.js

@@ -28,6 +28,10 @@ var SchedulerEditSlotVue2 = {
   name: 'KendoSchedulerEditSlot',
   props: {
     viewSlot: Object,
+    tabIndex: {
+      type: Number,
+      default: undefined
+    },
     form: Object,
     formItem: Object,
     refTo: [Function, Object],
@@ -74,6 +78,12 @@ var SchedulerEditSlotVue2 = {
     },
     ks: {
       default: null
+    },
+    dispatchFocusedSlots: {
+      default: null
+    },
+    dispatchSelectedSlots: {
+      default: null
     }
   },
   data: function data() {
@@ -83,7 +93,7 @@ var SchedulerEditSlotVue2 = {
   },
   computed: {
     currentTabIndex: function currentTabIndex() {
-      var isFirst = this.bv.slots.length && this.bv.slots[0].current === this.slot;
+      var isFirst = this.bv.slots.length && utils_1.compareSlots(this.bv.slots[0], this);
       return this.$props.tabIndex !== undefined ? this.$props.tabIndex === null ? undefined : this.$props.tabIndex : this.bv.selectedSlots.length === 0 ? isFirst && this.items.length === 0 ? 0 : undefined : undefined;
     },
     computedEditable: function computedEditable() {
@@ -125,14 +135,9 @@ var SchedulerEditSlotVue2 = {
         zonedStart = _a.zonedStart,
         zonedEnd = _a.zonedEnd,
         navDay = _a.navDay,
-        itemsPerSlot = _a.itemsPerSlot; // const fields = useSchedulerFieldsContext();
-    // const [slots] = useSchedulerViewSlotsContext();
-    // const [items] = useSchedulerViewItemsContext();
-    // const [selectedSlots, dispatchSlotsSelection] = useSchedulerViewSelectedSlotsContext();
-    // const [,dispatchFocusedSlots] = useSchedulerViewFocusedSlotsContext();
-
+        itemsPerSlot = _a.itemsPerSlot;
     var selected = this.bv.selectedSlots.some(function (s) {
-      return Boolean(s.current && s.current.props.start.getTime() === _this.$props.start.getTime() && s.current.props.end.getTime() === _this.$props.end.getTime() && s.current.props.index === _this.$props.index && s.current.props.group.index === _this.$props.group.index && s.current.props.range.index === _this.$props.range.index && s.current.props.isAllDay === _this.$props.isAllDay);
+      return utils_1.compareSlots(s, _this);
     });
     return (// @ts-ignore  function children
       h(SchedulerViewSlot_1.SchedulerViewSlot, {
@@ -225,9 +230,9 @@ var SchedulerEditSlotVue2 = {
     },
     handleFocus: function handleFocus(event) {
       if (this.computedEditable.select) {
-        this.dispatchSlotsSelection({
+        this.dispatchSelectedSlots({
           type: use_slots_selection_1.SLOTS_SELECT_ACTION.select,
-          slot: this.slotRender
+          slot: this
         }, event.event);
       }
 
@@ -253,7 +258,7 @@ var SchedulerEditSlotVue2 = {
           event.event.preventDefault();
           this.dispatchFocusedSlots({
             type: hooks_1.SLOTS_FOCUS_ACTION.left,
-            slot: this.slot
+            slot: this
           }, event.event);
           break;
 
@@ -265,7 +270,7 @@ var SchedulerEditSlotVue2 = {
           event.event.preventDefault();
           this.dispatchFocusedSlots({
             type: hooks_1.SLOTS_FOCUS_ACTION.right,
-            slot: this.slot
+            slot: this
           }, event.event);
           break;
 
@@ -277,7 +282,7 @@ var SchedulerEditSlotVue2 = {
           event.event.preventDefault();
           this.dispatchFocusedSlots({
             type: hooks_1.SLOTS_FOCUS_ACTION.up,
-            slot: this.slot
+            slot: this
           }, event.event);
           break;
 
@@ -289,7 +294,7 @@ var SchedulerEditSlotVue2 = {
           event.event.preventDefault();
           this.dispatchFocusedSlots({
             type: hooks_1.SLOTS_FOCUS_ACTION.down,
-            slot: this.slot
+            slot: this
           }, event.event);
           break;
 
@@ -303,7 +308,7 @@ var SchedulerEditSlotVue2 = {
           break;
 
         case kendo_vue_common_1.Keys.tab:
-          nextItem = utils_1.findFirstItem(event.target);
+          nextItem = utils_1.findNextItem(utils_1.findFirstItem(event.target), this.bv.items, false);
           break;
 
         default:

package/dist/npm/slots/SchedulerSlot.js

@@ -43,6 +43,21 @@ var DAY_FORMAT = {
 
 var SchedulerSlotVue2 = {
   name: 'KendoSchedulerSlot',
+  // @ts-ignore
+  emits: {
+    focus: null,
+    blur: null,
+    click: null,
+    showmoreitems: null,
+    mouseover: null,
+    mouseout: null,
+    mouseenter: null,
+    mouseleave: null,
+    doubleclick: null,
+    keydown: null,
+    keypress: null,
+    keyup: null
+  },
   props: {
     refTo: [Function, Object],
     items: Array,
@@ -58,6 +73,10 @@ var SchedulerSlotVue2 = {
       default: true
     },
     selected: Boolean,
+    tabIndex: {
+      type: Number,
+      default: undefined
+    },
     col: Number,
     index: Number,
     start: Date,
@@ -308,7 +327,7 @@ var SchedulerSlotVue2 = {
       });
     },
     handleKeyPress: function handleKeyPress(event) {
-      this.$emit('keydown', {
+      this.$emit('keypress', {
         event: event,
         target: {
           props: __assign({}, this.$props),

package/dist/npm/slots/SchedulerViewSlot.js

@@ -20,6 +20,13 @@ var kendo_vue_common_1 = require("@progress/kendo-vue-common"); // tslint:enable
 
 var SchedulerViewSlotVue2 = {
   name: 'KendoSchedulerViewSlot',
+  // @ts-ignore
+  emits: {
+    focus: null,
+    showmoreitems: null,
+    doubleclick: null,
+    keydown: null
+  },
   props: {
     refTo: [Function, Object],
     items: Array,
@@ -47,7 +54,11 @@ var SchedulerViewSlotVue2 = {
     navDay: Boolean,
     editable: [Object, Boolean],
     itemsPerSlot: Number,
-    formItem: Object
+    formItem: Object,
+    tabIndex: {
+      type: Number,
+      default: undefined
+    }
   },
   created: function created() {
     this.viewSlot = null;
@@ -98,8 +109,9 @@ var SchedulerViewSlotVue2 = {
     var slotRender;
     var slotRenderDefaultRendering = // @ts-ignore  function children
     h(SchedulerSlot_1.SchedulerSlot, {
-      isAllDay: this.isAllDay,
+      tabIndex: this.tabIndex,
       attrs: this.v3 ? undefined : {
+        tabIndex: this.tabIndex,
         isAllDay: this.isAllDay,
         items: items,
         row: row,
@@ -116,8 +128,10 @@ var SchedulerViewSlotVue2 = {
         navDay: navDay,
         itemsPerSlot: itemsPerSlot,
         editable: editable,
-        formItem: this.formItem
+        formItem: this.formItem,
+        selected: this.selected
       },
+      isAllDay: this.isAllDay,
       items: items,
       row: row,
       group: group,
@@ -137,9 +151,14 @@ var SchedulerViewSlotVue2 = {
       onShowmoreitems: this.handleShowMoreItemsClick,
       on: this.v3 ? undefined : {
         "showmoreitems": this.handleShowMoreItemsClick,
-        "doubleclick": this.handleDoubleClick
+        "doubleclick": this.handleDoubleClick,
+        "keydown": this.handleKeyDown,
+        "focus": this.handleFocus
       },
-      onDoubleclick: this.handleDoubleClick
+      onDoubleclick: this.handleDoubleClick,
+      onKeydown: this.handleKeyDown,
+      onFocus: this.handleFocus,
+      selected: this.selected
     }, this.v3 ? function () {
       return [defaultSlot];
     } : [defaultSlot]);
@@ -160,6 +179,12 @@ var SchedulerViewSlotVue2 = {
     },
     handleDoubleClick: function handleDoubleClick(args) {
       this.$emit('doubleclick', args);
+    },
+    handleKeyDown: function handleKeyDown(args) {
+      this.$emit('keydown', args);
+    },
+    handleFocus: function handleFocus(args) {
+      this.$emit('focus', args);
     }
   }
 };

package/dist/npm/utils/index.d.ts

@@ -165,6 +165,10 @@ export declare const noop: (..._args: any) => void;
 /** @hidden */
 export declare const findFirstItem: (current: any) => SchedulerItemHandle | null;
 /** @hidden */
+export declare const compareItems: (f: any, s: any, ignoreIsAllDay?: boolean) => boolean;
+/** @hidden */
+export declare const compareSlots: (f: any, s: any) => boolean;
+/** @hidden */
 export declare const findNextItem: (ref: any, all: any, ignoreIsAllDay?: boolean | undefined, backwards?: boolean) => any;
 /**
  * @hidden

package/dist/npm/utils/index.js

@@ -18,7 +18,7 @@ var __spreadArrays = (this && this.__spreadArrays) || function () {
     return r;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.orderSort = exports.findNextItem = exports.findFirstItem = exports.noop = exports.mapItemsToSlots = exports.mapSlotsToItems = exports.calculateOrder = exports.findMissing = exports.shallowCompare = exports.extractResources = exports.extractResourceFields = exports.extractGroups = exports.setTime = exports.isNullOrEmptyString = exports.isBlank = exports.generateResourceFields = exports.toSchedulerResources = exports.toSchedulerGroups = exports.isInTimeRange = exports.getModelFields = exports.defaultModelFields = exports.roundAllDayEnd = exports.intersects = exports.isException = exports.buildException = exports.isMaster = exports.findMaster = exports.groupResources = exports.isRecurring = exports.isRecurringException = exports.toInvariantTime = exports.toUTCDateTime = exports.getUTCDate = exports.toUTCDate = exports.isRecurringMaster = exports.isPresent = exports.assignFields = exports.assignField = exports.setField = exports.getField = exports.slotDive = exports.getToday = exports.dateWithTime = exports.addUTCDays = exports.formatEventTime = exports.isGroupped = exports.isMultiDay = exports.last = exports.first = exports.COLLECTION_ACTION = void 0;
+exports.orderSort = exports.findNextItem = exports.compareSlots = exports.compareItems = exports.findFirstItem = exports.noop = exports.mapItemsToSlots = exports.mapSlotsToItems = exports.calculateOrder = exports.findMissing = exports.shallowCompare = exports.extractResources = exports.extractResourceFields = exports.extractGroups = exports.setTime = exports.isNullOrEmptyString = exports.isBlank = exports.generateResourceFields = exports.toSchedulerResources = exports.toSchedulerGroups = exports.isInTimeRange = exports.getModelFields = exports.defaultModelFields = exports.roundAllDayEnd = exports.intersects = exports.isException = exports.buildException = exports.isMaster = exports.findMaster = exports.groupResources = exports.isRecurring = exports.isRecurringException = exports.toInvariantTime = exports.toUTCDateTime = exports.getUTCDate = exports.toUTCDate = exports.isRecurringMaster = exports.isPresent = exports.assignFields = exports.assignField = exports.setField = exports.getField = exports.slotDive = exports.getToday = exports.dateWithTime = exports.addUTCDays = exports.formatEventTime = exports.isGroupped = exports.isMultiDay = exports.last = exports.first = exports.COLLECTION_ACTION = void 0;
 var kendo_date_math_1 = require("@progress/kendo-date-math");
 var utils_1 = require("../views/common/utils");
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
@@ -535,31 +535,40 @@ exports.noop = function () {
 };
 /** @hidden */
 exports.findFirstItem = function (current) {
-    var next = current.$props.items.find(function (i) { return i.order === 0; }) || current.$props.items[0];
-    return next && next.refTo.current;
+    var next = current.props.items.find(function (i) { return i.order === 0; }) || current.props.items[0];
+    return next;
 };
 /** @hidden */
+exports.compareItems = function (f, s, ignoreIsAllDay) { return Boolean(f.uid === s.uid
+    && ((f.occurrenceId === undefined) ||
+        f.occurrenceId === s.occurrenceId)
+    && (f.group.index === s.group.index)
+    && (f.range.index === s.range.index)
+    && (ignoreIsAllDay || f.isAllDay === s.isAllDay)); };
+/** @hidden */
+exports.compareSlots = function (f, s) { return Boolean(f.start.getTime() === s.start.getTime()
+    && f.end.getTime() === s.end.getTime()
+    && f.index === s.index
+    && f.group.index === s.group.index
+    && f.range.index === s.range.index
+    && f.isAllDay === s.isAllDay); };
+/** @hidden */
 exports.findNextItem = function (ref, all, ignoreIsAllDay, backwards) {
     if (ignoreIsAllDay === void 0) { ignoreIsAllDay = false; }
     if (backwards === void 0) { backwards = false; }
-    var current = ref.current;
+    var current = ref;
     if (!current || !all) {
         return null;
     }
-    var filtered = all.filter(function (i) { return i.current !== null && i.current.element !== null; });
+    var filtered = all.filter(function (i) { return i.element !== null; });
     var sorted = kendo_data_query_1.orderBy(filtered, [
-        { field: 'current.props.group.index', dir: 'asc' },
-        { field: 'current.props.range.index', dir: 'asc' },
-        (ignoreIsAllDay ? { field: '' } : { field: 'current.props.isAllDay', dir: 'desc' }),
-        { field: 'current.props.start', dir: 'asc' }
+        { field: 'group.index', dir: 'asc' },
+        { field: 'range.index', dir: 'asc' },
+        (ignoreIsAllDay ? { field: '' } : { field: 'isAllDay', dir: 'desc' }),
+        { field: 'start', dir: 'asc' }
     ]);
     var currentIndex = sorted
-        .findIndex(function (i) { return i.current !== null && Boolean(i.current.props.uid === current.props.uid
-        && ((i.current.props.occurrenceId === undefined) ||
-            i.current.props.occurrenceId === current.props.occurrenceId)
-        && (i.current.props.group.index === current.props.group.index)
-        && (i.current.props.range.index === current.props.range.index)
-        && (ignoreIsAllDay || i.current.props.isAllDay === current.props.isAllDay)); });
+        .findIndex(function (i) { return exports.compareItems(i, current, ignoreIsAllDay); });
     var next = sorted[currentIndex + (backwards ? -1 : 1)];
     return next;
 };

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

@@ -29,6 +29,7 @@ var utils_1 = require("../../utils"); // tslint:enable:max-line-length
 
 var SchedulerDragVue2 = {
   name: 'KendoSchedulerDrag',
+  inheritAttrs: false,
   props: {
     ignoreIsAllDay: Boolean,
     dataItem: Object,

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

@@ -32,6 +32,7 @@ var SchedulerResizeVue2 = {
   props: {
     ignoreIsAllDay: Boolean,
     dataItem: Object,
+    format: String,
     vertical: Boolean,
     viewItem: [String, Function, Object],
     item: {
@@ -44,13 +45,16 @@ var SchedulerResizeVue2 = {
   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 +62,8 @@ var SchedulerResizeVue2 = {
       return services_1.toItems(this.occurrences, {
         timezone: this.ks.timezone
       }, {
-        groups: this.groups,
-        ranges: this.ranges
+        groups: this.ks.groups,
+        ranges: this.bv.ranges
       });
     }
   },
@@ -72,36 +76,80 @@ var SchedulerResizeVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
-    var h = gh || createElement; // const ranges = useSchedulerViewRangesContext();
-    // const { timezone } = useSchedulerPropsContext();
-    // const groups = useSchedulerGroupsContext();
-    // const fields = useSchedulerFieldsContext();
-    // const dateRange = useSchedulerDateRangeContext();
-    // const [viewSlots] = useSchedulerViewSlotsContext();
-
-    var slots = (this.viewSlots || []).map(function (s) {
-      return s.current.props;
+    var h = gh || createElement;
+    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) {
+      // <div>
+      this.items.map(function (item, idx) {
         return h(SchedulerViewItem_1.SchedulerViewItem, {
-          key: idx //     {...item}
-          ,
-          format: this.$props.format,
+          key: idx,
+          uid: item.uid,
           attrs: this.v3 ? undefined : {
-            format: this.$props.format,
-            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,
+            format: this.format //   item={this.$props.item}
+            ,
             resizeHint: true,
             vertical: this.$props.vertical,
             ignoreIsAllDay: this.$props.ignoreIsAllDay
           },
-          item: this.$props.item,
+          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,
+          format: this.format,
           resizeHint: true,
           vertical: this.$props.vertical,
           ignoreIsAllDay: this.$props.ignoreIsAllDay
         });
-      }, this)])
+      }, this) //  </div>
+
     );
   }
 };

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

@@ -119,7 +119,7 @@ var VerticalResourceIteratorVue2 = {
             numberOfDays: more.numberOfDays,
             workWeekStart: more.workWeekStart,
             workWeekEnd: more.workWeekEnd,
-            editable: this.$props.editable
+            editable: more.editable
           },
           groupIndex: currentGroupIndex,
           onDataaction: this.handleDataAction,
@@ -136,7 +136,7 @@ var VerticalResourceIteratorVue2 = {
           numberOfDays: more.numberOfDays,
           workWeekStart: more.workWeekStart,
           workWeekEnd: more.workWeekEnd,
-          editable: this.$props.editable
+          editable: more.editable
         });
       }, this) : null;
     };

package/dist/npm/views/day/DayView.js

@@ -104,7 +104,8 @@ var DayViewVue2 = {
     editable: {
       type: [Boolean, Object],
       default: false
-    }
+    },
+    format: String
   },
   inject: {
     kendoLocalizationService: {

package/dist/npm/views/day/MultiDayView.d.ts

@@ -106,6 +106,10 @@ export interface MultiDayViewProps extends SchedulerViewProps {
      * Overrides the `dragItem` prop of the Scheduler for the specified view only.
      */
     dragItem?: any;
+    /**
+     * Overrides the `resizeItem` prop of the Scheduler for the specified view only.
+     */
+    resizeItem?: any;
     /**
      * Overrides the `viewItem` prop of the Scheduler for the specified view only.
      */