@progress/kendo-vue-scheduler 5.3.0-dev.202410141143 → 5.3.0-develop.2

package/views/month/MonthView.mjs

@@ -0,0 +1,316 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as k, createVNode as t } from "vue";
+import { BaseView as b } from "../../components/BaseView.mjs";
+import { MS_PER_DAY as m, firstDayInWeek as p, firstDayOfMonth as v, getDate as c, addDays as w, lastDayOfMonth as A, ZonedDate as h } from "@progress/kendo-date-math";
+import { VerticalResourceIterator as g } from "../common/VerticalResourceIterator.mjs";
+import { HorizontalResourceIterator as f } from "../common/HorizontalResourceIterator.mjs";
+import { mapItemsToSlots as C, mapSlotsToItems as O, orderSort as T, toUTCDateTime as I } from "../../utils/main.mjs";
+import { monthViewTitle as S, messages as E } from "../../messages/main.mjs";
+import { SchedulerEditSlot as j } from "../../slots/SchedulerEditSlot.mjs";
+import { provideIntlService as D, provideLocalizationService as x } from "@progress/kendo-vue-intl";
+import { DAYS_IN_WEEK_COUNT as $ } from "../../constants/main.mjs";
+import { toRanges as M } from "../../services/rangeService.mjs";
+import { toSlots as F } from "../../services/slotsService.mjs";
+import { toOccurrences as V } from "../../services/occurrenceService.mjs";
+import { toItems as H } from "../../services/itemsService.mjs";
+import { MonthViewHead as z } from "./MonthViewHead.mjs";
+import { MonthViewBody as N } from "./MonthViewBody.mjs";
+import { SchedulerEditItem as P } from "../../items/SchedulerEditItem.mjs";
+import { SchedulerResize as y } from "../common/SchedulerResize.mjs";
+import { SchedulerDrag as R } from "../common/SchedulerDrag.mjs";
+const ae = /* @__PURE__ */ k({
+  name: "KendoMonthView",
+  props: {
+    itemsPerSlot: {
+      type: Number,
+      default: 2
+    },
+    name: {
+      type: String,
+      default: "month"
+    },
+    dateRange: {
+      type: [Function, Object],
+      default: function() {
+        return _;
+      }
+    },
+    slotDuration: {
+      type: Number,
+      default: 24 * 60
+    },
+    slotDivisions: {
+      type: Number,
+      default: 1
+    },
+    numberOfDays: {
+      type: Number,
+      default: 31
+    },
+    dragItem: {
+      type: Object,
+      default: function() {
+      }
+    },
+    resizeItem: {
+      type: Object,
+      default: function() {
+      }
+    },
+    title: String,
+    selectedDateFormat: {
+      type: String,
+      default: "{0:Y}"
+    },
+    selectedShortDateFormat: {
+      type: String,
+      default: "{0:Y}"
+    },
+    dateHeaderCell: [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
+    }
+  },
+  inject: {
+    ks: {
+      default: {}
+    },
+    kendoLocalizationService: {
+      default: null
+    },
+    kendoIntlService: {
+      default: null
+    }
+  },
+  created() {
+    this.intl = D(this);
+  },
+  mounted() {
+    this.hasMounted = !0;
+  },
+  data() {
+    return {
+      hasMounted: !1,
+      currentDragItem: void 0,
+      currentResizeItem: void 0
+    };
+  },
+  computed: {
+    ranges() {
+      return M(this.ks.dateRange, {
+        step: m * $,
+        timezone: this.ks.timezone
+      });
+    },
+    monthSlots() {
+      return F(this.ks.dateRange, {
+        step: m
+      }, {
+        groups: this.ks.groups,
+        ranges: this.ranges
+      });
+    },
+    occurrences() {
+      return V(this.ks.dataItems, {
+        dateRange: this.ks.dateRange,
+        fields: this.ks.fields,
+        timezone: this.ks.timezone
+      });
+    },
+    items() {
+      const r = H(this.occurrences, {
+        timezone: this.ks.timezone
+      }, {
+        groups: this.ks.groups,
+        ranges: this.ranges
+      });
+      return C(r, this.monthSlots, !0), O(r, this.monthSlots, !0), r;
+    },
+    compDragItem() {
+      return this.dragItem !== void 0 ? this.dragItem : this.currentDragItem;
+    },
+    compResizeItem() {
+      return this.resizeItem !== void 0 ? this.resizeItem : this.currentResizeItem;
+    }
+  },
+  render() {
+    this.localization = x(this), this.localization.toLanguageString(S, E[S]);
+    const r = this.$props.editItem || P;
+    this.$props.editSlot || j;
+    const n = this.items, s = this.monthSlots, l = function(e) {
+      return this.compDragItem && this.$props.editable.drag && (Array.isArray(this.compDragItem) ? this.compDragItem.map(function(o, u) {
+        return t(R, {
+          key: u,
+          ignoreIsAllDay: !0,
+          dataItem: o,
+          vertical: e,
+          item: this.$props.dataItem
+        }, null);
+      }, this) : t(R, {
+        ignoreIsAllDay: !0,
+        dataItem: this.compDragItem,
+        vertical: e,
+        item: this.$props.dataItem
+      }, null));
+    }, d = function(e) {
+      return this.compResizeItem && this.editable.resize && (Array.isArray(this.compResizeItem) ? this.compResizeItem.map(function(o, u) {
+        return t(y, {
+          key: u,
+          format: this.$props.format,
+          ignoreIsAllDay: !0,
+          dataItem: o,
+          viewItem: this.$props.viewItem,
+          item: this.$props.item,
+          vertical: e
+        }, null);
+      }, this) : t(y, {
+        format: this.$props.format,
+        ignoreIsAllDay: !0,
+        dataItem: this.compResizeItem,
+        viewItem: this.$props.viewItem,
+        item: this.$props.item,
+        vertical: e
+      }, null));
+    };
+    this.intl = D(this);
+    const i = this.$props.itemsPerSlot, a = this.ks.orientation === "horizontal" ? this.ranges.map(function(e, o) {
+      return t(f, {
+        resources: this.ks.props.resources,
+        group: this.ks.props.group
+      }, {
+        default: () => [t(N, {
+          editable: this.$props.editable,
+          slotRender: this.$props.slotRender,
+          viewSlot: this.$props.viewSlot,
+          monthSlots: s,
+          rangeIndex: o,
+          itemsPerSlot: i,
+          onDataaction: this.handleDataAction
+        }, null)]
+      });
+    }, this) : t(g, {
+      nested: !0,
+      resources: this.ks.props.resources,
+      group: this.ks.props.group,
+      onDataaction: this.handleDataAction,
+      more: {
+        slotRender: this.$props.slotRender,
+        viewSlot: this.$props.viewSlot,
+        monthSlots: s,
+        ranges: this.ranges,
+        itemsPerSlot: i,
+        editable: this.$props.editable
+      }
+    }, null);
+    return t(b, {
+      viewProps: {
+        ...this.$props
+      },
+      baseSlots: s,
+      ranges: this.ranges,
+      class: "k-scheduler-monthview"
+    }, {
+      default: () => [t("div", {
+        class: "k-scheduler-head"
+      }, [this.ks.orientation === "horizontal" ? t(f, {
+        nested: !0,
+        resources: this.ks.props.resources,
+        group: this.ks.props.group
+      }, {
+        default: () => [t(z, {
+          monthSlots: s,
+          dateHeaderCell: this.$props.dateHeaderCell
+        }, null)]
+      }) : t(g, {
+        resources: this.ks.props.resources,
+        group: this.ks.props.group
+      }, {
+        default: () => [t(z, {
+          monthSlots: s,
+          dateHeaderCell: this.$props.dateHeaderCell
+        }, null)]
+      })]), t("div", {
+        class: "k-scheduler-body"
+      }, [a, this.hasMounted && n.filter((e) => e.order === null || e.order < i).sort(T).map(function(e) {
+        return t(r, {
+          item: this.$props.item,
+          viewItem: this.$props.viewItem,
+          form: this.$props.form,
+          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,
+          onDragitemchange: this.handleDragItemChange,
+          onResizeitemchange: this.handleResizeItemChange,
+          onDataaction: this.handleDataAction,
+          itemStyle: {
+            transform: "translateY(30px)"
+          },
+          vertical: !1,
+          editable: this.$props.editable,
+          ignoreIsAllDay: !0
+        }, null);
+      }, this), this.compDragItem && l.call(this, !1), this.compResizeItem && d.call(this, !1)])]
+    });
+  },
+  methods: {
+    handleDataAction(r) {
+      this.$emit("dataaction", r);
+    },
+    handleDragItemChange(r) {
+      this.currentDragItem = r;
+    },
+    handleResizeItemChange(r) {
+      this.currentResizeItem = r;
+    }
+  }
+}), _ = ({
+  intl: r,
+  date: n,
+  timezone: s
+}) => {
+  const l = p(v(c(n)), r.firstDay()), d = w(p(A(c(n)), r.firstDay()), $), i = h.fromUTCDate(I(l), s), a = h.fromUTCDate(I(d), s), e = new Date(i.getTime()), o = new Date(a.getTime());
+  return {
+    start: e,
+    end: o,
+    zonedStart: i,
+    zonedEnd: a
+  };
+};
+export {
+  ae as MonthView
+};

