@progress/kendo-vue-scheduler 3.1.0-dev.202203011833 → 3.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (108) hide show
  1. package/dist/cdn/js/kendo-vue-scheduler.js +2 -2
  2. package/dist/es/Scheduler.d.ts +1 -1
  3. package/dist/es/Scheduler.js +129 -683
  4. package/dist/es/components/ShowMoreItemsButton.js +1 -2
  5. package/dist/es/components/footer/bussiness-hours/{BussinessHours.d.ts → BusinessHours.d.ts} +1 -0
  6. package/dist/es/components/footer/bussiness-hours/BusinessHours.js +88 -0
  7. package/dist/es/components/header/navigation/NavigationDatePicker.js +2 -3
  8. package/dist/es/components/header/navigation/SchedulerNavigation.js +319 -3
  9. package/dist/es/components/header/view-selector/SchedulerViewSelector.js +4 -3
  10. package/dist/es/components/header/view-selector/ViewSelectorItem.js +5 -7
  11. package/dist/es/components/header/view-selector/ViewSelectorList.js +19 -13
  12. package/dist/es/context/SchedulerResourceIteratorContext.js +2 -2
  13. package/dist/es/items/SchedulerEditItem.js +10 -9
  14. package/dist/es/items/SchedulerItem.d.ts +2 -0
  15. package/dist/es/items/SchedulerItem.js +111 -29
  16. package/dist/es/items/SchedulerViewItem.js +80 -92
  17. package/dist/es/main.d.ts +5 -1
  18. package/dist/es/main.js +5 -11
  19. package/dist/es/package-metadata.js +1 -1
  20. package/dist/es/slots/SchedulerEditSlot.js +23 -9
  21. package/dist/es/slots/SchedulerSlot.d.ts +4 -0
  22. package/dist/es/slots/SchedulerSlot.js +96 -21
  23. package/dist/es/slots/SchedulerViewSlot.d.ts +1 -1
  24. package/dist/es/slots/SchedulerViewSlot.js +53 -30
  25. package/dist/es/tasks/SchedulerEditTask.js +56 -49
  26. package/dist/es/tasks/SchedulerTask.js +57 -4
  27. package/dist/es/tasks/SchedulerViewTask.js +17 -22
  28. package/dist/es/views/agenda/AgendaView.js +18 -9
  29. package/dist/es/views/agenda/AgendaViewBody.d.ts +1 -0
  30. package/dist/es/views/agenda/AgendaViewBody.js +2 -1
  31. package/dist/es/views/common/VerticalResourceIterator.d.ts +1 -0
  32. package/dist/es/views/common/VerticalResourceIterator.js +104 -17
  33. package/dist/es/views/day/DayView.js +9 -3
  34. package/dist/es/views/day/DayViewAllDaySlots.d.ts +1 -0
  35. package/dist/es/views/day/DayViewAllDaySlots.js +3 -2
  36. package/dist/es/views/day/DayViewMiddleRow.js +12 -9
  37. package/dist/es/views/day/DayViewVerticalRow.d.ts +41 -0
  38. package/dist/es/views/day/DayViewVerticalRow.js +101 -0
  39. package/dist/es/views/day/DayViewVerticalSlotsRow.d.ts +50 -0
  40. package/dist/es/views/day/DayViewVerticalSlotsRow.js +132 -0
  41. package/dist/es/views/day/MultiDayView.d.ts +1 -1
  42. package/dist/es/views/day/MultiDayView.js +167 -284
  43. package/dist/es/views/month/MonthView.d.ts +1 -1
  44. package/dist/es/views/month/MonthView.js +56 -65
  45. package/dist/es/views/month/MonthViewBody.d.ts +2 -0
  46. package/dist/es/views/month/MonthViewBody.js +36 -51
  47. package/dist/es/views/time/MultiDayTimelineView.d.ts +2 -2
  48. package/dist/es/views/time/MultiDayTimelineView.js +52 -41
  49. package/dist/es/views/time/TimelineView.js +9 -3
  50. package/dist/es/views/time/TimelineViewBody.d.ts +2 -0
  51. package/dist/es/views/time/TimelineViewBody.js +6 -2
  52. package/dist/es/views/week/WeekView.js +9 -3
  53. package/dist/es/views/week/WorkWeekView.js +9 -3
  54. package/dist/npm/Scheduler.d.ts +1 -1
  55. package/dist/npm/Scheduler.js +127 -683
  56. package/dist/npm/components/ShowMoreItemsButton.js +1 -2
  57. package/dist/npm/components/footer/bussiness-hours/{BussinessHours.d.ts → BusinessHours.d.ts} +1 -0
  58. package/dist/npm/components/footer/bussiness-hours/BusinessHours.js +102 -0
  59. package/dist/npm/components/header/navigation/NavigationDatePicker.js +2 -3
  60. package/dist/npm/components/header/navigation/SchedulerNavigation.js +323 -4
  61. package/dist/npm/components/header/view-selector/SchedulerViewSelector.js +5 -3
  62. package/dist/npm/components/header/view-selector/ViewSelectorItem.js +6 -7
  63. package/dist/npm/components/header/view-selector/ViewSelectorList.js +21 -13
  64. package/dist/npm/context/SchedulerResourceIteratorContext.js +2 -2
  65. package/dist/npm/items/SchedulerEditItem.js +10 -9
  66. package/dist/npm/items/SchedulerItem.d.ts +2 -0
  67. package/dist/npm/items/SchedulerItem.js +111 -29
  68. package/dist/npm/items/SchedulerViewItem.js +81 -92
  69. package/dist/npm/main.d.ts +5 -1
  70. package/dist/npm/main.js +9 -11
  71. package/dist/npm/package-metadata.js +1 -1
  72. package/dist/npm/slots/SchedulerEditSlot.js +23 -9
  73. package/dist/npm/slots/SchedulerSlot.d.ts +4 -0
  74. package/dist/npm/slots/SchedulerSlot.js +96 -20
  75. package/dist/npm/slots/SchedulerViewSlot.d.ts +1 -1
  76. package/dist/npm/slots/SchedulerViewSlot.js +52 -29
  77. package/dist/npm/tasks/SchedulerEditTask.js +57 -49
  78. package/dist/npm/tasks/SchedulerTask.js +57 -3
  79. package/dist/npm/tasks/SchedulerViewTask.js +17 -21
  80. package/dist/npm/views/agenda/AgendaView.js +18 -9
  81. package/dist/npm/views/agenda/AgendaViewBody.d.ts +1 -0
  82. package/dist/npm/views/agenda/AgendaViewBody.js +2 -1
  83. package/dist/npm/views/common/VerticalResourceIterator.d.ts +1 -0
  84. package/dist/npm/views/common/VerticalResourceIterator.js +107 -17
  85. package/dist/npm/views/day/DayView.js +9 -3
  86. package/dist/npm/views/day/DayViewAllDaySlots.d.ts +1 -0
  87. package/dist/npm/views/day/DayViewAllDaySlots.js +3 -2
  88. package/dist/npm/views/day/DayViewMiddleRow.js +12 -9
  89. package/dist/npm/views/day/DayViewVerticalRow.d.ts +41 -0
  90. package/dist/npm/views/day/DayViewVerticalRow.js +113 -0
  91. package/dist/npm/views/day/DayViewVerticalSlotsRow.d.ts +50 -0
  92. package/dist/npm/views/day/DayViewVerticalSlotsRow.js +145 -0
  93. package/dist/npm/views/day/MultiDayView.d.ts +1 -1
  94. package/dist/npm/views/day/MultiDayView.js +168 -285
  95. package/dist/npm/views/month/MonthView.d.ts +1 -1
  96. package/dist/npm/views/month/MonthView.js +56 -65
  97. package/dist/npm/views/month/MonthViewBody.d.ts +2 -0
  98. package/dist/npm/views/month/MonthViewBody.js +36 -52
  99. package/dist/npm/views/time/MultiDayTimelineView.d.ts +2 -2
  100. package/dist/npm/views/time/MultiDayTimelineView.js +52 -41
  101. package/dist/npm/views/time/TimelineView.js +9 -3
  102. package/dist/npm/views/time/TimelineViewBody.d.ts +2 -0
  103. package/dist/npm/views/time/TimelineViewBody.js +6 -2
  104. package/dist/npm/views/week/WeekView.js +9 -3
  105. package/dist/npm/views/week/WorkWeekView.js +9 -3
  106. package/package.json +12 -12
  107. package/dist/es/components/footer/bussiness-hours/BussinessHours.js +0 -33
  108. package/dist/npm/components/footer/bussiness-hours/BussinessHours.js +0 -44
