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

package/items/SchedulerItem.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"),o=require("../utils/main.js"),i=require("@progress/kendo-vue-common"),a=require("@progress/kendo-vue-intl"),n=require("../messages/main.js"),d=require("../components/SchedulerOccurrenceDialog.js"),c=require("../components/SchedulerRemoveDialog.js"),u=require("../components/SchedulerForm.js"),l=require("@progress/kendo-svg-icons"),p=require("../hooks/useEditable.js"),m=t.defineComponent({name:"KendoSchedulerItem",inheritAttrs:!1,emits:{focus:null,blur:null,mousedown:null,mouseup:null,mouseover:null,mouseout:null,mouseenter:null,mouseleave:null,click:null,doubleclick:null,removeclick:null,keydown:null,keypress:null,keyup:null,press:null,drag:null,release:null,resizepress:null,resizestartdrag:null,resizeenddrag:null,resizerelease:null,cancel:null,close:null,formsubmit:null},props:{uid:[String,Number],start:Date,end:Date,originalStart:Date,startTimezone:String,endTimezone:String,isAllDay:Boolean,title:String,description:String,occurrenceId:String,recurrenceExceptions:Array,recurrenceRule:String,recurrenceId:[String,Number],dataItem:Object,head:Boolean,tail:Boolean,order:Number,zonedStart:Object,zonedEnd:Object,slots:Array,group:Object,range:Object,isException:Boolean,isRecurring:Boolean,id:String,tabIndex:Number,className:String,itemStyle:Object,editable:[Object,Boolean],selected:Boolean,vertical:Boolean,dragHint:Boolean,resizeHint:Boolean,format:String,maxSiblingsPerSlot:Number,itemTitle:String,formItem:Object,dragItem:Object,resizeItem:Object,removeItem:Object,ignoreIsAllDay:Boolean,item:[String,Function,Object],showOccurrenceDialog:{type:Boolean,default:void 0},showRemoveDialog:{type:Boolean,default:void 0}},inject:{ks:{default:null},bv:{default:null},kendoLocalizationService:{default:null},kendoIntlService:{default:null},setItems:{default:null},itemClick:{default:null},itemDoubleClick:{default:null},ksCancel:{default:null},ksFormSubmit:{default:null},ksOccurrenceClick:{default:null},ksSeriesClick:{default:null},ksRemoveConfirm:{default:null}},computed:{currentEditable(){return p.useEditable(this.$props.editable)},resource(){const e=this.$props.group.resources.find(s=>!!(s.colorField&&s[s.colorField]!==""&&s[s.colorField]!==void 0)),r=o.toSchedulerGroups(void 0,this.ks.props.resources)[0].resources.find(s=>!!(s.colorField&&s[s.colorField]!==""&&s[s.colorField]!==void 0&&this.dataItem[s.field]===s.value));return e||r},color(){return this.resource&&this.resource.colorField&&this.resource[this.resource.colorField]},currentTabIndex(){return this.$props.tabIndex!==void 0?this.$props.tabIndex===null?void 0:this.$props.tabIndex:this.$props.selected?0:-1},itemClassName(){return{"k-event":!this.$props.resizeHint,"k-selected":this.$props.selected&&this.currentEditable.select,"k-event-drag-hint":this.$props.dragHint,"k-scheduler-marquee":this.$props.resizeHint,"k-marquee":this.$props.resizeHint,"k-first":this.$props.resizeHint&&!this.$props.tail,"k-last":this.$props.resizeHint&&!this.$props.head,[this.$props.className]:this.$props.className}},eventLabel(){return`${o.formatEventTime(this.intl,this.$props.zonedStart,this.$props.zonedEnd,this.$props.isAllDay)}, ${this.$props.title}`},computedStyle(){return{cursor:"pointer",userSelect:"none",borderColor:this.$props.resizeHint?void 0:this.color,backgroundColor:this.$props.resizeHint?void 0:this.color,touchAction:"none",...this.$props.itemStyle}}},created(){this.setItems({type:o.COLLECTION_ACTION.add,item:this})},mounted(){this.element||(this.element=this.$refs.draggable&&this.$refs.draggable.element)},unmounted(){this.setItems({type:o.COLLECTION_ACTION.remove,item:this})},render(){const e=i.getDefaultSlots(this);this.intl=a.provideIntlService(this);const s=a.provideLocalizationService(this).toLanguageString(n.deleteTitle,n.messages[n.deleteTitle]),h=i.getTemplate.call(this,{h:t.h,template:this.bv.viewProps.resizeHint,additionalProps:{dataItem:this.dataItem,color:this.color,itemClassName:this.itemClassName}});return t.createVNode(i.Draggable,{onPress:this.handlePress,onDrag:this.handleDrag,onRelease:this.handleRelease,ref:"draggable"},{default:()=>[t.createVNode("div",{id:this.$props.id,style:this.computedStyle,tabindex:this.currentTabIndex,class:this.itemClassName,role:"button","aria-label":this.eventLabel,onFocusin:this.handleFocus,onBlur:this.handleBlur,onMouseup:this.handleMouseUp,onMousedown:this.handleMouseDown,onClick:this.handleClick,onMouseover:this.handleMouseOver,onMouseout:this.handleMouseOut,onMouseenter:this.handleMouseEnter,onMouseleave:this.handleMouseLeave,onDblclick:this.handleDoubleClick,onKeydown:this.handleKeyDown,onKeypress:this.handleKeyPress,onKeyup:this.handleKeyUp,"data-group-index":this.$props.group.index,"data-range-index":this.$props.range.index},[!this.$props.resizeHint&&t.createVNode("span",{class:"k-event-actions"},[this.$props.tail&&t.createVNode(i.Icon,{name:this.ks.isRtl?"caret-alt-right":"caret-alt-left",icon:this.ks.isRtl?l.caretAltRightIcon:l.caretAltLeftIcon,size:"medium"},null),this.$props.isRecurring&&!this.$props.isException&&t.createVNode(i.Icon,{name:"arrow-rotate-cw",icon:l.arrowRotateCwIcon,size:"medium"},null),!this.$props.isRecurring&&this.$props.isException&&t.createVNode(i.Icon,{name:"arrows-no-repeat",icon:l.arrowsNoRepeatIcon,size:"medium"},null)]),this.formItem&&!this.showOccurrenceDialog&&this.currentEditable.edit&&t.createVNode(u.SchedulerForm,{dataItem:this.formItem,onSubmit:this.handleFormSubmit,onClose:this.handleFormClose,onCancel:this.handleFormCancel},null),this.showOccurrenceDialog&&this.currentEditable.edit&&t.createVNode(d.SchedulerOccurrenceDialog,{dataItem:this.formItem||this.dragItem||this.resizeItem||this.removeItem,isRemove:!!this.removeItem,onClose:this.ksCancel,onOccurrenceclose:this.ksOccurrenceClick,onSeriesclose:this.ksSeriesClick},null),this.showRemoveDialog&&this.removeItem&&this.currentEditable.remove&&t.createVNode(c.SchedulerRemoveDialog,{dataItem:this.removeItem,onClose:this.ksCancel,onCancel:this.ksCancel,onConfirm:this.ksRemoveConfirm},null),e,!this.$props.resizeHint&&t.createVNode("span",{class:"k-event-actions"},[this.currentEditable.remove&&t.createVNode("a",{tabindex:-1,"aria-hidden":"true",class:"k-link k-event-delete",title:s,"aria-label":s,onClick:this.handleRemoveClick},[t.createVNode(i.Icon,{name:"x",icon:l.xIcon,size:"medium"},null)]),this.$props.head&&t.createVNode(i.Icon,{name:this.ks.isRtl?"caret-alt-left":"caret-alt-right",icon:this.ks.isRtl?l.caretAltLeftIcon:l.caretAltRightIcon,size:"medium"},null)]),this.currentEditable.resize&&this.$props.vertical&&[t.createVNode(i.Draggable,{onPress:this.handleResizePress,onDrag:this.handleResizeStartDrag,onRelease:this.handleResizeRelease},{default:()=>[t.createVNode("span",{class:"k-resize-handle k-resize-n"},null)]}),t.createVNode(i.Draggable,{onPress:this.handleResizePress,onDrag:this.handleResizeEndDrag,onRelease:this.handleResizeRelease},{default:()=>[t.createVNode("span",{class:"k-resize-handle k-resize-s"},null)]})],this.currentEditable.resize&&!this.$props.vertical&&[t.createVNode(i.Draggable,{onPress:this.handleResizePress,onDrag:this.handleResizeStartDrag,onRelease:this.handleResizeRelease},{default:()=>[t.createVNode("span",{class:"k-resize-handle k-resize-w"},null)]}),t.createVNode(i.Draggable,{onPress:this.handleResizePress,onDrag:this.handleResizeEndDrag,onRelease:this.handleResizeRelease},{default:()=>[t.createVNode("span",{class:"k-resize-handle k-resize-e"},null)]})],this.$props.resizeHint?this.bv.viewProps.resizeHint?h:[t.createVNode("div",{class:"k-marquee-color",style:{borderColor:this.color,backgroundColor:this.color}},null),t.createVNode("div",{class:"k-marquee-text"},[!this.$props.tail&&t.createVNode("div",{class:"k-label-top"},[this.intl.formatDate(this.$props.zonedStart,this.$props.format)]),!this.$props.head&&t.createVNode("div",{class:"k-label-bottom"},[this.intl.formatDate(this.$props.zonedEnd,this.$props.format)])])]:null])]})},methods:{getElement(){return this.$el.nodeType===8?this.$el.parentElement:this.$el.nodeType===3?this.$el.nextElementSibling:this.$el},handleFocus(e){this.$emit("focus",{event:e,target:{props:{...this.$props},element:this.element}})},handleBlur(e){this.$emit("blur",{event:e,target:{props:{...this.$props},element:this.element}})},handleMouseDown(e){this.$emit("mousedown",{event:e,target:{props:{...this.$props},element:this.element}})},handleClick(e){const r={event:e,target:{props:{...this.$props},element:this.element}};this.$emit("click",r),this.itemClick(r)},handleMouseUp(e){this.$emit("mouseup",{event:e,target:{props:{...this.$props},element:this.element}})},handleMouseOver(e){this.$emit("mouseover",{event:e,target:{props:{...this.$props},element:this.element}})},handleMouseOut(e){this.$emit("mouseout",{event:e,target:{props:{...this.$props},element:this.element}})},handleMouseEnter(e){this.$emit("mouseenter",{event:e,target:{props:{...this.$props},element:this.element}})},handleMouseLeave(e){this.$emit("mouseleave",{event:e,target:{props:{...this.$props},element:this.element}})},handleDoubleClick(e){const r={event:e,target:{props:{...this.$props},element:this.element}};this.$emit("doubleclick",r),this.itemDoubleClick(r)},handleRemoveClick(e){this.$emit("removeclick",{event:e,target:{props:{...this.$props},element:this.element}})},handleKeyDown(e){this.$emit("keydown",{event:e,target:{props:{...this.$props},element:this.element}})},handleKeyPress(e){this.$emit("keypress",{event:e,target:{props:{...this.$props},element:this.element}})},handleKeyUp(e){this.$emit("keyup",{event:e,target:{props:{...this.$props},element:this.element}})},handlePress(e){this.currentEditable.drag&&this.$emit("press",{dragEvent:e,target:{props:{...this.$props},element:this.element}})},handleDrag(e){this.currentEditable.drag&&this.$emit("drag",{dragEvent:e,target:{props:{...this.$props},element:this.element}})},handleRelease(e){this.currentEditable.drag&&this.$emit("release",{dragEvent:e,target:{props:{...this.$props},element:this.element}})},handleResizePress(e){this.$emit("resizepress",{dragEvent:e,target:{props:{...this.$props},element:this.element}})},handleResizeStartDrag(e){this.$emit("resizestartdrag",{dragEvent:e,target:{props:{...this.$props},element:this.element}})},handleResizeEndDrag(e){this.$emit("resizeenddrag",{dragEvent:e,target:{props:{...this.$props},element:this.element}})},handleResizeRelease(e){this.$emit("resizerelease",{dragEvent:e,target:{props:{...this.$props},element:this.element}})},handleFormClose(e){this.ksCancel(e),this.$emit("close",e)},handleFormSubmit(e){this.ksFormSubmit(e),this.$emit("formsubmit",e)},handleFormCancel(e){this.ksCancel(e),this.$emit("cancel",e)}}});exports.SchedulerItem=m;