package/views/month/MonthViewBody.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),a=require("../../slots/SchedulerEditSlot.js"),d=require("@progress/kendo-vue-common"),h=require("@progress/kendo-vue-intl"),u=i.defineComponent({name:"KendoMonthViewBody",props:{editable:[Object,Boolean],groupIndex:Number,rangeIndex:Number,itemsPerSlot:Number,monthSlots:Array,ranges:Array,slotRender:[String,Function,Object],viewSlot:[String,Function,Object],onDataaction:Function},inject:{ri:{default:{}},ks:{default:null},setActiveDate:{default:null},setActiveViewName:{default:null},setSlots:{default:null},kendoIntlService:{default:null}},provide(){return{ksSlots:this.ksSlots}},data(){const t=this.groupIndex!==void 0?this.groupIndex:this.ri.groupIndex;return{ksSlots:{cSlots:this.monthSlots.filter(e=>e.group.index===t&&e.range.index===this.rangeIndex)}}},watch:{currentCellSlots(t){this.ksSlots.cSlots=t}},computed:{currentCellSlots(){const t=this.groupIndex!==void 0?this.groupIndex:this.ri.groupIndex;return this.monthSlots.filter(e=>e.group.index===t&&e.range.index===this.rangeIndex)}},render(){this.intl=h.provideIntlService(this);const t=this.$props.editSlot||a.SchedulerEditSlot,e=this,n=this.groupIndex!==void 0?this.groupIndex:this.ri.groupIndex;return i.createVNode("div",{class:"k-scheduler-row",key:this.rangeIndex},[this.currentCellSlots.map(function(o,r,s){return i.createVNode(t,{className:d.classNames({"k-other-month":this.isOtherMonth(o,this.ks.currentDate)}),slotRender:this.$props.slotRender,viewSlot:e.$props.viewSlot,form:e.$props.form,index:r,navDay:!0,itemsPerSlot:e.itemsPerSlot,expandable:{offsetTop:30,offsetBottom:e.itemsPerSlot<o.items.length?15:0},onDataaction:e.handleDataAction,col:e.ks.orientation==="horizontal"?s.length*(n||0)+r:r,row:e.ks.orientation==="horizontal"?e.rangeIndex:e.ranges.length*(n||0)+e.rangeIndex,editable:e.$props.editable,onShowmoreitems:l=>e.handleShowMoreItemsClick(l,o)},null)},this)])},methods:{handleShowMoreItemsClick(t,e){const n=this.ks.views.find(o=>o.name==="day");!this.setActiveViewName||!n||!n.name||!e||(this.setActiveViewName(n.name,t),this.setActiveDate(e.start,t))},handleDataAction(t){this.$emit("dataaction",t)},isOtherMonth(t,e){return t.start.getMonth()<e.getMonth()||t.start.getMonth()>e.getMonth()}}});exports.MonthViewBody=u;

