@progress/kendo-vue-scheduler 6.4.1-develop.2 → 6.4.2-develop.3
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.
- package/Scheduler.mjs +7 -7
- package/components/BaseView.js +1 -1
- package/components/BaseView.mjs +4 -4
- package/components/CurrentTimeMarkerArrow.mjs +3 -3
- package/components/DateHeaderCell.mjs +3 -3
- package/components/SchedulerForm.mjs +4 -4
- package/components/SchedulerOccurrenceDialog.mjs +3 -3
- package/components/SchedulerRemoveDialog.mjs +1 -1
- package/components/ShowMoreItemsButton.mjs +1 -1
- package/components/TimeHeaderCell.mjs +4 -4
- package/components/header/navigation/NavigationDatePicker.mjs +1 -1
- package/constants/main.js +1 -1
- package/constants/main.mjs +13 -13
- package/dist/cdn/js/kendo-vue-scheduler.js +1 -1
- package/editors/FilterableComboBox.js +1 -1
- package/editors/FilterableComboBox.mjs +13 -5
- package/editors/SchedulerFormEditor.js +1 -1
- package/editors/SchedulerFormEditor.mjs +9 -8
- package/editors/ZonedDateTime.mjs +1 -1
- package/hooks/useRowSync.js +1 -1
- package/hooks/useRowSync.mjs +4 -1
- package/items/SchedulerEditItem.js +1 -1
- package/items/SchedulerEditItem.mjs +6 -6
- package/items/SchedulerItem.mjs +3 -3
- package/items/SchedulerViewItem.mjs +4 -4
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +11 -11
- package/recurrence/RecurrenceEditor.mjs +22 -22
- package/services/occurrenceService.mjs +1 -1
- package/slots/SchedulerEditSlot.js +1 -1
- package/slots/SchedulerEditSlot.mjs +9 -9
- package/slots/SchedulerSlot.mjs +1 -1
- package/slots/SchedulerViewSlot.mjs +4 -4
- package/views/agenda/AgendaView.mjs +1 -1
- package/views/common/SchedulerDrag.js +1 -1
- package/views/common/SchedulerDrag.mjs +4 -4
- package/views/common/SchedulerResize.js +1 -1
- package/views/common/SchedulerResize.mjs +4 -4
- package/views/day/DayViewVerticalSlotsRow.mjs +3 -3
- package/views/day/MultiDayView.js +1 -1
- package/views/day/MultiDayView.mjs +7 -7
- package/views/month/MonthView.mjs +8 -8
- package/views/time/MultiDayTimelineView.js +1 -1
- package/views/time/MultiDayTimelineView.mjs +26 -34
- package/views/time/TimelineViewBody.mjs +3 -3
- package/views/week/WeekView.mjs +1 -1
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import {
|
|
8
|
+
import { clone as p, getter as n } from "@progress/kendo-vue-common";
|
|
9
9
|
import { parseRule as T, expand as m } from "@progress/kendo-recurrence";
|
|
10
10
|
import { ZonedDate as i } from "@progress/kendo-date-math";
|
|
11
11
|
import { isMaster as S, setField as d } from "../utils/main.mjs";
|
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),i=require("@progress/kendo-vue-common"),v=require("../constants/main.js"),s=require("../utils/main.js"),w=require("./SchedulerViewSlot.js"),T=require("../hooks/use-slots-selection.js"),x=require("../hooks/use-items-selection.js"),A=require("../hooks/
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),i=require("@progress/kendo-vue-common"),v=require("../constants/main.js"),s=require("../utils/main.js"),w=require("./SchedulerViewSlot.js"),T=require("../hooks/use-slots-selection.js"),x=require("../hooks/use-items-selection.js"),A=require("../hooks/use-items-focus.js"),r=require("../hooks/use-slots-focus.js"),N=require("../hooks/useEditable.js");function j(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!n.isVNode(e)}const _=n.defineComponent({name:"KendoSchedulerEditSlot",inheritAttrs:!1,props:{tabIndex:{type:Number,default:void 0},className:String,form:Object,formItem:Object,refTo:[Function,Object],items:Array,row:Number,group:Object,range:Object,isWorkDay:{type:Boolean,default:!0},isWorkHour:{type:Boolean,default:!0},selected:Boolean,col:Number,index:Number,start:Date,end:Date,zonedStart:Object,zonedEnd:Object,isAllDay:Boolean,expandable:[Boolean,Object],slotRender:[String,Function,Object],viewSlot:[String,Function,Object],navDay:Boolean,editable:[Object,Boolean],itemsPerSlot:Number,onDataaction:Function},created(){this.slot=null,this.editableSlot=null},provide(){return{ksEditFormSubmit:this.handleEditFormSubmit,ksEditFormCancel:this.handleEditFormCancel,ksEditFormClose:this.handleEditFormClose}},inject:{bv:{default:null},ks:{default:null},dispatchSelectedItems:{default:null},dispatchFocusedItems:{default:null},dispatchFocusedSlots:{default:null},dispatchSelectedSlots:{default:null},ksSlots:{default:{}}},data(){return{currentFormItem:null}},computed:{cSlot(){return this.ksSlots.cSlots?this.ksSlots.cSlots[this.index]:{}},currentTabIndex(){const e=this.bv.slots.length&&s.compareSlots(this.bv.slots[0].cSlot,this.cSlot);return this.$props.tabIndex!==void 0?this.$props.tabIndex===null?void 0:this.$props.tabIndex:this.bv.selectedSlots.length===0&&e&&this.cSlot.items.length===0?0:void 0},computedEditable(){return N.useEditable(this.$props.editable)},compFormItem(){return this.formItem!==void 0?this.formItem:this.currentFormItem}},render(){const e=i.getDefaultSlots(this),{viewSlot:t,form:o,formItem:l,items:a,row:F,group:I,range:y,isWorkDay:d,isWorkHour:c,col:g,index:u,start:D,end:k,zonedStart:h,zonedEnd:m,navDay:S,itemsPerSlot:p,className:C}=this.$props,b=this.bv.selectedSlots.some(E=>s.compareSlots(E.cSlot,this.cSlot));let f;const O=n.createVNode(w.SchedulerViewSlot,{className:C,slotRender:this.$props.slotRender,isAllDay:this.isAllDay,expandable:this.expandable,editable:this.editable,items:a,row:F,group:I,range:y,isWorkDay:d,isWorkHour:c,col:g,index:u,start:D,end:k,zonedStart:h,zonedEnd:m,selected:b,navDay:S,itemsPerSlot:p,tabIndex:this.currentTabIndex,formItem:this.compFormItem,onFocus:this.handleFocus,onDoubleclick:this.handleDoubleClick,onKeydown:this.handleKeyDown,onShowmoreitems:this.handleShowMoreItemsClick},j(e)?e:{default:()=>[e]});return f=i.getTemplate.call(this,{h:n.h,template:this.$props.slotRender,defaultRendering:O,defaultSlots:e,additionalProps:{...this.cSlot,isAllDay:this.cSlot.isAllDay,expandable:this.expandable,editable:this.editable,items:a,row:this.cSlot.row,group:this.cSlot.group,range:this.cSlot.range,isWorkDay:d,isWorkHour:c,col:this.cSlot.col,index:u,start:this.cSlot.start,end:this.cSlot.end,zonedStart:h,zonedEnd:m,selected:b,navDay:S,itemsPerSlot:p,tabIndex:this.currentTabIndex},additionalListeners:{focus:this.handleFocus,doubleclick:this.handleDoubleClick,keydown:this.handleKeyDown,showmoreitems:this.handleShowMoreItemsClick}}),f},methods:{handleShowMoreItemsClick(e){this.$emit("showmoreitems",e)},createDataItemFromSlot(){const e={};if(s.setField(e,this.ks.fields.start,new Date(this.cSlot.start.getTime())),s.setField(e,this.ks.fields.end,new Date(this.cSlot.end.getTime())),s.setField(e,this.ks.fields.isAllDay,this.cSlot.isAllDay),this.cSlot.group.resources.length)for(let t=0;t<this.cSlot.group.resources.length;t++){const o=this.cSlot.group.resources[t];if(s.isGroupped(this.cSlot.group.resources)){const l=s.getField(this.cSlot.group.resources[t],o.valueField);s.setField(e,o.field,o.multiple?[l]:l)}else s.setField(e,o.field,o.multiple?[]:void 0)}return e},handleFocus(e){this.computedEditable.select&&this.dispatchSelectedSlots({type:T.SLOTS_SELECT_ACTION.select,slot:this},e.event),this.$emit("focus",e)},handleDoubleClick(e){if(this.computedEditable.add){const t=this.createDataItemFromSlot();this.setFormItem(t,e)}this.$emit("doubleclick",e)},handleKeyDown(e){let t,o,l;switch(e.event.keyCode){case i.Keys.left:if(!this.bv.slots)return;e.event.preventDefault(),this.dispatchFocusedSlots({type:r.SLOTS_FOCUS_ACTION.left,slot:this},e.event);break;case i.Keys.right:if(!this.bv.slots)return;e.event.preventDefault(),this.dispatchFocusedSlots({type:r.SLOTS_FOCUS_ACTION.right,slot:this},e.event);break;case i.Keys.up:if(!this.bv.slots)return;e.event.preventDefault(),this.dispatchFocusedSlots({type:r.SLOTS_FOCUS_ACTION.up,slot:this},e.event);break;case i.Keys.down:if(!this.bv.slots)return;e.event.preventDefault(),this.dispatchFocusedSlots({type:r.SLOTS_FOCUS_ACTION.down,slot:this},e.event);break;case i.Keys.enter:if(!this.bv.slots||!this.computedEditable.add)return;l=this.createDataItemFromSlot(),this.setFormItem(l);break;case i.Keys.tab:o=s.findFirstItem(e.target),t=o?s.findCurrentItem(o,this.bv.items,!1):s.getSortedSlots(this.bv.items,this.ignoreIsAllDay)[0],this.dispatchFocusedItems({type:A.ITEMS_FOCUS_ACTION.current,item:t},e.event),this.dispatchSelectedItems({type:x.ITEMS_SELECT_ACTION.select,item:t},e);break}t&&e.event.preventDefault()},handleEditFormSubmit(e){this.$emit("dataaction",{type:v.DATA_ACTION.create,series:!1,dataItem:e.value},e),this.setFormItem(null,e.event)},handleEditFormCancel(e){this.setFormItem(null,e.event)},handleEditFormClose(e){this.setFormItem(null,e)},handleFormItemChange(e,t){this.setFormItem&&this.setFormItem(e,t)},setFormItem(e,t){this.currentFormItem=e,this.$emit("formitemchange",t)}}});exports.SchedulerEditSlot=_;
|
|
@@ -6,15 +6,15 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
import { defineComponent as C, createVNode as x, h as O, isVNode as T } from "vue";
|
|
9
|
-
import {
|
|
9
|
+
import { Keys as i, getDefaultSlots as A, getTemplate as j } from "@progress/kendo-vue-common";
|
|
10
10
|
import { DATA_ACTION as N } from "../constants/main.mjs";
|
|
11
|
-
import {
|
|
11
|
+
import { findFirstItem as $, findCurrentItem as _, getSortedSlots as z, setField as l, isGroupped as R, getField as W, compareSlots as b } from "../utils/main.mjs";
|
|
12
12
|
import { SchedulerViewSlot as B } from "./SchedulerViewSlot.mjs";
|
|
13
13
|
import { SLOTS_SELECT_ACTION as K } from "../hooks/use-slots-selection.mjs";
|
|
14
14
|
import { ITEMS_SELECT_ACTION as L } from "../hooks/use-items-selection.mjs";
|
|
15
|
-
import {
|
|
16
|
-
import { ITEMS_FOCUS_ACTION as P } from "../hooks/use-items-focus.mjs";
|
|
15
|
+
import { ITEMS_FOCUS_ACTION as M } from "../hooks/use-items-focus.mjs";
|
|
17
16
|
import { SLOTS_FOCUS_ACTION as r } from "../hooks/use-slots-focus.mjs";
|
|
17
|
+
import { useEditable as P } from "../hooks/useEditable.mjs";
|
|
18
18
|
function H(t) {
|
|
19
19
|
return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !T(t);
|
|
20
20
|
}
|
|
@@ -105,7 +105,7 @@ const et = /* @__PURE__ */ C({
|
|
|
105
105
|
return this.$props.tabIndex !== void 0 ? this.$props.tabIndex === null ? void 0 : this.$props.tabIndex : this.bv.selectedSlots.length === 0 && t && this.cSlot.items.length === 0 ? 0 : void 0;
|
|
106
106
|
},
|
|
107
107
|
computedEditable() {
|
|
108
|
-
return
|
|
108
|
+
return P(this.$props.editable);
|
|
109
109
|
},
|
|
110
110
|
compFormItem() {
|
|
111
111
|
return this.formItem !== void 0 ? this.formItem : this.currentFormItem;
|
|
@@ -207,8 +207,8 @@ const et = /* @__PURE__ */ C({
|
|
|
207
207
|
if (l(t, this.ks.fields.start, new Date(this.cSlot.start.getTime())), l(t, this.ks.fields.end, new Date(this.cSlot.end.getTime())), l(t, this.ks.fields.isAllDay, this.cSlot.isAllDay), this.cSlot.group.resources.length)
|
|
208
208
|
for (let e = 0; e < this.cSlot.group.resources.length; e++) {
|
|
209
209
|
const s = this.cSlot.group.resources[e];
|
|
210
|
-
if (
|
|
211
|
-
const o =
|
|
210
|
+
if (R(this.cSlot.group.resources)) {
|
|
211
|
+
const o = W(this.cSlot.group.resources[e], s.valueField);
|
|
212
212
|
l(t, s.field, s.multiple ? [o] : o);
|
|
213
213
|
} else
|
|
214
214
|
l(t, s.field, s.multiple ? [] : void 0);
|
|
@@ -269,8 +269,8 @@ const et = /* @__PURE__ */ C({
|
|
|
269
269
|
o = this.createDataItemFromSlot(), this.setFormItem(o);
|
|
270
270
|
break;
|
|
271
271
|
case i.tab:
|
|
272
|
-
s =
|
|
273
|
-
type:
|
|
272
|
+
s = $(t.target), e = s ? _(s, this.bv.items, !1) : z(this.bv.items, this.ignoreIsAllDay)[0], this.dispatchFocusedItems({
|
|
273
|
+
type: M.current,
|
|
274
274
|
item: e
|
|
275
275
|
}, t.event), this.dispatchSelectedItems({
|
|
276
276
|
type: L.select,
|
package/slots/SchedulerSlot.mjs
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*/
|
|
8
8
|
import { defineComponent as o, createVNode as s } from "vue";
|
|
9
9
|
import { getDefaultSlots as i } from "@progress/kendo-vue-common";
|
|
10
|
-
import {
|
|
10
|
+
import { COLLECTION_ACTION as l, formatEventTime as n } from "../utils/main.mjs";
|
|
11
11
|
import { provideIntlService as r } from "@progress/kendo-vue-intl";
|
|
12
12
|
import { ShowMoreItemsButton as a } from "../components/ShowMoreItemsButton.mjs";
|
|
13
13
|
import { SchedulerForm as h } from "../components/SchedulerForm.mjs";
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*/
|
|
8
8
|
import { defineComponent as y, createVNode as D, h as $, isVNode as x } from "vue";
|
|
9
9
|
import { SchedulerSlot as O } from "./SchedulerSlot.mjs";
|
|
10
|
-
import {
|
|
10
|
+
import { getDefaultSlots as j, getTemplate as g, canUseDOM as v } from "@progress/kendo-vue-common";
|
|
11
11
|
import { useSlotExpand as t } from "../hooks/useSlotExpand.mjs";
|
|
12
12
|
function z(e) {
|
|
13
13
|
return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !x(e);
|
|
@@ -90,10 +90,10 @@ const F = /* @__PURE__ */ y({
|
|
|
90
90
|
const e = this;
|
|
91
91
|
this.$nextTick(function() {
|
|
92
92
|
t(e, e.ks.scheduler.$el, e.$props.expandable);
|
|
93
|
-
}), !(!this.ks.scheduler || !this.ks.scheduler.$el) &&
|
|
93
|
+
}), !(!this.ks.scheduler || !this.ks.scheduler.$el) && v && window.ResizeObserver && (this.observer = new window.ResizeObserver(this.handleResize), this.observer.observe(this.ks.scheduler.$el));
|
|
94
94
|
},
|
|
95
95
|
render() {
|
|
96
|
-
const e =
|
|
96
|
+
const e = j(this), {
|
|
97
97
|
refTo: N,
|
|
98
98
|
items: s,
|
|
99
99
|
row: l,
|
|
@@ -142,7 +142,7 @@ const F = /* @__PURE__ */ y({
|
|
|
142
142
|
}, z(e) ? e : {
|
|
143
143
|
default: () => [e]
|
|
144
144
|
});
|
|
145
|
-
return o =
|
|
145
|
+
return o = g.call(this, {
|
|
146
146
|
h: $,
|
|
147
147
|
template: this.$props.slotRender,
|
|
148
148
|
defaultRendering: w,
|
|
@@ -9,7 +9,7 @@ import { defineComponent as y, createVNode as t } from "vue";
|
|
|
9
9
|
import { BaseView as A } from "../../components/BaseView.mjs";
|
|
10
10
|
import { VerticalResourceIterator as c } from "../common/VerticalResourceIterator.mjs";
|
|
11
11
|
import { DAYS_IN_WEEK_COUNT as a } from "../../constants/main.mjs";
|
|
12
|
-
import {
|
|
12
|
+
import { ZonedDate as i, getDate as D, firstDayInWeek as b, addDays as w, MS_PER_DAY as u } from "@progress/kendo-date-math";
|
|
13
13
|
import { provideIntlService as h, provideLocalizationService as E } from "@progress/kendo-vue-intl";
|
|
14
14
|
import { toRanges as $ } from "../../services/rangeService.mjs";
|
|
15
15
|
import { toOccurrences as v } from "../../services/occurrenceService.mjs";
|
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("../../items/SchedulerItem.js"),c=require("../../items/SchedulerViewItem.js"),i=require("../../utils/main.js"),u=require("../../services/
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("../../items/SchedulerItem.js"),c=require("../../items/SchedulerViewItem.js"),i=require("../../utils/main.js"),u=require("../../services/itemsService.js"),a=require("../../services/occurrenceService.js"),l=t.defineComponent({name:"KendoSchedulerDrag",inheritAttrs:!1,props:{ignoreIsAllDay:Boolean,dataItem:Object,vertical:Boolean,viewItem:[String,Function,Object],item:{type:Object,default:function(){return o.SchedulerItem}}},inject:{ks:{default:null},bv:{default:null}},computed:{occurrences(){return a.toOccurrences([this.$props.dataItem],{dateRange:this.ks.dateRange,fields:this.ks.fields,timezone:this.ks.timezone})},items(){return u.toItems(this.occurrences,{timezone:this.ks.timezone},{groups:this.ks.groups,ranges:this.bv.ranges})}},render(){const n=(this.bv.slots||[]).map(e=>e);i.mapItemsToSlots(this.items,n);const r=this.items;return r.length?r.map(function(e,s){return t.createVNode(c.SchedulerViewItem,{key:s,uid:e.uid,start:e.start,end:e.end,originalStart:e.originalStart,startTimezone:e.startTimezone,endTimezone:e.endTimezone,isAllDay:e.isAllDay,title:e.title,description:e.description,occurrenceId:e.occurrenceId,recurrenceExceptions:e.recurrenceExceptions,recurrenceRule:e.recurrenceRule,recurrenceId:e.recurrenceId,dataItem:e.dataItem,itemRef:e.itemRef,head:e.head,tail:e.tail,order:e.order,zonedStart:e.zonedStart,zonedEnd:e.zonedEnd,slots:e.slots,group:e.group,range:e.range,isException:e.isException,isRecurring:e.isRecurring,dragHint:!0,vertical:this.$props.vertical,ignoreIsAllDay:this.$props.ignoreIsAllDay},null)},this):null}});exports.SchedulerDrag=l;
|
|
@@ -9,8 +9,8 @@ import { defineComponent as o, createVNode as s } from "vue";
|
|
|
9
9
|
import { SchedulerItem as i } from "../../items/SchedulerItem.mjs";
|
|
10
10
|
import { SchedulerViewItem as c } from "../../items/SchedulerViewItem.mjs";
|
|
11
11
|
import { mapItemsToSlots as a } from "../../utils/main.mjs";
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
12
|
+
import { toItems as l } from "../../services/itemsService.mjs";
|
|
13
|
+
import { toOccurrences as d } from "../../services/occurrenceService.mjs";
|
|
14
14
|
const I = /* @__PURE__ */ o({
|
|
15
15
|
name: "KendoSchedulerDrag",
|
|
16
16
|
inheritAttrs: !1,
|
|
@@ -36,14 +36,14 @@ const I = /* @__PURE__ */ o({
|
|
|
36
36
|
},
|
|
37
37
|
computed: {
|
|
38
38
|
occurrences() {
|
|
39
|
-
return
|
|
39
|
+
return d([this.$props.dataItem], {
|
|
40
40
|
dateRange: this.ks.dateRange,
|
|
41
41
|
fields: this.ks.fields,
|
|
42
42
|
timezone: this.ks.timezone
|
|
43
43
|
});
|
|
44
44
|
},
|
|
45
45
|
items() {
|
|
46
|
-
return
|
|
46
|
+
return l(this.occurrences, {
|
|
47
47
|
timezone: this.ks.timezone
|
|
48
48
|
}, {
|
|
49
49
|
groups: this.ks.groups,
|
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("../../items/SchedulerItem.js"),i=require("../../items/SchedulerViewItem.js"),c=require("../../utils/main.js"),u=require("../../services/
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("../../items/SchedulerItem.js"),i=require("../../items/SchedulerViewItem.js"),c=require("../../utils/main.js"),u=require("../../services/itemsService.js"),a=require("../../services/occurrenceService.js"),l=t.defineComponent({name:"KendoSchedulerResize",inheritAttrs:!1,props:{ignoreIsAllDay:Boolean,dataItem:Object,format:String,vertical:Boolean,viewItem:[String,Function,Object],item:{type:Object,default:function(){return o.SchedulerItem}}},inject:{ks:{default:null},bv:{default:null}},computed:{occurrences(){return a.toOccurrences([this.$props.dataItem],{dateRange:this.ks.dateRange,fields:this.ks.fields,timezone:this.ks.timezone})},items(){return u.toItems(this.occurrences,{timezone:this.ks.timezone},{groups:this.ks.groups,ranges:this.bv.ranges})}},render(){const n=(this.bv.slots||[]).map(e=>e);c.mapItemsToSlots(this.items,n);const r=this.items;return r.length?r.map(function(e,s){return t.createVNode(i.SchedulerViewItem,{key:s,uid:e.uid,start:e.start,end:e.end,originalStart:e.originalStart,startTimezone:e.startTimezone,endTimezone:e.endTimezone,isAllDay:e.isAllDay,title:e.title,description:e.description,occurrenceId:e.occurrenceId,recurrenceExceptions:e.recurrenceExceptions,recurrenceRule:e.recurrenceRule,recurrenceId:e.recurrenceId,dataItem:e.dataItem,itemRef:e.itemRef,head:e.head,tail:e.tail,order:e.order,zonedStart:e.zonedStart,zonedEnd:e.zonedEnd,slots:e.slots,group:e.group,range:e.range,isException:e.isException,isRecurring:e.isRecurring,format:this.format,resizeHint:!0,vertical:this.$props.vertical,ignoreIsAllDay:this.$props.ignoreIsAllDay},null)},this):null}});exports.SchedulerResize=l;
|
|
@@ -9,8 +9,8 @@ import { defineComponent as o, createVNode as s } from "vue";
|
|
|
9
9
|
import { SchedulerItem as i } from "../../items/SchedulerItem.mjs";
|
|
10
10
|
import { SchedulerViewItem as c } from "../../items/SchedulerViewItem.mjs";
|
|
11
11
|
import { mapItemsToSlots as a } from "../../utils/main.mjs";
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
12
|
+
import { toItems as l } from "../../services/itemsService.mjs";
|
|
13
|
+
import { toOccurrences as d } from "../../services/occurrenceService.mjs";
|
|
14
14
|
const I = /* @__PURE__ */ o({
|
|
15
15
|
name: "KendoSchedulerResize",
|
|
16
16
|
inheritAttrs: !1,
|
|
@@ -37,14 +37,14 @@ const I = /* @__PURE__ */ o({
|
|
|
37
37
|
},
|
|
38
38
|
computed: {
|
|
39
39
|
occurrences() {
|
|
40
|
-
return
|
|
40
|
+
return d([this.$props.dataItem], {
|
|
41
41
|
dateRange: this.ks.dateRange,
|
|
42
42
|
fields: this.ks.fields,
|
|
43
43
|
timezone: this.ks.timezone
|
|
44
44
|
});
|
|
45
45
|
},
|
|
46
46
|
items() {
|
|
47
|
-
return
|
|
47
|
+
return l(this.occurrences, {
|
|
48
48
|
timezone: this.ks.timezone
|
|
49
49
|
}, {
|
|
50
50
|
groups: this.ks.groups,
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*/
|
|
8
8
|
import { defineComponent as D, createVNode as i } from "vue";
|
|
9
9
|
import { GRID_OFFSET as c } from "../../constants/main.mjs";
|
|
10
|
-
import {
|
|
10
|
+
import { intersects as x, isInTimeRange as y, last as b, first as R } from "../../utils/main.mjs";
|
|
11
11
|
import { SchedulerEditSlot as I } from "../../slots/SchedulerEditSlot.mjs";
|
|
12
12
|
import { DayViewRowContent as C } from "./DayViewRowContent.mjs";
|
|
13
13
|
import { CurrentTimeMarker as v } from "../../components/CurrentTimeMarker.mjs";
|
|
@@ -105,10 +105,10 @@ const F = /* @__PURE__ */ D({
|
|
|
105
105
|
row: n.length * (e || 0) + s + (e || 0) * c + c,
|
|
106
106
|
col: d.range.index,
|
|
107
107
|
editable: f,
|
|
108
|
-
isWorkHour:
|
|
108
|
+
isWorkHour: y(d.zonedStart, m, S),
|
|
109
109
|
isWorkDay: 0 <= d.zonedStart.getDay() + (l - u) && (d.zonedStart.getDay() + (l - u)) % l <= p + (l - u)
|
|
110
110
|
}, null);
|
|
111
|
-
}, !0), this.$props.currentTimeMarker &&
|
|
111
|
+
}, !0), this.$props.currentTimeMarker && x(R(this.timeRanges).start, b(this.timeRanges).end, /* @__PURE__ */ new Date(), /* @__PURE__ */ new Date(), !0) && [i(E, {
|
|
112
112
|
groupIndex: e
|
|
113
113
|
}, null), i(v, {
|
|
114
114
|
groupIndex: e
|
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),n=require("@progress/kendo-date-math"),N=require("../../components/BaseView.js"),I=require("../common/HorizontalResourceIterator.js"),R=require("./DayViewGroupRowContent.js"),k=require("../common/VerticalResourceIterator.js"),f=require("./DayViewAllDayRowContent.js"),M=require("./DayViewRowContent.js"),x=require("./DayViewMiddleRow.js"),q=require("./DayViewVerticalRow.js"),z=require("./DayViewHead.js"),H=require("./DayViewAllDaySlots.js"),i=require("../../utils/main.js"),g=require("@progress/kendo-vue-intl"),O=require("../../constants/main.js"),$=require("../common/SchedulerDrag.js"),W=require("../../slots/SchedulerEditSlot.js"),j=require("../../items/SchedulerEditItem.js"),F=require("../../components/CurrentTimeMarker.js"),_=require("../../components/CurrentTimeMarkerArrow.js"),v=require("../common/SchedulerResize.js"),E=require("../../services/rangeService.js"),V=require("../../services/slotsService.js"),P=require("../../services/occurrenceService.js"),T=require("../../services/itemsService.js"),b=0,B=r.defineComponent({name:"KendoMultiDayView",props:{name:{type:String,default:"multi-day"},title:{type:String,default:"Multi Day"},currentTimeMarker:{type:Boolean,default:!0},dateRange:{type:[Function,Object],default:function(){return C}},numberOfDays:{type:Number,default:1},startTime:{type:String,default:"00:00"},endTime:{type:String,default:"23:59"},workDayStart:{type:String,default:"08:00"},workDayEnd:{type:String,default:"17:00"},workWeekStart:{type:Number,default:n.Day.Monday},workWeekEnd:{type:Number,default:n.Day.Friday},step:{type:Number,default:1},slotDivisions:{type:Number,default:2},slotDuration:{type:Number,default:60},showWorkHours:{type:Boolean,default:!0},selectedDateFormat:{type:String,default:"{0:D} - {1:D}"},selectedShortDateFormat:{type:String,default:"{0:d} - {1:d}"},dragItem:{type:Object,default:function(){}},resizeItem:{type:Object,default:function(){}},format:{type:String,default:"t"},defaultShowWorkHours:{type:Boolean,default:!0},dateHeaderCell:[String,Function,Object],timeHeaderCell:[String,Function,Object],slotRender:[String,Function,Object],viewSlot:[String,Function,Object],resizeHint:[String,Function,Object],item:[String,Function,Object],viewItem:[String,Function,Object],editable:{type:[Boolean,Object],default:!1},onDataaction:Function},inject:{kendoIntlService:{default:null},ks:{default:null}},computed:{viewStart(){this.intl=g.provideIntlService(this);const t=this.intl.parseDate(this.$props.workDayStart),s=this.intl.parseDate(this.$props.startTime);return(this.ks.showWorkHours!==void 0?this.ks.showWorkHours:this.showWorkHours)?t:s},viewEnd(){this.intl=g.provideIntlService(this);const t=this.intl.parseDate(this.$props.workDayEnd),s=this.intl.parseDate(this.$props.endTime);return(this.ks.showWorkHours!==void 0?this.ks.showWorkHours:this.showWorkHours)?t:s},dayRanges(){return E.toRanges(this.ks.dateRange,{step:n.MS_PER_DAY*this.numberOfDays,timezone:this.ks.timezone}).map(t=>({...t,isAllDay:!0}))},timeRanges(){return E.toRanges(this.ks.dateRange,{step:n.MS_PER_DAY,timezone:this.ks.timezone}).map(t=>({...t,isAllDay:!1}))},daySlots(){return V.toSlots(this.ks.dateRange,{step:n.MS_PER_DAY},{groups:this.ks.groups,ranges:this.dayRanges})},timeSlots(){const t=this;return V.toSlots(this.ks.dateRange,{step:this.slotDuration*O.MS_PER_MINUTE/this.slotDivisions},{groups:this.ks.groups,ranges:this.timeRanges}).filter(s=>t.viewEnd.getTime()===t.viewStart.getTime()||i.isInTimeRange(s.zonedStart,t.viewStart,t.viewEnd))},occurrences(){return P.toOccurrences(this.ks.dataItems,{dateRange:this.ks.dateRange,fields:this.ks.fields,timezone:this.ks.timezone})},dayOccurrences(){return this.occurrences.filter(t=>t.isAllDay)},timeOccurrences(){return this.occurrences.filter(t=>!t.isAllDay)},dayItems(){const t=T.toItems(this.dayOccurrences,{timezone:this.ks.timezone},{groups:this.ks.groups,ranges:this.dayRanges});return i.mapItemsToSlots(t,this.daySlots,!1),i.mapSlotsToItems(t,this.daySlots,!1),t},timeItems(){const t=T.toItems(this.timeOccurrences,{timezone:this.ks.timezone},{groups:this.ks.groups,ranges:this.timeRanges}).filter(s=>this.viewStart.getTime()===this.viewEnd.getTime()||i.isInTimeRange(s.zonedStart,this.viewStart,this.viewEnd)||i.isInTimeRange(s.zonedEnd,this.viewStart,this.viewEnd)||i.isInTimeRange(new Date(s.zonedEnd.getTime()-(s.zonedEnd.getTime()-s.zonedStart.getTime())/2),this.viewStart,this.viewEnd));return i.mapItemsToSlots(t,this.timeSlots,!1),i.mapSlotsToItems(t,this.timeSlots,!1),t},compDragItem(){return this.dragItem!==void 0?this.dragItem:this.currentDragItem},compResizeItem(){return this.resizeItem!==void 0?this.resizeItem:this.currentResizeItem}},data(){return{hasMounted:!1,currentDragItem:void 0,currentResizeItem:void 0}},mounted(){this.hasMounted=!0},created(){this.intl=g.provideIntlService(this)},beforeUpdate(){this.intl=g.provideIntlService(this)},render(){this.intl=g.provideIntlService(this);const t=this.$props.editItem||j.SchedulerEditItem;this.$props.editSlot||W.SchedulerEditSlot,this.$props.showWorkHours;const s=this.$props.numberOfDays,a=this.$props.slotDivisions;this.$props.slotDuration;const l=this.$props.workWeekStart,d=this.$props.workWeekEnd,m=this.intl.parseDate(this.$props.workDayStart),c=this.intl.parseDate(this.$props.workDayEnd),u=this.dayItems,D=this.timeItems,h=this.daySlots,p=this.timeSlots,A=this.ks.view.name==="workweek"||this.ks.view.name==="week",y=function(e){return this.compDragItem&&this.$props.editable.drag&&(Array.isArray(this.compDragItem)?this.compDragItem.map(function(o,S){return r.createVNode($.SchedulerDrag,{key:S,dataItem:o,vertical:e,item:this.$props.dataItem},null)},this):r.createVNode($.SchedulerDrag,{dataItem:this.compDragItem,vertical:e,item:this.$props.dataItem},null))},w=function(e){return this.compResizeItem&&this.editable.resize&&(Array.isArray(this.compResizeItem)?this.compResizeItem.map(function(o,S){return r.createVNode(v.SchedulerResize,{key:S,format:this.$props.format,dataItem:o,viewItem:this.$props.viewItem,item:this.$props.item,vertical:e},null)},this):r.createVNode(v.SchedulerResize,{format:this.$props.format,dataItem:this.compResizeItem,viewItem:this.$props.viewItem,item:this.$props.item,vertical:e},null))};return r.createVNode(N.BaseView,{id:this.$props.id,viewProps:{...this.$props},class:A?"k-scheduler-weekview":"k-scheduler-dayview",ranges:[...this.dayRanges,...this.timeRanges],baseSlots:[...h,...p]},{default:()=>[r.createVNode("div",{class:"k-scheduler-head"},[this.ks.orientation==="horizontal"?[r.createVNode(I.HorizontalResourceIterator,{nested:!0,group:this.ks.props.group,resources:this.ks.props.resources,rowContent:R.DayViewGroupRowContent,childRowContent:R.DayViewGroupRowContent},{default:()=>[r.createVNode(z.DayViewHead,{timeRanges:this.timeRanges,dateHeaderCell:this.$props.dateHeaderCell},null)]}),r.createVNode(I.HorizontalResourceIterator,{group:this.ks.props.group,resources:this.ks.props.resources,rowContent:f.DayViewAllDayRowContent,childRowContent:f.DayViewAllDayRowContent},{default:()=>[r.createVNode(H.DayViewAllDaySlots,{editable:this.$props.editable,dayRanges:this.dayRanges,daySlots:h,slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,numberOfDays:s,workWeekStart:l,workWeekEnd:d,onDataaction:this.handleDataAction},null)]}),this.hasMounted&&u.map(function(e){return r.createVNode(t,{key:e.isRecurring?`${e.uid}:${e.group.index}:${e.range.index}:${e.originalStart}`:`${e.uid}:${e.group.index}:${e.range.index}`,uid:e.uid,start:e.start,end:e.end,originalStart:e.originalStart,startTimezone:e.startTimezone,endTimezone:e.endTimezone,isAllDay:e.isAllDay,title:e.title,description:e.description,occurrenceId:e.occurrenceId,recurrenceExceptions:e.recurrenceExceptions,recurrenceRule:e.recurrenceRule,recurrenceId:e.recurrenceId,dataItem:e.dataItem,itemRef:e.itemRef,head:e.head,tail:e.tail,order:e.order,zonedStart:e.zonedStart,zonedEnd:e.zonedEnd,slots:e.slots,group:e.group,range:e.range,isException:e.isException,isRecurring:e.isRecurring,form:this.$props.form,onDataaction:this.handleDataAction,onDragitemchange:this.handleDragItemChange,onResizeitemchange:this.handleResizeItemChange,item:this.$props.item,viewItem:this.$props.viewItem,editable:this.$props.editable,vertical:!1},null)},this),this.compDragItem&&this.compDragItem.isAllDay&&y.call(this,!1),this.compResizeItem&&this.compResizeItem.isAllDay&&w.call(this,!1)]:r.createVNode(k.VerticalResourceIterator,{group:this.ks.props.group,resources:this.ks.props.resources,emptyCell:!0,editable:this.$props.editable},{default:()=>[r.createVNode(z.DayViewHead,{timeRanges:this.timeRanges,dateHeaderCell:this.$props.dateHeaderCell},null)]})]),r.createVNode("div",{class:"k-scheduler-body"},[this.ks.orientation==="horizontal"?[p.filter(e=>e.group.index===b&&e.range.index===b).map(function(e,o){return r.createVNode(I.HorizontalResourceIterator,{key:e.index,nested:!1,group:this.ks.props.group,resources:this.ks.props.resources,rowContent:M.DayViewRowContent,rowContentProps:{timeHeaderCell:this.$props.timeHeaderCell,isMaster:o%a===0,isLast:(o+1)%a===0,contentSlot:e}},{default:()=>[r.createVNode(x.DayViewMiddleRow,{slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,timeRanges:this.timeRanges,timeSlots:p,slotDivisions:a,rootIndex:o,root:e,numberOfDays:s,workDayStart:m,workDayEnd:c,workWeekStart:l,workWeekEnd:d,onDataaction:this.handleDataAction,editable:this.$props.editable},null)]})},this),this.$props.currentTimeMarker&&i.intersects(i.first(this.timeRanges).start,i.last(this.timeRanges).end,new Date,new Date,!0)&&[r.createVNode(_.CurrentTimeMarkerArrow,null,null),r.createVNode(F.CurrentTimeMarker,null,null)]]:[r.createVNode(k.VerticalResourceIterator,{nested:!0,group:this.ks.props.group,resources:this.ks.props.resources,onDataaction:this.handleDataAction,more:{timeRanges:this.timeRanges,timeSlots:p,workDayStart:m,workDayEnd:c,numberOfDays:s,workWeekStart:l,workWeekEnd:d,slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,editable:this.$props.editable,currentTimeMarker:this.$props.currentTimeMarker}},{default:()=>[r.createVNode(q.DayViewVerticalRow,{onDataaction:this.handleDataAction,daySlots:h,timeSlots:p,dayRanges:this.dayRanges,editable:this.$props.editable},null)]}),this.hasMounted&&u.map(function(e){return r.createVNode(t,{key:e.isRecurring?`${e.uid}:${e.group.index} : ${e.range.index} : ${e.originalStart}`:`${e.uid}:${e.group.index} : ${e.range.index}`,uid:e.uid,start:e.start,end:e.end,originalStart:e.originalStart,startTimezone:e.startTimezone,endTimezone:e.endTimezone,isAllDay:e.isAllDay,title:e.title,description:e.description,occurrenceId:e.occurrenceId,recurrenceExceptions:e.recurrenceExceptions,recurrenceRule:e.recurrenceRule,recurrenceId:e.recurrenceId,dataItem:e.dataItem,itemRef:e.itemRef,head:e.head,tail:e.tail,order:e.order,zonedStart:e.zonedStart,zonedEnd:e.zonedEnd,slots:e.slots,group:e.group,range:e.range,isException:e.isException,isRecurring:e.isRecurring,onDataaction:this.handleDataAction,onDragitemchange:this.handleDragItemChange,onResizeitemchange:this.handleResizeItemChange,viewItem:this.$props.viewItem,item:this.$props.item,form:this.$props.form,editable:this.$props.editable,vertical:!1},null)},this),this.compDragItem&&this.compDragItem.isAllDay&&y.call(this,!0),this.compResizeItem&&this.compResizeItem.isAllDay&&w.call(this,!0)],this.hasMounted&&D.map(function(e){return r.createVNode(t,{key:e.isRecurring?`${e.uid}:${e.group.index}:${e.range.index}:${e.originalStart}`:`${e.uid}:${e.group.index}:${e.range.index}`,uid:e.uid,start:e.start,end:e.end,originalStart:e.originalStart,startTimezone:e.startTimezone,endTimezone:e.endTimezone,isAllDay:e.isAllDay,title:e.title,description:e.description,occurrenceId:e.occurrenceId,recurrenceExceptions:e.recurrenceExceptions,recurrenceRule:e.recurrenceRule,recurrenceId:e.recurrenceId,dataItem:e.dataItem,itemRef:e.itemRef,head:e.head,tail:e.tail,order:e.order,zonedStart:e.zonedStart,zonedEnd:e.zonedEnd,slots:e.slots,group:e.group,range:e.range,isException:e.isException,isRecurring:e.isRecurring,format:"t",onDataaction:this.handleDataAction,onDragitemchange:this.handleDragItemChange,onResizeitemchange:this.handleResizeItemChange,viewItem:this.$props.viewItem,item:this.$props.item,form:this.$props.form,editable:this.$props.editable,vertical:!0},null)},this),this.compDragItem&&!this.compDragItem.isAllDay&&y.call(this,!0),this.compResizeItem&&!this.compResizeItem.isAllDay&&w.call(this,!0)])]})},methods:{handleDataAction(t){this.$emit("dataaction",t)},handleDragItemChange(t){this.currentDragItem=t},handleResizeItemChange(t){this.currentResizeItem=t}}}),C=({date:t,numberOfDays:s=1,timezone:a})=>{const l=n.ZonedDate.fromLocalDate(t,a),d=n.getDate(l),m=n.addDays(d,s),c=n.ZonedDate.fromUTCDate(i.toUTCDateTime(d),a),u=n.ZonedDate.fromUTCDate(i.toUTCDateTime(m),a),D=new Date(c.getTime()),h=new Date(u.getTime());return{start:D,end:h,zonedStart:c,zonedEnd:u}};exports.MultiDayView=B;exports.multiDayViewDateRange=C;
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),n=require("@progress/kendo-date-math"),N=require("../../components/BaseView.js"),I=require("../common/HorizontalResourceIterator.js"),R=require("./DayViewGroupRowContent.js"),k=require("../common/VerticalResourceIterator.js"),f=require("./DayViewAllDayRowContent.js"),M=require("./DayViewRowContent.js"),x=require("./DayViewMiddleRow.js"),q=require("./DayViewVerticalRow.js"),z=require("./DayViewHead.js"),H=require("./DayViewAllDaySlots.js"),i=require("../../utils/main.js"),g=require("@progress/kendo-vue-intl"),O=require("../../constants/main.js"),$=require("../common/SchedulerDrag.js"),W=require("../../slots/SchedulerEditSlot.js"),j=require("../../items/SchedulerEditItem.js"),F=require("../../components/CurrentTimeMarker.js"),_=require("../../components/CurrentTimeMarkerArrow.js"),v=require("../common/SchedulerResize.js"),E=require("../../services/rangeService.js"),V=require("../../services/itemsService.js"),P=require("../../services/occurrenceService.js"),T=require("../../services/slotsService.js"),b=0,B=r.defineComponent({name:"KendoMultiDayView",props:{name:{type:String,default:"multi-day"},title:{type:String,default:"Multi Day"},currentTimeMarker:{type:Boolean,default:!0},dateRange:{type:[Function,Object],default:function(){return C}},numberOfDays:{type:Number,default:1},startTime:{type:String,default:"00:00"},endTime:{type:String,default:"23:59"},workDayStart:{type:String,default:"08:00"},workDayEnd:{type:String,default:"17:00"},workWeekStart:{type:Number,default:n.Day.Monday},workWeekEnd:{type:Number,default:n.Day.Friday},step:{type:Number,default:1},slotDivisions:{type:Number,default:2},slotDuration:{type:Number,default:60},showWorkHours:{type:Boolean,default:!0},selectedDateFormat:{type:String,default:"{0:D} - {1:D}"},selectedShortDateFormat:{type:String,default:"{0:d} - {1:d}"},dragItem:{type:Object,default:function(){}},resizeItem:{type:Object,default:function(){}},format:{type:String,default:"t"},defaultShowWorkHours:{type:Boolean,default:!0},dateHeaderCell:[String,Function,Object],timeHeaderCell:[String,Function,Object],slotRender:[String,Function,Object],viewSlot:[String,Function,Object],resizeHint:[String,Function,Object],item:[String,Function,Object],viewItem:[String,Function,Object],editable:{type:[Boolean,Object],default:!1},onDataaction:Function},inject:{kendoIntlService:{default:null},ks:{default:null}},computed:{viewStart(){this.intl=g.provideIntlService(this);const t=this.intl.parseDate(this.$props.workDayStart),s=this.intl.parseDate(this.$props.startTime);return(this.ks.showWorkHours!==void 0?this.ks.showWorkHours:this.showWorkHours)?t:s},viewEnd(){this.intl=g.provideIntlService(this);const t=this.intl.parseDate(this.$props.workDayEnd),s=this.intl.parseDate(this.$props.endTime);return(this.ks.showWorkHours!==void 0?this.ks.showWorkHours:this.showWorkHours)?t:s},dayRanges(){return E.toRanges(this.ks.dateRange,{step:n.MS_PER_DAY*this.numberOfDays,timezone:this.ks.timezone}).map(t=>({...t,isAllDay:!0}))},timeRanges(){return E.toRanges(this.ks.dateRange,{step:n.MS_PER_DAY,timezone:this.ks.timezone}).map(t=>({...t,isAllDay:!1}))},daySlots(){return T.toSlots(this.ks.dateRange,{step:n.MS_PER_DAY},{groups:this.ks.groups,ranges:this.dayRanges})},timeSlots(){const t=this;return T.toSlots(this.ks.dateRange,{step:this.slotDuration*O.MS_PER_MINUTE/this.slotDivisions},{groups:this.ks.groups,ranges:this.timeRanges}).filter(s=>t.viewEnd.getTime()===t.viewStart.getTime()||i.isInTimeRange(s.zonedStart,t.viewStart,t.viewEnd))},occurrences(){return P.toOccurrences(this.ks.dataItems,{dateRange:this.ks.dateRange,fields:this.ks.fields,timezone:this.ks.timezone})},dayOccurrences(){return this.occurrences.filter(t=>t.isAllDay)},timeOccurrences(){return this.occurrences.filter(t=>!t.isAllDay)},dayItems(){const t=V.toItems(this.dayOccurrences,{timezone:this.ks.timezone},{groups:this.ks.groups,ranges:this.dayRanges});return i.mapItemsToSlots(t,this.daySlots,!1),i.mapSlotsToItems(t,this.daySlots,!1),t},timeItems(){const t=V.toItems(this.timeOccurrences,{timezone:this.ks.timezone},{groups:this.ks.groups,ranges:this.timeRanges}).filter(s=>this.viewStart.getTime()===this.viewEnd.getTime()||i.isInTimeRange(s.zonedStart,this.viewStart,this.viewEnd)||i.isInTimeRange(s.zonedEnd,this.viewStart,this.viewEnd)||i.isInTimeRange(new Date(s.zonedEnd.getTime()-(s.zonedEnd.getTime()-s.zonedStart.getTime())/2),this.viewStart,this.viewEnd));return i.mapItemsToSlots(t,this.timeSlots,!1),i.mapSlotsToItems(t,this.timeSlots,!1),t},compDragItem(){return this.dragItem!==void 0?this.dragItem:this.currentDragItem},compResizeItem(){return this.resizeItem!==void 0?this.resizeItem:this.currentResizeItem}},data(){return{hasMounted:!1,currentDragItem:void 0,currentResizeItem:void 0}},mounted(){this.hasMounted=!0},created(){this.intl=g.provideIntlService(this)},beforeUpdate(){this.intl=g.provideIntlService(this)},render(){this.intl=g.provideIntlService(this);const t=this.$props.editItem||j.SchedulerEditItem;this.$props.editSlot||W.SchedulerEditSlot,this.$props.showWorkHours;const s=this.$props.numberOfDays,a=this.$props.slotDivisions;this.$props.slotDuration;const l=this.$props.workWeekStart,d=this.$props.workWeekEnd,m=this.intl.parseDate(this.$props.workDayStart),c=this.intl.parseDate(this.$props.workDayEnd),u=this.dayItems,D=this.timeItems,h=this.daySlots,p=this.timeSlots,A=this.ks.view.name==="workweek"||this.ks.view.name==="week",y=function(e){return this.compDragItem&&this.$props.editable.drag&&(Array.isArray(this.compDragItem)?this.compDragItem.map(function(o,S){return r.createVNode($.SchedulerDrag,{key:S,dataItem:o,vertical:e,item:this.$props.dataItem},null)},this):r.createVNode($.SchedulerDrag,{dataItem:this.compDragItem,vertical:e,item:this.$props.dataItem},null))},w=function(e){return this.compResizeItem&&this.editable.resize&&(Array.isArray(this.compResizeItem)?this.compResizeItem.map(function(o,S){return r.createVNode(v.SchedulerResize,{key:S,format:this.$props.format,dataItem:o,viewItem:this.$props.viewItem,item:this.$props.item,vertical:e},null)},this):r.createVNode(v.SchedulerResize,{format:this.$props.format,dataItem:this.compResizeItem,viewItem:this.$props.viewItem,item:this.$props.item,vertical:e},null))};return r.createVNode(N.BaseView,{id:this.$props.id,viewProps:{...this.$props},class:A?"k-scheduler-weekview":"k-scheduler-dayview",ranges:[...this.dayRanges,...this.timeRanges],baseSlots:[...h,...p]},{default:()=>[r.createVNode("div",{class:"k-scheduler-head"},[this.ks.orientation==="horizontal"?[r.createVNode(I.HorizontalResourceIterator,{nested:!0,group:this.ks.props.group,resources:this.ks.props.resources,rowContent:R.DayViewGroupRowContent,childRowContent:R.DayViewGroupRowContent},{default:()=>[r.createVNode(z.DayViewHead,{timeRanges:this.timeRanges,dateHeaderCell:this.$props.dateHeaderCell},null)]}),r.createVNode(I.HorizontalResourceIterator,{group:this.ks.props.group,resources:this.ks.props.resources,rowContent:f.DayViewAllDayRowContent,childRowContent:f.DayViewAllDayRowContent},{default:()=>[r.createVNode(H.DayViewAllDaySlots,{editable:this.$props.editable,dayRanges:this.dayRanges,daySlots:h,slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,numberOfDays:s,workWeekStart:l,workWeekEnd:d,onDataaction:this.handleDataAction},null)]}),this.hasMounted&&u.map(function(e){return r.createVNode(t,{key:e.isRecurring?`${e.uid}:${e.group.index}:${e.range.index}:${e.originalStart}`:`${e.uid}:${e.group.index}:${e.range.index}`,uid:e.uid,start:e.start,end:e.end,originalStart:e.originalStart,startTimezone:e.startTimezone,endTimezone:e.endTimezone,isAllDay:e.isAllDay,title:e.title,description:e.description,occurrenceId:e.occurrenceId,recurrenceExceptions:e.recurrenceExceptions,recurrenceRule:e.recurrenceRule,recurrenceId:e.recurrenceId,dataItem:e.dataItem,itemRef:e.itemRef,head:e.head,tail:e.tail,order:e.order,zonedStart:e.zonedStart,zonedEnd:e.zonedEnd,slots:e.slots,group:e.group,range:e.range,isException:e.isException,isRecurring:e.isRecurring,form:this.$props.form,onDataaction:this.handleDataAction,onDragitemchange:this.handleDragItemChange,onResizeitemchange:this.handleResizeItemChange,item:this.$props.item,viewItem:this.$props.viewItem,editable:this.$props.editable,vertical:!1},null)},this),this.compDragItem&&this.compDragItem.isAllDay&&y.call(this,!1),this.compResizeItem&&this.compResizeItem.isAllDay&&w.call(this,!1)]:r.createVNode(k.VerticalResourceIterator,{group:this.ks.props.group,resources:this.ks.props.resources,emptyCell:!0,editable:this.$props.editable},{default:()=>[r.createVNode(z.DayViewHead,{timeRanges:this.timeRanges,dateHeaderCell:this.$props.dateHeaderCell},null)]})]),r.createVNode("div",{class:"k-scheduler-body"},[this.ks.orientation==="horizontal"?[p.filter(e=>e.group.index===b&&e.range.index===b).map(function(e,o){return r.createVNode(I.HorizontalResourceIterator,{key:e.index,nested:!1,group:this.ks.props.group,resources:this.ks.props.resources,rowContent:M.DayViewRowContent,rowContentProps:{timeHeaderCell:this.$props.timeHeaderCell,isMaster:o%a===0,isLast:(o+1)%a===0,contentSlot:e}},{default:()=>[r.createVNode(x.DayViewMiddleRow,{slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,timeRanges:this.timeRanges,timeSlots:p,slotDivisions:a,rootIndex:o,root:e,numberOfDays:s,workDayStart:m,workDayEnd:c,workWeekStart:l,workWeekEnd:d,onDataaction:this.handleDataAction,editable:this.$props.editable},null)]})},this),this.$props.currentTimeMarker&&i.intersects(i.first(this.timeRanges).start,i.last(this.timeRanges).end,new Date,new Date,!0)&&[r.createVNode(_.CurrentTimeMarkerArrow,null,null),r.createVNode(F.CurrentTimeMarker,null,null)]]:[r.createVNode(k.VerticalResourceIterator,{nested:!0,group:this.ks.props.group,resources:this.ks.props.resources,onDataaction:this.handleDataAction,more:{timeRanges:this.timeRanges,timeSlots:p,workDayStart:m,workDayEnd:c,numberOfDays:s,workWeekStart:l,workWeekEnd:d,slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,editable:this.$props.editable,currentTimeMarker:this.$props.currentTimeMarker}},{default:()=>[r.createVNode(q.DayViewVerticalRow,{onDataaction:this.handleDataAction,daySlots:h,timeSlots:p,dayRanges:this.dayRanges,editable:this.$props.editable},null)]}),this.hasMounted&&u.map(function(e){return r.createVNode(t,{key:e.isRecurring?`${e.uid}:${e.group.index} : ${e.range.index} : ${e.originalStart}`:`${e.uid}:${e.group.index} : ${e.range.index}`,uid:e.uid,start:e.start,end:e.end,originalStart:e.originalStart,startTimezone:e.startTimezone,endTimezone:e.endTimezone,isAllDay:e.isAllDay,title:e.title,description:e.description,occurrenceId:e.occurrenceId,recurrenceExceptions:e.recurrenceExceptions,recurrenceRule:e.recurrenceRule,recurrenceId:e.recurrenceId,dataItem:e.dataItem,itemRef:e.itemRef,head:e.head,tail:e.tail,order:e.order,zonedStart:e.zonedStart,zonedEnd:e.zonedEnd,slots:e.slots,group:e.group,range:e.range,isException:e.isException,isRecurring:e.isRecurring,onDataaction:this.handleDataAction,onDragitemchange:this.handleDragItemChange,onResizeitemchange:this.handleResizeItemChange,viewItem:this.$props.viewItem,item:this.$props.item,form:this.$props.form,editable:this.$props.editable,vertical:!1},null)},this),this.compDragItem&&this.compDragItem.isAllDay&&y.call(this,!0),this.compResizeItem&&this.compResizeItem.isAllDay&&w.call(this,!0)],this.hasMounted&&D.map(function(e){return r.createVNode(t,{key:e.isRecurring?`${e.uid}:${e.group.index}:${e.range.index}:${e.originalStart}`:`${e.uid}:${e.group.index}:${e.range.index}`,uid:e.uid,start:e.start,end:e.end,originalStart:e.originalStart,startTimezone:e.startTimezone,endTimezone:e.endTimezone,isAllDay:e.isAllDay,title:e.title,description:e.description,occurrenceId:e.occurrenceId,recurrenceExceptions:e.recurrenceExceptions,recurrenceRule:e.recurrenceRule,recurrenceId:e.recurrenceId,dataItem:e.dataItem,itemRef:e.itemRef,head:e.head,tail:e.tail,order:e.order,zonedStart:e.zonedStart,zonedEnd:e.zonedEnd,slots:e.slots,group:e.group,range:e.range,isException:e.isException,isRecurring:e.isRecurring,format:"t",onDataaction:this.handleDataAction,onDragitemchange:this.handleDragItemChange,onResizeitemchange:this.handleResizeItemChange,viewItem:this.$props.viewItem,item:this.$props.item,form:this.$props.form,editable:this.$props.editable,vertical:!0},null)},this),this.compDragItem&&!this.compDragItem.isAllDay&&y.call(this,!0),this.compResizeItem&&!this.compResizeItem.isAllDay&&w.call(this,!0)])]})},methods:{handleDataAction(t){this.$emit("dataaction",t)},handleDragItemChange(t){this.currentDragItem=t},handleResizeItemChange(t){this.currentResizeItem=t}}}),C=({date:t,numberOfDays:s=1,timezone:a})=>{const l=n.ZonedDate.fromLocalDate(t,a),d=n.getDate(l),m=n.addDays(d,s),c=n.ZonedDate.fromUTCDate(i.toUTCDateTime(d),a),u=n.ZonedDate.fromUTCDate(i.toUTCDateTime(m),a),D=new Date(c.getTime()),h=new Date(u.getTime());return{start:D,end:h,zonedStart:c,zonedEnd:u}};exports.MultiDayView=B;exports.multiDayViewDateRange=C;
|
|
@@ -17,7 +17,7 @@ import { DayViewMiddleRow as U } from "./DayViewMiddleRow.mjs";
|
|
|
17
17
|
import { DayViewVerticalRow as _ } from "./DayViewVerticalRow.mjs";
|
|
18
18
|
import { DayViewHead as v } from "./DayViewHead.mjs";
|
|
19
19
|
import { DayViewAllDaySlots as P } from "./DayViewAllDaySlots.mjs";
|
|
20
|
-
import {
|
|
20
|
+
import { intersects as L, last as G, first as K, isInTimeRange as m, mapItemsToSlots as E, mapSlotsToItems as b, toUTCDateTime as T } from "../../utils/main.mjs";
|
|
21
21
|
import { provideIntlService as c } from "@progress/kendo-vue-intl";
|
|
22
22
|
import { MS_PER_MINUTE as X } from "../../constants/main.mjs";
|
|
23
23
|
import { SchedulerDrag as C } from "../common/SchedulerDrag.mjs";
|
|
@@ -27,9 +27,9 @@ import { CurrentTimeMarker as q } from "../../components/CurrentTimeMarker.mjs";
|
|
|
27
27
|
import { CurrentTimeMarkerArrow as J } from "../../components/CurrentTimeMarkerArrow.mjs";
|
|
28
28
|
import { SchedulerResize as A } from "../common/SchedulerResize.mjs";
|
|
29
29
|
import { toRanges as x } from "../../services/rangeService.mjs";
|
|
30
|
-
import {
|
|
30
|
+
import { toItems as O } from "../../services/itemsService.mjs";
|
|
31
31
|
import { toOccurrences as Q } from "../../services/occurrenceService.mjs";
|
|
32
|
-
import {
|
|
32
|
+
import { toSlots as W } from "../../services/slotsService.mjs";
|
|
33
33
|
const H = 0, ve = /* @__PURE__ */ V({
|
|
34
34
|
name: "KendoMultiDayView",
|
|
35
35
|
props: {
|
|
@@ -172,7 +172,7 @@ const H = 0, ve = /* @__PURE__ */ V({
|
|
|
172
172
|
}));
|
|
173
173
|
},
|
|
174
174
|
daySlots() {
|
|
175
|
-
return
|
|
175
|
+
return W(this.ks.dateRange, {
|
|
176
176
|
step: w
|
|
177
177
|
}, {
|
|
178
178
|
groups: this.ks.groups,
|
|
@@ -181,7 +181,7 @@ const H = 0, ve = /* @__PURE__ */ V({
|
|
|
181
181
|
},
|
|
182
182
|
timeSlots() {
|
|
183
183
|
const t = this;
|
|
184
|
-
return
|
|
184
|
+
return W(this.ks.dateRange, {
|
|
185
185
|
step: this.slotDuration * X / this.slotDivisions
|
|
186
186
|
}, {
|
|
187
187
|
groups: this.ks.groups,
|
|
@@ -202,7 +202,7 @@ const H = 0, ve = /* @__PURE__ */ V({
|
|
|
202
202
|
return this.occurrences.filter((t) => !t.isAllDay);
|
|
203
203
|
},
|
|
204
204
|
dayItems() {
|
|
205
|
-
const t =
|
|
205
|
+
const t = O(this.dayOccurrences, {
|
|
206
206
|
timezone: this.ks.timezone
|
|
207
207
|
}, {
|
|
208
208
|
groups: this.ks.groups,
|
|
@@ -211,7 +211,7 @@ const H = 0, ve = /* @__PURE__ */ V({
|
|
|
211
211
|
return E(t, this.daySlots, !1), b(t, this.daySlots, !1), t;
|
|
212
212
|
},
|
|
213
213
|
timeItems() {
|
|
214
|
-
const t =
|
|
214
|
+
const t = O(this.timeOccurrences, {
|
|
215
215
|
timezone: this.ks.timezone
|
|
216
216
|
}, {
|
|
217
217
|
groups: this.ks.groups,
|
|
@@ -7,13 +7,13 @@
|
|
|
7
7
|
*/
|
|
8
8
|
import { defineComponent as k, createVNode as t } from "vue";
|
|
9
9
|
import { BaseView as b } from "../../components/BaseView.mjs";
|
|
10
|
-
import {
|
|
10
|
+
import { firstDayInWeek as m, firstDayOfMonth as v, getDate as p, addDays as w, lastDayOfMonth as A, ZonedDate as c, MS_PER_DAY as h } from "@progress/kendo-date-math";
|
|
11
11
|
import { VerticalResourceIterator as g } from "../common/VerticalResourceIterator.mjs";
|
|
12
12
|
import { HorizontalResourceIterator as f } from "../common/HorizontalResourceIterator.mjs";
|
|
13
|
-
import {
|
|
13
|
+
import { orderSort as C, mapItemsToSlots as O, mapSlotsToItems as T, toUTCDateTime as I } from "../../utils/main.mjs";
|
|
14
14
|
import { monthViewTitle as S, messages as E } from "../../messages/main.mjs";
|
|
15
15
|
import { SchedulerEditSlot as j } from "../../slots/SchedulerEditSlot.mjs";
|
|
16
|
-
import {
|
|
16
|
+
import { provideLocalizationService as x, provideIntlService as D } from "@progress/kendo-vue-intl";
|
|
17
17
|
import { DAYS_IN_WEEK_COUNT as $ } from "../../constants/main.mjs";
|
|
18
18
|
import { toRanges as M } from "../../services/rangeService.mjs";
|
|
19
19
|
import { toSlots as F } from "../../services/slotsService.mjs";
|
|
@@ -110,13 +110,13 @@ const ae = /* @__PURE__ */ k({
|
|
|
110
110
|
computed: {
|
|
111
111
|
ranges() {
|
|
112
112
|
return M(this.ks.dateRange, {
|
|
113
|
-
step:
|
|
113
|
+
step: h * $,
|
|
114
114
|
timezone: this.ks.timezone
|
|
115
115
|
});
|
|
116
116
|
},
|
|
117
117
|
monthSlots() {
|
|
118
118
|
return F(this.ks.dateRange, {
|
|
119
|
-
step:
|
|
119
|
+
step: h
|
|
120
120
|
}, {
|
|
121
121
|
groups: this.ks.groups,
|
|
122
122
|
ranges: this.ranges
|
|
@@ -136,7 +136,7 @@ const ae = /* @__PURE__ */ k({
|
|
|
136
136
|
groups: this.ks.groups,
|
|
137
137
|
ranges: this.ranges
|
|
138
138
|
});
|
|
139
|
-
return
|
|
139
|
+
return O(r, this.monthSlots, !0), T(r, this.monthSlots, !0), r;
|
|
140
140
|
},
|
|
141
141
|
compDragItem() {
|
|
142
142
|
return this.dragItem !== void 0 ? this.dragItem : this.currentDragItem;
|
|
@@ -243,7 +243,7 @@ const ae = /* @__PURE__ */ k({
|
|
|
243
243
|
}, null)]
|
|
244
244
|
})]), t("div", {
|
|
245
245
|
class: "k-scheduler-body"
|
|
246
|
-
}, [a, this.hasMounted && n.filter((e) => e.order === null || e.order < i).sort(
|
|
246
|
+
}, [a, this.hasMounted && n.filter((e) => e.order === null || e.order < i).sort(C).map(function(e) {
|
|
247
247
|
return t(r, {
|
|
248
248
|
item: this.$props.item,
|
|
249
249
|
viewItem: this.$props.viewItem,
|
|
@@ -303,7 +303,7 @@ const ae = /* @__PURE__ */ k({
|
|
|
303
303
|
date: n,
|
|
304
304
|
timezone: s
|
|
305
305
|
}) => {
|
|
306
|
-
const l =
|
|
306
|
+
const l = m(v(p(n)), r.firstDay()), d = w(m(A(p(n)), r.firstDay()), $), i = c.fromUTCDate(I(l), s), a = c.fromUTCDate(I(d), s), e = new Date(i.getTime()), o = new Date(a.getTime());
|
|
307
307
|
return {
|
|
308
308
|
start: e,
|
|
309
309
|
end: o,
|
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),z=require("../../components/BaseView.js"),o=require("@progress/kendo-date-math"),S=require("../common/HorizontalResourceIterator.js"),T=require("./TimelineViewRowContent.js"),v=require("./TimelineViewAllEventsRowContent.js"),
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),z=require("../../components/BaseView.js"),o=require("@progress/kendo-date-math"),S=require("../common/HorizontalResourceIterator.js"),T=require("./TimelineViewRowContent.js"),v=require("./TimelineViewAllEventsRowContent.js"),f=require("../common/VerticalResourceIterator.js"),n=require("../../utils/main.js"),$=require("../../services/rangeService.js"),b=require("../../services/slotsService.js"),E=require("../../services/occurrenceService.js"),V=require("../../services/itemsService.js"),C=require("./TimelineViewBody.js"),N=require("../../constants/main.js"),D=require("@progress/kendo-vue-intl"),q=require("../../items/SchedulerEditItem.js"),y=require("../common/SchedulerResize.js"),I=require("../common/SchedulerDrag.js"),A=require("../../components/DateHeaderCell.js"),M=require("../../components/TimeHeaderCell.js"),w=require("../../hooks/useRowSync.js"),k=require("../../hooks/useCellSync.js");function R(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!r.isVNode(t)}const O="t",x=0,H=r.defineComponent({name:"KendoMultiDayTimelineView",props:{name:{type:String,default:"multi-day-timeline"},title:{type:String,default:"Multi Day Timeline"},currentTimeMarker:{type:Boolean,default:!0},dragItem:{type:Object,default:function(){}},resizeItem:{type:Object,default:function(){}},showWorkHours:{type:Boolean,default:!0},dateRange:{type:[Function,Object],default:function(){return j}},selectedDateFormat:{type:String,default:"{0:D} - {1:D}"},selectedShortDateFormat:{type:String,default:"{0:d} - {1:d}"},step:{type:Number,default:1},numberOfDays:{type:Number,default:1},startTime:{type:String,default:"00:00"},endTime:{type:String,default:"00:00"},workDayStart:{type:String,default:"8:00"},workDayEnd:{type:String,default:"17:00"},workWeekStart:{type:Number,default:o.Day.Monday},workWeekEnd:{type:Number,default:o.Day.Friday},slotDivisions:{type:Number,default:2},slotDuration:{type:Number,default:60},defaultShowWorkHours:{type:Boolean,default:!0},columnWidth:{type:Number,default:100},dateHeaderCell:[String,Function,Object],timeHeaderCell:[String,Function,Object],slotRender:[String,Function,Object],viewSlot:[String,Function,Object],resizeHint:[String,Function,Object],item:[String,Function,Object],viewItem:[String,Function,Object],editable:{type:[Boolean,Object],default:!1},onDataaction:Function},data(){return{hasMounted:!1,currentDragItem:void 0,currentResizeItem:void 0}},inject:{ks:{default:null},kendoIntlService:{default:null}},computed:{viewStart(){this.intl=D.provideIntlService(this);const t=this.intl.parseDate(this.$props.workDayStart),i=this.intl.parseDate(this.$props.startTime);return this.showWorkHours?t:i},viewEnd(){this.intl=D.provideIntlService(this);const t=this.intl.parseDate(this.$props.workDayEnd),i=this.intl.parseDate(this.$props.endTime);return this.showWorkHours?t:i},ranges(){return $.toRanges(this.ks.dateRange,{step:o.MS_PER_DAY,timezone:this.ks.timezone})},timelineSlots(){return b.toSlots(this.ks.dateRange,{step:this.slotDuration/this.slotDivisions*o.MS_PER_MINUTE},{groups:this.ks.groups,ranges:this.ranges}).filter(i=>n.isInTimeRange(i.zonedStart,this.viewStart,this.viewEnd)||this.viewStart.getTime()===this.viewEnd.getTime())},occurrences(){return E.toOccurrences(this.ks.dataItems,{dateRange:this.ks.dateRange,fields:this.ks.fields,timezone:this.ks.timezone})},items(){const t=V.toItems(this.occurrences,{timezone:this.ks.timezone},{groups:this.ks.groups,ranges:this.ranges}).filter(i=>this.viewStart.getTime()===this.viewEnd.getTime()||n.isInTimeRange(i.zonedStart,this.viewStart,this.viewEnd)||n.isInTimeRange(i.zonedEnd,this.viewStart,this.viewEnd)||n.isInTimeRange(new Date(i.zonedEnd.getTime()-(i.zonedEnd.getTime()-i.zonedStart.getTime())/2),this.viewStart,this.viewEnd));return n.mapItemsToSlots(t,this.timelineSlots,!0),n.mapSlotsToItems(t,this.timelineSlots,!0),t},compDragItem(){return this.dragItem!==void 0?this.dragItem:this.currentDragItem},compResizeItem(){return this.resizeItem!==void 0?this.resizeItem:this.currentResizeItem}},mounted(){this.timeRef=null,this.bodyRef=null,this.hasMounted=!0,k.useCellSync({element:this.$el,selector:".k-resource-cell",attribute:"data-depth-index",explicitDepth:!0}),w.useRowSync({element:this.$el})},updated(){k.useCellSync({element:this.$el,selector:".k-resource-cell",attribute:"data-depth-index",explicitDepth:!0}),w.useRowSync({element:this.$el})},render(){const t=D.provideIntlService(this),i=this.$props.slotDuration,u=t.parseDate(this.$props.workDayStart),h=t.parseDate(this.$props.workDayEnd),p=[...this.items],a=[...this.timelineSlots],c=(this.ks.orientation==="horizontal"?a.length:a.length/this.ks.groups.length)*(this.$props.columnWidth+N.BORDER_WIDTH),m=function(e){return this.compDragItem&&this.$props.editable.drag&&(Array.isArray(this.compDragItem)?this.compDragItem.map(function(d,s){return r.createVNode(I.SchedulerDrag,{key:s,ignoreIsAllDay:!0,dataItem:d,vertical:e,item:this.$props.dataItem},null)},this):r.createVNode(I.SchedulerDrag,{ignoreIsAllDay:!0,dataItem:this.compDragItem,vertical:e,item:this.$props.dataItem},null))},g=function(e){return this.compResizeItem&&this.editable.resize&&(Array.isArray(this.compResizeItem)?this.compResizeItem.map(function(d,s){return r.createVNode(y.SchedulerResize,{key:s,format:this.$props.format,ignoreIsAllDay:!0,dataItem:d,viewItem:this.$props.viewItem,item:this.$props.item,vertical:e},null)},this):r.createVNode(y.SchedulerResize,{format:this.$props.format,ignoreIsAllDay:!0,dataItem:this.compResizeItem,viewItem:this.$props.viewItem,item:this.$props.item,vertical:e},null))},l=[r.createVNode("div",{class:"k-scheduler-row"},[this.ranges.map(function(e,d){return r.createVNode(A.DateHeaderCell,{as:this.$props.dateHeaderCell,key:d,date:e.zonedStart,start:e.start,end:e.end,format:"m"},null)},this)]),r.createVNode("div",{class:"k-scheduler-row",ref:"timeRef"},[this.ranges.map(function(e,d){return a.filter(s=>s.group.index===x&&s.range.index===d).map(function(s){return s.zonedStart.getMinutes()%i===0?r.createVNode(M.TimeHeaderCell,{key:s.index,as:this.$props.timeHeaderCell,format:O,date:s.zonedStart,start:s.zonedStart,end:s.zonedEnd},null):null},this)},this)])];return r.createVNode(z.BaseView,{id:this.$props.id,class:"k-scheduler-timeline-view",viewProps:{...this.$props},baseSlots:a,ranges:this.ranges},{default:()=>[r.createVNode("div",{class:"k-scheduler-head",style:{width:c+"px"}},[this.ks.orientation==="horizontal"?r.createVNode(S.HorizontalResourceIterator,{nested:!0,group:this.ks.props.group,resources:this.ks.props.resources,rowContent:T.TimelineViewRowContent},R(l)?l:{default:()=>[l]}):r.createVNode(f.VerticalResourceIterator,{wrapGroup:!0,group:this.ks.props.group,resources:this.ks.props.resources,editable:this.$props.editable},R(l)?l:{default:()=>[l]})]),r.createVNode("div",{class:"k-scheduler-body",style:{width:c+"px"},ref:"bodyRef"},[this.ks.orientation==="horizontal"?r.createVNode(S.HorizontalResourceIterator,{group:this.ks.props.group,resources:this.ks.props.resources,rowContent:v.TimelineViewAllEventsRowContent},{default:()=>[r.createVNode(C.TimelineViewBody,{editable:this.$props.editable,slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,ranges:this.ranges,workDayStart:u,workDayEnd:h,timelineSlots:a,onDataaction:this.handleDataAction},null)]}):r.createVNode(f.VerticalResourceIterator,{nested:!0,wrapGroup:!0,group:this.ks.props.group,resources:this.ks.props.resources,onDataaction:this.handleDataAction,more:{ranges:this.ranges,workDayStart:u,workDayEnd:h,timelineSlots:a,slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,editable:this.$props.editable,currentTimeMarker:this.$props.currentTimeMarker}},null),this.hasMounted&&p.sort(n.orderSort).map(function(e){return r.createVNode(q.SchedulerEditItem,{key:e.isRecurring?`${e.uid}:${e.group.index}:${e.range.index}:${e.originalStart}`:`${e.uid}:${e.group.index}:${e.range.index}`,uid:e.uid,start:e.start,end:e.end,originalStart:e.originalStart,startTimezone:e.startTimezone,endTimezone:e.endTimezone,isAllDay:e.isAllDay,title:e.title,description:e.description,occurrenceId:e.occurrenceId,recurrenceExceptions:e.recurrenceExceptions,recurrenceRule:e.recurrenceRule,recurrenceId:e.recurrenceId,dataItem:e.dataItem,itemRef:e.itemRef,head:e.head,tail:e.tail,order:e.order,zonedStart:e.zonedStart,zonedEnd:e.zonedEnd,slots:e.slots,group:e.group,range:e.range,isException:e.isException,isRecurring:e.isRecurring,format:"t",form:this.$props.form,onDragitemchange:this.handleDragItemChange,onResizeitemchange:this.handleResizeItemChange,onDataaction:this.handleDataAction,item:this.$props.item,viewItem:this.$props.viewItem,editable:this.$props.editable,ignoreIsAllDay:!0,vertical:!1},null)},this),this.compDragItem&&m.call(this,!1),this.compResizeItem&&g.call(this,!1)])]})},methods:{handleDataAction(t){this.$emit("dataaction",t)},handleDragItemChange(t){this.currentDragItem=t},handleResizeItemChange(t){this.currentResizeItem=t}}}),j=({date:t,numberOfDays:i=1,timezone:u})=>{const h=o.ZonedDate.fromLocalDate(t,u),p=o.getDate(h),a=o.addDays(p,i),c=o.ZonedDate.fromUTCDate(n.toUTCDateTime(p),u),m=o.ZonedDate.fromUTCDate(n.toUTCDateTime(a),u),g=new Date(c.getTime()),l=new Date(m.getTime());return{start:g,end:l,zonedStart:c,zonedEnd:m}};exports.MultiDayTimelineView=H;
|