@@ -80,7 +80,8 @@ var AgendaViewVue2 = {
80
80
  numberOfDays: {
81
81
  type: Number,
82
82
  default: constants_1.DAYS_IN_WEEK_COUNT
83
- }
83
+ },
84
+ task: [String, Function, Object]
84
85
  },
85
86
  inject: {
86
87
  ks: {
@@ -210,14 +211,18 @@ var AgendaViewVue2 = {
210
211
  return [h(AgendaViewBody_1.AgendaViewBody, {
211
212
  agendaSlots: _this.agendaSlots,
212
213
  attrs: _this.v3 ? undefined : {
213
- agendaSlots: _this.agendaSlots
214
- }
214
+ agendaSlots: _this.agendaSlots,
215
+ task: _this.$props.task
216
+ },
217
+ task: _this.$props.task
215
218
  })];
216
219
  } : [h(AgendaViewBody_1.AgendaViewBody, {
217
220
  agendaSlots: _this.agendaSlots,
218
221
  attrs: _this.v3 ? undefined : {
219
- agendaSlots: _this.agendaSlots
220
- }
222
+ agendaSlots: _this.agendaSlots,
223
+ task: _this.$props.task
224
+ },
225
+ task: _this.$props.task
221
226
  })])];
222
227
  } : [h("div", {
223
228
  "class": "k-scheduler-head"
@@ -243,14 +248,18 @@ var AgendaViewVue2 = {
243
248
  return [h(AgendaViewBody_1.AgendaViewBody, {
244
249
  agendaSlots: _this.agendaSlots,
245
250
  attrs: _this.v3 ? undefined : {
246
- agendaSlots: _this.agendaSlots
247
- }
251
+ agendaSlots: _this.agendaSlots,
252
+ task: _this.$props.task
253
+ },
254
+ task: _this.$props.task
248
255
  })];
249
256
  } : [h(AgendaViewBody_1.AgendaViewBody, {
250
257
  agendaSlots: _this.agendaSlots,
251
258
  attrs: _this.v3 ? undefined : {
252
- agendaSlots: _this.agendaSlots
253
- }
259
+ agendaSlots: _this.agendaSlots,
260
+ task: _this.$props.task
261
+ },
262
+ task: _this.$props.task
254
263
  })])])