package/views/month/MonthViewBody.mjs

@@ -0,0 +1,113 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as l, createVNode as i } from "vue";
+import { SchedulerEditSlot as d } from "../../slots/SchedulerEditSlot.mjs";
+import { classNames as h } from "@progress/kendo-vue-common";
+import { provideIntlService as u } from "@progress/kendo-vue-intl";
+const S = /* @__PURE__ */ l({
+  name: "KendoMonthViewBody",
+  props: {
+    editable: [Object, Boolean],
+    groupIndex: Number,
+    rangeIndex: Number,
+    itemsPerSlot: Number,
+    monthSlots: Array,
+    ranges: Array,
+    slotRender: [String, Function, Object],
+    viewSlot: [String, Function, Object],
+    onDataaction: Function
+  },
+  inject: {
+    ri: {
+      default: {}
+    },
+    ks: {
+      default: null
+    },
+    setActiveDate: {
+      default: null
+    },
+    setActiveViewName: {
+      default: null
+    },
+    setSlots: {
+      default: null
+    },
+    kendoIntlService: {
+      default: null
+    }
+  },
+  provide() {
+    return {
+      ksSlots: this.ksSlots
+    };
+  },
+  data() {
+    const e = this.groupIndex !== void 0 ? this.groupIndex : this.ri.groupIndex;
+    return {
+      ksSlots: {
+        cSlots: this.monthSlots.filter((t) => t.group.index === e && t.range.index === this.rangeIndex)
+      }
+    };
+  },
+  watch: {
+    currentCellSlots(e) {
+      this.ksSlots.cSlots = e;
+    }
+  },
+  computed: {
+    currentCellSlots() {
+      const e = this.groupIndex !== void 0 ? this.groupIndex : this.ri.groupIndex;
+      return this.monthSlots.filter((t) => t.group.index === e && t.range.index === this.rangeIndex);
+    }
+  },
+  render() {
+    this.intl = u(this);
+    const e = this.$props.editSlot || d, t = this, n = this.groupIndex !== void 0 ? this.groupIndex : this.ri.groupIndex;
+    return i("div", {
+      class: "k-scheduler-row",
+      key: this.rangeIndex
+    }, [this.currentCellSlots.map(function(o, r, s) {
+      return i(e, {
+        className: h({
+          "k-other-month": this.isOtherMonth(o, this.ks.currentDate)
+        }),
+        slotRender: this.$props.slotRender,
+        viewSlot: t.$props.viewSlot,
+        form: t.$props.form,
+        index: r,
+        navDay: !0,
+        itemsPerSlot: t.itemsPerSlot,
+        expandable: {
+          offsetTop: 30,
+          offsetBottom: t.itemsPerSlot < o.items.length ? 15 : 0
+        },
+        onDataaction: t.handleDataAction,
+        col: t.ks.orientation === "horizontal" ? s.length * (n || 0) + r : r,
+        row: t.ks.orientation === "horizontal" ? t.rangeIndex : t.ranges.length * (n || 0) + t.rangeIndex,
+        editable: t.$props.editable,
+        onShowmoreitems: (a) => t.handleShowMoreItemsClick(a, o)
+      }, null);
+    }, this)]);
+  },
+  methods: {
+    handleShowMoreItemsClick(e, t) {
+      const n = this.ks.views.find((o) => o.name === "day");
+      !this.setActiveViewName || !n || !n.name || !t || (this.setActiveViewName(n.name, e), this.setActiveDate(t.start, e));
+    },
+    handleDataAction(e) {
+      this.$emit("dataaction", e);
+    },
+    isOtherMonth(e, t) {
+      return e.start.getMonth() < t.getMonth() || e.start.getMonth() > t.getMonth();
+    }
+  }
+});
+export {
+  S as MonthViewBody
+};

