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

package/services/itemsService.mjs

@@ -5,13 +5,13 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { intersects as u } from "../utils/main.mjs";
-import { orderBy as A } from "@progress/kendo-data-query";
-import { ZonedDate as m } from "@progress/kendo-date-math";
-const S = (i, { timezone: t }, { groups: l, ranges: o }) => {
-  const s = [];
-  return A(
-    i,
+import { intersects as u, crossesDayBoundary as I } from "../utils/main.mjs";
+import { orderBy as R } from "@progress/kendo-data-query";
+import { ZonedDate as n } from "@progress/kendo-date-math";
+const S = (e, { timezone: t, ignoreIsAllDay: s = !1 }, { groups: a, ranges: d }) => {
+  const o = [];
+  return R(
+    e,
     [
       { field: "start", dir: "asc" },
       { field: "end", dir: "desc" },
@@ -19,40 +19,53 @@ const S = (i, { timezone: t }, { groups: l, ranges: o }) => {
       { field: "title", dir: "asc" },
       { field: "uid", dir: "asc" }
     ]
-  ).forEach((d) => {
-    l.forEach((e) => {
-      const n = l.length === 1 ? B(d, e) : e;
-      E(d, n) && o.forEach((a) => {
-        var f;
-        if (F(d, a)) {
-          const r = {}, p = {}, y = a.end < d.end, D = d.start < a.start, v = m.fromLocalDate(d.start, t), I = m.fromLocalDate(d.end, t), h = {
-            ...d,
-            refTo: p,
-            itemRef: r,
-            head: y,
-            tail: D,
+  ).forEach((l) => {
+    a.forEach((r) => {
+      const f = a.length === 1 ? h(l, r) : r;
+      C(l, f) && d.forEach((i) => {
+        var m;
+        if (U(l, i, t, s)) {
+          const D = {}, y = {}, p = i.end < l.end, T = l.start < i.start, v = n.fromLocalDate(l.start, t), A = n.fromLocalDate(l.end, t), B = {
+            ...l,
+            refTo: y,
+            itemRef: D,
+            head: p,
+            tail: T,
             order: null,
             zonedStart: v,
-            zonedEnd: I,
-            group: n,
-            range: a,
+            zonedEnd: A,
+            group: f,
+            range: i,
             slots: [],
-            isRecurring: !!d.recurrenceRule,
-            isException: !d.recurrenceRule && d.recurrenceId !== null && d.recurrenceId !== void 0,
-            isAllDay: !!d.isAllDay,
-            readonly: (f = d.readonly) != null ? f : void 0
+            isRecurring: !!l.recurrenceRule,
+            isException: !l.recurrenceRule && l.recurrenceId !== null && l.recurrenceId !== void 0,
+            isAllDay: !!l.isAllDay,
+            readonly: (m = l.readonly) != null ? m : void 0
           };
-          s.push(h);
+          o.push(B);
         }
       });
     });
-  }), s;
-}, B = (i, t) => ({
+  }), o;
+}, h = (e, t) => ({
   index: 0,
-  resources: t.resources.filter((l) => R(i, l))
-}), R = (i, t) => t.multiple ? (i.dataItem[t.field] || []).some((l) => t[t.valueField] === l) : i.dataItem[t.field] === t[t.valueField], E = (i, t) => !t.resources.some((l) => l.multiple ? !i.dataItem[l.field].some((o) => l[l.valueField] === o) : i.dataItem[l.field] !== l[l.valueField]), F = (i, t) => u(t.start, t.end, i.start, i.end) && (t.isAllDay === void 0 || !!i.isAllDay == !!t.isAllDay);
+  resources: t.resources.filter((s) => z(e, s))
+}), z = (e, t) => t.multiple ? (e.dataItem[t.field] || []).some((s) => t[t.valueField] === s) : e.dataItem[t.field] === t[t.valueField], C = (e, t) => !t.resources.some((s) => s.multiple ? !e.dataItem[s.field].some((a) => s[s.valueField] === a) : e.dataItem[s.field] !== s[s.valueField]), G = (e, t, s) => {
+  if (t.getTime() === s.getTime())
+    return !0;
+  const a = e.range.zonedStart.toUTCDate(), d = e.range.zonedStart.toUTCDate();
+  a.setUTCHours(t.getHours(), t.getMinutes(), 0, 0), d.setUTCHours(s.getHours(), s.getMinutes(), 0, 0);
+  const o = e.range.zonedStart.timezone;
+  return u(
+    n.fromUTCDate(a, o),
+    n.fromUTCDate(d, o),
+    e.start,
+    e.end
+  );
+}, U = (e, t, s, a = !1) => u(t.start, t.end, e.start, e.end) ? a || t.isAllDay === void 0 || !!e.isAllDay == !!t.isAllDay ? !0 : t.isAllDay && I(e.start, e.end, s) : !1;
 export {
-  E as inGroup,
-  F as inRange,
+  C as inGroup,
+  U as inRange,
+  G as inTimeRange,
   S as toItems
 };

package/services/occurrenceService.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("@progress/kendo-vue-common"),S=require("@progress/kendo-recurrence"),d=require("@progress/kendo-date-math"),l=require("../utils/main.js"),x=(e,{dateRange:r,fields:n,timezone:a})=>e.map(y(n)).reduce(E(r,a,n),[]).filter(c=>!l.isMaster(c.dataItem,n)),y=e=>r=>({uid:t.getter(e.id||"id")(r),start:t.getter(e.start||"start")(r),startTimezone:t.getter(e.startTimezone||"startTimezone")(r),originalStart:t.getter(e.originalStart||"originalStart")(r),end:t.getter(e.end||"end")(r),endTimezone:t.getter(e.endTimezone||"endTimezone")(r),isAllDay:t.getter(e.isAllDay||"isAllDay")(r),title:t.getter(e.title||"title")(r),description:t.getter(e.description||"description")(r),occurrenceId:t.getter("occurrenceId")(r),recurrenceRule:t.getter(e.recurrenceRule||"recurrenceRule")(r),recurrenceExceptions:t.getter(e.recurrenceExceptions||"recurrenceExceptions")(r),recurrenceId:t.getter(e.recurrenceId||"recurrenceId")(r),readonly:t.getter(e.readonly||"readonly")(r),dataItem:t.clone(r)}),E=(e,r,n)=>(a,o)=>[...a,...o.recurrenceRule&&(o.recurrenceId===null||o.recurrenceId===void 0)&&l.isMaster(o.dataItem,n)?[...m(o,{dateRange:e,timezone:r,fields:n})]:[o]],m=(e,{dateRange:r,timezone:n,fields:a})=>{const o=e.recurrenceRule,c=S.parseRule({recurrenceRule:o});if(!c)return[];c.start||(c.start=d.ZonedDate.fromLocalDate(e.start,n)),c.end||(c.end=d.ZonedDate.fromLocalDate(e.end,n));const g=e.recurrenceExceptions;g&&(c.exceptionDates=g.map(u=>d.ZonedDate.fromLocalDate(u,n)));const L=c.end.getTime()-c.start.getTime(),R=d.ZonedDate.fromLocalDate(new Date(r.zonedStart.toLocalDate().getTime()-L),n),T=r.zonedEnd,D=S.expand(c,{rangeStart:R,rangeEnd:T});return D.events.length?D.events.map((u,p)=>{const s=t.clone(e),i=t.clone(e.dataItem);return s.recurrenceId=s.uid,l.setField(i,a.recurrenceId,e.uid),s.originalStart=u.start.toLocalDate(),l.setField(i,a.originalStart,u.start.toLocalDate()),s.start=u.start.toLocalDate(),l.setField(i,a.start,u.start.toLocalDate()),s.end=u.end.toLocalDate(),l.setField(i,a.end,u.end.toLocalDate()),s.occurrenceId=String(p),l.setField(i,"occurrenceId",String(p)),s.dataItem=i,s}):[]};exports.toOccurrences=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@progress/kendo-vue-common"),S=require("@progress/kendo-recurrence"),d=require("@progress/kendo-date-math"),i=require("../utils/main.js"),x=(e,{dateRange:r,fields:c,timezone:a})=>e.map(y(c)).reduce(v(r,a,c),[]).filter(n=>!i.isMaster(n.dataItem,c)),y=e=>r=>({uid:t.getter(e.id||"id")(r),start:t.getter(e.start||"start")(r),startTimezone:t.getter(e.startTimezone||"startTimezone")(r),originalStart:t.getter(e.originalStart||"originalStart")(r),end:t.getter(e.end||"end")(r),endTimezone:t.getter(e.endTimezone||"endTimezone")(r),isAllDay:t.getter(e.isAllDay||"isAllDay")(r),title:t.getter(e.title||"title")(r),description:t.getter(e.description||"description")(r),occurrenceId:t.getter("occurrenceId")(r),recurrenceRule:t.getter(e.recurrenceRule||"recurrenceRule")(r),recurrenceExceptions:t.getter(e.recurrenceExceptions||"recurrenceExceptions")(r),recurrenceId:t.getter(e.recurrenceId||"recurrenceId")(r),readonly:t.getter(e.readonly||"readonly")(r),dataItem:t.clone(r)}),v=(e,r,c)=>(a,o)=>[...a,...o.recurrenceRule&&(o.recurrenceId===null||o.recurrenceId===void 0)&&i.isMaster(o.dataItem,c)?[...E(o,{dateRange:e,timezone:r,fields:c})]:[o]],E=(e,{dateRange:r,timezone:c,fields:a})=>{const o=e.recurrenceRule,n=S.parseRule({recurrenceRule:o});if(!n||!Number.isSafeInteger(n.interval)||n.interval<1)return[];n.start||(n.start=d.ZonedDate.fromLocalDate(e.start,c)),n.end||(n.end=d.ZonedDate.fromLocalDate(e.end,c));const g=e.recurrenceExceptions;g&&(n.exceptionDates=g.map(u=>d.ZonedDate.fromLocalDate(u,c)));const L=n.end.getTime()-n.start.getTime(),R=d.ZonedDate.fromLocalDate(new Date(r.zonedStart.toLocalDate().getTime()-L),c),T=r.zonedEnd,D=S.expand(n,{rangeStart:R,rangeEnd:T});return D.events.length?D.events.map((u,p)=>{const s=t.clone(e),l=t.clone(e.dataItem);return s.recurrenceId=s.uid,i.setField(l,a.recurrenceId,e.uid),s.originalStart=u.start.toLocalDate(),i.setField(l,a.originalStart,u.start.toLocalDate()),s.start=u.start.toLocalDate(),i.setField(l,a.start,u.start.toLocalDate()),s.end=u.end.toLocalDate(),i.setField(l,a.end,u.end.toLocalDate()),s.occurrenceId=String(p),i.setField(l,"occurrenceId",String(p)),s.dataItem=l,s}):[]};exports.toOccurrences=x;

package/services/occurrenceService.mjs

@@ -8,8 +8,8 @@
 import { clone as p, getter as t } from "@progress/kendo-vue-common";
 import { parseRule as T, expand as E } from "@progress/kendo-recurrence";
 import { ZonedDate as d } from "@progress/kendo-date-math";
-import { isMaster as R, setField as i } from "../utils/main.mjs";
-const F = (e, { dateRange: r, fields: n, timezone: a }) => e.map(y(n)).reduce(z(r, a, n), []).filter((c) => !R(c.dataItem, n)), y = (e) => (r) => ({
+import { isMaster as S, setField as l } from "../utils/main.mjs";
+const w = (e, { dateRange: r, fields: c, timezone: a }) => e.map(v(c)).reduce(y(r, a, c), []).filter((n) => !S(n.dataItem, c)), v = (e) => (r) => ({
   uid: t(e.id || "id")(r),
   start: t(e.start || "start")(r),
   startTimezone: t(e.startTimezone || "startTimezone")(r),
@@ -25,30 +25,30 @@ const F = (e, { dateRange: r, fields: n, timezone: a }) => e.map(y(n)).reduce(z(
   recurrenceId: t(e.recurrenceId || "recurrenceId")(r),
   readonly: t(e.readonly || "readonly")(r),
   dataItem: p(r)
-}), z = (e, r, n) => (a, o) => [
+}), y = (e, r, c) => (a, o) => [
   ...a,
-  ...o.recurrenceRule && (o.recurrenceId === null || o.recurrenceId === void 0) && R(o.dataItem, n) ? [...I(o, { dateRange: e, timezone: r, fields: n })] : [o]
-], I = (e, { dateRange: r, timezone: n, fields: a }) => {
-  const o = e.recurrenceRule, c = T({ recurrenceRule: o });
-  if (!c)
+  ...o.recurrenceRule && (o.recurrenceId === null || o.recurrenceId === void 0) && S(o.dataItem, c) ? [...I(o, { dateRange: e, timezone: r, fields: c })] : [o]
+], I = (e, { dateRange: r, timezone: c, fields: a }) => {
+  const o = e.recurrenceRule, n = T({ recurrenceRule: o });
+  if (!n || !Number.isSafeInteger(n.interval) || n.interval < 1)
     return [];
-  c.start || (c.start = d.fromLocalDate(e.start, n)), c.end || (c.end = d.fromLocalDate(e.end, n));
+  n.start || (n.start = d.fromLocalDate(e.start, c)), n.end || (n.end = d.fromLocalDate(e.end, c));
   const D = e.recurrenceExceptions;
-  D && (c.exceptionDates = D.map(
-    (u) => d.fromLocalDate(u, n)
+  D && (n.exceptionDates = D.map(
+    (u) => d.fromLocalDate(u, c)
   ));
-  const S = c.end.getTime() - c.start.getTime(), m = d.fromLocalDate(
-    new Date(r.zonedStart.toLocalDate().getTime() - S),
-    n
-  ), x = r.zonedEnd, g = E(c, {
-    rangeStart: m,
+  const m = n.end.getTime() - n.start.getTime(), R = d.fromLocalDate(
+    new Date(r.zonedStart.toLocalDate().getTime() - m),
+    c
+  ), x = r.zonedEnd, g = E(n, {
+    rangeStart: R,
     rangeEnd: x
   });
   return g.events.length ? g.events.map((u, L) => {
-    const s = p(e), l = p(e.dataItem);
-    return s.recurrenceId = s.uid, i(l, a.recurrenceId, e.uid), s.originalStart = u.start.toLocalDate(), i(l, a.originalStart, u.start.toLocalDate()), s.start = u.start.toLocalDate(), i(l, a.start, u.start.toLocalDate()), s.end = u.end.toLocalDate(), i(l, a.end, u.end.toLocalDate()), s.occurrenceId = String(L), i(l, "occurrenceId", String(L)), s.dataItem = l, s;
+    const s = p(e), i = p(e.dataItem);
+    return s.recurrenceId = s.uid, l(i, a.recurrenceId, e.uid), s.originalStart = u.start.toLocalDate(), l(i, a.originalStart, u.start.toLocalDate()), s.start = u.start.toLocalDate(), l(i, a.start, u.start.toLocalDate()), s.end = u.end.toLocalDate(), l(i, a.end, u.end.toLocalDate()), s.occurrenceId = String(L), l(i, "occurrenceId", String(L)), s.dataItem = i, s;
   }) : [];
 };
 export {
-  F as toOccurrences
+  w as toOccurrences
 };

package/slots/SchedulerEditSlot.d.ts

@@ -6,10 +6,11 @@
  *-------------------------------------------------------------------------------------------
  */
 import { DataItem, SchedulerSlotMouseEvent, SchedulerSlotKeyboardEvent, SchedulerSlotFocusEvent } from '../models/main';
-import { DataAction } from '../Scheduler';
+import { DataAction, SchedulerProps } from '../Scheduler';
 import { SchedulerFormStateChangeEvent } from '../components/SchedulerForm';
+import { SchedulerQuickCreateFormStateChangeEvent } from '../components/SchedulerQuickCreateForm';
 import { SchedulerViewSlotProps } from './SchedulerViewSlot';
-import { PropType } from 'vue';
+import { h, PropType, VNodeChild } from 'vue';
 /**
  * Represents the props of the Kendo UI for Vue [SchedulerEditSlot]({% slug api_scheduler_schedulereditslotprops %}) component.
  */
@@ -34,10 +35,37 @@ export interface SchedulerEditSlotProps extends SchedulerViewSlotProps {
      * Called every time the `formItem` changes.
      */
     onFormItemChange?: (event: any) => void;
+    /**
+     * Overrides the quick-create form for this slot. Accepts a component, render function, or named slot.
+     *
+     * @example
+     * ```vue
+     * <SchedulerEditSlot :quick-create-form="'quickForm'" />
+     * ```
+     */
+    quickCreateForm?: SchedulerProps['quickCreateForm'];
+    /**
+     * Controls the draft event displayed in the quick-create popover. Set to `null` to keep it closed.
+     *
+     * @example
+     * ```vue
+     * <SchedulerEditSlot :quick-create-form-item="null" />
+     * ```
+     */
+    quickCreateFormItem?: DataItem | null;
+    /**
+     * Fires whenever the quick-create draft changes.
+     *
+     * @example
+     * ```vue
+     * <SchedulerEditSlot @quickcreateformitemchange="handleDraftChange" />
+     * ```
+     */
+    onQuickcreateformitemchange?: (event: SchedulerQuickCreateFormStateChangeEvent<DataItem | null>) => void;
     /**
      * Called when new item has been created in the slot.
      */
-    onDataaction?: (action: DataAction, event: any) => void;
+    onDataAction?: (action: DataAction, event: any) => void;
 }
 /** @hidden */
 export interface SchedulerEditSlotHandle {
@@ -55,6 +83,10 @@ declare const SchedulerEditSlot: import('vue').DefineComponent<import('vue').Ext
     className: PropType<string>;
     form: PropType<any>;
     formItem: PropType<any>;
+    quickCreateForm: PropType<string | import('vue').Component<import('../components/SchedulerQuickCreateForm').SchedulerQuickCreateFormProps> | ((createElement: typeof h, defaultRendering: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>, props: import('../components/SchedulerQuickCreateForm').SchedulerQuickCreateFormProps) => VNodeChild)>;
+    quickCreateFormItem: PropType<any>;
     refTo: PropType<any>;
     items: PropType<import('../models/Item').Item[]>;
     row: PropType<number>;
@@ -82,8 +114,19 @@ declare const SchedulerEditSlot: import('vue').DefineComponent<import('vue').Ext
     navDay: PropType<boolean>;
     editable: PropType<boolean | import('../models/EditableProp').EditableProp>;
     itemsPerSlot: PropType<number>;
-    onDataaction: PropType<(action: DataAction, event: any) => void>;
-}>, {}, {
+    onDataAction: PropType<(action: DataAction, event: any) => void>;
+}>, {
+    quickCreateAnchor: import('vue').ShallowRef<HTMLElement, HTMLElement>;
+    quickCreateEnabled: import('vue').ComputedRef<boolean>;
+    quickCreateFormItem: import('vue').ComputedRef<any>;
+    deferredQuickCreate: {
+        schedule: (callback: () => void) => void;
+        cancel: () => void;
+    };
+    setQuickCreateFormItem: (value: DataItem | null, event?: Event) => void;
+    closeQuickCreate: (event?: Event) => void;
+    quickCreateFormTemplate: () => unknown;
+}, {
     currentFormItem: any;
 }, {
     cSlot(): any;
@@ -91,9 +134,15 @@ declare const SchedulerEditSlot: import('vue').DefineComponent<import('vue').Ext
     computedEditable(): import('../models/EditableProp').EditableProp;
     compFormItem(): any;
 }, {
+    renderQuickCreateForm(): VNodeChild;
+    restoreSlotFocus(): void;
+    handleQuickCreateSubmit(event: SchedulerQuickCreateFormStateChangeEvent<DataItem>): void;
+    handleQuickCreateMoreOptions(event: SchedulerQuickCreateFormStateChangeEvent<DataItem>): void;
+    handleQuickCreateCancel(event: SchedulerQuickCreateFormStateChangeEvent<null>): void;
     handleShowMoreItemsClick(event: any): void;
     createDataItemFromSlot(): any;
     handleFocus(event: SchedulerSlotFocusEvent): void;
+    handleClick(event: SchedulerSlotMouseEvent): void;
     handleDoubleClick(event: SchedulerSlotMouseEvent): void;
     handleKeyDown(event: SchedulerSlotKeyboardEvent): void;
     handleEditFormSubmit(event: SchedulerFormStateChangeEvent<DataItem | null>): void;
@@ -101,7 +150,7 @@ declare const SchedulerEditSlot: import('vue').DefineComponent<import('vue').Ext
     handleEditFormClose(event: SchedulerFormStateChangeEvent<null>): void;
     handleFormItemChange(value: DataItem | null, event?: any): void;
     setFormItem(dataItem: DataItem | null, event: any): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "focus" | "doubleclick" | "showmoreitems" | "dataaction" | "formitemchange" | "quickcreateformitemchange")[], "click" | "focus" | "doubleclick" | "showmoreitems" | "dataaction" | "formitemchange" | "quickcreateformitemchange", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     role: PropType<string>;
     tabIndex: {
         type: PropType<number>;
@@ -110,6 +159,10 @@ declare const SchedulerEditSlot: import('vue').DefineComponent<import('vue').Ext
     className: PropType<string>;
     form: PropType<any>;
     formItem: PropType<any>;
+    quickCreateForm: PropType<string | import('vue').Component<import('../components/SchedulerQuickCreateForm').SchedulerQuickCreateFormProps> | ((createElement: typeof h, defaultRendering: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>, props: import('../components/SchedulerQuickCreateForm').SchedulerQuickCreateFormProps) => VNodeChild)>;
+    quickCreateFormItem: PropType<any>;
     refTo: PropType<any>;
     items: PropType<import('../models/Item').Item[]>;
     row: PropType<number>;
@@ -137,8 +190,16 @@ declare const SchedulerEditSlot: import('vue').DefineComponent<import('vue').Ext
     navDay: PropType<boolean>;
     editable: PropType<boolean | import('../models/EditableProp').EditableProp>;
     itemsPerSlot: PropType<number>;
-    onDataaction: PropType<(action: DataAction, event: any) => void>;
-}>> & Readonly<{}>, {
+    onDataAction: PropType<(action: DataAction, event: any) => void>;
+}>> & Readonly<{
+    onClick?: (...args: any[]) => any;
+    onFocus?: (...args: any[]) => any;
+    onDoubleclick?: (...args: any[]) => any;
+    onShowmoreitems?: (...args: any[]) => any;
+    onDataaction?: (...args: any[]) => any;
+    onFormitemchange?: (...args: any[]) => any;
+    onQuickcreateformitemchange?: (...args: any[]) => any;
+}>, {
     tabIndex: number;
     isWorkDay: boolean;
     isWorkHour: boolean;
@@ -146,5 +207,6 @@ declare const SchedulerEditSlot: import('vue').DefineComponent<import('vue').Ext
     ksEditFormSubmit: any;
     ksEditFormCancel: any;
     ksEditFormClose: any;
+    ksRenderQuickCreateForm: any;
 }, true, {}, any>;
 export { SchedulerEditSlot };

package/slots/SchedulerEditSlot.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 n=require("vue"),i=require("@progress/kendo-vue-common"),x=require("../constants/main.js"),s=require("../utils/main.js"),T=require("./SchedulerViewSlot.js"),w=require("../hooks/use-slots-selection.js"),A=require("../hooks/use-items-selection.js"),$=require("../hooks/use-items-focus.js"),r=require("../hooks/use-slots-focus.js"),N=require("../hooks/useEditable.js"),F=require("../hooks/useSlotExpand.js");function j(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!n.isVNode(e)}const _=n.defineComponent({name:"KendoSchedulerEditSlot",inheritAttrs:!1,props:{role:String,tabIndex:{type:Number,default:void 0},className:String,form:Object,formItem:Object,refTo:[Function,Object],items:Array,row:Number,group:Object,range:Object,isWorkDay:{type:Boolean,default:!0},isWorkHour:{type:Boolean,default:!0},selected:Boolean,col:Number,index:Number,start:Date,end:Date,zonedStart:Object,zonedEnd:Object,isAllDay:Boolean,expandable:[Boolean,Object],slotRender:[String,Function,Object],viewSlot:[String,Function,Object],navDay:Boolean,editable:[Object,Boolean],itemsPerSlot:Number,onDataaction:Function},created(){this.slot=null,this.editableSlot=null},mounted(){const e=this;this.$nextTick(function(){F.useSlotExpand(e,e.ks.scheduler.$el,e.$props.expandable)})},updated(){const e=this;this.$nextTick(function(){F.useSlotExpand(e,e.ks.scheduler.$el,e.$props.expandable)})},provide(){return{ksEditFormSubmit:this.handleEditFormSubmit,ksEditFormCancel:this.handleEditFormCancel,ksEditFormClose:this.handleEditFormClose}},inject:{bv:{default:null},ks:{default:null},dispatchSelectedItems:{default:null},dispatchFocusedItems:{default:null},dispatchFocusedSlots:{default:null},dispatchSelectedSlots:{default:null},ksSlots:{default:{}}},data(){return{currentFormItem:null}},computed:{cSlot(){return this.ksSlots.cSlots?this.ksSlots.cSlots[this.index]:{}},currentTabIndex(){const e=this.bv.slots.length&&s.compareSlots(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 N.useEditable(this.$props.editable)},compFormItem(){return this.formItem!==void 0?this.formItem:this.currentFormItem}},render(){const e=i.getDefaultSlots(this),{role:t,viewSlot:o,form:l,formItem:q,items:a,row:I,group:y,range:g,isWorkDay:d,isWorkHour:c,col:k,index:u,start:D,end:C,zonedStart:h,zonedEnd:m,navDay:S,itemsPerSlot:p,className:O}=this.$props,b=this.bv.selectedSlots.some(v=>s.compareSlots(v.cSlot,this.cSlot));let f;const E=n.createVNode(T.SchedulerViewSlot,{role:t,className:O,slotRender:this.$props.slotRender,isAllDay:this.isAllDay,expandable:this.expandable,editable:this.editable,items:a,row:I,group:y,range:g,isWorkDay:d,isWorkHour:c,col:k,index:u,start:D,end:C,zonedStart:h,zonedEnd:m,selected:b,navDay:S,itemsPerSlot:p,tabIndex:this.currentTabIndex,formItem:this.compFormItem,onFocus:this.handleFocus,onDoubleclick:this.handleDoubleClick,onKeydown:this.handleKeyDown,onShowmoreitems:this.handleShowMoreItemsClick},j(e)?e:{default:()=>[e]});return f=i.getTemplate.call(this,{h:n.h,template:this.$props.viewSlot,defaultRendering:E,defaultSlots:e,additionalProps:{...this.cSlot,isAllDay:this.cSlot.isAllDay,expandable:this.expandable,editable:this.editable,items:a,row:this.cSlot.row,group:this.cSlot.group,range:this.cSlot.range,isWorkDay:d,isWorkHour:c,col:this.cSlot.col,index:u,start:this.cSlot.start,end:this.cSlot.end,zonedStart:h,zonedEnd:m,selected:b,navDay:S,itemsPerSlot:p,tabIndex:this.currentTabIndex},additionalListeners:{focus:this.handleFocus,doubleclick:this.handleDoubleClick,keydown:this.handleKeyDown,showmoreitems:this.handleShowMoreItemsClick}}),f},methods:{handleShowMoreItemsClick(e){this.$emit("showmoreitems",e)},createDataItemFromSlot(){const e={};if(s.setField(e,this.ks.fields.start,new Date(this.cSlot.start.getTime())),s.setField(e,this.ks.fields.end,new Date(this.cSlot.end.getTime())),s.setField(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 o=this.cSlot.group.resources[t];if(s.isGroupped(this.cSlot.group.resources)){const l=s.getField(this.cSlot.group.resources[t],o.valueField);s.setField(e,o.field,o.multiple?[l]:l)}else s.setField(e,o.field,o.multiple?[]:void 0)}return e},handleFocus(e){this.computedEditable.select&&this.dispatchSelectedSlots({type:w.SLOTS_SELECT_ACTION.select,slot:this},e.event),this.$emit("focus",e)},handleDoubleClick(e){if(this.computedEditable.add){const t=this.createDataItemFromSlot();this.setFormItem(t,e)}this.$emit("doubleclick",e)},handleKeyDown(e){let t,o,l;switch(e.event.keyCode){case i.Keys.left:if(!this.bv.slots)return;e.event.preventDefault(),this.dispatchFocusedSlots({type:r.SLOTS_FOCUS_ACTION.left,slot:this},e.event);break;case i.Keys.right:if(!this.bv.slots)return;e.event.preventDefault(),this.dispatchFocusedSlots({type:r.SLOTS_FOCUS_ACTION.right,slot:this},e.event);break;case i.Keys.up:if(!this.bv.slots)return;e.event.preventDefault(),this.dispatchFocusedSlots({type:r.SLOTS_FOCUS_ACTION.up,slot:this},e.event);break;case i.Keys.down:if(!this.bv.slots)return;e.event.preventDefault(),this.dispatchFocusedSlots({type:r.SLOTS_FOCUS_ACTION.down,slot:this},e.event);break;case i.Keys.enter:if(!this.bv.slots||!this.computedEditable.add)return;l=this.createDataItemFromSlot(),this.setFormItem(l);break;case i.Keys.tab:o=s.findFirstItem(e.target),t=o?s.findCurrentItem(o,this.bv.items,!1):s.getSortedSlots(this.bv.items,this.ignoreIsAllDay)[0],this.dispatchFocusedItems({type:$.ITEMS_FOCUS_ACTION.current,item:t},e.event),this.dispatchSelectedItems({type:A.ITEMS_SELECT_ACTION.select,item:t},e);break}t&&e.event.preventDefault()},handleEditFormSubmit(e){this.$emit("dataaction",{type:x.DATA_ACTION.create,series:!1,dataItem:e.value},e),this.setFormItem(null,e.event)},handleEditFormCancel(e){this.setFormItem(null,e.event)},handleEditFormClose(e){this.setFormItem(null,e)},handleFormItemChange(e,t){this.setFormItem&&this.setFormItem(e,t)},setFormItem(e,t){this.currentFormItem=e,this.$emit("formitemchange",t)}}});exports.SchedulerEditSlot=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),r=require("@progress/kendo-vue-common"),D=require("../constants/main.js"),i=require("../utils/main.js"),T=require("../components/SchedulerQuickCreateForm.js"),A=require("./SchedulerViewSlot.js"),x=require("../hooks/use-slots-selection.js"),Q=require("../hooks/use-items-selection.js"),N=require("../hooks/useDeferredClick.js"),j=require("../hooks/useExclusivePopover.js"),$=require("../hooks/use-items-focus.js"),S=require("../hooks/use-slots-focus.js"),_=require("../hooks/useEditable.js"),y=require("../hooks/useSlotExpand.js");function R(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!o.isVNode(e)}const K=o.defineComponent({name:"KendoSchedulerEditSlot",inheritAttrs:!1,emits:["dataaction","showmoreitems","focus","click","doubleclick","formitemchange","quickcreateformitemchange"],props:{role:String,tabIndex:{type:Number,default:void 0},className:String,form:Object,formItem:Object,quickCreateForm:[String,Function,Object],quickCreateFormItem:Object,refTo:[Function,Object],items:Array,row:Number,group:Object,range:Object,isWorkDay:{type:Boolean,default:!0},isWorkHour:{type:Boolean,default:!0},selected:Boolean,col:Number,index:Number,start:Date,end:Date,zonedStart:Object,zonedEnd:Object,isAllDay:Boolean,expandable:[Boolean,Object],slotRender:[String,Function,Object],viewSlot:[String,Function,Object],navDay:Boolean,editable:[Object,Boolean],itemsPerSlot:Number,onDataAction:Function},created(){this.slot=null,this.editableSlot=null},mounted(){const e=this;this.$nextTick(function(){y.useSlotExpand(e,e.ks.scheduler.$el,e.$props.expandable)})},updated(){const e=this;this.$nextTick(function(){y.useSlotExpand(e,e.ks.scheduler.$el,e.$props.expandable)})},provide(){return{ksEditFormSubmit:this.handleEditFormSubmit,ksEditFormCancel:this.handleEditFormCancel,ksEditFormClose:this.handleEditFormClose,ksRenderQuickCreateForm:this.renderQuickCreateForm}},inject:{bv:{default:null},ks:{default:null},dispatchSelectedItems:{default:null},dispatchFocusedItems:{default:null},dispatchFocusedSlots:{default:null},dispatchSelectedSlots:{default:null},ksSlots:{default:{}}},setup(e,{emit:t}){const s=o.inject("ks",null),l=o.inject("ksQuickCreate",()=>!0),p=o.shallowRef(null),d=o.shallowRef(null),h=N.useDeferredClick(),k=o.computed(()=>(s==null?void 0:s.activeViewName.toLowerCase())!=="agenda"&&l()),c=o.computed(()=>e.quickCreateFormItem!==void 0?e.quickCreateFormItem:p.value),u=(n,m)=>{p.value=n,t("quickcreateformitemchange",{value:n,event:m})},a=n=>{h.cancel(),c.value&&u(null,n)};return j.useExclusivePopover(()=>!!c.value,a),o.watch([()=>s==null?void 0:s.currentDate,()=>s==null?void 0:s.activeViewName],()=>a()),{quickCreateAnchor:d,quickCreateEnabled:k,quickCreateFormItem:c,deferredQuickCreate:h,setQuickCreateFormItem:u,closeQuickCreate:a,quickCreateFormTemplate:o.inject("ksQuickCreateForm",()=>{})}},data(){return{currentFormItem:null}},computed:{cSlot(){return this.ksSlots.cSlots?this.ksSlots.cSlots[this.index]:{}},currentTabIndex(){const e=this.bv.slots.length&&i.compareSlots(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 _.useEditable(this.$props.editable)},compFormItem(){return this.formItem!==void 0?this.formItem:this.currentFormItem}},render(){const e=r.getDefaultSlots(this),{role:t,viewSlot:s,form:l,formItem:p,items:d,row:h,group:k,range:c,isWorkDay:u,isWorkHour:a,col:n,index:m,start:v,end:O,zonedStart:b,zonedEnd:f,navDay:C,itemsPerSlot:F,className:E}=this.$props,I=this.bv.selectedSlots.some(w=>i.compareSlots(w.cSlot,this.cSlot));let g;const q=o.createVNode(A.SchedulerViewSlot,{role:t,className:E,slotRender:this.$props.slotRender,isAllDay:this.isAllDay,expandable:this.expandable,editable:this.editable,items:d,row:h,group:k,range:c,isWorkDay:u,isWorkHour:a,col:n,index:m,start:v,end:O,zonedStart:b,zonedEnd:f,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},R(e)?e:{default:()=>[e]});return g=r.getTemplate.call(this,{h:o.h,template:this.$props.viewSlot,defaultRendering:q,defaultSlots:e,additionalProps:{...this.cSlot,isAllDay:this.cSlot.isAllDay,expandable:this.expandable,editable:this.editable,items:d,row:this.cSlot.row,group:this.cSlot.group,range:this.cSlot.range,isWorkDay:u,isWorkHour:a,col:this.cSlot.col,index:m,start:this.cSlot.start,end:this.cSlot.end,zonedStart:b,zonedEnd:f,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}}),g},methods:{renderQuickCreateForm(){if(!this.quickCreateFormItem)return null;const e=this.$props.quickCreateForm?r.templateRendering.call(this,this.$props.quickCreateForm,{}):this.quickCreateFormTemplate();return r.getTemplate.call(this,{h:o.h,template:e,defaultRendering:o.createVNode(T.SchedulerQuickCreateForm,{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){i.emitDataAction(this,{type:D.DATA_ACTION.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 e={};if(i.setField(e,this.ks.fields.start,new Date(this.cSlot.start.getTime())),i.setField(e,this.ks.fields.end,new Date(this.cSlot.end.getTime())),i.setField(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 s=this.cSlot.group.resources[t];if(i.isGroupped(this.cSlot.group.resources)){const l=i.getField(this.cSlot.group.resources[t],s.valueField);i.setField(e,s.field,s.multiple?[l]:l)}else i.setField(e,s.field,s.multiple?[]:void 0)}return e},handleFocus(e){this.computedEditable.select&&this.dispatchSelectedSlots({type:x.SLOTS_SELECT_ACTION.select,slot:this},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(e){if(this.closeQuickCreate(e.event),this.computedEditable.add){const t=this.createDataItemFromSlot();this.setFormItem(t,e)}this.$emit("doubleclick",e)},handleKeyDown(e){let t,s,l;switch(e.event.keyCode){case r.Keys.left:if(!this.bv.slots)return;e.event.preventDefault(),this.dispatchFocusedSlots({type:S.SLOTS_FOCUS_ACTION.left,slot:this},e.event);break;case r.Keys.right:if(!this.bv.slots)return;e.event.preventDefault(),this.dispatchFocusedSlots({type:S.SLOTS_FOCUS_ACTION.right,slot:this},e.event);break;case r.Keys.up:if(!this.bv.slots)return;e.event.preventDefault(),this.dispatchFocusedSlots({type:S.SLOTS_FOCUS_ACTION.up,slot:this},e.event);break;case r.Keys.down:if(!this.bv.slots)return;e.event.preventDefault(),this.dispatchFocusedSlots({type:S.SLOTS_FOCUS_ACTION.down,slot:this},e.event);break;case r.Keys.enter:if(!this.bv.slots||!this.computedEditable.add)return;e.event.preventDefault(),l=this.createDataItemFromSlot(),this.quickCreateEnabled?(this.quickCreateAnchor=e.target.element,this.setQuickCreateFormItem(l,e.event)):this.setFormItem(l);break;case r.Keys.tab:s=i.findFirstItem(e.target),t=s?i.findCurrentItem(s,this.bv.items,!1):i.getSortedSlots(this.bv.items,this.ignoreIsAllDay)[0],this.dispatchFocusedItems({type:$.ITEMS_FOCUS_ACTION.current,item:t},e.event),this.dispatchSelectedItems({type:Q.ITEMS_SELECT_ACTION.select,item:t},e);break}t&&e.event.preventDefault()},handleEditFormSubmit(e){i.emitDataAction(this,{type:D.DATA_ACTION.create,series:!1,dataItem:e.value},e),this.setFormItem(null,e.event)},handleEditFormCancel(e){this.setFormItem(null,e.event)},handleEditFormClose(e){this.setFormItem(null,e)},handleFormItemChange(e,t){this.setFormItem&&this.setFormItem(e,t)},setFormItem(e,t){this.currentFormItem=e,this.$emit("formitemchange",t)}}});exports.SchedulerEditSlot=K;