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

package/components/BaseView.mjs

@@ -0,0 +1,123 @@
+/**
+ * @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 d, createVNode as c } from "vue";
+import { dispatchSelectedItems as i, ITEMS_SELECT_ACTION as r } from "../hooks/use-items-selection.mjs";
+import { dispatchSelectedSlots as l, SLOTS_SELECT_ACTION as a } from "../hooks/use-slots-selection.mjs";
+import { getDefaultSlots as h } from "@progress/kendo-vue-common";
+import { COLLECTION_ACTION as s } from "../utils/main.mjs";
+import { useCellSync as o } from "../hooks/useCellSync.mjs";
+import { dispatchFocusedItems as p } from "../hooks/use-items-focus.mjs";
+import { dispatchFocusedSlots as m } from "../hooks/use-slots-focus.mjs";
+const C = /* @__PURE__ */ d({
+  name: "KendoBaseView",
+  props: {
+    viewProps: Object,
+    baseSlots: Array,
+    ranges: Array,
+    id: String,
+    isAgendaView: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  provide() {
+    return {
+      bv: this.bv,
+      setItems: this.dispatchItems,
+      setSlots: this.dispatchSlots,
+      dispatchSelectedSlots: this.handleSchedulerSlotsSelectAction,
+      dispatchSelectedItems: this.handleSchedulerItemsSelectAction,
+      dispatchFocusedItems: this.setFocusedItems,
+      dispatchFocusedSlots: this.setFocusedSlots
+      //    setActiveViewName: this.handleActiveViewNameChange
+    };
+  },
+  data() {
+    return {
+      bv: {
+        viewProps: this.viewProps,
+        ranges: this.ranges,
+        items: [],
+        slots: [],
+        focusedItems: [],
+        focusedSlots: [],
+        selectedItems: [],
+        selectedSlots: []
+      }
+    };
+  },
+  mounted() {
+    this.syncCells();
+  },
+  updated() {
+    this.syncCells();
+  },
+  render() {
+    const e = h(this);
+    return c("div", {
+      class: "k-scheduler-layout k-scheduler-layout-flex",
+      role: this.$props.isAgendaView ? "grid" : "presentation"
+    }, [e]);
+  },
+  methods: {
+    syncCells() {
+      o({
+        element: this.$el,
+        selector: ".k-group-cell",
+        attribute: "data-depth-index",
+        explicitDepth: !0
+      }), o({
+        element: this.$el,
+        selector: ".k-side-cell",
+        attribute: "data-depth-index",
+        explicitDepth: !1
+      });
+    },
+    handleSchedulerItemsSelectAction(e, t) {
+      l.call(this, {
+        type: a.reset
+      }), i.call(this, e, t);
+    },
+    handleSchedulerSlotsSelectAction(e, t) {
+      i.call(this, {
+        type: r.reset
+      }, t), l.call(this, e);
+    },
+    setFocusedItems(e, t) {
+      p.call(this, e, t);
+    },
+    setFocusedSlots(e, t) {
+      m.call(this, e, t);
+    },
+    dispatchItems(e) {
+      let t;
+      switch (e.type) {
+        case s.add:
+          this.bv.items.push(e.item);
+          break;
+        case s.remove:
+          t = this.bv.items.indexOf(e.item), this.bv.items.splice(t, 1);
+          break;
+      }
+    },
+    dispatchSlots(e) {
+      let t;
+      switch (e.type) {
+        case s.add:
+          this.bv.slots.push(e.item);
+          break;
+        case s.remove:
+          t = this.bv.slots.indexOf(e.item), this.bv.slots.splice(t, 1);
+          break;
+      }
+    }
+  }
+});
+export {
+  C as BaseView
+};

package/components/CurrentTimeMarker.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 a=require("vue"),f=require("@progress/kendo-date-math"),l=require("../utils/main.js"),n=require("../views/common/utils.js"),w=require("@progress/kendo-vue-common"),g=s=>{let t=0;return s.forEach(e=>{if(e){const r=n.getRect(e.$el);t+=r.width}}),t},m=s=>{let t=0;return s.forEach(e=>{if(e){const r=n.getRect(e.$el);t+=r.height}}),t},$=(s,t)=>{const e=f.cloneDate(s);return e.setHours(t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()),e},b=a.defineComponent({name:"KendoCurrentTimeMarker",props:{updateInterval:{type:Number,default:6e4},groupIndex:Number,vertical:Boolean,attachArrow:Object},inject:{ks:{default:null},bv:{default:null}},created(){this.interval=void 0,this.arrowRef=null,this.observer=null,this.line=null},data(){return{show:!1}},mounted(){this.line=this.$el,this.$nextTick(()=>{this.position()}),!(!this.ks.scheduler||!this.ks.scheduler.$el||!window)&&(clearInterval(this.interval),this.interval=window.setInterval(this.position,this.updateInterval),w.canUseDOM&&window.ResizeObserver&&(this.observer=new window.ResizeObserver(this.position),this.observer.observe(this.ks.scheduler.$el)))},unmounted(){this.observer&&this.observer.disconnect()},render(){return a.createVNode("div",{class:"k-current-time",style:{transform:this.$props.vertical?"translateX(-50%)":"translateY(-50%)",[this.$props.vertical?"width":"height"]:"1px",visibility:this.show?void 0:"hidden"}},null)},methods:{position(){if(!this.bv.slots)return;const s=this.$props.groupIndex,t=this.bv.slots.filter(e=>(s==null||e.cSlot.group.index===s)&&(this.$props.vertical?l.intersects(new Date,new Date,e.cSlot.start,e.cSlot.end,!0):l.isInTimeRange(new Date,e.cSlot.start,e.cSlot.end))&&!e.isAllDay);if(t&&t.length&&this.line){const e=l.first(t);if(!e)return;const r=this.$props.vertical?m(t):g(t),i=n.getRect(e.$el),h=n.getRect(this.arrowRef),u=(this.$props.vertical?i.width:i.height)/(e.cSlot.end.getTime()-e.cSlot.start.getTime()),c=(Date.now()-$(new Date,e.cSlot.start).getTime())*u,d=this.$props.dir==="rtl",p=this.$props.vertical?i.top:i.top+c-h.height/2,o=d?"right":"left",v=this.$props.vertical?i[o]+c-h.width/2:i[o];this.line.style[o]=`${v}px`,this.line.style.top=`${p}px`,this.line.style[this.$props.vertical?"height":"width"]=`${r-1}px`,this.show=!0}else this.show=!1}}});exports.CurrentTimeMarker=b;

package/components/CurrentTimeMarker.mjs

@@ -0,0 +1,95 @@
+/**
+ * @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 d, createVNode as f } from "vue";
+import { cloneDate as m } from "@progress/kendo-date-math";
+import { intersects as v, isInTimeRange as w, first as g } from "../utils/main.mjs";
+import { getRect as o } from "../views/common/utils.mjs";
+import { canUseDOM as $ } from "@progress/kendo-vue-common";
+const b = (s) => {
+  let e = 0;
+  return s.forEach((t) => {
+    if (t) {
+      const r = o(t.$el);
+      e += r.width;
+    }
+  }), e;
+}, x = (s) => {
+  let e = 0;
+  return s.forEach((t) => {
+    if (t) {
+      const r = o(t.$el);
+      e += r.height;
+    }
+  }), e;
+}, S = (s, e) => {
+  const t = m(s);
+  return t.setHours(e.getHours(), e.getMinutes(), e.getSeconds(), e.getMilliseconds()), t;
+}, M = /* @__PURE__ */ d({
+  name: "KendoCurrentTimeMarker",
+  props: {
+    updateInterval: {
+      type: Number,
+      default: 6e4
+    },
+    groupIndex: Number,
+    vertical: Boolean,
+    attachArrow: Object
+  },
+  inject: {
+    ks: {
+      default: null
+    },
+    bv: {
+      default: null
+    }
+  },
+  created() {
+    this.interval = void 0, this.arrowRef = null, this.observer = null, this.line = null;
+  },
+  data() {
+    return {
+      show: !1
+    };
+  },
+  mounted() {
+    this.line = this.$el, this.$nextTick(() => {
+      this.position();
+    }), !(!this.ks.scheduler || !this.ks.scheduler.$el || !window) && (clearInterval(this.interval), this.interval = window.setInterval(this.position, this.updateInterval), $ && window.ResizeObserver && (this.observer = new window.ResizeObserver(this.position), this.observer.observe(this.ks.scheduler.$el)));
+  },
+  unmounted() {
+    this.observer && this.observer.disconnect();
+  },
+  render() {
+    return f("div", {
+      class: "k-current-time",
+      style: {
+        transform: this.$props.vertical ? "translateX(-50%)" : "translateY(-50%)",
+        [this.$props.vertical ? "width" : "height"]: "1px",
+        visibility: this.show ? void 0 : "hidden"
+      }
+    }, null);
+  },
+  methods: {
+    position() {
+      if (!this.bv.slots)
+        return;
+      const s = this.$props.groupIndex, e = this.bv.slots.filter((t) => (s == null || t.cSlot.group.index === s) && (this.$props.vertical ? v(/* @__PURE__ */ new Date(), /* @__PURE__ */ new Date(), t.cSlot.start, t.cSlot.end, !0) : w(/* @__PURE__ */ new Date(), t.cSlot.start, t.cSlot.end)) && !t.isAllDay);
+      if (e && e.length && this.line) {
+        const t = g(e);
+        if (!t)
+          return;
+        const r = this.$props.vertical ? x(e) : b(e), i = o(t.$el), l = o(this.arrowRef), c = (this.$props.vertical ? i.width : i.height) / (t.cSlot.end.getTime() - t.cSlot.start.getTime()), h = (Date.now() - S(/* @__PURE__ */ new Date(), t.cSlot.start).getTime()) * c, a = this.$props.dir === "rtl", p = this.$props.vertical ? i.top : i.top + h - l.height / 2, n = a ? "right" : "left", u = this.$props.vertical ? i[n] + h - l.width / 2 : i[n];
+        this.line.style[n] = `${u}px`, this.line.style.top = `${p}px`, this.line.style[this.$props.vertical ? "height" : "width"] = `${r - 1}px`, this.show = !0;
+      } else
+        this.show = !1;
+    }
+  }
+});
+export {
+  M as CurrentTimeMarker
+};

package/components/CurrentTimeMarkerArrow.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 a=require("vue"),v=require("@progress/kendo-date-math"),c=require("@progress/kendo-vue-common"),o=require("../utils/main.js"),h=require("../views/common/utils.js"),f=(s,t)=>{const e=v.cloneDate(s);return e.setHours(t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()),e},m=a.defineComponent({name:"KendoCurrentTimeMarkerArrow",props:{updateInterval:{type:Number,default:6e4},groupIndex:Number,vertical:Boolean,attachArrow:Object},inject:{ks:{default:null},bv:{default:null}},created(){this.interval=void 0,this.arrowRef=null},data(){return{show:!1}},mounted(){this.arrowRef=this.$el,this.position(),!(!this.ks.scheduler||!this.ks.scheduler.$el||!window)&&(clearInterval(this.interval),this.interval=window.setInterval(this.position,this.updateInterval),c.canUseDOM&&window.ResizeObserver&&(this.observer=new window.ResizeObserver(this.position),this.observer.observe(this.ks.scheduler.$el)))},unmounted(){this.observer&&this.observer.disconnect()},render(){return a.createVNode("div",{class:c.classNames("k-current-time",{"k-current-time-arrow-right":!this.$props.vertical&&this.$props.dir!=="rtl","k-current-time-arrow-left":!this.$props.vertical&&this.$props.dir==="rtl","k-current-time-arrow-down":this.$props.vertical}),style:{transform:this.$props.vertical?this.$props.dir==="rtl"?"translateX(50%)":"translateX(-50%)":"translateY(-50%)",visibility:this.show?void 0:"hidden"}},null)},methods:{position(){if(!this.bv.slots)return;const s=this.$props.groupIndex,t=this.bv.slots.filter(e=>(s==null||e.cSlot.group.index===s)&&(this.$props.vertical?o.intersects(new Date,new Date,e.cSlot.start,e.cSlot.end,!0):o.isInTimeRange(new Date,e.cSlot.start,e.cSlot.end))&&!e.isAllDay);if(t&&t.length&&this.$el){const e=o.first(t);if(!e)return;const r=h.getRect(e.$el),n=h.getRect(this.arrowRef),u=(this.$props.vertical?r.width:r.height)/(e.cSlot.end.getTime()-e.cSlot.start.getTime()),l=(Date.now()-f(new Date,e.cSlot.start).getTime())*u,p=this.$props.dir==="rtl",d=this.$props.vertical?r.top:r.top+l-n.height/2,i=p?"right":"left",w=this.$props.vertical?r[i]+l-n.width/2:r[i];this.$props.vertical?this.arrowRef.style[i]=`${w}px`:this.arrowRef.style.top=`${d}px`,this.show=!0}else this.show=!1}}});exports.CurrentTimeMarkerArrow=m;

package/components/CurrentTimeMarkerArrow.mjs

@@ -0,0 +1,80 @@
+/**
+ * @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 d, createVNode as u } from "vue";
+import { cloneDate as f } from "@progress/kendo-date-math";
+import { canUseDOM as m, classNames as w } from "@progress/kendo-vue-common";
+import { intersects as v, isInTimeRange as $, first as g } from "../utils/main.mjs";
+import { getRect as l } from "../views/common/utils.mjs";
+const b = (s, e) => {
+  const t = f(s);
+  return t.setHours(e.getHours(), e.getMinutes(), e.getSeconds(), e.getMilliseconds()), t;
+}, I = /* @__PURE__ */ d({
+  name: "KendoCurrentTimeMarkerArrow",
+  props: {
+    updateInterval: {
+      type: Number,
+      default: 6e4
+    },
+    groupIndex: Number,
+    vertical: Boolean,
+    attachArrow: Object
+  },
+  inject: {
+    ks: {
+      default: null
+    },
+    bv: {
+      default: null
+    }
+  },
+  created() {
+    this.interval = void 0, this.arrowRef = null;
+  },
+  data() {
+    return {
+      show: !1
+    };
+  },
+  mounted() {
+    this.arrowRef = this.$el, this.position(), !(!this.ks.scheduler || !this.ks.scheduler.$el || !window) && (clearInterval(this.interval), this.interval = window.setInterval(this.position, this.updateInterval), m && window.ResizeObserver && (this.observer = new window.ResizeObserver(this.position), this.observer.observe(this.ks.scheduler.$el)));
+  },
+  unmounted() {
+    this.observer && this.observer.disconnect();
+  },
+  render() {
+    return u("div", {
+      class: w("k-current-time", {
+        "k-current-time-arrow-right": !this.$props.vertical && this.$props.dir !== "rtl",
+        "k-current-time-arrow-left": !this.$props.vertical && this.$props.dir === "rtl",
+        "k-current-time-arrow-down": this.$props.vertical
+      }),
+      style: {
+        transform: this.$props.vertical ? this.$props.dir === "rtl" ? "translateX(50%)" : "translateX(-50%)" : "translateY(-50%)",
+        visibility: this.show ? void 0 : "hidden"
+      }
+    }, null);
+  },
+  methods: {
+    position() {
+      if (!this.bv.slots)
+        return;
+      const s = this.$props.groupIndex, e = this.bv.slots.filter((t) => (s == null || t.cSlot.group.index === s) && (this.$props.vertical ? v(/* @__PURE__ */ new Date(), /* @__PURE__ */ new Date(), t.cSlot.start, t.cSlot.end, !0) : $(/* @__PURE__ */ new Date(), t.cSlot.start, t.cSlot.end)) && !t.isAllDay);
+      if (e && e.length && this.$el) {
+        const t = g(e);
+        if (!t)
+          return;
+        const r = l(t.$el), o = l(this.arrowRef), a = (this.$props.vertical ? r.width : r.height) / (t.cSlot.end.getTime() - t.cSlot.start.getTime()), n = (Date.now() - b(/* @__PURE__ */ new Date(), t.cSlot.start).getTime()) * a, h = this.$props.dir === "rtl", c = this.$props.vertical ? r.top : r.top + n - o.height / 2, i = h ? "right" : "left", p = this.$props.vertical ? r[i] + n - o.width / 2 : r[i];
+        this.$props.vertical ? this.arrowRef.style[i] = `${p}px` : this.arrowRef.style.top = `${c}px`, this.show = !0;
+      } else
+        this.show = !1;
+    }
+  }
+});
+export {
+  I as CurrentTimeMarkerArrow
+};

package/components/DateHeaderCell.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 e=require("vue"),a=require("@progress/kendo-vue-intl"),o=require("@progress/kendo-vue-common"),d=e.defineComponent({name:"KendoDateHeaderCell",props:{as:[String,Function,Object],format:{type:[String,Object],default:"d"},date:[Date,Object],start:Date,end:Date},inject:{kendoIntlService:{default:null}},setup(){return{kendoIntlService:e.inject("kendoIntlService",{})}},render(){const t=a.provideIntlService(this).formatDate(this.$props.date,this.$props.format),r=o.getTemplate.call(this,{h:e.h,template:this.$props.as,defaultRendering:t,additionalProps:{default:t,date:this.$props.date,format:this.$props.format}});return e.createVNode("div",{class:"k-scheduler-cell k-heading-cell"},[e.createVNode("span",{class:"k-link k-nav-day"},[r])])}});exports.DateHeaderCell=d;

package/components/DateHeaderCell.mjs

@@ -0,0 +1,53 @@
+/**
+ * @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 a, inject as o, h as d, createVNode as t } from "vue";
+import { provideIntlService as i } from "@progress/kendo-vue-intl";
+import { getTemplate as l } from "@progress/kendo-vue-common";
+const m = /* @__PURE__ */ a({
+  name: "KendoDateHeaderCell",
+  props: {
+    as: [String, Function, Object],
+    format: {
+      type: [String, Object],
+      default: "d"
+    },
+    date: [Date, Object],
+    start: Date,
+    end: Date
+  },
+  inject: {
+    kendoIntlService: {
+      default: null
+    }
+  },
+  setup() {
+    return {
+      kendoIntlService: o("kendoIntlService", {})
+    };
+  },
+  render() {
+    const e = i(this).formatDate(this.$props.date, this.$props.format), r = l.call(this, {
+      h: d,
+      template: this.$props.as,
+      defaultRendering: e,
+      additionalProps: {
+        default: e,
+        date: this.$props.date,
+        format: this.$props.format
+      }
+    });
+    return t("div", {
+      class: "k-scheduler-cell k-heading-cell"
+    }, [t("span", {
+      class: "k-link k-nav-day"
+    }, [r])]);
+  }
+});
+export {
+  m as DateHeaderCell
+};

package/components/SchedulerActionButtons.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 e=require("vue"),i=require("@progress/kendo-vue-dialogs"),n=require("@progress/kendo-svg-icons"),o=require("@progress/kendo-vue-buttons"),s=e.defineComponent({name:"KendoSchedulerActionButtons",props:{editSaveMessage:String,editCancelMessage:String,onCancel:Function},inject:{kendoForm:{default:{}}},render(){return e.createVNode(i.DialogActionsBar,{class:"k-form-buttons",layout:"start"},{default:()=>[e.createVNode(o.Button,{type:"submit",themeColor:"primary",disabled:!this.kendoForm.allowSubmit,icon:"save",svgIcon:n.saveIcon,onClick:this.onSubmit},{default:()=>[this.editSaveMessage]}),e.createVNode(o.Button,{onClick:this.handleCancel,icon:"cancel",svgIcon:n.cancelIcon},{default:()=>[this.editCancelMessage]})]})},methods:{onSubmit(t){this.kendoForm.onSubmit(t)},handleCancel(t){this.$emit("cancel",t)}}});exports.SchedulerActionButtons=s;

package/components/SchedulerActionButtons.mjs

@@ -0,0 +1,58 @@
+/**
+ * @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 t } from "vue";
+import { DialogActionsBar as i } from "@progress/kendo-vue-dialogs";
+import { saveIcon as a, cancelIcon as s } from "@progress/kendo-svg-icons";
+import { Button as o } from "@progress/kendo-vue-buttons";
+const d = /* @__PURE__ */ n({
+  name: "KendoSchedulerActionButtons",
+  props: {
+    editSaveMessage: String,
+    editCancelMessage: String,
+    onCancel: Function
+  },
+  inject: {
+    kendoForm: {
+      default: {}
+    }
+  },
+  render() {
+    return t(i, {
+      class: "k-form-buttons",
+      layout: "start"
+    }, {
+      default: () => [t(o, {
+        type: "submit",
+        themeColor: "primary",
+        disabled: !this.kendoForm.allowSubmit,
+        icon: "save",
+        svgIcon: a,
+        onClick: this.onSubmit
+      }, {
+        default: () => [this.editSaveMessage]
+      }), t(o, {
+        onClick: this.handleCancel,
+        icon: "cancel",
+        svgIcon: s
+      }, {
+        default: () => [this.editCancelMessage]
+      })]
+    });
+  },
+  methods: {
+    onSubmit(e) {
+      this.kendoForm.onSubmit(e);
+    },
+    handleCancel(e) {
+      this.$emit("cancel", e);
+    }
+  }
+});
+export {
+  d as SchedulerActionButtons
+};

package/components/SchedulerForm.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 a=require("vue"),h=require("./SchedulerActionButtons.js"),g=require("@progress/kendo-vue-form"),m=require("@progress/kendo-vue-dialogs"),f=require("@progress/kendo-vue-intl"),S=require("../editors/SchedulerFormEditor.js"),i=require("../messages/main.js"),r=require("@progress/kendo-vue-common"),k=a.defineComponent({name:"KendoSchedulerForm",emits:{cancel:null,close:null,submit:null},props:{dataItem:Object},inject:{ks:{default:null},kendoLocalizationService:{default:null},ksValidator:{default:null},ksModifyInitialFormValues:{default:null}},created(){this.dialogId=r.guid()},data(){return{media:"desktop"}},mounted(){this.calculateMedia(),setTimeout(()=>{const e=document.getElementById(this.dialogId);e&&e.focus()},10)},setupn(){return{kendoLocalizationService:a.inject("kendoLocalizationService",{})}},render(){const e=this,t=f.provideLocalizationService(this);this.requiredValidationMessage=t.toLanguageString(i.editorValidationRequired,i.messages[i.editorValidationRequired]),this.endValidationMessage=t.toLanguageString(i.editorValidationEnd,i.messages[i.editorValidationEnd]);const s=t.toLanguageString(i.editorSave,i.messages[i.editorSave]),o=t.toLanguageString(i.editorCancel,i.messages[i.editorCancel]),d=t.toLanguageString(i.editorTitle,i.messages[i.editorTitle]);this.startValidationMessage=t.toLanguageString(i.editorValidationStart,i.messages[i.editorValidationStart]);const n=a.createVNode(S.SchedulerFormEditor,null,{default:()=>[a.createVNode(h.SchedulerActionButtons,{editSaveMessage:s,editCancelMessage:o,onCancel:this.handleCancel},null)]}),l=r.getTemplate.call(this,{h:a.h,template:this.ks.form,defaultRendering:n,additionalProps:{dataItem:this.dataItem,editSaveMessage:s,editCancelMessage:o},additionalListeners:{cancel:this.handleCancel}}),c={title:d,appendTo:"body",minWidth:this.media==="desktop"?400:"85%",wrapperId:this.dialogId,...this.ks.dialogProps},u={initialValues:e.ksModifyInitialFormValues(e.$props.dataItem),validator:e.formValidator,...this.ks.formProps};return a.h(m.Dialog,{onClose:this.handleClose,class:"k-scheduler-edit-dialog",...c},function(){return[a.h(g.Form,{onSubmit:e.handleSubmit,...u},function(){return[l]})]})},methods:{calculateMedia(){r.canUseDOM&&window.matchMedia&&(this.media=window.matchMedia("(min-width: 600px)").matches?"desktop":"mobile")},handleCancel(e){this.$emit("cancel",{value:null,event:e,target:this.form})},handleClose({event:e}){this.$emit("close",{value:null,event:e,target:this.form})},handleSubmit(e,t){this.$emit("submit",{value:e,event:t,target:this.form})},startAfterEndValidator(e,t){return e&&t(this.ks.fields.end)&&e.getTime()>t(this.ks.fields.end).getTime()?this.startValidationMessage:void 0},endAfterStartValidator(e,t){return e&&t(this.ks.fields.start)&&e.getTime()<t(this.ks.fields.start).getTime()?this.endValidationMessage:void 0},requiredValidator(e){return e?void 0:this.requiredValidationMessage},formValidator(e,t){const s={};s[this.ks.fields.start]=[this.requiredValidator(t(this.ks.fields.start)),this.startAfterEndValidator(t(this.ks.fields.start),t)].filter(Boolean).reduce((d,n)=>d||n,""),s[this.ks.fields.end]=[this.requiredValidator(t(this.ks.fields.start)),this.endAfterStartValidator(t(this.ks.fields.start),t)].filter(Boolean).reduce((d,n)=>d||n,"");const o=this.ksValidator(t);return{...s,...o}}}});exports.SchedulerForm=k;

package/components/SchedulerForm.mjs

@@ -0,0 +1,155 @@
+/**
+ * @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 S, inject as M, createVNode as r, h as n } from "vue";
+import { SchedulerActionButtons as V } from "./SchedulerActionButtons.mjs";
+import { Form as v } from "@progress/kendo-vue-form";
+import { Dialog as C } from "@progress/kendo-vue-dialogs";
+import { provideLocalizationService as I } from "@progress/kendo-vue-intl";
+import { SchedulerFormEditor as L } from "../editors/SchedulerFormEditor.mjs";
+import { editorValidationRequired as l, messages as a, editorValidationEnd as c, editorSave as h, editorCancel as u, editorTitle as m, editorValidationStart as g } from "../messages/main.mjs";
+import { guid as T, getTemplate as b, canUseDOM as q } from "@progress/kendo-vue-common";
+const $ = /* @__PURE__ */ S({
+  name: "KendoSchedulerForm",
+  emits: {
+    cancel: null,
+    close: null,
+    submit: null
+  },
+  props: {
+    dataItem: Object
+  },
+  inject: {
+    ks: {
+      default: null
+    },
+    kendoLocalizationService: {
+      default: null
+    },
+    ksValidator: {
+      default: null
+    },
+    ksModifyInitialFormValues: {
+      default: null
+    }
+  },
+  created() {
+    this.dialogId = T();
+  },
+  data() {
+    return {
+      media: "desktop"
+    };
+  },
+  mounted() {
+    this.calculateMedia(), setTimeout(() => {
+      const t = document.getElementById(this.dialogId);
+      t && t.focus();
+    }, 10);
+  },
+  setupn() {
+    return {
+      kendoLocalizationService: M("kendoLocalizationService", {})
+    };
+  },
+  render() {
+    const t = this, e = I(this);
+    this.requiredValidationMessage = e.toLanguageString(l, a[l]), this.endValidationMessage = e.toLanguageString(c, a[c]);
+    const i = e.toLanguageString(h, a[h]), o = e.toLanguageString(u, a[u]), s = e.toLanguageString(m, a[m]);
+    this.startValidationMessage = e.toLanguageString(g, a[g]);
+    const d = r(L, null, {
+      default: () => [r(V, {
+        editSaveMessage: i,
+        editCancelMessage: o,
+        onCancel: this.handleCancel
+      }, null)]
+    }), f = b.call(this, {
+      h: n,
+      template: this.ks.form,
+      defaultRendering: d,
+      additionalProps: {
+        dataItem: this.dataItem,
+        editSaveMessage: i,
+        editCancelMessage: o
+      },
+      additionalListeners: {
+        cancel: this.handleCancel
+      }
+    }), p = {
+      title: s,
+      appendTo: "body",
+      minWidth: this.media === "desktop" ? 400 : "85%",
+      wrapperId: this.dialogId,
+      ...this.ks.dialogProps
+    }, k = {
+      initialValues: t.ksModifyInitialFormValues(t.$props.dataItem),
+      validator: t.formValidator,
+      ...this.ks.formProps
+    };
+    return n(C, {
+      onClose: this.handleClose,
+      class: "k-scheduler-edit-dialog",
+      ...p
+    }, function() {
+      return [n(v, {
+        onSubmit: t.handleSubmit,
+        ...k
+      }, function() {
+        return [f];
+      })];
+    });
+  },
+  methods: {
+    calculateMedia() {
+      q && window.matchMedia && (this.media = window.matchMedia("(min-width: 600px)").matches ? "desktop" : "mobile");
+    },
+    handleCancel(t) {
+      this.$emit("cancel", {
+        value: null,
+        event: t,
+        target: this.form
+      });
+    },
+    handleClose({
+      event: t
+    }) {
+      this.$emit("close", {
+        value: null,
+        event: t,
+        target: this.form
+      });
+    },
+    handleSubmit(t, e) {
+      this.$emit("submit", {
+        value: t,
+        event: e,
+        target: this.form
+      });
+    },
+    startAfterEndValidator(t, e) {
+      return t && e(this.ks.fields.end) && t.getTime() > e(this.ks.fields.end).getTime() ? this.startValidationMessage : void 0;
+    },
+    endAfterStartValidator(t, e) {
+      return t && e(this.ks.fields.start) && t.getTime() < e(this.ks.fields.start).getTime() ? this.endValidationMessage : void 0;
+    },
+    requiredValidator(t) {
+      return t ? void 0 : this.requiredValidationMessage;
+    },
+    formValidator(t, e) {
+      const i = {};
+      i[this.ks.fields.start] = [this.requiredValidator(e(this.ks.fields.start)), this.startAfterEndValidator(e(this.ks.fields.start), e)].filter(Boolean).reduce((s, d) => s || d, ""), i[this.ks.fields.end] = [this.requiredValidator(e(this.ks.fields.start)), this.endAfterStartValidator(e(this.ks.fields.start), e)].filter(Boolean).reduce((s, d) => s || d, "");
+      const o = this.ksValidator(e);
+      return {
+        ...i,
+        ...o
+      };
+    }
+  }
+});
+export {
+  $ as SchedulerForm
+};

package/components/SchedulerOccurrenceDialog.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 n=require("vue"),s=require("@progress/kendo-vue-dialogs"),M=require("@progress/kendo-vue-intl"),o=require("../messages/main.js"),O=require("@progress/kendo-vue-common"),l=require("@progress/kendo-vue-buttons");function a(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!n.isVNode(e)}const D=n.defineComponent({name:"KendoSchedulerOccurrenceDialog",props:{dataItem:Object,isRemove:Boolean,onClose:Function,onOccurrenceclose:Function,onSeriesclose:Function},inject:{kendoLocalizationService:{default:null}},created(){this.dialogId=O.guid()},mounted(){setTimeout(()=>{const e=document.getElementById(this.dialogId);e&&e.focus()},10)},setup(){return{kendoLocalizationService:n.inject("kendoLocalizationService",{})}},render(){const{isRemove:e}=this.$props,u=M.provideLocalizationService(this),t=r=>u.toLanguageString(r,o.messages[r]),d=t(o.editorOccurrence),g=t(o.editorSeries),m=t(o.editorRecurringConfirmation),h=t(o.editorRecurringDialogTitle),S=t(o.deleteOccurrence),f=t(o.deleteSeries),p=t(o.deleteRecurringDialogTitle),C=t(o.deleteRecurringConfirmation),k=e?p:h,v=e?C:m,i=e?S:d,c=e?f:g;return n.createVNode(s.Dialog,{title:k,appendTo:"body",wrapperId:this.dialogId,onClose:this.handleClose},{default:()=>[v,n.createVNode(s.DialogActionsBar,null,{default:()=>[n.createVNode(l.Button,{onClick:this.handleOccurrenceClick},a(i)?i:{default:()=>[i]}),n.createVNode(l.Button,{onClick:this.handleSeriesClick},a(c)?c:{default:()=>[c]})]})]})},methods:{handleClose({event:e}){this.$emit("close",{event:e,value:null})},handleSeriesClick(e){this.$emit("seriesclose",{event:e,value:null})},handleOccurrenceClick(e){this.$emit("occurrenceclose",{event:e,value:null})}}});exports.SchedulerOccurrenceDialog=D;