package/items/SchedulerItem.mjs

@@ -0,0 +1,580 @@
+/**
+ * @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 p, h as m, createVNode as t } from "vue";
+import { toSchedulerGroups as u, formatEventTime as c, COLLECTION_ACTION as n } from "../utils/main.mjs";
+import { getDefaultSlots as g, getTemplate as $, Draggable as r, Icon as l } from "@progress/kendo-vue-common";
+import { provideIntlService as k, provideLocalizationService as b } from "@progress/kendo-vue-intl";
+import { deleteTitle as o, messages as f } from "../messages/main.mjs";
+import { SchedulerOccurrenceDialog as z } from "../components/SchedulerOccurrenceDialog.mjs";
+import { SchedulerRemoveDialog as v } from "../components/SchedulerRemoveDialog.mjs";
+import { SchedulerForm as C } from "../components/SchedulerForm.mjs";
+import { caretAltRightIcon as a, caretAltLeftIcon as h, arrowRotateCwIcon as S, arrowsNoRepeatIcon as R, xIcon as I } from "@progress/kendo-svg-icons";
+import { useEditable as D } from "../hooks/useEditable.mjs";
+const N = /* @__PURE__ */ p({
+  name: "KendoSchedulerItem",
+  inheritAttrs: !1,
+  emits: {
+    focus: null,
+    blur: null,
+    mousedown: null,
+    mouseup: null,
+    mouseover: null,
+    mouseout: null,
+    mouseenter: null,
+    mouseleave: null,
+    click: null,
+    doubleclick: null,
+    removeclick: null,
+    keydown: null,
+    keypress: null,
+    keyup: null,
+    press: null,
+    drag: null,
+    release: null,
+    resizepress: null,
+    resizestartdrag: null,
+    resizeenddrag: null,
+    resizerelease: null,
+    cancel: null,
+    close: null,
+    formsubmit: null
+  },
+  props: {
+    uid: [String, Number],
+    start: Date,
+    end: Date,
+    originalStart: Date,
+    startTimezone: String,
+    endTimezone: String,
+    isAllDay: Boolean,
+    title: String,
+    description: String,
+    occurrenceId: String,
+    recurrenceExceptions: Array,
+    recurrenceRule: String,
+    recurrenceId: [String, Number],
+    dataItem: Object,
+    head: Boolean,
+    tail: Boolean,
+    order: Number,
+    zonedStart: Object,
+    zonedEnd: Object,
+    slots: Array,
+    group: Object,
+    range: Object,
+    isException: Boolean,
+    isRecurring: Boolean,
+    id: String,
+    tabIndex: Number,
+    className: String,
+    itemStyle: Object,
+    editable: [Object, Boolean],
+    selected: Boolean,
+    vertical: Boolean,
+    dragHint: Boolean,
+    resizeHint: Boolean,
+    format: String,
+    maxSiblingsPerSlot: Number,
+    itemTitle: String,
+    formItem: Object,
+    dragItem: Object,
+    resizeItem: Object,
+    removeItem: Object,
+    ignoreIsAllDay: Boolean,
+    item: [String, Function, Object],
+    showOccurrenceDialog: {
+      type: Boolean,
+      default: void 0
+    },
+    showRemoveDialog: {
+      type: Boolean,
+      default: void 0
+    }
+  },
+  inject: {
+    ks: {
+      default: null
+    },
+    bv: {
+      default: null
+    },
+    kendoLocalizationService: {
+      default: null
+    },
+    kendoIntlService: {
+      default: null
+    },
+    setItems: {
+      default: null
+    },
+    itemClick: {
+      default: null
+    },
+    itemDoubleClick: {
+      default: null
+    },
+    ksCancel: {
+      default: null
+    },
+    ksFormSubmit: {
+      default: null
+    },
+    ksOccurrenceClick: {
+      default: null
+    },
+    ksSeriesClick: {
+      default: null
+    },
+    ksRemoveConfirm: {
+      default: null
+    }
+  },
+  computed: {
+    currentEditable() {
+      return D(this.$props.editable);
+    },
+    resource() {
+      const e = this.$props.group.resources.find((s) => !!(s.colorField && s[s.colorField] !== "" && s[s.colorField] !== void 0)), i = u(void 0, this.ks.props.resources)[0].resources.find((s) => !!(s.colorField && s[s.colorField] !== "" && s[s.colorField] !== void 0 && this.dataItem[s.field] === s.value));
+      return e || i;
+    },
+    color() {
+      return this.resource && this.resource.colorField && this.resource[this.resource.colorField];
+    },
+    currentTabIndex() {
+      return this.$props.tabIndex !== void 0 ? this.$props.tabIndex === null ? void 0 : this.$props.tabIndex : this.$props.selected ? 0 : -1;
+    },
+    itemClassName() {
+      return {
+        "k-event": !this.$props.resizeHint,
+        "k-selected": this.$props.selected && this.currentEditable.select,
+        "k-event-drag-hint": this.$props.dragHint,
+        "k-scheduler-marquee": this.$props.resizeHint,
+        "k-marquee": this.$props.resizeHint,
+        "k-first": this.$props.resizeHint && !this.$props.tail,
+        "k-last": this.$props.resizeHint && !this.$props.head,
+        [this.$props.className]: this.$props.className
+      };
+    },
+    eventLabel() {
+      return `${c(this.intl, this.$props.zonedStart, this.$props.zonedEnd, this.$props.isAllDay)}, ${this.$props.title}`;
+    },
+    computedStyle() {
+      return {
+        cursor: "pointer",
+        userSelect: "none",
+        borderColor: this.$props.resizeHint ? void 0 : this.color,
+        backgroundColor: this.$props.resizeHint ? void 0 : this.color,
+        touchAction: "none",
+        ...this.$props.itemStyle
+      };
+    }
+  },
+  created() {
+    this.setItems({
+      type: n.add,
+      item: this
+    });
+  },
+  mounted() {
+    this.element || (this.element = this.$refs.draggable && this.$refs.draggable.element);
+  },
+  unmounted() {
+    this.setItems({
+      type: n.remove,
+      item: this
+    });
+  },
+  render() {
+    const e = g(this);
+    this.intl = k(this);
+    const s = b(this).toLanguageString(o, f[o]), d = $.call(this, {
+      h: m,
+      template: this.bv.viewProps.resizeHint,
+      additionalProps: {
+        dataItem: this.dataItem,
+        color: this.color,
+        itemClassName: this.itemClassName
+      }
+    });
+    return t(r, {
+      onPress: this.handlePress,
+      onDrag: this.handleDrag,
+      onRelease: this.handleRelease,
+      ref: "draggable"
+    }, {
+      default: () => [t("div", {
+        id: this.$props.id,
+        style: this.computedStyle,
+        tabindex: this.currentTabIndex,
+        class: this.itemClassName,
+        role: "button",
+        "aria-label": this.eventLabel,
+        onFocusin: this.handleFocus,
+        onBlur: this.handleBlur,
+        onMouseup: this.handleMouseUp,
+        onMousedown: this.handleMouseDown,
+        onClick: this.handleClick,
+        onMouseover: this.handleMouseOver,
+        onMouseout: this.handleMouseOut,
+        onMouseenter: this.handleMouseEnter,
+        onMouseleave: this.handleMouseLeave,
+        onDblclick: this.handleDoubleClick,
+        onKeydown: this.handleKeyDown,
+        onKeypress: this.handleKeyPress,
+        onKeyup: this.handleKeyUp,
+        "data-group-index": this.$props.group.index,
+        "data-range-index": this.$props.range.index
+      }, [!this.$props.resizeHint && t("span", {
+        class: "k-event-actions"
+      }, [this.$props.tail && t(l, {
+        name: this.ks.isRtl ? "caret-alt-right" : "caret-alt-left",
+        icon: this.ks.isRtl ? a : h,
+        size: "medium"
+      }, null), this.$props.isRecurring && !this.$props.isException && t(l, {
+        name: "arrow-rotate-cw",
+        icon: S,
+        size: "medium"
+      }, null), !this.$props.isRecurring && this.$props.isException && t(l, {
+        name: "arrows-no-repeat",
+        icon: R,
+        size: "medium"
+      }, null)]), this.formItem && !this.showOccurrenceDialog && this.currentEditable.edit && t(C, {
+        dataItem: this.formItem,
+        onSubmit: this.handleFormSubmit,
+        onClose: this.handleFormClose,
+        onCancel: this.handleFormCancel
+      }, null), this.showOccurrenceDialog && this.currentEditable.edit && t(z, {
+        dataItem: this.formItem || this.dragItem || this.resizeItem || this.removeItem,
+        isRemove: !!this.removeItem,
+        onClose: this.ksCancel,
+        onOccurrenceclose: this.ksOccurrenceClick,
+        onSeriesclose: this.ksSeriesClick
+      }, null), this.showRemoveDialog && this.removeItem && this.currentEditable.remove && t(v, {
+        dataItem: this.removeItem,
+        onClose: this.ksCancel,
+        onCancel: this.ksCancel,
+        onConfirm: this.ksRemoveConfirm
+      }, null), e, !this.$props.resizeHint && t("span", {
+        class: "k-event-actions"
+      }, [this.currentEditable.remove && t("a", {
+        tabindex: -1,
+        "aria-hidden": "true",
+        class: "k-link k-event-delete",
+        title: s,
+        "aria-label": s,
+        onClick: this.handleRemoveClick
+      }, [t(l, {
+        name: "x",
+        icon: I,
+        size: "medium"
+      }, null)]), this.$props.head && t(l, {
+        name: this.ks.isRtl ? "caret-alt-left" : "caret-alt-right",
+        icon: this.ks.isRtl ? h : a,
+        size: "medium"
+      }, null)]), this.currentEditable.resize && this.$props.vertical && [t(r, {
+        onPress: this.handleResizePress,
+        onDrag: this.handleResizeStartDrag,
+        onRelease: this.handleResizeRelease
+      }, {
+        default: () => [t("span", {
+          class: "k-resize-handle k-resize-n"
+        }, null)]
+      }), t(r, {
+        onPress: this.handleResizePress,
+        onDrag: this.handleResizeEndDrag,
+        onRelease: this.handleResizeRelease
+      }, {
+        default: () => [t("span", {
+          class: "k-resize-handle k-resize-s"
+        }, null)]
+      })], this.currentEditable.resize && !this.$props.vertical && [t(r, {
+        onPress: this.handleResizePress,
+        onDrag: this.handleResizeStartDrag,
+        onRelease: this.handleResizeRelease
+      }, {
+        default: () => [t("span", {
+          class: "k-resize-handle k-resize-w"
+        }, null)]
+      }), t(r, {
+        onPress: this.handleResizePress,
+        onDrag: this.handleResizeEndDrag,
+        onRelease: this.handleResizeRelease
+      }, {
+        default: () => [t("span", {
+          class: "k-resize-handle k-resize-e"
+        }, null)]
+      })], this.$props.resizeHint ? this.bv.viewProps.resizeHint ? d : [t("div", {
+        class: "k-marquee-color",
+        style: {
+          borderColor: this.color,
+          backgroundColor: this.color
+        }
+      }, null), t("div", {
+        class: "k-marquee-text"
+      }, [!this.$props.tail && t("div", {
+        class: "k-label-top"
+      }, [this.intl.formatDate(this.$props.zonedStart, this.$props.format)]), !this.$props.head && t("div", {
+        class: "k-label-bottom"
+      }, [this.intl.formatDate(this.$props.zonedEnd, this.$props.format)])])] : null])]
+    });
+  },
+  methods: {
+    getElement() {
+      return this.$el.nodeType === 8 ? this.$el.parentElement : this.$el.nodeType === 3 ? this.$el.nextElementSibling : this.$el;
+    },
+    // Focus Handlers
+    handleFocus(e) {
+      this.$emit("focus", {
+        event: e,
+        target: {
+          props: {
+            ...this.$props
+          },
+          element: this.element
+        }
+      });
+    },
+    handleBlur(e) {
+      this.$emit("blur", {
+        event: e,
+        target: {
+          props: {
+            ...this.$props
+          },
+          element: this.element
+        }
+      });
+    },
+    // Mouse Handlers
+    handleMouseDown(e) {
+      this.$emit("mousedown", {
+        event: e,
+        target: {
+          props: {
+            ...this.$props
+          },
+          element: this.element
+        }
+      });
+    },
+    handleClick(e) {
+      const i = {
+        event: e,
+        target: {
+          props: {
+            ...this.$props
+          },
+          element: this.element
+        }
+      };
+      this.$emit("click", i), this.itemClick(i);
+    },
+    handleMouseUp(e) {
+      this.$emit("mouseup", {
+        event: e,
+        target: {
+          props: {
+            ...this.$props
+          },
+          element: this.element
+        }
+      });
+    },
+    handleMouseOver(e) {
+      this.$emit("mouseover", {
+        event: e,
+        target: {
+          props: {
+            ...this.$props
+          },
+          element: this.element
+        }
+      });
+    },
+    handleMouseOut(e) {
+      this.$emit("mouseout", {
+        event: e,
+        target: {
+          props: {
+            ...this.$props
+          },
+          element: this.element
+        }
+      });
+    },
+    handleMouseEnter(e) {
+      this.$emit("mouseenter", {
+        event: e,
+        target: {
+          props: {
+            ...this.$props
+          },
+          element: this.element
+        }
+      });
+    },
+    handleMouseLeave(e) {
+      this.$emit("mouseleave", {
+        event: e,
+        target: {
+          props: {
+            ...this.$props
+          },
+          element: this.element
+        }
+      });
+    },
+    handleDoubleClick(e) {
+      const i = {
+        event: e,
+        target: {
+          props: {
+            ...this.$props
+          },
+          element: this.element
+        }
+      };
+      this.$emit("doubleclick", i), this.itemDoubleClick(i);
+    },
+    handleRemoveClick(e) {
+      this.$emit("removeclick", {
+        event: e,
+        target: {
+          props: {
+            ...this.$props
+          },
+          element: this.element
+        }
+      });
+    },
+    // Keyboard Handlers
+    handleKeyDown(e) {
+      this.$emit("keydown", {
+        event: e,
+        target: {
+          props: {
+            ...this.$props
+          },
+          element: this.element
+        }
+      });
+    },
+    handleKeyPress(e) {
+      this.$emit("keypress", {
+        event: e,
+        target: {
+          props: {
+            ...this.$props
+          },
+          element: this.element
+        }
+      });
+    },
+    handleKeyUp(e) {
+      this.$emit("keyup", {
+        event: e,
+        target: {
+          props: {
+            ...this.$props
+          },
+          element: this.element
+        }
+      });
+    },
+    // Drag Handlers
+    handlePress(e) {
+      this.currentEditable.drag && this.$emit("press", {
+        dragEvent: e,
+        target: {
+          props: {
+            ...this.$props
+          },
+          element: this.element
+        }
+      });
+    },
+    handleDrag(e) {
+      this.currentEditable.drag && this.$emit("drag", {
+        dragEvent: e,
+        target: {
+          props: {
+            ...this.$props
+          },
+          element: this.element
+        }
+      });
+    },
+    handleRelease(e) {
+      this.currentEditable.drag && this.$emit("release", {
+        dragEvent: e,
+        target: {
+          props: {
+            ...this.$props
+          },
+          element: this.element
+        }
+      });
+    },
+    handleResizePress(e) {
+      this.$emit("resizepress", {
+        dragEvent: e,
+        target: {
+          props: {
+            ...this.$props
+          },
+          element: this.element
+        }
+      });
+    },
+    handleResizeStartDrag(e) {
+      this.$emit("resizestartdrag", {
+        dragEvent: e,
+        target: {
+          props: {
+            ...this.$props
+          },
+          element: this.element
+        }
+      });
+    },
+    handleResizeEndDrag(e) {
+      this.$emit("resizeenddrag", {
+        dragEvent: e,
+        target: {
+          props: {
+            ...this.$props
+          },
+          element: this.element
+        }
+      });
+    },
+    handleResizeRelease(e) {
+      this.$emit("resizerelease", {
+        dragEvent: e,
+        target: {
+          props: {
+            ...this.$props
+          },
+          element: this.element
+        }
+      });
+    },
+    handleFormClose(e) {
+      this.ksCancel(e), this.$emit("close", e);
+    },
+    handleFormSubmit(e) {
+      this.ksFormSubmit(e), this.$emit("formsubmit", e);
+    },
+    handleFormCancel(e) {
+      this.ksCancel(e), this.$emit("cancel", e);
+    }
+  }
+});
+export {
+  N as SchedulerItem
+};

