@progress/kendo-vue-scheduler 10.2.0-develop.10 → 10.2.0-develop.12

package/slots/SchedulerEditSlot.mjs

@@ -5,23 +5,27 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as C, createVNode as O, h as T, isVNode as $ } from "vue";
-import { Keys as i, getDefaultSlots as A, getTemplate as j } from "@progress/kendo-vue-common";
-import { DATA_ACTION as N } from "../constants/main.mjs";
-import { findFirstItem as _, findCurrentItem as z, getSortedSlots as W, setField as l, isGroupped as B, getField as R, compareSlots as b } from "../utils/main.mjs";
-import { SchedulerViewSlot as K } from "./SchedulerViewSlot.mjs";
-import { SLOTS_SELECT_ACTION as L } from "../hooks/use-slots-selection.mjs";
-import { ITEMS_SELECT_ACTION as M } from "../hooks/use-items-selection.mjs";
-import { ITEMS_FOCUS_ACTION as P } from "../hooks/use-items-focus.mjs";
-import { SLOTS_FOCUS_ACTION as r } from "../hooks/use-slots-focus.mjs";
-import { useEditable as H } from "../hooks/useEditable.mjs";
-import { useSlotExpand as I } from "../hooks/useSlotExpand.mjs";
-function V(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !$(t);
+import { defineComponent as R, h as D, createVNode as y, inject as f, shallowRef as v, computed as w, watch as _, isVNode as M } from "vue";
+import { Keys as l, templateRendering as z, getTemplate as E, getDefaultSlots as B } from "@progress/kendo-vue-common";
+import { DATA_ACTION as x } from "../constants/main.mjs";
+import { emitDataAction as O, findFirstItem as W, findCurrentItem as L, getSortedSlots as K, setField as c, isGroupped as P, getField as V, compareSlots as Q } from "../utils/main.mjs";
+import { SchedulerQuickCreateForm as H } from "../components/SchedulerQuickCreateForm.mjs";
+import { SchedulerViewSlot as U } from "./SchedulerViewSlot.mjs";
+import { SLOTS_SELECT_ACTION as G } from "../hooks/use-slots-selection.mjs";
+import { ITEMS_SELECT_ACTION as J } from "../hooks/use-items-selection.mjs";
+import { useDeferredClick as X } from "../hooks/useDeferredClick.mjs";
+import { useExclusivePopover as Y } from "../hooks/useExclusivePopover.mjs";
+import { ITEMS_FOCUS_ACTION as Z } from "../hooks/use-items-focus.mjs";
+import { SLOTS_FOCUS_ACTION as m } from "../hooks/use-slots-focus.mjs";
+import { useEditable as ee } from "../hooks/useEditable.mjs";
+import { useSlotExpand as A } from "../hooks/useSlotExpand.mjs";
+function te(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !M(e);
 }
-const it = /* @__PURE__ */ C({
+const fe = /* @__PURE__ */ R({
   name: "KendoSchedulerEditSlot",
   inheritAttrs: !1,
+  emits: ["dataaction", "showmoreitems", "focus", "click", "doubleclick", "formitemchange", "quickcreateformitemchange"],
   props: {
     role: String,
     tabIndex: {
@@ -31,6 +35,8 @@ const it = /* @__PURE__ */ C({
     className: String,
     form: Object,
     formItem: Object,
+    quickCreateForm: [String, Function, Object],
+    quickCreateFormItem: Object,
     refTo: [Function, Object],
     items: Array,
     row: Number,
@@ -58,28 +64,29 @@ const it = /* @__PURE__ */ C({
     navDay: Boolean,
     editable: [Object, Boolean],
     itemsPerSlot: Number,
-    onDataaction: Function
+    onDataAction: Function
   },
   created() {
     this.slot = null, this.editableSlot = null;
   },
   mounted() {
-    const t = this;
+    const e = this;
     this.$nextTick(function() {
-      I(t, t.ks.scheduler.$el, t.$props.expandable);
+      A(e, e.ks.scheduler.$el, e.$props.expandable);
     });
   },
   updated() {
-    const t = this;
+    const e = this;
     this.$nextTick(function() {
-      I(t, t.ks.scheduler.$el, t.$props.expandable);
+      A(e, e.ks.scheduler.$el, e.$props.expandable);
     });
   },
   provide() {
     return {
       ksEditFormSubmit: this.handleEditFormSubmit,
       ksEditFormCancel: this.handleEditFormCancel,
-      ksEditFormClose: this.handleEditFormClose
+      ksEditFormClose: this.handleEditFormClose,
+      ksRenderQuickCreateForm: this.renderQuickCreateForm
     };
   },
   inject: {
@@ -105,6 +112,28 @@ const it = /* @__PURE__ */ C({
       default: {}
     }
   },
+  setup(e, {
+    emit: t
+  }) {
+    const i = f("ks", null), o = f("ksQuickCreate", () => !0), p = v(null), d = v(null), u = X(), S = w(() => (i == null ? void 0 : i.activeViewName.toLowerCase()) !== "agenda" && o()), a = w(() => e.quickCreateFormItem !== void 0 ? e.quickCreateFormItem : p.value), n = (r, h) => {
+      p.value = r, t("quickcreateformitemchange", {
+        value: r,
+        event: h
+      });
+    }, s = (r) => {
+      u.cancel(), a.value && n(null, r);
+    };
+    return Y(() => !!a.value, s), _([() => i == null ? void 0 : i.currentDate, () => i == null ? void 0 : i.activeViewName], () => s()), {
+      quickCreateAnchor: d,
+      quickCreateEnabled: S,
+      quickCreateFormItem: a,
+      deferredQuickCreate: u,
+      setQuickCreateFormItem: n,
+      closeQuickCreate: s,
+      quickCreateFormTemplate: f("ksQuickCreateForm", () => {
+      })
+    };
+  },
   data() {
     return {
       currentFormItem: null
@@ -115,208 +144,260 @@ const it = /* @__PURE__ */ C({
       return this.ksSlots.cSlots ? this.ksSlots.cSlots[this.index] : {};
     },
     currentTabIndex() {
-      const t = this.bv.slots.length && b(this.bv.slots[0].cSlot, this.cSlot);
-      return this.$props.tabIndex !== void 0 ? this.$props.tabIndex === null ? void 0 : this.$props.tabIndex : this.bv.selectedSlots.length === 0 && t && this.cSlot.items.length === 0 ? 0 : void 0;
+      const e = this.bv.slots.length && Q(this.bv.slots[0].cSlot, this.cSlot);
+      return this.$props.tabIndex !== void 0 ? this.$props.tabIndex === null ? void 0 : this.$props.tabIndex : this.bv.selectedSlots.length === 0 && e && this.cSlot.items.length === 0 ? 0 : void 0;
     },
     computedEditable() {
-      return H(this.$props.editable);
+      return ee(this.$props.editable);
     },
     compFormItem() {
       return this.formItem !== void 0 ? this.formItem : this.currentFormItem;
     }
   },
   render() {
-    const t = A(this), {
-      role: e,
-      viewSlot: s,
+    const e = B(this), {
+      role: t,
+      viewSlot: i,
       form: o,
-      formItem: U,
-      items: n,
-      row: F,
-      group: g,
-      range: k,
-      isWorkDay: a,
-      isWorkHour: d,
-      col: D,
-      index: c,
-      start: y,
-      end: x,
-      zonedStart: h,
-      zonedEnd: m,
-      navDay: u,
-      itemsPerSlot: p,
-      className: E
-    } = this.$props, S = this.bv.selectedSlots.some((w) => b(w.cSlot, this.cSlot));
-    let f;
-    const v = O(K, {
-      role: e,
-      className: E,
+      formItem: p,
+      items: d,
+      row: u,
+      group: S,
+      range: a,
+      isWorkDay: n,
+      isWorkHour: s,
+      col: r,
+      index: h,
+      start: T,
+      end: q,
+      zonedStart: k,
+      zonedEnd: b,
+      navDay: C,
+      itemsPerSlot: F,
+      className: $
+    } = this.$props, I = this.bv.selectedSlots.some((N) => Q(N.cSlot, this.cSlot));
+    let g;
+    const j = y(U, {
+      role: t,
+      className: $,
       slotRender: this.$props.slotRender,
       isAllDay: this.isAllDay,
       expandable: this.expandable,
       editable: this.editable,
-      items: n,
-      row: F,
-      group: g,
-      range: k,
-      isWorkDay: a,
-      isWorkHour: d,
-      col: D,
-      index: c,
-      start: y,
-      end: x,
-      zonedStart: h,
-      zonedEnd: m,
-      selected: S,
-      navDay: u,
-      itemsPerSlot: p,
+      items: d,
+      row: u,
+      group: S,
+      range: a,
+      isWorkDay: n,
+      isWorkHour: s,
+      col: r,
+      index: h,
+      start: T,
+      end: q,
+      zonedStart: k,
+      zonedEnd: b,
+      selected: I,
+      navDay: C,
+      itemsPerSlot: F,
       tabIndex: this.currentTabIndex,
       formItem: this.compFormItem,
       onFocus: this.handleFocus,
+      onClick: this.handleClick,
       onDoubleclick: this.handleDoubleClick,
       onKeydown: this.handleKeyDown,
       onShowmoreitems: this.handleShowMoreItemsClick
-    }, V(t) ? t : {
-      default: () => [t]
+    }, te(e) ? e : {
+      default: () => [e]
     });
-    return f = j.call(this, {
-      h: T,
+    return g = E.call(this, {
+      h: D,
       template: this.$props.viewSlot,
-      defaultRendering: v,
-      defaultSlots: t,
+      defaultRendering: j,
+      defaultSlots: e,
       additionalProps: {
         ...this.cSlot,
         isAllDay: this.cSlot.isAllDay,
         expandable: this.expandable,
         editable: this.editable,
-        items: n,
+        items: d,
         row: this.cSlot.row,
         group: this.cSlot.group,
         range: this.cSlot.range,
-        isWorkDay: a,
-        isWorkHour: d,
+        isWorkDay: n,
+        isWorkHour: s,
         col: this.cSlot.col,
-        index: c,
+        index: h,
         start: this.cSlot.start,
         end: this.cSlot.end,
-        zonedStart: h,
-        zonedEnd: m,
-        selected: S,
-        navDay: u,
-        itemsPerSlot: p,
+        zonedStart: k,
+        zonedEnd: b,
+        selected: I,
+        navDay: C,
+        itemsPerSlot: F,
         tabIndex: this.currentTabIndex
       },
       additionalListeners: {
         focus: this.handleFocus,
+        click: this.handleClick,
         doubleclick: this.handleDoubleClick,
         keydown: this.handleKeyDown,
         showmoreitems: this.handleShowMoreItemsClick
       }
-    }), f;
+    }), g;
   },
   methods: {
-    handleShowMoreItemsClick(t) {
-      this.$emit("showmoreitems", t);
+    renderQuickCreateForm() {
+      if (!this.quickCreateFormItem)
+        return null;
+      const e = this.$props.quickCreateForm ? z.call(this, this.$props.quickCreateForm, {}) : this.quickCreateFormTemplate();
+      return E.call(this, {
+        h: D,
+        template: e,
+        defaultRendering: y(H, {
+          show: !0,
+          anchor: this.quickCreateAnchor,
+          dataItem: this.quickCreateFormItem,
+          onSubmit: this.handleQuickCreateSubmit,
+          onMoreoptions: this.handleQuickCreateMoreOptions,
+          onCancel: this.handleQuickCreateCancel
+        }, null),
+        additionalListeners: {
+          submit: this.handleQuickCreateSubmit,
+          moreoptions: this.handleQuickCreateMoreOptions,
+          cancel: this.handleQuickCreateCancel
+        }
+      });
+    },
+    restoreSlotFocus() {
+      var e;
+      (e = this.quickCreateAnchor) == null || e.focus({
+        preventScroll: !0
+      });
+    },
+    handleQuickCreateSubmit(e) {
+      O(this, {
+        type: x.create,
+        series: !1,
+        dataItem: e.value
+      }, e.event), this.setQuickCreateFormItem(null, e.event), this.restoreSlotFocus();
+    },
+    handleQuickCreateMoreOptions(e) {
+      this.setFormItem(e.value, e.event), this.setQuickCreateFormItem(null, e.event);
+    },
+    handleQuickCreateCancel(e) {
+      this.setQuickCreateFormItem(null, e.event), this.restoreSlotFocus();
+    },
+    handleShowMoreItemsClick(e) {
+      this.$emit("showmoreitems", e);
     },
     createDataItemFromSlot() {
-      const t = {};
-      if (l(t, this.ks.fields.start, new Date(this.cSlot.start.getTime())), l(t, this.ks.fields.end, new Date(this.cSlot.end.getTime())), l(t, this.ks.fields.isAllDay, this.cSlot.isAllDay), this.cSlot.group.resources.length)
-        for (let e = 0; e < this.cSlot.group.resources.length; e++) {
-          const s = this.cSlot.group.resources[e];
-          if (B(this.cSlot.group.resources)) {
-            const o = R(this.cSlot.group.resources[e], s.valueField);
-            l(t, s.field, s.multiple ? [o] : o);
+      const e = {};
+      if (c(e, this.ks.fields.start, new Date(this.cSlot.start.getTime())), c(e, this.ks.fields.end, new Date(this.cSlot.end.getTime())), c(e, this.ks.fields.isAllDay, this.cSlot.isAllDay), this.cSlot.group.resources.length)
+        for (let t = 0; t < this.cSlot.group.resources.length; t++) {
+          const i = this.cSlot.group.resources[t];
+          if (P(this.cSlot.group.resources)) {
+            const o = V(this.cSlot.group.resources[t], i.valueField);
+            c(e, i.field, i.multiple ? [o] : o);
           } else
-            l(t, s.field, s.multiple ? [] : void 0);
+            c(e, i.field, i.multiple ? [] : void 0);
         }
-      return t;
+      return e;
     },
-    handleFocus(t) {
+    handleFocus(e) {
       this.computedEditable.select && this.dispatchSelectedSlots({
-        type: L.select,
+        type: G.select,
         slot: this
-      }, t.event), this.$emit("focus", t);
+      }, e.event), this.$emit("focus", e);
+    },
+    handleClick(e) {
+      if (this.computedEditable.add && this.quickCreateEnabled) {
+        const t = e.target.element;
+        this.deferredQuickCreate.schedule(() => {
+          this.quickCreateAnchor = t, this.setQuickCreateFormItem(this.createDataItemFromSlot(), e.event);
+        });
+      }
+      this.$emit("click", e);
     },
-    handleDoubleClick(t) {
-      if (this.computedEditable.add) {
-        const e = this.createDataItemFromSlot();
-        this.setFormItem(e, t);
+    handleDoubleClick(e) {
+      if (this.closeQuickCreate(e.event), this.computedEditable.add) {
+        const t = this.createDataItemFromSlot();
+        this.setFormItem(t, e);
       }
-      this.$emit("doubleclick", t);
+      this.$emit("doubleclick", e);
     },
-    handleKeyDown(t) {
-      let e, s, o;
-      switch (t.event.keyCode) {
-        case i.left:
+    handleKeyDown(e) {
+      let t, i, o;
+      switch (e.event.keyCode) {
+        case l.left:
           if (!this.bv.slots)
             return;
-          t.event.preventDefault(), this.dispatchFocusedSlots({
-            type: r.left,
+          e.event.preventDefault(), this.dispatchFocusedSlots({
+            type: m.left,
             slot: this
-          }, t.event);
+          }, e.event);
           break;
-        case i.right:
+        case l.right:
           if (!this.bv.slots)
             return;
-          t.event.preventDefault(), this.dispatchFocusedSlots({
-            type: r.right,
+          e.event.preventDefault(), this.dispatchFocusedSlots({
+            type: m.right,
             slot: this
-          }, t.event);
+          }, e.event);
           break;
-        case i.up:
+        case l.up:
           if (!this.bv.slots)
             return;
-          t.event.preventDefault(), this.dispatchFocusedSlots({
-            type: r.up,
+          e.event.preventDefault(), this.dispatchFocusedSlots({
+            type: m.up,
             slot: this
-          }, t.event);
+          }, e.event);
           break;
-        case i.down:
+        case l.down:
           if (!this.bv.slots)
             return;
-          t.event.preventDefault(), this.dispatchFocusedSlots({
-            type: r.down,
+          e.event.preventDefault(), this.dispatchFocusedSlots({
+            type: m.down,
             slot: this
-          }, t.event);
+          }, e.event);
           break;
-        case i.enter:
+        case l.enter:
           if (!this.bv.slots || !this.computedEditable.add)
             return;
-          o = this.createDataItemFromSlot(), this.setFormItem(o);
+          e.event.preventDefault(), o = this.createDataItemFromSlot(), this.quickCreateEnabled ? (this.quickCreateAnchor = e.target.element, this.setQuickCreateFormItem(o, e.event)) : this.setFormItem(o);
           break;
-        case i.tab:
-          s = _(t.target), e = s ? z(s, this.bv.items, !1) : W(this.bv.items, this.ignoreIsAllDay)[0], this.dispatchFocusedItems({
-            type: P.current,
-            item: e
-          }, t.event), this.dispatchSelectedItems({
-            type: M.select,
-            item: e
-          }, t);
+        case l.tab:
+          i = W(e.target), t = i ? L(i, this.bv.items, !1) : K(this.bv.items, this.ignoreIsAllDay)[0], this.dispatchFocusedItems({
+            type: Z.current,
+            item: t
+          }, e.event), this.dispatchSelectedItems({
+            type: J.select,
+            item: t
+          }, e);
           break;
       }
-      e && t.event.preventDefault();
+      t && e.event.preventDefault();
     },
-    handleEditFormSubmit(t) {
-      this.$emit("dataaction", {
-        type: N.create,
+    handleEditFormSubmit(e) {
+      O(this, {
+        type: x.create,
         series: !1,
-        dataItem: t.value
-      }, t), this.setFormItem(null, t.event);
+        dataItem: e.value
+      }, e), this.setFormItem(null, e.event);
     },
-    handleEditFormCancel(t) {
-      this.setFormItem(null, t.event);
+    handleEditFormCancel(e) {
+      this.setFormItem(null, e.event);
     },
-    handleEditFormClose(t) {
-      this.setFormItem(null, t);
+    handleEditFormClose(e) {
+      this.setFormItem(null, e);
     },
-    handleFormItemChange(t, e) {
-      this.setFormItem && this.setFormItem(t, e);
+    handleFormItemChange(e, t) {
+      this.setFormItem && this.setFormItem(e, t);
     },
-    setFormItem(t, e) {
-      this.currentFormItem = t, this.$emit("formitemchange", e);
+    setFormItem(e, t) {
+      this.currentFormItem = e, this.$emit("formitemchange", t);
     }
   }
 });
 export {
-  it as SchedulerEditSlot
+  fe as SchedulerEditSlot
 };

package/slots/SchedulerSlot.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 s=require("vue"),o=require("@progress/kendo-vue-common"),l=require("../utils/main.js"),i=require("@progress/kendo-vue-intl"),n=require("../components/ShowMoreItemsButton.js"),r=require("../components/SchedulerForm.js"),a={skeleton:"dd"},h=s.defineComponent({name:"KendoSchedulerSlot",inheritAttrs:!1,emits:{focus:null,blur:null,click:null,showmoreitems:null,mouseover:null,mouseout:null,mouseenter:null,mouseleave:null,doubleclick:null,keydown:null,keypress:null,keyup:null,cancel:null,close:null,formsubmit:null},props:{refTo:[Function,Object],role:String,items:Array,row:Number,group:Object,range:Object,className:String,isWorkDay:{type:Boolean,default:!0},isWorkHour:{type:Boolean,default:!0},selected:Boolean,tabIndex:{type:Number,default:void 0},col:Number,index:Number,start:Date,end:Date,zonedStart:Object,zonedEnd:Object,isAllDay:Boolean,navDay:Boolean,editable:[Object,Boolean],itemsPerSlot:Number,formItem:Object,slotStyle:Object,viewSlot:Object},computed:{cSlot(){const e=this.ksSlots.cSlots;return e?e[this.index]?e[this.index]:e.length?e[0]:{}:{}},currentTabIndex(){return this.$props.tabIndex!==void 0?this.$props.tabIndex===null?void 0:this.$props.tabIndex:this.$props.selected?0:-1},slotClass(){return{"k-scheduler-cell k-slot-cell":!0,"k-nonwork-hour":!this.$props.isWorkHour||!this.$props.isWorkDay,"k-selected":this.$props.selected,[this.$props.className]:this.$props.className}},slotLabel(){return`${l.formatEventTime(this.intl,this.$props.zonedStart,this.$props.zonedEnd,this.$props.isAllDay||!1)}`}},inject:{ks:{default:null},kendoIntlService:{default:null},setSlots:{default:null},slotClick:{default:null},slotDoubleClick:{default:null},ksEditFormSubmit:{default:null},ksEditFormCancel:{default:null},ksEditFormClose:{default:null},ksSlots:{default:{}}},data(){return{hasMounted:!1}},mounted(){this.hasMounted=!0,this.setSlots({type:l.COLLECTION_ACTION.add,item:this})},unmounted(){this.setSlots({type:l.COLLECTION_ACTION.remove,item:this})},render(){this.intl=i.provideIntlService(this);const e=o.getDefaultSlots(this),t=Object.assign({userSelect:"none"},this.$props.slotStyle,this.$attrs.style);return s.createVNode("div",{id:this.$props.id,style:t,class:this.slotClass,tabindex:this.currentTabIndex,role:this.$props.role,onFocus:this.handleFocus,onBlur:this.handleBlur,onClick:this.handleClick,onMouseenter:this.handleMouseEnter,onMouseleave:this.handleMouseLeave,onMouseover:this.handleMouseOver,onMouseout:this.handleMouseOut,onDblclick:this.handleDoubleClick,onKeydown:this.handleKeyDown,onKeypress:this.handleKeyPress,onKeyup:this.handleKeyUp,"data-slot":!0,"data-slot-allday":this.cSlot.isAllDay,"data-slot-start":this.cSlot.start.getTime(),"data-slot-end":this.cSlot.end.getTime(),"data-slot-group":this.cSlot.group.index,"data-slot-range":this.cSlot.range.index,"data-slot-index":this.cSlot.index},[this.navDay&&s.createVNode("span",{class:"k-link k-nav-day"},[this.intl.formatDate(new Date(this.cSlot.end.getTime()-(this.cSlot.end.getTime()-this.cSlot.start.getTime())/2),a)]),this.itemsPerSlot<this.cSlot.items.length&&s.createVNode(n.ShowMoreItemsButton,{currentSlot:this.cSlot,hiddenCount:this.cSlot.items.length-this.itemsPerSlot,onClick:this.handleShowMoreItemsClick},null),e,this.formItem&&s.createVNode(r.SchedulerForm,{dataItem:this.formItem,onSubmit:this.handleFormSubmit,onClose:this.handleFormClose,onCancel:this.handleFormCancel},null)])},methods:{handleShowMoreItemsClick(e){this.$emit("showmoreitems",e)},handleFocus(e){this.$emit("focus",{event:e,target:{props:{...this.cSlot},element:this.$el}})},handleBlur(e){this.$emit("blur",{event:e,target:{props:{...this.cSlot},element:this.$el}})},handleClick(e){const t={event:e,target:{props:{...this.cSlot},element:this.$el}};this.$emit("click",t),this.slotClick(t)},handleMouseOver(e){this.$emit("mouseover",{event:e,target:{props:{...this.cSlot},element:this.$el}})},handleMouseOut(e){this.$emit("mouseout",{event:e,target:{props:{...this.cSlot},element:this.$el}})},handleMouseEnter(e){this.$emit("mouseenter",{event:e,target:{props:{...this.cSlot},element:this.$el}})},handleMouseLeave(e){this.$emit("mouseleave",{event:e,target:{props:{...this.cSlot},element:this.$el}})},handleDoubleClick(e){if(e.target.closest(".k-more-events"))return;const t={event:e,target:{props:{...this.cSlot},element:this.$el}};this.$emit("doubleclick",t),this.slotDoubleClick(t)},handleKeyDown(e){this.$emit("keydown",{event:e,target:{props:{...this.cSlot},element:this.$el}})},handleKeyPress(e){this.$emit("keypress",{event:e,target:{props:{...this.cSlot},element:this.$el}})},handleKeyUp(e){this.$emit("keyup",{event:e,target:{props:{...this.cSlot},element:this.$el}})},handleFormClose(e){this.ksEditFormClose(e),this.$emit("close",e)},handleFormSubmit(e){this.ksEditFormSubmit(e),this.$emit("formsubmit",e)},handleFormCancel(e){this.ksEditFormCancel(e),this.$emit("cancel",e)}}});exports.SchedulerSlot=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),i=require("@progress/kendo-vue-common"),l=require("../utils/main.js"),n=require("@progress/kendo-vue-intl"),r=require("../components/ShowMoreItemsButton.js"),a=require("../components/SchedulerForm.js"),h={skeleton:"dd"},u=s.defineComponent({name:"KendoSchedulerSlot",inheritAttrs:!1,emits:{focus:null,blur:null,click:null,showmoreitems:null,mouseover:null,mouseout:null,mouseenter:null,mouseleave:null,doubleclick:null,keydown:null,keypress:null,keyup:null,cancel:null,close:null,formsubmit:null},props:{refTo:[Function,Object],role:String,items:Array,row:Number,group:Object,range:Object,className:String,isWorkDay:{type:Boolean,default:!0},isWorkHour:{type:Boolean,default:!0},selected:Boolean,tabIndex:{type:Number,default:void 0},col:Number,index:Number,start:Date,end:Date,zonedStart:Object,zonedEnd:Object,isAllDay:Boolean,navDay:Boolean,editable:[Object,Boolean],itemsPerSlot:Number,formItem:Object,slotStyle:Object,viewSlot:Object},computed:{cSlot(){const e=this.ksSlots.cSlots;return e?e[this.index]?e[this.index]:e.length?e[0]:{}:{}},currentTabIndex(){return this.$props.tabIndex!==void 0?this.$props.tabIndex===null?void 0:this.$props.tabIndex:this.$props.selected?0:-1},slotClass(){return{"k-scheduler-cell k-slot-cell":!0,"k-nonwork-hour":!this.$props.isWorkHour||!this.$props.isWorkDay,"k-selected":this.$props.selected,[this.$props.className]:this.$props.className}},slotLabel(){return`${l.formatEventTime(this.intl,this.$props.zonedStart,this.$props.zonedEnd,this.$props.isAllDay||!1)}`}},inject:{ks:{default:null},kendoIntlService:{default:null},setSlots:{default:null},slotClick:{default:null},slotDoubleClick:{default:null},ksEditFormSubmit:{default:null},ksEditFormCancel:{default:null},ksEditFormClose:{default:null},ksRenderQuickCreateForm:{default:null},ksSlots:{default:{}}},data(){return{hasMounted:!1}},mounted(){this.hasMounted=!0,this.setSlots({type:l.COLLECTION_ACTION.add,item:this})},unmounted(){this.setSlots({type:l.COLLECTION_ACTION.remove,item:this})},render(){var o;this.intl=n.provideIntlService(this);const e=i.getDefaultSlots(this),t=Object.assign({userSelect:"none"},this.$props.slotStyle,this.$attrs.style);return s.createVNode("div",{id:this.$props.id,style:t,class:this.slotClass,tabindex:this.currentTabIndex,role:this.$props.role,onFocus:this.handleFocus,onBlur:this.handleBlur,onClick:this.handleClick,onMouseenter:this.handleMouseEnter,onMouseleave:this.handleMouseLeave,onMouseover:this.handleMouseOver,onMouseout:this.handleMouseOut,onDblclick:this.handleDoubleClick,onKeydown:this.handleKeyDown,onKeypress:this.handleKeyPress,onKeyup:this.handleKeyUp,"data-slot":!0,"data-slot-allday":this.cSlot.isAllDay,"data-slot-start":this.cSlot.start.getTime(),"data-slot-end":this.cSlot.end.getTime(),"data-slot-group":this.cSlot.group.index,"data-slot-range":this.cSlot.range.index,"data-slot-index":this.cSlot.index},[this.navDay&&s.createVNode("span",{class:"k-link k-nav-day"},[this.intl.formatDate(new Date(this.cSlot.end.getTime()-(this.cSlot.end.getTime()-this.cSlot.start.getTime())/2),h)]),this.itemsPerSlot<this.cSlot.items.length&&s.createVNode(r.ShowMoreItemsButton,{currentSlot:this.cSlot,hiddenCount:this.cSlot.items.length-this.itemsPerSlot,onClick:this.handleShowMoreItemsClick},null),e,(o=this.ksRenderQuickCreateForm)==null?void 0:o.call(this),this.formItem&&s.createVNode(a.SchedulerForm,{dataItem:this.formItem,onSubmit:this.handleFormSubmit,onClose:this.handleFormClose,onCancel:this.handleFormCancel},null)])},methods:{handleShowMoreItemsClick(e){this.$emit("showmoreitems",e)},handleFocus(e){this.$emit("focus",{event:e,target:{props:{...this.cSlot},element:this.$el}})},handleBlur(e){this.$emit("blur",{event:e,target:{props:{...this.cSlot},element:this.$el}})},handleClick(e){const t={event:e,target:{props:{...this.cSlot},element:this.$el}};this.$emit("click",t),this.slotClick(t)},handleMouseOver(e){this.$emit("mouseover",{event:e,target:{props:{...this.cSlot},element:this.$el}})},handleMouseOut(e){this.$emit("mouseout",{event:e,target:{props:{...this.cSlot},element:this.$el}})},handleMouseEnter(e){this.$emit("mouseenter",{event:e,target:{props:{...this.cSlot},element:this.$el}})},handleMouseLeave(e){this.$emit("mouseleave",{event:e,target:{props:{...this.cSlot},element:this.$el}})},handleDoubleClick(e){if(e.target.closest(".k-more-events"))return;const t={event:e,target:{props:{...this.cSlot},element:this.$el}};this.$emit("doubleclick",t),this.slotDoubleClick(t)},handleKeyDown(e){this.$emit("keydown",{event:e,target:{props:{...this.cSlot},element:this.$el}})},handleKeyPress(e){this.$emit("keypress",{event:e,target:{props:{...this.cSlot},element:this.$el}})},handleKeyUp(e){this.$emit("keyup",{event:e,target:{props:{...this.cSlot},element:this.$el}})},handleFormClose(e){this.ksEditFormClose(e),this.$emit("close",e)},handleFormSubmit(e){this.ksEditFormSubmit(e),this.$emit("formsubmit",e)},handleFormCancel(e){this.ksEditFormCancel(e),this.$emit("cancel",e)}}});exports.SchedulerSlot=u;

package/slots/SchedulerSlot.mjs

@@ -5,15 +5,15 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as o, createVNode as s } from "vue";
-import { getDefaultSlots as i } from "@progress/kendo-vue-common";
-import { COLLECTION_ACTION as l, formatEventTime as n } from "../utils/main.mjs";
-import { provideIntlService as r } from "@progress/kendo-vue-intl";
-import { ShowMoreItemsButton as a } from "../components/ShowMoreItemsButton.mjs";
-import { SchedulerForm as h } from "../components/SchedulerForm.mjs";
-const u = {
+import { defineComponent as i, createVNode as s } from "vue";
+import { getDefaultSlots as n } from "@progress/kendo-vue-common";
+import { COLLECTION_ACTION as o, formatEventTime as r } from "../utils/main.mjs";
+import { provideIntlService as a } from "@progress/kendo-vue-intl";
+import { ShowMoreItemsButton as h } from "../components/ShowMoreItemsButton.mjs";
+import { SchedulerForm as u } from "../components/SchedulerForm.mjs";
+const d = {
   skeleton: "dd"
-}, $ = /* @__PURE__ */ o({
+}, b = /* @__PURE__ */ i({
   name: "KendoSchedulerSlot",
   inheritAttrs: !1,
   emits: {
@@ -85,7 +85,7 @@ const u = {
       };
     },
     slotLabel() {
-      return `${n(this.intl, this.$props.zonedStart, this.$props.zonedEnd, this.$props.isAllDay || !1)}`;
+      return `${r(this.intl, this.$props.zonedStart, this.$props.zonedEnd, this.$props.isAllDay || !1)}`;
     }
   },
   inject: {
@@ -113,6 +113,9 @@ const u = {
     ksEditFormClose: {
       default: null
     },
+    ksRenderQuickCreateForm: {
+      default: null
+    },
     ksSlots: {
       default: {}
     }
@@ -124,19 +127,20 @@ const u = {
   },
   mounted() {
     this.hasMounted = !0, this.setSlots({
-      type: l.add,
+      type: o.add,
       item: this
     });
   },
   unmounted() {
     this.setSlots({
-      type: l.remove,
+      type: o.remove,
       item: this
     });
   },
   render() {
-    this.intl = r(this);
-    const e = i(this), t = Object.assign({
+    var l;
+    this.intl = a(this);
+    const e = n(this), t = Object.assign({
       userSelect: "none"
     }, this.$props.slotStyle, this.$attrs.style);
     return s("div", {
@@ -165,11 +169,11 @@ const u = {
       "data-slot-index": this.cSlot.index
     }, [this.navDay && s("span", {
       class: "k-link k-nav-day"
-    }, [this.intl.formatDate(new Date(this.cSlot.end.getTime() - (this.cSlot.end.getTime() - this.cSlot.start.getTime()) / 2), u)]), this.itemsPerSlot < this.cSlot.items.length && s(a, {
+    }, [this.intl.formatDate(new Date(this.cSlot.end.getTime() - (this.cSlot.end.getTime() - this.cSlot.start.getTime()) / 2), d)]), this.itemsPerSlot < this.cSlot.items.length && s(h, {
       currentSlot: this.cSlot,
       hiddenCount: this.cSlot.items.length - this.itemsPerSlot,
       onClick: this.handleShowMoreItemsClick
-    }, null), e, this.formItem && s(h, {
+    }, null), e, (l = this.ksRenderQuickCreateForm) == null ? void 0 : l.call(this), this.formItem && s(u, {
       dataItem: this.formItem,
       onSubmit: this.handleFormSubmit,
       onClose: this.handleFormClose,
@@ -317,5 +321,5 @@ const u = {
   }
 });
 export {
-  $ as SchedulerSlot
+  b as SchedulerSlot
 };

package/slots/SchedulerViewSlot.d.ts

@@ -82,12 +82,14 @@ declare const SchedulerViewSlot: import('vue').DefineComponent<import('vue').Ext
 }, {
     getLayoutSignature(): string;
     handleShowMoreItemsClick(event: any): void;
+    handleClick(event: Parameters<NonNullable<SchedulerViewSlotProps['onClick']>>[0]): void;
     handleDoubleClick(args: any): void;
     handleKeyDown(args: any): void;
     handleFocus(args: any): void;
     handleResize(): void;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     focus: any;
+    click: any;
     showmoreitems: any;
     doubleclick: any;
     keydown: any;
@@ -127,6 +129,7 @@ declare const SchedulerViewSlot: import('vue').DefineComponent<import('vue').Ext
     };
     slotStyle: PropType<any>;
 }>> & Readonly<{
+    onClick?: (...args: any) => any;
     onFocus?: (...args: any) => any;
     onKeydown?: (...args: any) => any;
     onDoubleclick?: (...args: any) => any;