package/views/month/MonthViewHead.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),n=require("../../components/DateHeaderCell.js"),o=require("@progress/kendo-date-math"),d=t.defineComponent({name:"KendoMonthViewHead",props:{monthSlots:Array,dateHeaderCell:[String,Function,Object]},inject:{ri:{default:null},ks:{default:null}},provide(){return{ksSlots:this.ksSlots}},data(){return{ksSlots:{cSlots:this.monthSlots.filter(e=>e.group.index===this.ri.groupIndex&&e.range.index===0)}}},watch:{currentCellSlots(e){this.ksSlots.cSlots=e}},computed:{currentCellSlots(){return this.monthSlots.filter(e=>e.group.index===this.ri.groupIndex&&e.range.index===0)}},render(){return t.createVNode("div",{class:"k-scheduler-row",key:this.ri.groupIndex},[this.currentCellSlots.map(function(e,r){return t.createVNode(n.DateHeaderCell,{as:this.$props.dateHeaderCell,key:r,"data-dayslot-index":r,date:o.ZonedDate.fromLocalDate(new Date(e.zonedEnd.getTime()-(e.zonedEnd.getTime()-e.zonedStart.getTime())/2),this.ks.timezone),start:e.start,end:e.end,format:{skeleton:"EEEE"}},null)},this)])}});exports.MonthViewHead=d;