255
264
  );
256
265
  }
@@ -8,6 +8,7 @@ export interface AgendaViewBodyProps {
8
8
  rangeIndex: number;
9
9
  itemsPerSlot: number;
10
10
  agendaSlots: any[];
11
+ task: any;
11
12
  }
12
13
  /**
13
14
  * @hidden
@@ -28,7 +28,8 @@ var AgendaViewBodyVue2 = {
28
28
  props: {
29
29
  rangeIndex: Number,
30
30
  itemsPerSlot: Number,
31
- agendaSlots: Array
31
+ agendaSlots: Array,
32
+ task: [String, Function, Object]
32
33
  },
33
34
  inject: {
34
35
  ri: {
@@ -6,6 +6,7 @@ declare type DefaultMethods<V> = {
6
6
  import { SchedulerResource, SchedulerGroup } from '../../models';
7
7
  /** @hidden */
8
8
  export interface VerticalResourceIteratorProps {
9
+ more?: Object;
9
10
  group?: SchedulerGroup;
10
11
  resources?: SchedulerResource[];
11
12
  nested?: boolean;
@@ -15,12 +15,20 @@ var utils_1 = require("./utils");
15
15
 
16
16
  var SchedulerResourceIteratorContext_1 = require("../../context/SchedulerResourceIteratorContext");
17
17
 
18
- var kendo_vue_common_1 = require("@progress/kendo-vue-common"); // tslint:enable:max-line-length
18
+ var kendo_vue_common_1 = require("@progress/kendo-vue-common");
19
19
 
20
+ var DayViewVerticalSlotsRow_1 = require("../day/DayViewVerticalSlotsRow");
21
+
22
+ var MonthViewBody_1 = require("../month/MonthViewBody");
23
+
24
+ var TimelineViewBody_1 = require("../time/TimelineViewBody");
25
+
26
+ var FIRST_INDEX = 0; // tslint:enable:max-line-length
20
27
 
21
28
  var VerticalResourceIteratorVue2 = {
22
29
  name: 'KendoVerticalResourceIterator',
23
30
  props: {
31
+ more: Object,
24
32
  group: Object,
25
33
  resources: Array,
26
34
  nested: Boolean,
@@ -41,12 +49,92 @@ var VerticalResourceIteratorVue2 = {
41
49
  var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
42
50
  var _a = this.$props,
43
51
  nested = _a.nested,
44
- wrapGroup = _a.wrapGroup;
52
+ wrapGroup = _a.wrapGroup,
53
+ more = _a.more;
45
54
  var cellContent = this.$props.cellContent || DefaultCellContent;
46
55
  var resources = utils_1.toGroupResources(this.$props.group, this.$props.resources);
47
56
  var depth = 0;
48
57
  var groupIndex = 0;
49
58
 
59
+ var renderMore = function renderMore(_resource, currentGroupIndex) {
60
+ return more ? more.timelineSlots ? h(TimelineViewBody_1.TimelineViewBody, {
61
+ slotRender: more.slotRender,
62
+ attrs: this.v3 ? undefined : {
63
+ slotRender: more.slotRender,
64
+ groupIndex: currentGroupIndex,
65
+ ranges: more.ranges,
66
+ workDayStart: more.workDayStart,
67
+ workDayEnd: more.workDayEnd,
68
+ timelineSlots: more.timelineSlots
69
+ },
70
+ groupIndex: currentGroupIndex,
71
+ ranges: more.ranges,
72
+ workDayStart: more.workDayStart,
73
+ workDayEnd: more.workDayEnd,
74
+ timelineSlots: more.timelineSlots,
75
+ onDataaction: this.handleDataAction,
76
+ on: this.v3 ? undefined : {
77
+ "dataaction": this.handleDataAction
78
+ }
79
+ }) : more.monthSlots ? more.ranges.map(function (_, rangeIndex) {
80
+ return h(MonthViewBody_1.MonthViewBody, {
81
+ slotRender: more.slotRender,
82
+ attrs: this.v3 ? undefined : {
83
+ slotRender: more.slotRender,
84
+ ranges: more.ranges,
85
+ groupIndex: currentGroupIndex,
86
+ monthSlots: more.monthSlots,
87
+ rangeIndex: rangeIndex,
88
+ itemsPerSlot: more.itemsPerSlot
89
+ },
90
+ ranges: more.ranges,
91
+ groupIndex: currentGroupIndex,
92
+ monthSlots: more.monthSlots,
93
+ rangeIndex: rangeIndex,
94
+ itemsPerSlot: more.itemsPerSlot,
95
+ onDataaction: this.handleDataAction,
96
+ on: this.v3 ? undefined : {
97
+ "dataaction": this.handleDataAction
98
+ }
99
+ });
100
+ }, this) : more.timeSlots.filter(function (s) {
101
+ return s.group.index === currentGroupIndex && s.range.index === FIRST_INDEX;
102
+ }).map(function (root, rootIndex, filtered) {
103
+ return h(DayViewVerticalSlotsRow_1.DayViewVerticalSlotsRow, {
104
+ slotRender: more.slotRender,
105
+ attrs: this.v3 ? undefined : {
106
+ slotRender: more.slotRender,
107
+ groupIndex: currentGroupIndex,
108
+ root: root,
109
+ rootIndex: rootIndex,
110
+ filtered: filtered,
111
+ timeRanges: more.timeRanges,
112
+ timeSlots: more.timeSlots,
113
+ workDayStart: more.workDayStart,
114
+ workDayEnd: more.workDayEnd,
115
+ numberOfDays: more.numberOfDays,
116
+ workWeekStart: more.workWeekStart,
117
+ workWeekEnd: more.workWeekEnd
118
+ },
119
+ groupIndex: currentGroupIndex,
120
+ onDataaction: this.handleDataAction,
121
+ on: this.v3 ? undefined : {
122
+ "dataaction": this.handleDataAction
123
+ },
124
+ root: root,
125
+ rootIndex: rootIndex,
126
+ filtered: filtered,
127
+ timeRanges: more.timeRanges,
128
+ timeSlots: more.timeSlots,
129
+ workDayStart: more.workDayStart,
130
+ workDayEnd: more.workDayEnd,
131
+ numberOfDays: more.numberOfDays,
132
+ workWeekStart: more.workWeekStart,
133
+ workWeekEnd: more.workWeekEnd
134
+ });
135
+ }, this) : null;
136
+ };
137
+
50
138
  var renderResourcesWrapped = function renderResourcesWrapped(args) {
51
139
  return h("div", {
52
140
  "class": "k-scheduler-row"
@@ -73,20 +161,19 @@ var VerticalResourceIteratorVue2 = {
73
161
  var hasGroups = args.resources.length > 0;
74
162
 
75
163
  if (args.depth === args.resources.length || !hasGroups) {
76
- return (// @ts-ignore function children
77
- h(SchedulerResourceIteratorContext_1.SchedulerResourceIteratorContext, {
164
+ return [// @ts-ignore function children
165
+ h(SchedulerResourceIteratorContext_1.SchedulerResourceIteratorContext, {
166
+ noWrap: true,
167
+ attrs: this.v3 ? undefined : {
78
168
  noWrap: true,
79
- attrs: this.v3 ? undefined : {
80
- noWrap: true,
81
- resource: args.resources[args.depth],
82
- groupIndex: hasGroups ? args.groupIndex : 0
83
- },
84
169
  resource: args.resources[args.depth],
85
170
  groupIndex: hasGroups ? args.groupIndex : 0
86
- }, this.v3 ? function () {
87
- return [children];
88
- } : [children])
89
- );
171
+ },
172
+ resource: args.resources[args.depth],
173
+ groupIndex: hasGroups ? args.groupIndex : 0
174
+ }, this.v3 ? function () {
175
+ return [children];
176
+ } : [children]), renderMore.call(this, args.resources[args.depth], hasGroups ? args.groupIndex : 0)];
90
177
  }
91
178
 
92
179
  var dataLength = args.resources[args.depth].data.length;
@@ -119,8 +206,6 @@ var VerticalResourceIteratorVue2 = {
119
206
  };
120
207
 
121
208
  var renderResourcesRecursivelyWrapped = function renderResourcesRecursivelyWrapped(args) {
122
- var _this = this;
123
-
124
209
  var children = args.children;
125
210
  var dataLength = args.resources.length ? args.resources[args.depth].data.length : 0;
126
211
 
@@ -142,14 +227,14 @@ var VerticalResourceIteratorVue2 = {
142
227
  "data-resource-index": dataLength * args.groupIndex + dataIndex
143
228
  }, [dataItem.text]), args.depth + 1 !== resources.length && h("div", {
144
229
  "class": "k-scheduler-cell k-resource-content"
145
- }, [renderResourcesRecursivelyWrapped.call(_this, {
230
+ }, [renderResourcesRecursivelyWrapped.call(this, {
146
231
  resources: resources,
147
232
  children: children,
148
233
  cellContent: args.cellContent,
149
234
  groupIndex: dataLength * args.groupIndex + dataIndex,
150
235
  depth: args.depth + 1
151
236
  })])]);
152
- });
237
+ }, this);
153
238
  };
154
239
 
155
240
  var renderGroupContentRecursively = function renderGroupContentRecursively(args) {
@@ -279,6 +364,11 @@ var VerticalResourceIteratorVue2 = {
279
364
  depth: depth,
280
365
  groupIndex: groupIndex
281
366
  })]);
367
+ },
368
+ methods: {
369
+ handleDataAction: function handleDataAction(action) {
370
+ this.$emit('dataaction', action);
371
+ }
282
372
  }
