@progress/kendo-vue-scheduler 9.3.0-develop.5 → 9.3.0-develop.6

package/items/SchedulerEditItem.mjs

@@ -5,22 +5,24 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as R, createVNode as f, h as S } from "vue";
-import { DATA_ACTION as y } from "../constants/main.mjs";
-import { Keys as m, clone as A, getDefaultSlots as D, getTemplate as E } from "@progress/kendo-vue-common";
-import { SchedulerViewItem as v } from "./SchedulerViewItem.mjs";
+import { defineComponent as A, createVNode as u, h as v, Fragment as w } from "vue";
+import { DATA_ACTION as f } from "../constants/main.mjs";
+import { Keys as m, clone as z, getDefaultSlots as E, getTemplate as b } from "@progress/kendo-vue-common";
+import { SchedulerViewItem as O } from "./SchedulerViewItem.mjs";
+import { SchedulerDrag as k } from "../views/common/SchedulerDrag.mjs";
+import { SchedulerResize as C } from "../views/common/SchedulerResize.mjs";
 import { FORM_ITEM_ACTION as o } from "./hooks/use-form-item.mjs";
-import { SHOW_OCCURRENCE_DIALOG_ACTION as s, showOccurrenceDialogReducer as b } from "./hooks/use-show-occurrence-dialog.mjs";
-import { REMOVE_ITEM_ACTION as c } from "./hooks/use-remove-item.mjs";
-import { SHOW_REMOVE_DIALOG_ACTION as l, showRemoveDialogReducer as z } from "./hooks/use-show-remove-item-dialog.mjs";
-import { DRAG_ITEM_ACTION as a, useDragItem as w } from "./hooks/use-drag-item.mjs";
-import { RESIZE_ITEM_ACTION as r, useResizeItem as O } from "./hooks/use-resize-item.mjs";
-import { SERIES_ACTION as d, seriesReducer as M } from "./hooks/use-series.mjs";
-import { ITEMS_SELECT_ACTION as h } from "../hooks/use-items-selection.mjs";
-import { compareSlots as u, findMaster as C, compareItems as k } from "../utils/main.mjs";
+import { SHOW_OCCURRENCE_DIALOG_ACTION as s, showOccurrenceDialogReducer as $ } from "./hooks/use-show-occurrence-dialog.mjs";
+import { REMOVE_ITEM_ACTION as n } from "./hooks/use-remove-item.mjs";
+import { SHOW_REMOVE_DIALOG_ACTION as h, showRemoveDialogReducer as M } from "./hooks/use-show-remove-item-dialog.mjs";
+import { DRAG_ITEM_ACTION as a, useDragItem as F } from "./hooks/use-drag-item.mjs";
+import { RESIZE_ITEM_ACTION as r, useResizeItem as B } from "./hooks/use-resize-item.mjs";
+import { SERIES_ACTION as d, seriesReducer as _ } from "./hooks/use-series.mjs";
+import { ITEMS_SELECT_ACTION as l } from "../hooks/use-items-selection.mjs";
+import { compareSlots as y, findMaster as T, compareItems as x } from "../utils/main.mjs";
 import { SLOTS_FOCUS_ACTION as p } from "../hooks/use-slots-focus.mjs";
