@progress/kendo-vue-scheduler 9.0.0-develop.1 → 9.0.0-develop.2

package/views/agenda/AgendaViewBody.mjs

@@ -5,14 +5,14 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as k, createVNode as t } from "vue";
-import { SchedulerEditSlot as S } from "../../slots/SchedulerEditSlot.mjs";
-import { provideIntlService as f, provideLocalizationService as v } from "@progress/kendo-vue-intl";
-import { SchedulerEditTask as m } from "../../tasks/SchedulerEditTask.mjs";
+import { defineComponent as f, createVNode as t, createTextVNode as S } from "vue";
+import { SchedulerEditSlot as m } from "../../slots/SchedulerEditSlot.mjs";
+import { provideIntlService as v, provideLocalizationService as E } from "@progress/kendo-vue-intl";
+import { SchedulerEditTask as z } from "../../tasks/SchedulerEditTask.mjs";
 import { allDay as i, messages as d, noEvents as c } from "../../messages/main.mjs";
 import { Icon as u } from "@progress/kendo-vue-common";
-import { chevronRightIcon as h, chevronLeftIcon as p } from "@progress/kendo-svg-icons";
-const b = /* @__PURE__ */ k({
+import { chevronRightIcon as h, chevronLeftIcon as k } from "@progress/kendo-svg-icons";
+const M = /* @__PURE__ */ f({
   name: "KendoAgendaViewBody",
   emits: ["dataaction"],
   props: {
@@ -31,6 +31,9 @@ const b = /* @__PURE__ */ k({
     ks: {
       default: null
     },
+    ksMobile: {
+      default: () => () => !1
+    },
     kendoIntlService: {
       default: null
     },
@@ -50,66 +53,76 @@ const b = /* @__PURE__ */ k({
     return {
       hasMounted: !1,
       ksSlots: {
-        cSlots: this.agendaSlots.filter((r) => r.group.index === (this.ri.groupIndex || 0))
+        cSlots: this.agendaSlots.filter((a) => a.group.index === (this.ri.groupIndex || 0))
       }
     };
   },
   watch: {
-    currentCellSlots(r) {
-      this.ksSlots.cSlots = r;
+    currentCellSlots(a) {
+      this.ksSlots.cSlots = a;
     }
   },
   computed: {
     currentCellSlots() {
-      return this.agendaSlots.filter((r) => r.group.index === (this.ri.groupIndex || 0));
+      return this.agendaSlots.filter((a) => a.group.index === (this.ri.groupIndex || 0));
     }
   },
   mounted() {
     this.hasMounted = !0;
   },
   render() {
-    this.intl = f(this);
-    const r = this.$props.editSlot || S, n = this.$props.editTask || m, o = v(this);
+    this.intl = v(this);
+    const a = this.$props.editSlot || m, r = this.$props.editTask || z, s = E(this), p = typeof this.ksMobile == "function" ? this.ksMobile() : !1;
     return t("div", {
       class: "k-scheduler-body"
-    }, [this.currentCellSlots.map(function(a, s, g) {
+    }, [this.currentCellSlots.map(function(n, l, g) {
       return t("div", {
         class: "k-scheduler-row  k-scheduler-content",
-        key: `${this.ri.groupIndex}:${s}`
-      }, [t(r, {
-        index: s,
+        key: `${this.ri.groupIndex}:${l}`
+      }, [t(a, {
+        index: l,
         editable: this.$props.editable,
-        row: g.length * (this.ri.groupIndex || 0) + s,
+        row: g.length * (this.ri.groupIndex || 0) + l,
         col: 0,
         viewSlot: this.$props.viewSlot,
         onDataaction: this.handleDataAction,
         className: "k-scheduler-datecolumn k-group-cell"
       }, {
-        default: () => [t("div", null, [t("strong", {
+        default: () => [p ? t("div", {
+          class: "k-scheduler-datecolumn-wrap"
+        }, [t("span", {
+          class: "k-mobile-scheduler-agendadate"
+        }, [t("span", {
+          class: "k-mobile-scheduler-agendaday"
+        }, [this.intl.formatDate(n.zonedStart, "dd")]), S(" "), t("span", {
+          class: "k-mobile-scheduler-agendamonth"
+        }, [this.intl.formatDate(n.zonedStart, "MMMM")])]), t("span", {
+          class: "k-mobile-scheduler-agendaweekday"
+        }, [this.intl.formatDate(n.zonedStart, "EEEE")])]) : t("div", null, [t("strong", {
           class: "k-scheduler-agendaday"
-        }, [this.intl.formatDate(a.zonedStart, "dd")]), t("em", {
+        }, [this.intl.formatDate(n.zonedStart, "dd")]), t("em", {
           class: "k-scheduler-agendaweek"
-        }, [this.intl.formatDate(a.zonedStart, "EEEE")]), t("span", {
+        }, [this.intl.formatDate(n.zonedStart, "EEEE")]), t("span", {
           class: "k-scheduler-agendadate"
-        }, [this.intl.formatDate(a.zonedStart, "y")])])]
+        }, [this.intl.formatDate(n.zonedStart, "y")])])]
       }), t("div", {
         class: "k-scheduler-cell k-group-content"
-      }, [this.hasMounted && a.items.length ? a.items.map(function(e, l) {
+      }, [this.hasMounted && n.items.length ? n.items.map(function(e, o) {
         return t("div", {
           class: "k-scheduler-row",
-          key: l
+          key: o
         }, [t("div", {
           class: "k-scheduler-cell k-scheduler-timecolumn"
         }, [t("div", null, [e.tail && t(u, {
           name: this.ks.isRtl ? "chevron-right" : "chevron-left",
-          icon: this.ks.isRtl ? h : p
-        }, null), e.isAllDay ? o.toLanguageString(i, d[i]) : z(this.intl, e), e.head && t(u, {
+          icon: this.ks.isRtl ? h : k
+        }, null), e.isAllDay ? s.toLanguageString(i, d[i]) : b(this.intl, e), e.head && t(u, {
           name: this.ks.isRtl ? "chevron-left" : "chevron-right",
-          icon: this.ks.isRtl ? p : h
+          icon: this.ks.isRtl ? k : h
         }, null)])]), t("div", {
           class: "k-scheduler-cell"
-        }, [t(n, {
-          key: `${s}:${l}`,
+        }, [t(r, {
+          key: `${l}:${o}`,
           uid: e.uid,
           start: e.start,
           end: e.end,
@@ -142,18 +155,18 @@ const b = /* @__PURE__ */ k({
         }, null)])]);
       }, this) : t("div", {
         class: "k-scheduler-cell k-heading-cell k-group-cell"
-      }, [o.toLanguageString(c, d[c])])])]);
+      }, [s.toLanguageString(c, d[c])])])]);
     }, this)]);
   },
   methods: {
-    handleDataAction(r) {
-      this.$emit("dataaction", r);
+    handleDataAction(a) {
+      this.$emit("dataaction", a);
     }
   }
-}), z = (r, n) => {
-  let o = "{0:t}-{1:t}";
-  return n.head ? o = "{0:t}" : n.tail && (o = "{1:t}"), r.format(o, n.zonedStart, n.zonedEnd);
+}), b = (a, r) => {
+  let s = "{0:t}-{1:t}";
+  return r.head ? s = "{0:t}" : r.tail && (s = "{1:t}"), a.format(s, r.zonedStart, r.zonedEnd);
 };
 export {
-  b as AgendaViewBody
+  M as AgendaViewBody
 };

package/views/agenda/AgendaViewHead.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),n=require("@progress/kendo-vue-intl"),e=require("../../messages/main.js"),i=l.defineComponent({name:"KendoAgendaViewHead",props:{monthSlots:Array,dateHeaderCell:[String,Function,Object]},inject:{ri:{default:null},kendoLocalizationService:{default:null},ks:{default:null}},render(){const t=n.provideLocalizationService(this);return l.createVNode("div",{class:"k-scheduler-row",key:this.ri.groupIndex},[l.createVNode("div",{class:"k-scheduler-cell k-heading-cell k-group-cell k-scheduler-datecolumn"},[t.toLanguageString(e.dateTitle,e.messages[e.dateTitle])]),l.createVNode("div",{class:"k-scheduler-cell k-heading-cell k-group-cell k-scheduler-timecolumn"},[t.toLanguageString(e.timeTitle,e.messages[e.timeTitle])]),l.createVNode("div",{class:"k-scheduler-cell k-heading-cell k-scheduler-eventcolumn"},[t.toLanguageString(e.eventTitle,e.messages[e.eventTitle])])])}});exports.AgendaViewHead=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),n=require("@progress/kendo-vue-intl"),e=require("../../messages/main.js"),o=l.defineComponent({name:"KendoAgendaViewHead",props:{monthSlots:Array,dateHeaderCell:[String,Function,Object]},inject:{ri:{default:null},kendoLocalizationService:{default:null},ks:{default:null},ksMobile:{default:()=>()=>!1}},render(){const t=n.provideLocalizationService(this),i=(typeof this.ksMobile=="function"?this.ksMobile():!1)?"k-scheduler-row k-mobile-header":"k-scheduler-row";return l.createVNode("div",{class:i,key:this.ri.groupIndex},[l.createVNode("div",{class:"k-scheduler-cell k-heading-cell k-group-cell k-scheduler-datecolumn"},[t.toLanguageString(e.dateTitle,e.messages[e.dateTitle])]),l.createVNode("div",{class:"k-scheduler-cell k-heading-cell k-group-cell k-scheduler-timecolumn"},[t.toLanguageString(e.timeTitle,e.messages[e.timeTitle])]),l.createVNode("div",{class:"k-scheduler-cell k-heading-cell k-scheduler-eventcolumn"},[t.toLanguageString(e.eventTitle,e.messages[e.eventTitle])])])}});exports.AgendaViewHead=o;

package/views/agenda/AgendaViewHead.mjs

@@ -5,10 +5,10 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as o, createVNode as e } from "vue";
-import { provideLocalizationService as a } from "@progress/kendo-vue-intl";
-import { dateTitle as n, messages as t, timeTitle as i, eventTitle as r } from "../../messages/main.mjs";
-const u = /* @__PURE__ */ o({
+import { defineComponent as a, createVNode as e } from "vue";
+import { provideLocalizationService as s } from "@progress/kendo-vue-intl";
+import { dateTitle as o, messages as i, timeTitle as t, eventTitle as n } from "../../messages/main.mjs";
+const g = /* @__PURE__ */ a({
   name: "KendoAgendaViewHead",
   props: {
     monthSlots: Array,
@@ -23,22 +23,25 @@ const u = /* @__PURE__ */ o({
     },
     ks: {
       default: null
+    },
+    ksMobile: {
+      default: () => () => !1
     }
   },
   render() {
-    const l = a(this);
+    const l = s(this), r = (typeof this.ksMobile == "function" ? this.ksMobile() : !1) ? "k-scheduler-row k-mobile-header" : "k-scheduler-row";
     return e("div", {
-      class: "k-scheduler-row",
+      class: r,
       key: this.ri.groupIndex
     }, [e("div", {
       class: "k-scheduler-cell k-heading-cell k-group-cell k-scheduler-datecolumn"
-    }, [l.toLanguageString(n, t[n])]), e("div", {
+    }, [l.toLanguageString(o, i[o])]), e("div", {
       class: "k-scheduler-cell k-heading-cell k-group-cell k-scheduler-timecolumn"
-    }, [l.toLanguageString(i, t[i])]), e("div", {
+    }, [l.toLanguageString(t, i[t])]), e("div", {
       class: "k-scheduler-cell k-heading-cell k-scheduler-eventcolumn"
-    }, [l.toLanguageString(r, t[r])])]);
+    }, [l.toLanguageString(n, i[n])])]);
   }
 });
 export {
-  u as AgendaViewHead
+  g as AgendaViewHead
 };

package/views/day/DayViewHead.js

@@ -5,4 +5,4 @@
  * 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"),r=require("@progress/kendo-date-math"),d=t.defineComponent({name:"KendoDayViewHead",props:{timeRanges:Array,dateHeaderCell:[String,Function,Object]},inject:{ri:{default:null},ks:{default:null}},render(){return t.createVNode("div",{class:"k-scheduler-row",key:this.ri.groupIndex},[this.timeRanges.map(function(e,a){return t.createVNode(n.DateHeaderCell,{as:this.$props.dateHeaderCell,key:a,date:r.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:"MEd"}},null)},this)])}});exports.DayViewHead=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),i=require("../../components/DateHeaderCell.js"),n=require("@progress/kendo-date-math"),r=t.defineComponent({name:"KendoDayViewHead",props:{timeRanges:Array,dateHeaderCell:[String,Function,Object]},inject:{ri:{default:null},ks:{default:null},ksMobile:{default:()=>()=>!1}},render(){const o=(typeof this.ksMobile=="function"?this.ksMobile():!1)?"k-scheduler-row k-mobile-header k-mobile-horizontal-header":"k-scheduler-row";return t.createVNode("div",{class:o,key:this.ri.groupIndex},[this.timeRanges.map(function(e,a){return t.createVNode(i.DateHeaderCell,{as:this.$props.dateHeaderCell,key:a,date:n.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:"MEd"}},null)},this)])}});exports.DayViewHead=r;

package/views/day/DayViewHead.mjs

@@ -6,9 +6,9 @@
  *-------------------------------------------------------------------------------------------
  */
 import { defineComponent as r, createVNode as t } from "vue";
-import { DateHeaderCell as o } from "../../components/DateHeaderCell.mjs";
-import { ZonedDate as d } from "@progress/kendo-date-math";
-const l = /* @__PURE__ */ r({
+import { DateHeaderCell as n } from "../../components/DateHeaderCell.mjs";
+import { ZonedDate as s } from "@progress/kendo-date-math";
+const f = /* @__PURE__ */ r({
   name: "KendoDayViewHead",
   props: {
     timeRanges: Array,
@@ -20,17 +20,21 @@ const l = /* @__PURE__ */ r({
     },
     ks: {
       default: null
+    },
+    ksMobile: {
+      default: () => () => !1
     }
   },
   render() {
+    const o = (typeof this.ksMobile == "function" ? this.ksMobile() : !1) ? "k-scheduler-row k-mobile-header k-mobile-horizontal-header" : "k-scheduler-row";
     return t("div", {
-      class: "k-scheduler-row",
+      class: o,
       key: this.ri.groupIndex
-    }, [this.timeRanges.map(function(e, n) {
-      return t(o, {
+    }, [this.timeRanges.map(function(e, i) {
+      return t(n, {
         as: this.$props.dateHeaderCell,
-        key: n,
-        date: d.fromLocalDate(new Date(e.zonedEnd.getTime() - (e.zonedEnd.getTime() - e.zonedStart.getTime()) / 2), this.ks.timezone),
+        key: i,
+        date: s.fromLocalDate(new Date(e.zonedEnd.getTime() - (e.zonedEnd.getTime() - e.zonedStart.getTime()) / 2), this.ks.timezone),
         start: e.start,
         end: e.end,
         format: {
@@ -41,5 +45,5 @@ const l = /* @__PURE__ */ r({
   }
 });
 export {
-  l as DayViewHead
+  f as DayViewHead
 };

package/views/month/MonthView.js

@@ -5,4 +5,4 @@
  * 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"),y=require("../../components/BaseView.js"),s=require("@progress/kendo-date-math"),g=require("../common/VerticalResourceIterator.js"),I=require("../common/HorizontalResourceIterator.js"),a=require("../../utils/main.js"),p=require("../../messages/main.js"),R=require("../../slots/SchedulerEditSlot.js"),m=require("@progress/kendo-vue-intl"),z=require("../../constants/main.js"),$=require("../../services/rangeService.js"),v=require("../../services/slotsService.js"),k=require("../../services/occurrenceService.js"),V=require("../../services/itemsService.js"),S=require("./MonthViewHead.js"),b=require("./MonthViewBody.js"),w=require("../../items/SchedulerEditItem.js"),f=require("../common/SchedulerResize.js"),D=require("../common/SchedulerDrag.js"),N=t.defineComponent({name:"KendoMonthView",props:{itemsPerSlot:{type:Number,default:2},name:{type:String,default:"month"},dateRange:{type:[Function,Object],default:function(){return q}},slotDuration:{type:Number,default:1440},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=m.provideIntlService(this)},mounted(){this.hasMounted=!0},data(){return{hasMounted:!1,currentDragItem:void 0,currentResizeItem:void 0}},computed:{ranges(){return $.toRanges(this.ks.dateRange,{step:s.MS_PER_DAY*z.DAYS_IN_WEEK_COUNT,timezone:this.ks.timezone})},monthSlots(){return v.toSlots(this.ks.dateRange,{step:s.MS_PER_DAY},{groups:this.ks.groups,ranges:this.ranges})},occurrences(){return k.toOccurrences(this.ks.dataItems,{dateRange:this.ks.dateRange,fields:this.ks.fields,timezone:this.ks.timezone})},items(){const r=V.toItems(this.occurrences,{timezone:this.ks.timezone},{groups:this.ks.groups,ranges:this.ranges});return a.mapItemsToSlots(r,this.monthSlots,!0),a.mapSlotsToItems(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=m.provideLocalizationService(this),this.localization.toLanguageString(p.monthViewTitle,p.messages[p.monthViewTitle]);const r=this.$props.editItem||w.SchedulerEditItem;this.$props.editSlot||R.SchedulerEditSlot;const c=this.items,o=this.monthSlots,d=function(e){return this.compDragItem&&this.$props.editable.drag&&(Array.isArray(this.compDragItem)?this.compDragItem.map(function(i,h){return t.createVNode(D.SchedulerDrag,{key:h,ignoreIsAllDay:!0,dataItem:i,vertical:e,item:this.$props.dataItem},null)},this):t.createVNode(D.SchedulerDrag,{ignoreIsAllDay:!0,dataItem:this.compDragItem,vertical:e,item:this.$props.dataItem},null))},u=function(e){return this.compResizeItem&&this.editable.resize&&(Array.isArray(this.compResizeItem)?this.compResizeItem.map(function(i,h){return t.createVNode(f.SchedulerResize,{key:h,format:this.$props.format,ignoreIsAllDay:!0,dataItem:i,viewItem:this.$props.viewItem,item:this.$props.item,vertical:e},null)},this):t.createVNode(f.SchedulerResize,{format:this.$props.format,ignoreIsAllDay:!0,dataItem:this.compResizeItem,viewItem:this.$props.viewItem,item:this.$props.item,vertical:e},null))};this.intl=m.provideIntlService(this);const n=this.$props.itemsPerSlot,l=this.ks.orientation==="horizontal"?this.ranges.map(function(e,i){return t.createVNode(I.HorizontalResourceIterator,{resources:this.ks.props.resources,group:this.ks.props.group},{default:()=>[t.createVNode(b.MonthViewBody,{editable:this.$props.editable,slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,monthSlots:o,rangeIndex:i,itemsPerSlot:n,onDataaction:this.handleDataAction},null)]})},this):t.createVNode(g.VerticalResourceIterator,{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:o,ranges:this.ranges,itemsPerSlot:n,editable:this.$props.editable}},null);return t.createVNode(y.BaseView,{viewProps:{...this.$props},baseSlots:o,ranges:this.ranges,class:"k-scheduler-monthview"},{default:()=>[t.createVNode("div",{class:"k-scheduler-head"},[this.ks.orientation==="horizontal"?t.createVNode(I.HorizontalResourceIterator,{nested:!0,resources:this.ks.props.resources,group:this.ks.props.group},{default:()=>[t.createVNode(S.MonthViewHead,{monthSlots:o,dateHeaderCell:this.$props.dateHeaderCell},null)]}):t.createVNode(g.VerticalResourceIterator,{resources:this.ks.props.resources,group:this.ks.props.group},{default:()=>[t.createVNode(S.MonthViewHead,{monthSlots:o,dateHeaderCell:this.$props.dateHeaderCell},null)]})]),t.createVNode("div",{class:"k-scheduler-body"},[l,this.hasMounted&&c.filter(e=>e.order===null||e.order<n).sort(a.orderSort).map(function(e){return t.createVNode(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&&d.call(this,!1),this.compResizeItem&&u.call(this,!1)])]})},methods:{handleDataAction(r){this.$emit("dataaction",r)},handleDragItemChange(r){this.currentDragItem=r},handleResizeItemChange(r){this.currentResizeItem=r}}}),q=({intl:r,date:c,timezone:o})=>{const d=s.firstDayInWeek(s.firstDayOfMonth(s.getDate(c)),r.firstDay()),u=s.addDays(s.firstDayInWeek(s.lastDayOfMonth(s.getDate(c)),r.firstDay()),z.DAYS_IN_WEEK_COUNT),n=s.ZonedDate.fromUTCDate(a.toUTCDateTime(d),o),l=s.ZonedDate.fromUTCDate(a.toUTCDateTime(u),o),e=new Date(n.getTime()),i=new Date(l.getTime());return{start:e,end:i,zonedStart:n,zonedEnd:l}};exports.MonthView=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),R=require("../../components/BaseView.js"),s=require("@progress/kendo-date-math"),g=require("../common/VerticalResourceIterator.js"),I=require("../common/HorizontalResourceIterator.js"),a=require("../../utils/main.js"),p=require("../../messages/main.js"),y=require("../../slots/SchedulerEditSlot.js"),m=require("@progress/kendo-vue-intl"),z=require("../../constants/main.js"),$=require("../../services/rangeService.js"),v=require("../../services/slotsService.js"),k=require("../../services/occurrenceService.js"),V=require("../../services/itemsService.js"),S=require("./MonthViewHead.js"),b=require("./MonthViewBody.js"),w=require("../../items/SchedulerEditItem.js"),f=require("../common/SchedulerResize.js"),D=require("../common/SchedulerDrag.js"),N=t.defineComponent({name:"KendoMonthView",props:{itemsPerSlot:{type:Number,default:2},name:{type:String,default:"month"},dateRange:{type:[Function,Object],default:function(){return q}},slotDuration:{type:Number,default:1440},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=m.provideIntlService(this)},mounted(){this.hasMounted=!0},data(){return{hasMounted:!1,currentDragItem:void 0,currentResizeItem:void 0}},computed:{ranges(){return $.toRanges(this.ks.dateRange,{step:s.MS_PER_DAY*z.DAYS_IN_WEEK_COUNT,timezone:this.ks.timezone})},monthSlots(){return v.toSlots(this.ks.dateRange,{step:s.MS_PER_DAY},{groups:this.ks.groups,ranges:this.ranges})},occurrences(){return k.toOccurrences(this.ks.dataItems,{dateRange:this.ks.dateRange,fields:this.ks.fields,timezone:this.ks.timezone})},items(){const r=V.toItems(this.occurrences,{timezone:this.ks.timezone},{groups:this.ks.groups,ranges:this.ranges});return a.mapItemsToSlots(r,this.monthSlots,!0),a.mapSlotsToItems(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=m.provideLocalizationService(this),this.localization.toLanguageString(p.monthViewTitle,p.messages[p.monthViewTitle]);const r=this.$props.editItem||w.SchedulerEditItem;this.$props.editSlot||y.SchedulerEditSlot;const c=this.items,o=this.monthSlots,l=function(e){return this.compDragItem&&this.$props.editable.drag&&(Array.isArray(this.compDragItem)?this.compDragItem.map(function(i,h){return t.createVNode(D.SchedulerDrag,{key:h,ignoreIsAllDay:!0,dataItem:i,vertical:e,item:this.$props.dataItem},null)},this):t.createVNode(D.SchedulerDrag,{ignoreIsAllDay:!0,dataItem:this.compDragItem,vertical:e,item:this.$props.dataItem},null))},u=function(e){return this.compResizeItem&&this.editable.resize&&(Array.isArray(this.compResizeItem)?this.compResizeItem.map(function(i,h){return t.createVNode(f.SchedulerResize,{key:h,format:this.$props.format,ignoreIsAllDay:!0,dataItem:i,viewItem:this.$props.viewItem,item:this.$props.item,vertical:e},null)},this):t.createVNode(f.SchedulerResize,{format:this.$props.format,ignoreIsAllDay:!0,dataItem:this.compResizeItem,viewItem:this.$props.viewItem,item:this.$props.item,vertical:e},null))};this.intl=m.provideIntlService(this);const n=this.$props.itemsPerSlot,d=this.ks.orientation==="horizontal"?this.ranges.map(function(e,i){return t.createVNode(I.HorizontalResourceIterator,{resources:this.ks.props.resources,group:this.ks.props.group},{default:()=>[t.createVNode(b.MonthViewBody,{editable:this.$props.editable,slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,monthSlots:o,rangeIndex:i,itemsPerSlot:n,onDataaction:this.handleDataAction},null)]})},this):t.createVNode(g.VerticalResourceIterator,{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:o,ranges:this.ranges,itemsPerSlot:n,editable:this.$props.editable}},null);return t.createVNode(R.BaseView,{viewProps:{...this.$props},baseSlots:o,ranges:this.ranges,class:"k-scheduler-monthview"},{default:()=>[t.createVNode("div",{class:"k-scheduler-head"},[this.ks.orientation==="horizontal"?t.createVNode(I.HorizontalResourceIterator,{nested:!0,resources:this.ks.props.resources,group:this.ks.props.group},{default:()=>[t.createVNode(S.MonthViewHead,{monthSlots:o,dateHeaderCell:this.$props.dateHeaderCell},null)]}):t.createVNode(g.VerticalResourceIterator,{resources:this.ks.props.resources,group:this.ks.props.group},{default:()=>[t.createVNode(S.MonthViewHead,{monthSlots:o,dateHeaderCell:this.$props.dateHeaderCell},null)]})]),t.createVNode("div",{class:"k-scheduler-body"},[d,this.hasMounted&&c.filter(e=>e.order===null||e.order<n).sort(a.orderSort).map(function(e){return t.createVNode(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,vertical:!1,editable:this.$props.editable,ignoreIsAllDay:!0},null)},this),this.compDragItem&&l.call(this,!1),this.compResizeItem&&u.call(this,!1)])]})},methods:{handleDataAction(r){this.$emit("dataaction",r)},handleDragItemChange(r){this.currentDragItem=r},handleResizeItemChange(r){this.currentResizeItem=r}}}),q=({intl:r,date:c,timezone:o})=>{const l=s.firstDayInWeek(s.firstDayOfMonth(s.getDate(c)),r.firstDay()),u=s.addDays(s.firstDayInWeek(s.lastDayOfMonth(s.getDate(c)),r.firstDay()),z.DAYS_IN_WEEK_COUNT),n=s.ZonedDate.fromUTCDate(a.toUTCDateTime(l),o),d=s.ZonedDate.fromUTCDate(a.toUTCDateTime(u),o),e=new Date(n.getTime()),i=new Date(d.getTime());return{start:e,end:i,zonedStart:n,zonedEnd:d}};exports.MonthView=N;

package/views/month/MonthView.mjs

@@ -7,7 +7,7 @@
  */
 import { defineComponent as k, createVNode as t } from "vue";
 import { BaseView as b } from "../../components/BaseView.mjs";
-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";
+import { firstDayInWeek as c, firstDayOfMonth as v, getDate as m, addDays as w, lastDayOfMonth as A, ZonedDate as p, MS_PER_DAY as h } from "@progress/kendo-date-math";
 import { VerticalResourceIterator as g } from "../common/VerticalResourceIterator.mjs";
 import { HorizontalResourceIterator as f } from "../common/HorizontalResourceIterator.mjs";
 import { orderSort as C, mapItemsToSlots as O, mapSlotsToItems as T, toUTCDateTime as I } from "../../utils/main.mjs";
@@ -277,9 +277,6 @@ const ae = /* @__PURE__ */ k({
           onDragitemchange: this.handleDragItemChange,
           onResizeitemchange: this.handleResizeItemChange,
           onDataaction: this.handleDataAction,
-          itemStyle: {
-            transform: "translateY(30px)"
-          },
           vertical: !1,
           editable: this.$props.editable,
           ignoreIsAllDay: !0
@@ -303,7 +300,7 @@ const ae = /* @__PURE__ */ k({
   date: n,
   timezone: s
 }) => {
-  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());
+  const l = c(v(m(n)), r.firstDay()), d = w(c(A(m(n)), r.firstDay()), $), i = p.fromUTCDate(I(l), s), a = p.fromUTCDate(I(d), s), e = new Date(i.getTime()), o = new Date(a.getTime());
   return {
     start: e,
     end: o,

package/views/month/MonthViewHead.js

@@ -5,4 +5,4 @@
  * 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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),i=require("../../components/DateHeaderCell.js"),s=require("@progress/kendo-date-math"),l=r.defineComponent({name:"KendoMonthViewHead",props:{monthSlots:Array,dateHeaderCell:[String,Function,Object]},inject:{ri:{default:null},ks:{default:null},ksMobile:{default:()=>()=>!1}},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(){const o=(typeof this.ksMobile=="function"?this.ksMobile():!1)?"k-scheduler-row k-mobile-header":"k-scheduler-row";return r.createVNode("div",{class:o,key:this.ri.groupIndex},[this.currentCellSlots.map(function(t,n){return r.createVNode(i.DateHeaderCell,{as:this.$props.dateHeaderCell,key:n,"data-dayslot-index":n,date:s.ZonedDate.fromLocalDate(new Date(t.zonedEnd.getTime()-(t.zonedEnd.getTime()-t.zonedStart.getTime())/2),this.ks.timezone),start:t.start,end:t.end,format:{skeleton:"EEEE"}},null)},this)])}});exports.MonthViewHead=l;

package/views/month/MonthViewHead.mjs

@@ -5,10 +5,10 @@
  * 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({
+import { defineComponent as i, createVNode as o } from "vue";
+import { DateHeaderCell as s } from "../../components/DateHeaderCell.mjs";
+import { ZonedDate as l } from "@progress/kendo-date-math";
+const h = /* @__PURE__ */ i({
   name: "KendoMonthViewHead",
   props: {
     monthSlots: Array,
@@ -20,6 +20,9 @@ const l = /* @__PURE__ */ n({
     },
     ks: {
       default: null
+    },
+    ksMobile: {
+      default: () => () => !1
     }
   },
   provide() {
@@ -45,17 +48,18 @@ const l = /* @__PURE__ */ n({
     }
   },
   render() {
-    return r("div", {
-      class: "k-scheduler-row",
+    const n = (typeof this.ksMobile == "function" ? this.ksMobile() : !1) ? "k-scheduler-row k-mobile-header" : "k-scheduler-row";
+    return o("div", {
+      class: n,
       key: this.ri.groupIndex
-    }, [this.currentCellSlots.map(function(e, t) {
-      return r(o, {
+    }, [this.currentCellSlots.map(function(t, r) {
+      return o(s, {
         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,
+        key: r,
+        "data-dayslot-index": r,
+        date: l.fromLocalDate(new Date(t.zonedEnd.getTime() - (t.zonedEnd.getTime() - t.zonedStart.getTime()) / 2), this.ks.timezone),
+        start: t.start,
+        end: t.end,
         format: {
           skeleton: "EEEE"
         }
@@ -64,5 +68,5 @@ const l = /* @__PURE__ */ n({
   }
 });
 export {
-  l as MonthViewHead
+  h as MonthViewHead
 };