283
373
  };
284
374
  exports.VerticalResourceIteratorVue2 = VerticalResourceIteratorVue2;
@@ -94,7 +94,9 @@ var DayViewVue2 = {
94
94
  type: Boolean,
95
95
  default: true
96
96
  },
97
- timeHeaderCell: String
97
+ timeHeaderCell: String,
98
+ slotRender: [String, Function, Object],
99
+ item: [String, Function, Object]
98
100
  },
99
101
  inject: {
100
102
  kendoLocalizationService: {
@@ -134,7 +136,9 @@ var DayViewVue2 = {
134
136
  workWeekStart: this.$props.workWeekStart,
135
137
  workWeekEnd: this.$props.workWeekEnd,
136
138
  defaultShowWorkHours: this.$props.defaultShowWorkHours,
137
- timeHeaderCell: this.$props.timeHeaderCell
139
+ timeHeaderCell: this.$props.timeHeaderCell,
140
+ slotRender: this.$props.slotRender,
141
+ item: this.$props.item
138
142
  },
139
143
  dateRange: this.$props.dateRange,
140
144
  step: this.$props.step,
@@ -153,7 +157,9 @@ var DayViewVue2 = {
153
157
  workWeekStart: this.$props.workWeekStart,
154
158
  workWeekEnd: this.$props.workWeekEnd,
155
159
  defaultShowWorkHours: this.$props.defaultShowWorkHours,
156
- timeHeaderCell: this.$props.timeHeaderCell
160
+ timeHeaderCell: this.$props.timeHeaderCell,
161
+ slotRender: this.$props.slotRender,
162
+ item: this.$props.item
157
163
  });
158
164
  }