-import { ITEMS_FOCUS_ACTION as g } from "../hooks/use-items-focus.mjs";
-const L = /* @__PURE__ */ R({
+import { ITEMS_FOCUS_ACTION as I } from "../hooks/use-items-focus.mjs";
+const te = /* @__PURE__ */ A({
   name: "KendoSchedulerEditItem",
   inheritAttrs: !1,
   props: {
@@ -79,6 +81,7 @@ const L = /* @__PURE__ */ R({
     className: String,
     itemStyle: Object,
     editable: [Object, Boolean],
+    readonly: Boolean,
     selected: Boolean,
     vertical: Boolean,
     dragHint: Boolean,
@@ -116,7 +119,11 @@ const L = /* @__PURE__ */ R({
       ksFormSubmit: this.handleFormSubmit,
       ksOccurrenceClick: this.handleOccurrenceClick,
       ksSeriesClick: this.handleSeriesClick,
-      ksRemoveConfirm: this.handleRemoveConfirm
+      ksRemoveConfirm: this.handleRemoveConfirm,
+      ksRemoveDialogCancel: this.handleRemoveDialogCancel,
+      ksDeleteItem: this.handleDeleteItem,
+      ksFormDelete: this.handleFormDelete,
+      ksIsSeries: () => this.compSeries === !0
     };
   },
   data() {
@@ -175,29 +182,29 @@ const L = /* @__PURE__ */ R({
         [d.set]: this.dispatchSeries,
         [d.toggle]: this.dispatchSeries,
         [d.reset]: this.dispatchSeries,
-        [h.select]: this.dispatchItemSelection,
-        [h.add]: this.dispatchItemSelection,
-        [h.remove]: this.dispatchItemSelection,
-        [h.reset]: this.dispatchItemSelection,
-        [h.selectNext]: this.dispatchItemSelection,
-        [h.selectPrev]: this.dispatchItemSelection,
+        [l.select]: this.dispatchItemSelection,
+        [l.add]: this.dispatchItemSelection,
+        [l.remove]: this.dispatchItemSelection,
+        [l.reset]: this.dispatchItemSelection,
+        [l.selectNext]: this.dispatchItemSelection,
+        [l.selectPrev]: this.dispatchItemSelection,
         [o.set]: this.dispatchFormItem,
         [o.setMaster]: this.dispatchFormItem,
         [o.reset]: this.dispatchFormItem,
         [o.complete]: this.dispatchFormItem,
-        [c.set]: this.dispatchRemoveItem,
-        [c.reset]: this.dispatchRemoveItem,
-        [c.complete]: this.dispatchRemoveItem,
+        [n.set]: this.dispatchRemoveItem,
+        [n.reset]: this.dispatchRemoveItem,
+        [n.complete]: this.dispatchRemoveItem,
         [s.close]: this.dispatchShowOccurrenceDialog,
         [s.open]: this.dispatchShowOccurrenceDialog,
         [s.set]: this.dispatchShowOccurrenceDialog,
         [s.toggle]: this.dispatchShowOccurrenceDialog,
         [s.reset]: this.dispatchShowOccurrenceDialog,
-        [l.close]: this.dispatchShowRemoveDialog,
-        [l.open]: this.dispatchShowRemoveDialog,
-        [l.set]: this.dispatchShowRemoveDialog,
-        [l.toggle]: this.dispatchShowRemoveDialog,
-        [l.reset]: this.dispatchShowRemoveDialog,
+        [h.close]: this.dispatchShowRemoveDialog,
+        [h.open]: this.dispatchShowRemoveDialog,
+        [h.set]: this.dispatchShowRemoveDialog,
+        [h.toggle]: this.dispatchShowRemoveDialog,
+        [h.reset]: this.dispatchShowRemoveDialog,
         [a.start]: this.dispatchDragItem,
         [a.drag]: this.dispatchDragItem,
         [a.complete]: this.dispatchDragItem,
@@ -216,8 +223,8 @@ const L = /* @__PURE__ */ R({
         [r.completeSeries]: this.dispatchResizeItem,
         [r.set]: this.dispatchResizeItem,
         [r.reset]: this.dispatchResizeItem,
-        [g.next]: this.dispatchViewItemsFocus,
-        [g.prev]: this.dispatchViewItemsFocus,
+        [I.next]: this.dispatchViewItemsFocus,
+        [I.prev]: this.dispatchViewItemsFocus,
         [p.left]: this.dispatchViewSlotsFocus,
         [p.right]: this.dispatchViewSlotsFocus,
         [p.up]: this.dispatchViewSlotsFocus,
@@ -228,9 +235,9 @@ const L = /* @__PURE__ */ R({
     }
   },
   render() {
-    const t = D(this), e = !!(this.bv.selectedItems && this.bv.selectedItems.some((I) => k(I, this, this.ignoreIsAllDay)));
-    let i;
-    const n = f(v, {
+    const t = E(this), e = this.$props.drag || k, i = this.$props.resize || C, c = !!(this.bv.selectedItems && this.bv.selectedItems.some((g) => x(g, this, this.ignoreIsAllDay)));
+    let S;
+    const D = u(O, {
       ignoreIsAllDay: this.ignoreIsAllDay,
       item: this.item,
       uid: this.uid,
@@ -261,6 +268,7 @@ const L = /* @__PURE__ */ R({
       className: this.className,
       itemStyle: this.itemStyle,
       editable: this.editable,
+      readonly: this.readonly,
       vertical: this.vertical,
       dragHint: this.dragHint,
       resizeHint: this.resizeHint,
@@ -272,7 +280,7 @@ const L = /* @__PURE__ */ R({
       resizeItem: this.compResizeItem,
       removeItem: this.compRemoveItem,
       itemRef: this.item,
-      selected: e,
+      selected: c,
       tabIndex: this.currentTabIndex,
       onKeydown: this.handleKeyDown,
       onKeyup: this.handleKeyUp,
@@ -290,10 +298,10 @@ const L = /* @__PURE__ */ R({
       onResizestartdrag: this.handleResizeStartDrag,
       onResizerelease: this.handleResizeRelease
     }, null);
-    return i = E.call(this, {
-      h: S,
+    return S = b.call(this, {
+      h: v,
       template: this.$props.viewItem,
-      defaultRendering: n,
+      defaultRendering: D,
       defaultSlots: t,
       additionalListeners: {
         //   keydown: this.handleKeyDown,
@@ -316,11 +324,39 @@ const L = /* @__PURE__ */ R({
         resizestartdrag: this.handleResizeStartDrag,
         resizerelease: this.handleResizeRelease
       }
-    }), i;
+    }), u(w, null, [S, this.compDragItem && this.$props.editable.drag && (Array.isArray(this.compDragItem) ? this.compDragItem.map((g, R) => u(e, {
+      key: R,
+      dataItem: g,
+      ignoreIsAllDay: this.ignoreIsAllDay,
+      vertical: this.vertical,
+      viewItem: this.$props.viewItem,
+      item: this.$props.item
+    }, null)) : u(e, {
+      dataItem: this.compDragItem,
+      ignoreIsAllDay: this.ignoreIsAllDay,
+      vertical: this.vertical,
+      viewItem: this.$props.viewItem,
+      item: this.$props.item
+    }, null)), this.compResizeItem && this.$props.editable.resize && (Array.isArray(this.compResizeItem) ? this.compResizeItem.map((g, R) => u(i, {
+      key: R,
+      dataItem: g,
+      format: this.format,
+      ignoreIsAllDay: this.ignoreIsAllDay,
+      vertical: this.vertical,
+      viewItem: this.$props.viewItem,
+      item: this.$props.item
+    }, null)) : u(i, {
+      dataItem: this.compResizeItem,
+      format: this.format,
+      ignoreIsAllDay: this.ignoreIsAllDay,
+      vertical: this.vertical,
+      viewItem: this.$props.viewItem,
+      item: this.$props.item
+    }, null))]);
   },
   methods: {
     dispatchSeries(t, e) {
-      const i = M(this.compSeries, t);
+      const i = _(this.compSeries, t);
       this.currentSeries = i, this.$emit("serieschange", i);
     },
     dispatchItemSelection(t, e) {
@@ -329,15 +365,15 @@ const L = /* @__PURE__ */ R({
     dispatchRemoveItem(t, e) {
       let i;
       switch (t.type) {
-        case c.set:
+        case n.set:
           i = t.payload;
           break;
-        case c.reset:
+        case n.reset:
           i = null;
           break;
-        case c.complete:
+        case n.complete:
           this.compRemoveItem && this.$emit("dataaction", {
-            type: y.remove,
+            type: f.remove,
             series: this.compSeries,
             dataItem: this.compRemoveItem
           }), i = null;
@@ -349,18 +385,18 @@ const L = /* @__PURE__ */ R({
       this.currentRemoveItem = i, this.$emit("removeitemchange", i);
     },
     dispatchShowOccurrenceDialog(t, e) {
-      const i = b(this.compShowOccurrenceDialog, t);
-      this.currentShowOccurrenceDialog = i, this.$emit("showremovedialogchange", i);
+      const i = $(this.compShowOccurrenceDialog, t);
+      this.currentShowOccurrenceDialog = i, this.$emit("showoccurrencedialogchange", i);
     },
     dispatchShowRemoveDialog(t, e) {
-      const i = z(this.compShowRemoveDialog, t);
+      const i = M(this.compShowRemoveDialog, t);
       this.currentShowRemoveDialog = i, this.$emit("showremovedialogchange", i);
     },
     dispatchDragItem(t, e) {
-      w.call(this, t);
+      F.call(this, t);
     },
     dispatchResizeItem(t, e) {
-      O.call(this, t, e);
+      B.call(this, t, e);
     },
     dispatchViewSlotsFocus(t, e) {
       this.dispatchFocusedSlots(t, e);
@@ -378,11 +414,11 @@ const L = /* @__PURE__ */ R({
           i = null;
           break;
         case o.setMaster:
-          i = A(C(t.payload, this.ks.fields, this.ks.dataItems));
+          i = z(T(t.payload, this.ks.fields, this.ks.dataItems));
           break;
         case o.complete:
           this.compFormItem && (this.$emit("dataaction", {
-            type: y.update,
+            type: f.update,
             series: this.compSeries,
             dataItem: t.payload
           }), i = null);
@@ -448,8 +484,8 @@ const L = /* @__PURE__ */ R({
     handleDoubleClick(t) {
       if (this.onDoubleClickAction) {
         const e = this.onDoubleClickAction(t, this.$props), i = this;
-        e && (Array.isArray(e) ? e.filter(Boolean).map((n) => n && i.actionsReducerMap[n.type]({
-          ...n,
+        e && (Array.isArray(e) ? e.filter(Boolean).map((c) => c && i.actionsReducerMap[c.type]({
+          ...c,
           item: i.dataItem
         }, t)) : i.actionsReducerMap[e.type]({
           ...e,
@@ -653,9 +689,31 @@ const L = /* @__PURE__ */ R({
       }
       this.$emit("removeconfirm", t);
     },
+    handleDeleteItem(t) {
+      this.$emit("dataaction", {
+        type: f.remove,
+        series: this.compSeries,
+        dataItem: t
+      });
+    },
+    handleFormDelete(t) {
+      this.dispatchRemoveItem({
+        type: n.set,
+        payload: t
+      }, null), this.dispatchShowRemoveDialog({
+        type: h.open
+      }, null);
+    },
+    handleRemoveDialogCancel(t) {
+      this.compFormItem ? (this.dispatchRemoveItem({
+        type: n.reset
+      }, null), this.dispatchShowRemoveDialog({
+        type: h.close
+      }, null)) : this.handleCancel(t);
+    },
     onClickAction(t, e) {
       return [{
-        type: t.event.metaKey || t.event.ctrlKey ? this.compSelected && !this.compDragItem && !this.compResizeItem ? h.remove : h.add : h.select
+        type: t.event.metaKey || t.event.ctrlKey ? this.compSelected && !this.compDragItem && !this.compResizeItem ? l.remove : l.add : l.select
       }];
     },
     onDoubleClickAction(t, e) {
@@ -668,12 +726,12 @@ const L = /* @__PURE__ */ R({
     },
     onRemoveClickAction(t, e) {
       return e.editable ? [{
-        type: c.set,
+        type: n.set,
         payload: e.dataItem
       }, e.isRecurring ? {
         type: s.open
       } : {
-        type: l.open
+        type: h.open
       }] : [];
     },
     onPressAction(t, e) {
@@ -771,10 +829,10 @@ const L = /* @__PURE__ */ R({
           type: d.set,
           payload: !1
         }, {
-          type: c.set,
+          type: n.set,
           payload: e.dataItem
         }, {
-          type: l.open
+          type: h.open
         }, {
           type: s.close
         }];
@@ -807,10 +865,10 @@ const L = /* @__PURE__ */ R({
           type: d.set,
           payload: !0
         }, {
-          type: c.set,
+          type: n.set,
           payload: e.dataItem
         }, {
-          type: l.open
+          type: h.open
         }, {
           type: s.close
         }];
@@ -827,41 +885,41 @@ const L = /* @__PURE__ */ R({
           }];
         case m.tab:
           return [{
-            type: t.event.shiftKey ? g.prev : g.next,
+            type: t.event.shiftKey ? I.prev : I.next,
             ignoreIsAllDay: e.ignoreIsAllDay
           }, {
-            type: t.event.shiftKey ? h.selectPrev : h.selectNext,
+            type: t.event.shiftKey ? l.selectPrev : l.selectNext,
             ignoreIsAllDay: e.ignoreIsAllDay
           }];
         case m.up:
-          return i = this.bv.slots.find((n) => u(n.cSlot, e.slots[0])), [!!(e.slots.length && i) && {
+          return i = this.bv.slots.find((c) => y(c.cSlot, e.slots[0])), [!!(e.slots.length && i) && {
             type: p.up,
             slot: i
           }];
         case m.right:
-          return i = this.bv.slots.find((n) => u(n.cSlot, e.slots[0])), [!!(e.slots.length && i) && {
+          return i = this.bv.slots.find((c) => y(c.cSlot, e.slots[0])), [!!(e.slots.length && i) && {
             type: p.right,
             slot: i
           }];
         case m.down:
-          return i = this.bv.slots.find((n) => u(n.cSlot, e.slots[e.slots.length - 1])), [!!(e.slots.length && i) && {
+          return i = this.bv.slots.find((c) => y(c.cSlot, e.slots[e.slots.length - 1])), [!!(e.slots.length && i) && {
             type: p.down,
             slot: i
           }];
         case m.left:
-          return i = this.bv.slots.find((n) => u(n.cSlot.cSlot, e.slots[0])), [!!(e.slots.length && i) && {
+          return i = this.bv.slots.find((c) => y(c.cSlot.cSlot, e.slots[0])), [!!(e.slots.length && i) && {
             type: p.left,
             slot: i
           }];
         case m.delete:
         case m.backspace:
           return [{
-            type: c.set,
+            type: n.set,
             payload: e.dataItem
           }, e.isRecurring ? {
             type: s.open
           } : {
-            type: l.open
+            type: h.open
           }];
         default:
           return;
@@ -875,7 +933,7 @@ const L = /* @__PURE__ */ R({
     },
     onRemoveConfirmAction() {
       return [{
-        type: c.complete
+        type: n.complete
       }, {
         type: s.close
       }];
@@ -884,7 +942,7 @@ const L = /* @__PURE__ */ R({
       return [{
         type: d.reset
       }, {
-        type: c.reset
+        type: n.reset
       }, {
         type: o.reset
       }, {
@@ -892,7 +950,7 @@ const L = /* @__PURE__ */ R({
       }, {
         type: r.reset
       }, {
-        type: l.reset
+        type: h.reset
       }, {
         type: s.reset
       }];
@@ -900,5 +958,5 @@ const L = /* @__PURE__ */ R({
   }
 });
 export {
-  L as SchedulerEditItem
+  te as SchedulerEditItem
 };

package/items/SchedulerItem.d.ts

@@ -51,6 +51,10 @@ export interface SchedulerItemProps extends Item {
      * Overrides the `editable` prop of the `Scheduler` and the active view.
      */
     editable?: EditableProp | boolean;
+    /**
+     * Specifies if the event is read-only. When `true`, applies the `k-readonly` CSS class.
+     */
+    readonly?: boolean;
     /**
      * Sets the selected state of the SchedulerSlot. By default the `k-selected` className is added if `props.selected` is `true`.
      */
@@ -232,6 +236,7 @@ declare const SchedulerItem: import('vue').DefineComponent<import('vue').Extract
     className: PropType<string>;
     itemStyle: PropType<any>;
     editable: PropType<boolean | EditableProp>;
+    readonly: PropType<boolean>;
     selected: PropType<boolean>;
     vertical: PropType<boolean>;
     dragHint: PropType<boolean>;
@@ -262,6 +267,7 @@ declare const SchedulerItem: import('vue').DefineComponent<import('vue').Extract
         [x: number]: any;
         'k-event': boolean;
         'k-selected': any;
+        'k-readonly': boolean;
         'k-event-drag-hint': any;
         'k-scheduler-marquee': any;
         'k-marquee': any;
@@ -296,6 +302,9 @@ declare const SchedulerItem: import('vue').DefineComponent<import('vue').Extract
     handleFormClose(event: SchedulerFormStateChangeEvent<null> | SchedulerOccurrenceDialogStateChangeEvent<null>): void;
     handleFormSubmit(event: SchedulerFormStateChangeEvent<DataItem | null>): void;
     handleFormCancel(event: SchedulerFormStateChangeEvent<null> | SchedulerOccurrenceDialogStateChangeEvent<null>): void;
+    handleEditDialogSave(dataItem: DataItem): void;
+    handleEditDialogCancel(): void;
+    handleEditDialogDelete(dataItem: DataItem): void;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     focus: any;
     blur: any;
@@ -351,6 +360,7 @@ declare const SchedulerItem: import('vue').DefineComponent<import('vue').Extract
     className: PropType<string>;
     itemStyle: PropType<any>;
     editable: PropType<boolean | EditableProp>;
+    readonly: PropType<boolean>;
     selected: PropType<boolean>;
     vertical: PropType<boolean>;
     dragHint: PropType<boolean>;

package/items/SchedulerItem.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"),l=require("../utils/main.js"),s=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"),i=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(){return this.$props.group.resources.find(e=>!!(e.colorField&&e[e.colorField]!==""&&e[e.colorField]!==void 0))},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`${l.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:l.COLLECTION_ACTION.add,item:this})},mounted(){this.element||(this.element=this.$refs.draggable&&this.$refs.draggable.element)},unmounted(){this.setItems({type:l.COLLECTION_ACTION.remove,item:this})},render(){const e=s.getDefaultSlots(this);this.intl=a.provideIntlService(this);const o=a.provideLocalizationService(this).toLanguageString(n.deleteTitle,n.messages[n.deleteTitle]),h=s.getTemplate.call(this,{h:t.h,template:this.bv.viewProps.resizeHint,additionalProps:{dataItem:this.dataItem,color:this.color,itemClassName:this.itemClassName}});return t.createVNode(s.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(s.Icon,{name:this.ks.isRtl?"chevron-right":"chevron-left",icon:this.ks.isRtl?i.chevronRightIcon:i.chevronLeftIcon,size:"medium"},null),this.$props.isRecurring&&!this.$props.isException&&t.createVNode(s.Icon,{name:"arrow-rotate-cw",icon:i.arrowRotateCwIcon,size:"medium"},null),!this.$props.isRecurring&&this.$props.isException&&t.createVNode(s.Icon,{name:"arrows-no-repeat",icon:i.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:o,"aria-label":o,onClick:this.handleRemoveClick},[t.createVNode(s.Icon,{name:"x",icon:i.xIcon,size:"medium"},null)]),this.$props.head&&t.createVNode(s.Icon,{name:this.ks.isRtl?"chevron-left":"chevron-right",icon:this.ks.isRtl?i.chevronLeftIcon:i.chevronRightIcon,size:"medium"},null)]),this.currentEditable.resize&&this.$props.vertical&&[t.createVNode(s.Draggable,{onPress:this.handleResizePress,onDrag:this.handleResizeStartDrag,onRelease:this.handleResizeRelease},{default:()=>[t.createVNode("span",{class:"k-resize-handle k-resize-n"},null)]}),t.createVNode(s.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(s.Draggable,{onPress:this.handleResizePress,onDrag:this.handleResizeStartDrag,onRelease:this.handleResizeRelease},{default:()=>[t.createVNode("span",{class:"k-resize-handle k-resize-w"},null)]}),t.createVNode(s.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),l=require("../utils/main.js"),i=require("@progress/kendo-vue-common"),n=require("@progress/kendo-vue-intl"),o=require("../components/SchedulerOccurrenceDialog.js"),a=require("../components/SchedulerRemoveDialog.js"),h=require("../components/SchedulerForm.js"),d=require("../hooks/useEditable.js"),u=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],readonly: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},ksRemoveDialogCancel:{default:null},ksDeleteItem:{default:null},ksFormDelete:{default:null},ksIsSeries:{default:null}},computed:{currentEditable(){const e=d.useEditable(this.$props.editable);return this.$props.readonly?{add:!1,edit:!1,drag:!1,resize:!1,remove:!1,select:e.select}:e},resource(){return this.$props.group.resources.find(e=>!!(e.colorField&&e[e.colorField]!==""&&e[e.colorField]!==void 0))},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-readonly":!this.$props.resizeHint&&!!this.$props.readonly,"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`${l.formatEventTime(this.intl,this.$props.zonedStart,this.$props.zonedEnd,this.$props.isAllDay)}, ${this.$props.title}`},computedStyle(){var e;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,containerType:this.$props.resizeHint?void 0:((e=this.$props.itemStyle)==null?void 0:e.height)==="auto"?"normal":"size"}}},created(){this.setItems({type:l.COLLECTION_ACTION.add,item:this})},mounted(){this.element||(this.element=this.$refs.draggable&&this.$refs.draggable.element)},unmounted(){this.setItems({type:l.COLLECTION_ACTION.remove,item:this})},render(){const e=i.getDefaultSlots(this);this.intl=n.provideIntlService(this);const s=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:()=>{var r;return[t.createVNode("div",{id:this.$props.id,style:this.computedStyle,tabindex:this.currentTabIndex,class:this.itemClassName,role:"button","aria-label":this.eventLabel,"aria-disabled":this.$props.readonly?!0:void 0,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.formItem&&!this.showOccurrenceDialog&&this.currentEditable.edit&&t.createVNode(h.SchedulerForm,{dataItem:this.formItem,onSubmit:this.handleFormSubmit,onClose:this.handleFormClose,onCancel:this.handleFormCancel,onDelete:this.currentEditable.remove?this.handleEditDialogDelete:void 0},null),this.showOccurrenceDialog&&this.currentEditable.edit&&t.createVNode(o.SchedulerOccurrenceDialog,{dataItem:this.formItem||this.dragItem||this.resizeItem||this.removeItem,isRemove:!!this.removeItem,onClose:this.ksCancel,onOccurrenceclick:this.ksOccurrenceClick,onSeriesclick:this.ksSeriesClick},null),this.showRemoveDialog&&this.removeItem&&this.currentEditable.remove&&t.createVNode(a.SchedulerRemoveDialog,{dataItem:this.removeItem,isSeries:(r=this.ksIsSeries)==null?void 0:r.call(this),onClose:this.ksRemoveDialogCancel,onCancel:this.ksRemoveDialogCancel,onConfirm:this.ksRemoveConfirm},null),e,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?s:[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 s={event:e,target:{props:{...this.$props},element:this.element}};this.$emit("click",s),this.itemClick(s)},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){if(this.$props.readonly)return;const s={event:e,target:{props:{...this.$props},element:this.element}};this.$emit("doubleclick",s),this.itemDoubleClick(s)},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)},handleEditDialogSave(e){const s={value:e,event:null,target:this};this.ksFormSubmit(s),this.$emit("formsubmit",s)},handleEditDialogCancel(){const e={value:null,event:null,target:this};this.ksCancel(e),this.$emit("cancel",e)},handleEditDialogDelete(e){this.ksFormDelete&&this.ksFormDelete(e)}}});exports.SchedulerItem=u;