package/views/month/MonthViewHead.mjs

@@ -0,0 +1,68 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as n, createVNode as r } from "vue";
+import { DateHeaderCell as o } from "../../components/DateHeaderCell.mjs";
+import { ZonedDate as i } from "@progress/kendo-date-math";
+const l = /* @__PURE__ */ n({
+  name: "KendoMonthViewHead",
+  props: {
+    monthSlots: Array,
+    dateHeaderCell: [String, Function, Object]
+  },
+  inject: {
+    ri: {
+      default: null
+    },
+    ks: {
+      default: null
+    }
+  },
+  provide() {
+    return {
+      ksSlots: this.ksSlots
+    };
+  },
+  data() {
+    return {
+      ksSlots: {
+        cSlots: this.monthSlots.filter((e) => e.group.index === this.ri.groupIndex && e.range.index === 0)
+      }
+    };
+  },
+  watch: {
+    currentCellSlots(e) {
+      this.ksSlots.cSlots = e;
+    }
+  },
+  computed: {
+    currentCellSlots() {
+      return this.monthSlots.filter((e) => e.group.index === this.ri.groupIndex && e.range.index === 0);
+    }
+  },
+  render() {
+    return r("div", {
+      class: "k-scheduler-row",
+      key: this.ri.groupIndex
+    }, [this.currentCellSlots.map(function(e, t) {
+      return r(o, {
+        as: this.$props.dateHeaderCell,
+        key: t,
+        "data-dayslot-index": t,
+        date: i.fromLocalDate(new Date(e.zonedEnd.getTime() - (e.zonedEnd.getTime() - e.zonedStart.getTime()) / 2), this.ks.timezone),
+        start: e.start,
+        end: e.end,
+        format: {
+          skeleton: "EEEE"
+        }
+      }, null);
+    }, this)]);
+  }
+});
+export {
+  l as MonthViewHead
+};

package/views/time/MultiDayTimelineView.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"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"),y=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"),A=require("../../items/SchedulerEditItem.js"),f=require("../common/SchedulerResize.js"),w=require("../common/SchedulerDrag.js"),q=require("../../components/DateHeaderCell.js"),x=require("../../components/TimeHeaderCell.js"),I=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 M="t",O=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}),I.useRowSync({element:this.$el,selector:".k-resource-row",horizontalAttribute:"data-depth-index",verticalAttribute:"data-resource-index",applyTo:".k-resource-cell"})},updated(){k.useCellSync({element:this.$el,selector:".k-resource-cell",attribute:"data-depth-index",explicitDepth:!0}),I.useRowSync({element:this.$el,selector:".k-resource-row",horizontalAttribute:"data-depth-index",verticalAttribute:"data-resource-index",applyTo:".k-resource-cell"})},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(w.SchedulerDrag,{key:s,ignoreIsAllDay:!0,dataItem:d,vertical:e,item:this.$props.dataItem},null)},this):r.createVNode(w.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(f.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(f.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(q.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===O&&s.range.index===d).map(function(s){return s.zonedStart.getMinutes()%i===0?r.createVNode(x.TimeHeaderCell,{key:s.index,as:this.$props.timeHeaderCell,format:M,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(y.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(y.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(A.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;