159
165
  };
@@ -5,6 +5,7 @@ declare type DefaultMethods<V> = {
5
5
  };
6
6
  /** @hidden */
7
7
  export interface DayViewAllDaySlotsProps {
8
+ slotRender: any;
8
9
  dayRanges: any[];
9
10
  daySlots: any[];
10
11
  numberOfDays: number;
@@ -17,6 +17,7 @@ var SchedulerEditSlot_1 = require("../../slots/SchedulerEditSlot"); // tslint:en
17
17
  var DayViewAllDaySlotsVue2 = {
18
18
  name: 'KendoDayViewAllDaySlots',
19
19
  props: {
20
+ slotRender: [String, Function, Object],
20
21
  dayRanges: Array,
21
22
  daySlots: Array,
22
23
  numberOfDays: Number,
@@ -67,7 +68,7 @@ var DayViewAllDaySlotsVue2 = {
67
68
  range: slot.range,
68
69
  isAllDay: slot.isAllDay,
69
70
  form: this.$props.form,
70
- renderSlot: this.$props.slot,
71
+ slotRender: this.$props.slotRender,
71
72
  viewSlot: this.$props.viewSlot,
72
73
  row: 0,
73
74
  col: this.ks.orientation === 'horizontal' ? filtered.length * (this.ri.groupIndex || 0) + slotIndex : slotIndex,
@@ -87,7 +88,7 @@ var DayViewAllDaySlotsVue2 = {
87
88
  "dataaction": this.handleDataAction
88
89
  },
89
90
  form: this.$props.form,
90
- renderSlot: this.$props.slot,
91
+ slotRender: this.$props.slotRender,
91
92
  viewSlot: this.$props.viewSlot,
92
93
  key: slot.start.getTime() + ":" + slot.group.index,
93
94
  row: 0,
@@ -23,6 +23,7 @@ var utils_1 = require("../../utils"); // tslint:enable:max-line-length
23
23
  var DayViewMiddleRowVue2 = {
24
24
  name: 'KendoDayViewMiddleRow',
25
25
  props: {
26
+ slotRender: [String, Function, Object],
26
27
  timeRanges: Array,
27
28
  timeSlots: Array,
28
29
  slotDivisions: {
@@ -55,6 +56,8 @@ var DayViewMiddleRowVue2 = {
55
56
  render: function render(createElement) {
56
57
  var h = gh || createElement;
57
58
  var EditSlot = this.$props.editSlot || SchedulerEditSlot_1.SchedulerEditSlot;
59
+ var that = this;
60
+ var workWeekStart = that.numberOfDays + that.workWeekStart;
58
61
  return h("div", {
59
62
  "class": kendo_vue_common_1.classNames('k-scheduler-row', {
60
63
  'k-middle-row': !((this.rootIndex + 1) % this.slotDivisions === 0)
@@ -78,14 +81,14 @@ var DayViewMiddleRowVue2 = {
78
81
  group: slot.group,
79
82
  range: slot.range,
80
83
  isAllDay: slot.isAllDay,
81
- renderSlot: this.$props.slot,
84
+ slotRender: this.$props.slotRender,
82
85
  viewSlot: this.$props.viewSlot,
83
86
  form: this.$props.form,
84
87
  row: this.rootIndex + MultiDayView_1.GRID_OFFSET,
85
88
  col: this.timeRanges.length * (this.ri.groupIndex || 0) + rangeIndex,
86
- isWorkHour: utils_1.isInTimeRange(slot.zonedStart, this.workDayStart, this.workDayEnd),
87
- isWorkDay: 0 <= slot.zonedStart.getDay() + (this.numberOfDays - this.workWeekStart) && (slot.zonedStart.getDay() + (this.numberOfDays - this.workWeekStart)) % this.numberOfDays <= this.workWeekEnd + (this.numberOfDays - this.workWeekStart),
88
- editable: this.$props.editable
89
+ isWorkHour: utils_1.isInTimeRange(slot.zonedStart, that.workDayStart, that.workDayEnd),
90
+ isWorkDay: 0 <= slot.zonedStart.getDay() + (that.numberOfDays - workWeekStart) && (slot.zonedStart.getDay() + (that.numberOfDays - workWeekStart)) % that.numberOfDays <= that.workWeekEnd + (that.numberOfDays - workWeekStart),
91
+ editable: that.$props.editable
89
92
  },
90
93
  start: slot.start,
91
94
  end: slot.end,
@@ -99,16 +102,16 @@ var DayViewMiddleRowVue2 = {
99
102
  on: this.v3 ? undefined : {
100
103
  "dataaction": this.handleDataAction
101
104
  },
102
- renderSlot: this.$props.slot,
105
+ slotRender: this.$props.slotRender,
103
106
  viewSlot: this.$props.viewSlot,
104
107
  form: this.$props.form,
105
108
  row: this.rootIndex + MultiDayView_1.GRID_OFFSET,
106
109
  col: this.timeRanges.length * (this.ri.groupIndex || 0) + rangeIndex,
107
- isWorkHour: utils_1.isInTimeRange(slot.zonedStart, this.workDayStart, this.workDayEnd),
108
- isWorkDay: 0 <= slot.zonedStart.getDay() + (this.numberOfDays - this.workWeekStart) && (slot.zonedStart.getDay() + (this.numberOfDays - this.workWeekStart)) % this.numberOfDays <= this.workWeekEnd + (this.numberOfDays - this.workWeekStart),
109
- editable: this.$props.editable
110
+ isWorkHour: utils_1.isInTimeRange(slot.zonedStart, that.workDayStart, that.workDayEnd),
111
+ isWorkDay: 0 <= slot.zonedStart.getDay() + (that.numberOfDays - workWeekStart) && (slot.zonedStart.getDay() + (that.numberOfDays - workWeekStart)) % that.numberOfDays <= that.workWeekEnd + (that.numberOfDays - workWeekStart),
112
+ editable: that.$props.editable
110
113
  });
111
- }, this);
114
+ }, that);
112
115
  }, this)]);
113
116
  },
114
117
  methods: {
@@ -0,0 +1,41 @@
1
+ import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../../additionalTypes';
2
+ declare type DefaultData<V> = object | ((this: V) => {});
3
+ declare type DefaultMethods<V> = {
4
+ [key: string]: (this: V, ...args: any[]) => any;
5
+ };
6
+ /** @hidden */
7
+ export interface DayViewVerticalRowProps {
8
+ daySlots: any[];
9
+ dayRanges: any[];
10
+ timeSlots: any[];
11
+ }
12
+ /**
13
+ * @hidden
14
+ */
15
+ export interface DayViewVerticalRowState {
16
+ }
17
+ /**
18
+ * @hidden
19
+ */
20
+ export interface DayViewVerticalRowComputed {
21
+ [key: string]: any;
22
+ }
23
+ /**
24
+ * @hidden
25
+ */
26
+ export interface DayViewVerticalRowMethods {
27
+ [key: string]: any;
28
+ }
29
+ /**
30
+ * @hidden
31
+ */
32
+ export interface DayViewVerticalRowData {
33
+ }
34
+ /**
35
+ * @hidden
36
+ */
37
+ export interface DayViewVerticalRowAll extends Vue2type, DayViewVerticalRowMethods, DayViewVerticalRowData, DayViewVerticalRowComputed, DayViewVerticalRowState {
38
+ }
39
+ declare let DayViewVerticalRowVue2: ComponentOptions<DayViewVerticalRowAll, DefaultData<DayViewVerticalRowData>, DefaultMethods<DayViewVerticalRowAll>, DayViewVerticalRowComputed, RecordPropsDefinition<DayViewVerticalRowProps>>;
40
+ declare const DayViewVerticalRow: DefineComponent<DayViewVerticalRowProps, any, DayViewVerticalRowData, DayViewVerticalRowComputed, DayViewVerticalRowMethods, {}, {}, {}, string, DayViewVerticalRowProps, DayViewVerticalRowProps, {}>;
41
+ export { DayViewVerticalRow, DayViewVerticalRowVue2 };
@@ -0,0 +1,113 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.DayViewVerticalRowVue2 = exports.DayViewVerticalRow = void 0; // @ts-ignore
7
+
8
+ var Vue = require("vue");
9
+
10
+ var allVue = Vue;
11
+ var gh = allVue.h;
12
+
13
+ var MultiDayView_1 = require("./MultiDayView");
14
+
15
+ var SchedulerEditSlot_1 = require("../../slots/SchedulerEditSlot");
16
+
17
+ var DayViewAllDayRowContent_1 = require("./DayViewAllDayRowContent");
18
+
19
+ var FIRST_INDEX = 0; // tslint:enable:max-line-length
20
+
21
+ var DayViewVerticalRowVue2 = {
22
+ name: 'KendoDayViewVerticalRow',
23
+ props: {
24
+ dayRanges: Array,
25
+ daySlots: Array,
26
+ timeSlots: Array
27
+ },
28
+ inject: {
29
+ ri: {
30
+ default: null
31
+ }
32
+ },
33
+ // @ts-ignore
34
+ setup: !gh ? undefined : function () {
35
+ var v3 = !!gh;
36
+ return {
37
+ v3: v3
38
+ };
39
+ },
40
+ // @ts-ignore
41
+ render: function render(createElement) {
42
+ var h = gh || createElement;
43
+ var EditSlot = this.$props.editSlot || SchedulerEditSlot_1.SchedulerEditSlot;
44
+ var groupIndex = this.ri.groupIndex;
45
+ var _a = this.$props,
46
+ timeSlots = _a.timeSlots,
47
+ daySlots = _a.daySlots;
48
+ return h("div", {
49
+ "class": "k-scheduler-row"
50
+ }, [h(DayViewAllDayRowContent_1.DayViewAllDayRowContent, {
51
+ groupIndex: groupIndex,
52
+ attrs: this.v3 ? undefined : {
53
+ groupIndex: groupIndex
54
+ }
55
+ }), this.dayRanges.map(function (_, rangeIndex) {
56
+ var groupOffset = timeSlots.filter(function (s) {
57
+ return s.group.index === groupIndex && s.range.index === FIRST_INDEX;
58
+ }).length;
59
+ return daySlots.filter(function (s) {
60
+ return s.group.index === groupIndex && s.range.index === rangeIndex;
61
+ }).map(function (slot, slotIndex) {
62
+ return h(EditSlot, {
63
+ slotRender: this.$props.slotRender,
64
+ attrs: this.v3 ? undefined : {
65
+ slotRender: this.$props.slotRender,
66
+ viewSlot: this.$props.viewSlot,
67
+ form: this.$props.form,
68
+ index: slot.index,
69
+ start: slot.start,
70
+ end: slot.end,
71
+ zonedStart: slot.zonedStart,
72
+ zonedEnd: slot.zonedEnd,
73
+ items: slot.items,
74
+ group: slot.group,
75
+ range: slot.range,
76
+ isAllDay: slot.isAllDay,
77
+ row: groupOffset * (groupIndex || 0) + (groupIndex || 0) * MultiDayView_1.GRID_OFFSET,
78
+ col: slotIndex,
79
+ expandable: true
80
+ },
81
+ viewSlot: this.$props.viewSlot,
82
+ form: this.$props.form,
83
+ index: slot.index,
84
+ start: slot.start,
85
+ end: slot.end,
86
+ zonedStart: slot.zonedStart,
87
+ zonedEnd: slot.zonedEnd,
88
+ items: slot.items,
89
+ group: slot.group,
90
+ range: slot.range,
91
+ isAllDay: slot.isAllDay,
92
+ onDataaction: this.handleDataAction,
93
+ on: this.v3 ? undefined : {
94
+ "dataaction": this.handleDataAction
95
+ },
96
+ key: slot.start.getTime() + ":" + slot.group.index,
97
+ "class": 'k-scheduler-alldays-slot',
98
+ row: groupOffset * (groupIndex || 0) + (groupIndex || 0) * MultiDayView_1.GRID_OFFSET,
99
+ col: slotIndex,
100
+ expandable: true
101
+ });
102
+ }, this);
103
+ }, this)]);
104
+ },
105
+ methods: {
106
+ handleDataAction: function handleDataAction(action) {
107
+ this.$emit('dataaction', action);
108
+ }
109
+ }
110
+ };
111
+ exports.DayViewVerticalRowVue2 = DayViewVerticalRowVue2;
112
+ var DayViewVerticalRow = DayViewVerticalRowVue2;
113
+ exports.DayViewVerticalRow = DayViewVerticalRow;
@@ -0,0 +1,50 @@
1
+ import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../../additionalTypes';
2
+ declare type DefaultData<V> = object | ((this: V) => {});
3
+ declare type DefaultMethods<V> = {
4
+ [key: string]: (this: V, ...args: any[]) => any;
5
+ };
6
+ /** @hidden */
7
+ export interface DayViewVerticalSlotsRowProps {
8
+ groupIndex: number;
9
+ root: any;
10
+ rootIndex: number;
11
+ filtered: any[];
12
+ slotDivisions: number;
13
+ timeSlots: any[];
14
+ timeRanges: any[];
15
+ numberOfDays: number;
16
+ workDayStart: Date;
17
+ workDayEnd: Date;
18
+ workWeekStart: number;
19
+ workWeekEnd: number;
20
+ }
21
+ /**
22
+ * @hidden
23
+ */
24
+ export interface DayViewVerticalSlotsRowState {
25
+ }
26
+ /**
27
+ * @hidden
28
+ */
29
+ export interface DayViewVerticalSlotsRowComputed {
30
+ [key: string]: any;
31
+ }
32
+ /**
33
+ * @hidden
34
+ */
35
+ export interface DayViewVerticalSlotsRowMethods {
36
+ [key: string]: any;
37
+ }
38
+ /**
39
+ * @hidden
40
+ */
41
+ export interface DayViewVerticalSlotsRowData {
42
+ }
43
+ /**
44
+ * @hidden
45
+ */
46
+ export interface DayViewVerticalSlotsRowAll extends Vue2type, DayViewVerticalSlotsRowMethods, DayViewVerticalSlotsRowData, DayViewVerticalSlotsRowComputed, DayViewVerticalSlotsRowState {
47
+ }
48
+ declare let DayViewVerticalSlotsRowVue2: ComponentOptions<DayViewVerticalSlotsRowAll, DefaultData<DayViewVerticalSlotsRowData>, DefaultMethods<DayViewVerticalSlotsRowAll>, DayViewVerticalSlotsRowComputed, RecordPropsDefinition<DayViewVerticalSlotsRowProps>>;
49
+ declare const DayViewVerticalSlotsRow: DefineComponent<DayViewVerticalSlotsRowProps, any, DayViewVerticalSlotsRowData, DayViewVerticalSlotsRowComputed, DayViewVerticalSlotsRowMethods, {}, {}, {}, string, DayViewVerticalSlotsRowProps, DayViewVerticalSlotsRowProps, {}>;
50
+ export { DayViewVerticalSlotsRow, DayViewVerticalSlotsRowVue2 };