package/items/SchedulerItemContent.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"),n=require("@progress/kendo-vue-common"),o=e.defineComponent({name:"KendoSchedulerItemContent",props:{title:String},render(){const t=n.getDefaultSlots(this);return e.createVNode("div",{class:"k-event-template"},[this.title,t])}});exports.SchedulerItemContent=o;

package/items/SchedulerItemContent.mjs

@@ -0,0 +1,24 @@
+/**
+ * @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 t, createVNode as o } from "vue";
+import { getDefaultSlots as n } from "@progress/kendo-vue-common";
+const i = /* @__PURE__ */ t({
+  name: "KendoSchedulerItemContent",
+  props: {
+    title: String
+  },
+  render() {
+    const e = n(this);
+    return o("div", {
+      class: "k-event-template"
+    }, [this.title, e]);
+  }
+});
+export {
+  i as SchedulerItemContent
+};

package/items/SchedulerViewItem.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"),z=require("./SchedulerItem.js"),p=require("../utils/main.js"),c=require("../views/common/utils.js"),d=require("../constants/main.js"),I=require("@progress/kendo-vue-intl"),f=require("./SchedulerItemContent.js"),m=require("@progress/kendo-vue-common");function b(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!a.isVNode(e)}const D=1,v=a.defineComponent({name:"KendoSchedulerViewItem",inheritAttrs:!1,props:{ignoreIsAllDay:Boolean,item:[String,Function,Object],uid:[String,Number],start:Date,end:Date,originalStart:Date,startTimezone:String,endTimezone:String,isAllDay:Boolean,title:String,description:String,occurrenceId:String,recurrenceExceptions:Array,recurrenceRule:String,recurrenceId:[String,Number],dataItem:Object,head:Boolean,tail:Boolean,order:Number,zonedStart:Object,zonedEnd:Object,slots:Array,group:Object,range:Object,isException:Boolean,isRecurring:Boolean,id:String,tabIndex:Number,className:String,itemStyle:Object,editable:[Object,Boolean],selected:Boolean,vertical:Boolean,dragHint:Boolean,resizeHint:Boolean,format:String,showOccurrenceDialog:{type:Boolean,default:void 0},showRemoveDialog:{type:Boolean,default:void 0},formItem:Object,dragItem:Object,resizeItem:Object,removeItem:Object,itemRef:Object,onKeydown:Function,onKeyup:Function,onFocus:Function,onMouseup:Function,onMousedown:Function,onClick:Function,onDoubleclick:Function,onRemoveclick:Function,onPress:Function,onDrag:Function,onRelease:Function,onResizepress:Function,onResizeenddrag:Function,onResizestartdrag:Function,onResizerelease:Function},inject:{kendoIntlService:{default:null},ks:{default:null},bv:{default:null}},computed:{itemTime(){return this.$props.isAllDay?this.intl.toString(this.$props.zonedStart,"t"):this.intl.format("{0:t} - {1:t}",this.$props.zonedStart,this.$props.zonedEnd)},itemTitle(){return`(${this.itemTime}): ${this.$props.title}`}},data(){return{timeout:void 0,currentItem:null,viewItem:null,display:!0,visible:!1,maxSiblingsPerSlot:0}},mounted(){this.element=this.getElement(),!(!this.ks.scheduler||!this.ks.scheduler.$el)&&m.canUseDOM&&(this.observer=new window.ResizeObserver(this.handleResize),this.observer.observe(this.ks.scheduler.$el))},updated(){const e=this;this.$nextTick(function(){e.align(),e.position()}),!(!this.ks.scheduler||!this.ks.scheduler.$el||this.observer)&&m.canUseDOM&&window.ResizeObserver&&(this.observer=new window.ResizeObserver(this.handleResize),this.observer.observe(this.ks.scheduler.$el))},unmounted(){this.observer&&this.observer.disconnect()},render(){const e=m.getDefaultSlots(this);this.intl=I.provideIntlService(this);let t;const r=a.createVNode(z.SchedulerItem,{ignoreIsAllDay:this.ignoreIsAllDay,item:this.item,uid:this.uid,start:this.start,end:this.end,originalStart:this.originalStart,startTimezone:this.startTimezone,endTimezone:this.endTimezone,isAllDay:this.isAllDay,title:this.title,description:this.description,occurrenceId:this.occurrenceId,recurrenceExceptions:this.recurrenceExceptions,recurrenceRule:this.recurrenceRule,recurrenceId:this.recurrenceId,dataItem:this.dataItem,head:this.head,tail:this.tail,order:this.order,zonedStart:this.zonedStart,zonedEnd:this.zonedEnd,slots:this.slots,group:this.group,range:this.range,isException:this.isException,isRecurring:this.isRecurring,id:this.id,tabIndex:this.tabIndex,className:this.className,itemStyle:{visibility:this.visible?void 0:"hidden",display:this.display?void 0:"none",...this.$props.itemStyle},editable:this.editable,selected:this.selected,vertical:this.vertical,dragHint:this.dragHint,resizeHint:this.resizeHint,format:this.format,itemTitle:this.itemTitle,showOccurrenceDialog:this.showOccurrenceDialog,showRemoveDialog:this.showRemoveDialog,formItem:this.formItem,dragItem:this.dragItem,resizeItem:this.resizeItem,removeItem:this.removeItem,maxSiblingsPerSlot:this.maxSiblingsPerSlot,onKeydown:this.handleKeyDown,onKeyup:this.handleKeyUp,onFocus:this.handleFocus,onMouseup:this.handleMouseUp,onMousedown:this.handleMouseDown,onClick:this.handleClick,onDoubleclick:this.handleDoubleClick,onRemoveclick:this.handleRemoveClick,onPress:this.handlePress,onDrag:this.handleDrag,onRelease:this.handleRelease,onResizepress:this.handleResizePress,onResizeenddrag:this.handleResizeEndDrag,onResizestartdrag:this.handleResizeStartDrag,onResizerelease:this.handleResizeRelease},{default:()=>[!this.$props.resizeHint&&a.createVNode("div",{title:this.itemTitle},[!this.$props.isAllDay&&a.createVNode(f.SchedulerItemContent,{title:this.itemTitle,class:"k-event-template k-event-time "},b(e)?e:{default:()=>[e]}),a.createVNode(f.SchedulerItemContent,{title:this.$props.title,class:"k-event-template"},b(e)?e:{default:()=>[e]})])]});return t=m.getTemplate.call(this,{h:a.h,template:this.$props.item,defaultRendering:r,defaultSlots:e,additionalListeners:{doubleclick:this.handleDoubleClick,removeclick:this.handleRemoveClick,press:this.handlePress,drag:this.handleDrag,release:this.handleRelease,resizepress:this.handleResizePress,resizeenddrag:this.handleResizeEndDrag,resizestartdrag:this.handleResizeStartDrag,resizerelease:this.handleResizeRelease}}),t},methods:{getElement(){return this.$el.nodeType===8?this.$el.parentElement:this.$el.nodeType===3?this.$el.nextElementSibling:this.$el},handleFocus(e){this.$emit("focus",e)},handleBlur(e){this.$emit("blur",e)},handleMouseDown(e){this.$emit("mousedown",e)},handleClick(e){this.$emit("click",e)},handleMouseUp(e){this.$emit("mouseup",e)},handleMouseOver(e){this.$emit("mouseover",e)},handleMouseOut(e){this.$emit("mouseout",e)},handleMouseEnter(e){this.$emit("mouseenter",e)},handleMouseLeave(e){this.$emit("mouseleave",e)},handleDoubleClick(e){this.$emit("doubleclick",e)},handleRemoveClick(e){this.$emit("removeclick",e)},handleKeyDown(e){this.$emit("keydown",e)},handleKeyPress(e){this.$emit("keypress",e)},handleKeyUp(e){this.$emit("keyup",e)},handlePress(e){this.$emit("press",e)},handleDrag(e){this.$emit("drag",e)},handleRelease(e){this.$emit("release",e)},handleResizePress(e){this.$emit("resizepress",e)},handleResizeStartDrag(e){this.$emit("resizestartdrag",e)},handleResizeEndDrag(e){this.$emit("resizeenddrag",e)},handleResizeRelease(e){this.$emit("resizerelease",e)},calculateMostSiblings(e,t){let r=1;return e.forEach(s=>{const n=t.filter(h=>this.inSlot(s.cSlot,h.$props));n.length>r&&(r=n.length)}),r},getSiblingsInAllSlots(e,t){return e.map(s=>t.filter(n=>this.inSlot(s.cSlot,n.$props)))},inSlot(e,t){return p.intersects(e.start,e.end,t.start,t.end)&&e.group.index===t.group.index&&e.range.index===t.range.index&&(this.$props.ignoreIsAllDay||e.isAllDay===t.isAllDay)},align(){if(!this.element)return;const e=(this.bv.slots||[]).filter(s=>s&&this.inSlot(s.cSlot,this.$props));if(e.length===0){this.display=!1;return}const t=p.first(e.sort(function(s,n){return s.cSlot.start&&n.cSlot.start?s.cSlot.start.getTime()-n.cSlot.start.getTime():!0}));if(!t)return;const r=c.getRect(t.$el);c.setRect(this.element,r)},position(){if(!this.element)return;const e=(this.bv.slots||[]).filter(o=>o&&this.inSlot(o.cSlot,this.$props)),t=[],r=[],s=[];(this.bv.items||[]).forEach(o=>{o&&(o.$props.dragHint?r.push(o):o.$props.resizeHint?s.push(o):t.push(o))});const n=this.$props.dragHint||this.$props.resizeHint?p.calculateOrder(this,this.$props.dragHint?r:s,e,this.$props.ignoreIsAllDay):this.$props.order||0;let h=this.$props.dragHint||this.$props.resizeHint?this.calculateMostSiblings(e,this.$props.dragHint?r:s):this.calculateMostSiblings(e,t);const R=this.getSiblingsInAllSlots(e,t);let g=0;const i=c.getRect(this.element);if(R.forEach(o=>{let S=0;o.sort(function(l,u){return l.$props.order-u.$props.order}).forEach(l=>{p.intersects(l.$props.start,l.$props.end,this.$props.start,this.$props.end)&&!(this.$props.dragHint||this.$props.resizeHint)&&l.$props.maxSiblingsPerSlot&&l.$props.maxSiblingsPerSlot>h&&l.getElement()!==this.element&&(h=l.$props.maxSiblingsPerSlot);const u=c.getRect(l.getElement());l.$props.order!==null&&l.$props.order<n&&(S=(u.top||i.top)+u.height-i.top-d.BORDER_WIDTH*n+D)}),S>g&&(g=S)}),e.length===0){this.display=!1;return}const $=20;i.width=this.$props.vertical?i.width/h-d.BORDER_WIDTH-$/h:i.width*e.length-d.BORDER_WIDTH-$,i.height=this.$props.vertical?i.height*e.length-d.BORDER_WIDTH:(this.$props.resizeHint||this.$props.dragHint)&&h<=1?i.height:this.$props.itemStyle&&this.$props.itemStyle.height?this.$props.itemStyle.height:25,i.left=this.$props.vertical?i.left+n*i.width+d.BORDER_WIDTH*n:i.left,i.top=this.$props.vertical?i.top:i.top+g+d.BORDER_WIDTH*n,this.maxSiblingsPerSlot=h,c.setRect(this.element,i),this.visible=!0,this.display=!0},handleResize(){this.timeout!==void 0&&window.cancelAnimationFrame(this.timeout),this.timeout=window.requestAnimationFrame(()=>{this.align(),this.position()})}}});exports.SchedulerViewItem=v;