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

package/components/SchedulerForm.mjs

@@ -5,16 +5,35 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as L, createVNode as r, h as o, inject as C } from "vue";
-import { SchedulerActionButtons as D } from "./SchedulerActionButtons.mjs";
-import { Form as E } from "@progress/kendo-vue-form";
-import { Dialog as b } from "@progress/kendo-vue-dialogs";
-import { provideLocalizationService as w } from "@progress/kendo-vue-intl";
-import { SchedulerFormEditor as T } from "../editors/SchedulerFormEditor.mjs";
-import { editorValidationRequired as h, messages as i, editorValidationEnd as c, editorSave as u, editorCancel as g, editorDelete as m, editorEditEvent as f, editorNewEvent as p, editorValidationStart as k } from "../messages/main.mjs";
-import { canUseDOM as F, getTemplate as q, guid as z } from "@progress/kendo-vue-common";
-const N = /* @__PURE__ */ L({
+import { defineComponent as W, createVNode as h, h as C, Fragment as J, inject as b, ref as L, onBeforeUnmount as Q, isVNode as X, nextTick as Z } from "vue";
+import { Button as T } from "@progress/kendo-vue-buttons";
+import { Form as G } from "@progress/kendo-vue-form";
+import { Dialog as I, DialogActionsBar as ee } from "@progress/kendo-vue-dialogs";
+import { provideLocalizationService as te } from "@progress/kendo-vue-intl";
+import { canUseDOM as E, getTemplate as ie, guid as V, clone as ae } from "@progress/kendo-vue-common";
+import { SchedulerActionButtons as se } from "./SchedulerActionButtons.mjs";
+import { SchedulerFormEditor as oe } from "../editors/SchedulerFormEditor.mjs";
+import { CUSTOM_EVENTS_CANCEL_KEY as ne } from "../hooks/useCustomEventsConfirmation.mjs";
+import { editorValidationRequired as A, messages as r, editorValidationEnd as _, editorSave as j, editorCancel as O, editorDelete as P, editorEditEvent as q, editorNewEvent as F, editorValidationStart as R, editorDiscardChangesDialogTitle as B, editorDiscardChangesConfirmation as $, editorDiscardChangesCancel as H, editorDiscardChangesDiscard as N } from "../messages/main.mjs";
+function U(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !X(e);
+}
+const M = "__kendoSchedulerEditor", re = 10, le = 400;
+let k;
+const w = (e, t) => {
+  if (Object.is(e, t))
+    return !0;
+  if (e instanceof Date || t instanceof Date)
+    return e instanceof Date && t instanceof Date && Object.is(e.getTime(), t.getTime());
+  if (Array.isArray(e) || Array.isArray(t))
+    return Array.isArray(e) && Array.isArray(t) && e.length === t.length && e.every((l, d) => w(l, t[d]));
+  if (typeof e != "object" || e === null || typeof t != "object" || t === null)
+    return !1;
+  const s = e, i = t, n = Object.keys(s), o = Object.keys(i);
+  return n.length === o.length && n.every((l) => o.includes(l) && w(s[l], i[l]));
+}, ye = /* @__PURE__ */ W({
   name: "KendoSchedulerForm",
+  inheritAttrs: !1,
   emits: {
     cancel: null,
     close: null,
@@ -39,7 +58,7 @@ const N = /* @__PURE__ */ L({
     }
   },
   created() {
-    this.dialogId = z();
+    this.dialogId = V();
   },
   data() {
     return {
@@ -47,84 +66,167 @@ const N = /* @__PURE__ */ L({
     };
   },
   mounted() {
-    this.calculateMedia(), setTimeout(() => {
+    this.startDiscardGuard(this.handleCancel), this.calculateMedia(), this.focusTimeout = setTimeout(() => {
       const e = document.getElementById(this.dialogId);
-      e && e.focus();
-    }, 10);
+      e && !this.showDiscardDialog && e.focus();
+    }, re);
+  },
+  beforeUnmount() {
+    clearTimeout(this.focusTimeout);
   },
   setup() {
-    return {
-      kendoLocalizationService: C("kendoLocalizationService", {})
+    const e = b("kendoLocalizationService", {}), t = b(ne, null), s = L(null), i = L(!1);
+    let n, o, l = null, d, c, f, u = !1, g, S = !1;
+    const y = () => s.value !== null && !w(s.value.form.values, n), m = (a) => typeof a == "object" && a !== null && M in a && a[M] === d, p = () => {
+      const a = typeof c == "object" && c !== null ? c : {};
+      window.history.pushState({
+        ...a,
+        [M]: d
+      }, "", f), u = !0;
+    }, z = (a) => {
+      y() ? i.value || (l = document.activeElement instanceof HTMLElement ? document.activeElement : null, o = a, i.value = !0) : a();
+    }, K = () => {
+      i.value = !1, o = void 0;
+      const a = l;
+      Z(() => {
+        a != null && a.isConnected && a.focus({
+          preventScroll: !0
+        });
+      });
+    }, Y = () => {
+      const a = o;
+      o = void 0, i.value = !1, a == null || a();
+    }, x = (a) => {
+      if (n = ae(s.value.form.values), !E)
+        return;
+      const D = () => {
+        S || (d = V(), c = window.history.state, f = window.location.href, p(), g = (v) => {
+          if (!(!u || m(v.state))) {
+            if (v.stopImmediatePropagation(), u = !1, t != null && t()) {
+              p();
+              return;
+            }
+            y() && p(), a(v);
+          }
+        }, window.addEventListener("popstate", g, !0));
+      };
+      k ? k.then(D) : D();
+    };
+    return Q(() => {
+      S = !0, !(!E || !g) && (window.removeEventListener("popstate", g, !0), u && m(window.history.state) && (k = new Promise((a) => {
+        window.addEventListener("popstate", (D) => {
+          window.location.href === f && w(D.state, c) && D.stopImmediatePropagation(), k = void 0, a();
+        }, {
+          capture: !0,
+          once: !0
+        }), window.history.back();
+      })), u = !1);
+    }), {
+      kendoLocalizationService: e,
+      formRef: s,
+      showDiscardDialog: i,
+      startDiscardGuard: x,
+      requestCancel: z,
+      cancelDiscard: K,
+      discardChanges: Y
     };
   },
   render() {
-    var l;
-    const e = this, t = w(this);
-    this.requiredValidationMessage = t.toLanguageString(h, i[h]), this.endValidationMessage = t.toLanguageString(c, i[c]);
-    const s = t.toLanguageString(u, i[u]), n = t.toLanguageString(g, i[g]), d = t.toLanguageString(m, i[m]), a = !!((l = this.$props.dataItem) != null && l[this.ks.fields.id]), S = a ? t.toLanguageString(f, i[f]) : t.toLanguageString(p, i[p]);
-    this.startValidationMessage = t.toLanguageString(k, i[k]);
-    const M = r(T, null, {
-      default: () => [r(D, {
-        editSaveMessage: s,
-        editCancelMessage: n,
-        editDeleteMessage: a ? d : void 0,
+    var m;
+    let e, t;
+    const s = this, i = te(this);
+    this.requiredValidationMessage = i.toLanguageString(A, r[A]), this.endValidationMessage = i.toLanguageString(_, r[_]);
+    const n = i.toLanguageString(j, r[j]), o = i.toLanguageString(O, r[O]), l = i.toLanguageString(P, r[P]), d = !!((m = this.$props.dataItem) != null && m[this.ks.fields.id]), c = d ? i.toLanguageString(q, r[q]) : i.toLanguageString(F, r[F]);
+    this.startValidationMessage = i.toLanguageString(R, r[R]);
+    const f = h(oe, null, {
+      default: () => [h(se, {
+        editSaveMessage: n,
+        editCancelMessage: o,
+        editDeleteMessage: d ? l : void 0,
         onCancel: this.handleCancel,
-        onDelete: a && this.onDelete ? this.handleDelete : void 0
+        onDelete: d && this.onDelete ? this.handleDelete : void 0
       }, null)]
-    }), V = q.call(this, {
-      h: o,
+    }), u = ie.call(this, {
+      h: C,
       template: this.ks.form,
-      defaultRendering: M,
+      defaultRendering: f,
       additionalProps: {
         dataItem: this.dataItem,
-        editSaveMessage: s,
-        editCancelMessage: n
+        editSaveMessage: n,
+        editCancelMessage: o
       },
       additionalListeners: {
         cancel: this.handleCancel
       }
-    }), v = {
-      title: S,
+    }), g = {
+      title: c,
       appendTo: "body",
       width: this.media === "desktop" ? 650 : "85%",
       wrapperId: this.dialogId,
       ...this.ks.dialogProps
-    }, I = {
-      initialValues: e.ksModifyInitialFormValues(e.$props.dataItem),
-      validator: e.formValidator,
+    }, S = {
+      ignoreModified: !0,
+      initialValues: s.ksModifyInitialFormValues(s.$props.dataItem),
+      validator: s.formValidator,
       ...this.ks.formProps
-    };
-    return o(b, {
-      onClose: this.handleClose,
-      class: "k-scheduler-edit-dialog",
-      ...v
+    }, y = this.showDiscardDialog && h(I, {
+      title: i.toLanguageString(B, r[B]),
+      className: "k-scheduler-discard-dialog",
+      appendTo: "body",
+      width: this.media === "desktop" ? le : "85%",
+      onClose: (p) => {
+        p.event.stopPropagation(), this.cancelDiscard();
+      }
+    }, {
+      default: () => [h("p", null, [i.toLanguageString($, r[$])]), h(ee, null, {
+        default: () => [h(T, {
+          type: "button",
+          onClick: this.cancelDiscard
+        }, U(e = i.toLanguageString(H, r[H])) ? e : {
+          default: () => [e]
+        }), h(T, {
+          type: "button",
+          themeColor: "primary",
+          onClick: this.discardChanges
+        }, U(t = i.toLanguageString(N, r[N])) ? t : {
+          default: () => [t]
+        })]
+      })]
+    });
+    return C(J, null, [C(I, {
+      ...this.$attrs,
+      class: ["k-scheduler-edit-dialog", this.$attrs.class],
+      ...g,
+      onClose: this.handleClose
     }, function() {
-      return [o(E, {
-        onSubmit: e.handleSubmit,
-        ...I
+      return [C(G, {
+        onSubmit: s.handleSubmit,
+        ...S,
+        ref: "formRef"
       }, function() {
-        return [V];
+        return [u];
       })];
-    });
+    }), y]);
   },
   methods: {
     calculateMedia() {
-      F && window.matchMedia && (this.media = window.matchMedia("(min-width: 600px)").matches ? "desktop" : "mobile");
+      E && window.matchMedia && (this.media = window.matchMedia("(min-width: 600px)").matches ? "desktop" : "mobile");
     },
     handleCancel(e) {
-      this.$emit("cancel", {
+      this.requestCancel(() => this.$emit("cancel", {
         value: null,
         event: e,
         target: this.form
-      });
+      }));
     },
-    handleClose({
-      event: e
-    }) {
-      this.$emit("close", {
-        value: null,
-        event: e,
-        target: this.form
+    handleClose(e) {
+      this.requestCancel(() => {
+        var t;
+        (t = this.ks.dialogProps) != null && t.onClose ? this.ks.dialogProps.onClose(e) : this.$emit("close", {
+          value: null,
+          event: e.event,
+          target: this.form
+        });
       });
     },
     handleDelete() {
@@ -149,15 +251,15 @@ const N = /* @__PURE__ */ L({
     },
     formValidator(e, t) {
       const s = {};
-      s[this.ks.fields.start] = [this.requiredValidator(t(this.ks.fields.start)), this.startAfterEndValidator(t(this.ks.fields.start), t)].filter(Boolean).reduce((d, a) => d || a, ""), s[this.ks.fields.end] = [this.requiredValidator(t(this.ks.fields.start)), this.endAfterStartValidator(t(this.ks.fields.start), t)].filter(Boolean).reduce((d, a) => d || a, "");
-      const n = this.ksValidator(t);
+      s[this.ks.fields.start] = [this.requiredValidator(t(this.ks.fields.start)), this.startAfterEndValidator(t(this.ks.fields.start), t)].filter(Boolean).reduce((n, o) => n || o, ""), s[this.ks.fields.end] = [this.requiredValidator(t(this.ks.fields.start)), this.endAfterStartValidator(t(this.ks.fields.start), t)].filter(Boolean).reduce((n, o) => n || o, "");
+      const i = this.ksValidator(t);
       return {
         ...s,
-        ...n
+        ...i
       };
     }
   }
 });
 export {
-  N as SchedulerForm
+  ye as SchedulerForm
 };

package/components/SchedulerQuickCreateForm.d.ts

@@ -0,0 +1,118 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PropType } from 'vue';
+import { FormProps } from '@progress/kendo-vue-form';
+import { DataItem } from '../models/main';
+/**
+ * Represents the event arguments of the SchedulerQuickCreateForm component.
+ */
+export interface SchedulerQuickCreateFormStateChangeEvent<T> {
+    /** The value associated with the event. */
+    value: T;
+    /** The native DOM event, when available. */
+    event: Event | undefined;
+}
+/**
+ * Represents the props of the SchedulerQuickCreateForm component.
+ */
+export interface SchedulerQuickCreateFormProps {
+    /**
+     * Specifies the draft event displayed in the quick-create popover.
+     *
+     * @example
+     * ```vue
+     * <SchedulerQuickCreateForm :data-item="draft" />
+     * ```
+     */
+    dataItem: DataItem;
+    /**
+     * Controls the visibility of the quick-create popover.
+     *
+     * @example
+     * ```vue
+     * <SchedulerQuickCreateForm :show="true" />
+     * ```
+     */
+    show: boolean;
+    /**
+     * Specifies the element used to position the popover.
+     *
+     * @example
+     * ```vue
+     * <SchedulerQuickCreateForm :anchor="slotElement" />
+     * ```
+     */
+    anchor: HTMLElement | null;
+    /**
+     * Validates the quick-create form values, like the SchedulerForm validator.
+     *
+     * @example
+     * ```vue
+     * <SchedulerQuickCreateForm :validator="validateTitle" />
+     * ```
+     */
+    validator?: FormProps['validator'];
+    /**
+     * Fires when Save is clicked or Enter is pressed in the title field.
+     *
+     * @example
+     * ```vue
+     * <SchedulerQuickCreateForm @submit="handleSubmit" />
+     * ```
+     */
+    onSubmit: (event: SchedulerQuickCreateFormStateChangeEvent<DataItem>) => void;
+    /**
+     * Fires when More options is clicked to open the full editor.
+     *
+     * @example
+     * ```vue
+     * <SchedulerQuickCreateForm @moreoptions="handleMoreOptions" />
+     * ```
+     */
+    onMoreoptions?: (event: SchedulerQuickCreateFormStateChangeEvent<DataItem>) => void;
+    /**
+     * Fires when the quick-create form is dismissed.
+     *
+     * @example
+     * ```vue
+     * <SchedulerQuickCreateForm @cancel="handleCancel" />
+     * ```
+     */
+    onCancel?: (event: SchedulerQuickCreateFormStateChangeEvent<null>) => void;
+}
+/**
+ * Represents the default quick-create popover of the Scheduler.
+ * The form edits the event title and provides Save, More options, and Cancel actions.
+ */
+export declare const SchedulerQuickCreateForm: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    dataItem: {
+        type: PropType<any>;
+        required: true;
+    };
+    show: PropType<boolean>;
+    anchor: PropType<HTMLElement>;
+    validator: PropType<import('@progress/kendo-vue-form').FormValidatorType>;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    submit: (event: SchedulerQuickCreateFormStateChangeEvent<DataItem>) => boolean;
+    moreoptions: (event: SchedulerQuickCreateFormStateChangeEvent<DataItem>) => boolean;
+    cancel: (event: SchedulerQuickCreateFormStateChangeEvent<null>) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    dataItem: {
+        type: PropType<any>;
+        required: true;
+    };
+    show: PropType<boolean>;
+    anchor: PropType<HTMLElement>;
+    validator: PropType<import('@progress/kendo-vue-form').FormValidatorType>;
+}>> & Readonly<{
+    onCancel?: (event: SchedulerQuickCreateFormStateChangeEvent<null>) => any;
+    onSubmit?: (event: SchedulerQuickCreateFormStateChangeEvent<any>) => any;
+    onMoreoptions?: (event: SchedulerQuickCreateFormStateChangeEvent<any>) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+/** The default props of the SchedulerQuickCreateForm component. */
+export declare const schedulerQuickCreateFormDefaultProps: {};

package/components/SchedulerQuickCreateForm.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),P=require("@progress/kendo-date-math"),E=require("@progress/kendo-vue-tooltip"),F=require("@progress/kendo-vue-common"),C=require("@progress/kendo-vue-buttons"),B=require("@progress/kendo-vue-inputs"),v=require("@progress/kendo-vue-form"),q=require("@progress/kendo-vue-labels"),I=require("@progress/kendo-vue-intl"),O=require("@progress/kendo-svg-icons"),D=require("../constants/main.js"),g=require("../utils/main.js"),T=require("../hooks/useCloseOnAnchorScrollOut.js"),s=require("../messages/main.js");function w(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const _="360px",x=t.defineComponent({name:"KendoSchedulerQuickCreateTitleEditor",inheritAttrs:!1,props:{value:[String,Number],valid:{type:Boolean,default:!0},placeholder:String,ariaLabel:String},emits:["change","focus","blur"],setup(e,{emit:u}){return()=>{var r;return t.createVNode(B.TextBox,{value:(r=e.value)!=null?r:"",valid:e.valid,placeholder:e.placeholder,ariaLabel:e.ariaLabel,inputAttributes:{autocomplete:"off"},onInput:o=>u("change",o),onChange:o=>u("change",o),onFocus:()=>u("focus"),onBlur:()=>u("blur")},null)}}}),z=t.defineComponent({name:"KendoSchedulerQuickCreateForm",props:{dataItem:{type:Object,required:!0},show:Boolean,anchor:Object,validator:Function},emits:{submit:e=>!!e,moreoptions:e=>!!e,cancel:e=>!!e},inject:{kendoIntlService:{default:null},kendoLocalizationService:{default:null}},setup(e,{emit:u}){const r=t.getCurrentInstance(),o=t.inject("ks");if(!o)throw new Error("SchedulerQuickCreateForm must be rendered inside a Scheduler.");const p=t.ref(null),k=a=>u("cancel",{value:null,event:a}),y=()=>{var a,i;e.show&&((i=(a=p.value)==null?void 0:a.$el.querySelector("input"))==null||i.focus())};t.watch(()=>e.show,()=>t.nextTick(y),{immediate:!0,flush:"post"});const S=t.computed(()=>{const a=Math.max(1,Math.round((o.dateRange.end.getTime()-o.dateRange.start.getTime())/P.MS_PER_DAY)),i=o.orientation==="horizontal"?Math.max(1,o.groups.length):1;return o.activeViewName.toLowerCase()!=="timeline"&&a*i<=1?{position:"top",collision:{horizontal:"fit",vertical:"flip"},margin:{horizontal:0,vertical:D.SCHEDULER_POPOVER_GAP}}:{position:"right",collision:{horizontal:"flip",vertical:"fit"},margin:{horizontal:D.SCHEDULER_POPOVER_GAP,vertical:0}}});t.watch([()=>e.show,()=>e.anchor],([a],i,n)=>{var b;if(!a||typeof document=="undefined")return;const d=((b=e.anchor)==null?void 0:b.ownerDocument)||document,h=l=>{var f;const c=(f=p.value)==null?void 0:f.$el.closest(".k-popover");c!=null&&c.contains(l.target)||k()};d.addEventListener("mousedown",h),n(()=>d.removeEventListener("mousedown",h))},{immediate:!0}),T.useCloseOnAnchorScrollOut(()=>e.show,()=>e.anchor||null,()=>k());const L=(a,i)=>{const n={...e.dataItem};g.setField(n,o.fields.title,a.valueGetter(o.fields.title)),u("moreoptions",{value:n,event:i})};return()=>{const a=I.provideIntlService(r==null?void 0:r.proxy),i=I.provideLocalizationService(r==null?void 0:r.proxy),n=l=>i.toLanguageString(l,s.messages[l]),d=g.getField(e.dataItem,o.fields.start),h=g.getField(e.dataItem,o.fields.end),b=d&&h?g.formatEventSummary(a,d,h,!!g.getField(e.dataItem,o.fields.isAllDay),n(s.allDay)):"";return t.createVNode(v.Form,{key:d==null?void 0:d.getTime(),initialValues:e.dataItem,validator:e.validator,ignoreModified:!0,onSubmit:(l,c)=>u("submit",{value:l,event:c}),renderForm:l=>{let c,f,V;return t.createVNode(E.Popover,{anchor:e.anchor,show:e.show,position:S.value.position,collision:S.value.collision,margin:S.value.margin,callout:!1,title:n(s.editorNewEvent),style:{width:_},autoFocus:!1,animate:{openDuration:1,closeDuration:1},onOpen:y,onKeydown:()=>k()},{default:()=>[t.createVNode(v.FormElement,{ref:p,horizontal:!0,class:"k-scheduler-edit-form"},{default:()=>[t.createVNode(v.FieldWrapper,null,{default:()=>[t.createVNode(q.Label,{class:"k-form-label"},{default:()=>[t.createVNode(F.SvgIcon,{icon:O.rightDoubleQuotesIcon,size:"xlarge"},null)]}),t.createVNode("div",{class:"k-form-field-wrap",onKeydown:m=>{var N;m.key==="Enter"&&(m.preventDefault(),(N=l.onSubmit)==null||N.call(l,m))}},[t.createVNode(v.Field,{name:o.fields.title,component:x,ariaLabel:n(s.editorEventTitle),placeholder:n(s.editorNewEvent)},null)])]}),t.createVNode(v.FieldWrapper,null,{default:()=>[t.createVNode(q.Label,{class:"k-form-label"},{default:()=>[t.createVNode(F.SvgIcon,{icon:O.clockIcon,size:"xlarge"},null)]}),t.createVNode("div",{class:"k-form-field-wrap"},[t.createVNode("div",{class:"k-scheduler-edit-form-row k-color-subtle"},[b])])]})]}),t.createVNode(E.PopoverActionsBar,null,{default:()=>[t.createVNode(C.Button,{type:"button",fillMode:"flat",themeColor:"primary",onClick:m=>L(l,m)},w(c=n(s.quickCreateMoreOptions))?c:{default:()=>[c]}),t.createVNode("span",{class:"k-spacer"},null),t.createVNode(C.Button,{type:"button",onClick:m=>k(m)},w(f=n(s.quickCreateCancel))?f:{default:()=>[f]}),t.createVNode(C.Button,{type:"button",themeColor:"primary",disabled:!l.allowSubmit,onClick:l.onSubmit},w(V=n(s.quickCreateSave))?V:{default:()=>[V]})]})]})}},null)}}}),M={};exports.SchedulerQuickCreateForm=z;exports.schedulerQuickCreateFormDefaultProps=M;

package/components/SchedulerQuickCreateForm.mjs

@@ -0,0 +1,249 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as L, getCurrentInstance as T, inject as _, ref as B, watch as E, nextTick as P, computed as M, createVNode as t, isVNode as j } from "vue";
+import { MS_PER_DAY as A } from "@progress/kendo-date-math";
+import { Popover as Q, PopoverActionsBar as R } from "@progress/kendo-vue-tooltip";
+import { SvgIcon as F } from "@progress/kendo-vue-common";
+import { Button as k } from "@progress/kendo-vue-buttons";
+import { TextBox as V } from "@progress/kendo-vue-inputs";
+import { Form as q, FormElement as N, FieldWrapper as I, Field as K } from "@progress/kendo-vue-form";
+import { Label as D } from "@progress/kendo-vue-labels";
+import { provideIntlService as G, provideLocalizationService as H } from "@progress/kendo-vue-intl";
+import { rightDoubleQuotesIcon as W, clockIcon as $ } from "@progress/kendo-svg-icons";
+import { SCHEDULER_POPOVER_GAP as O } from "../constants/main.mjs";
+import { getField as S, formatEventSummary as U, setField as Y } from "../utils/main.mjs";
+import { useCloseOnAnchorScrollOut as J } from "../hooks/useCloseOnAnchorScrollOut.mjs";
+import { messages as X, allDay as Z, editorNewEvent as x, editorEventTitle as ee, quickCreateMoreOptions as te, quickCreateCancel as oe, quickCreateSave as le } from "../messages/main.mjs";
+function w(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !j(e);
+}
+const ne = "360px", ie = /* @__PURE__ */ L({
+  name: "KendoSchedulerQuickCreateTitleEditor",
+  inheritAttrs: !1,
+  props: {
+    value: [String, Number],
+    valid: {
+      type: Boolean,
+      default: !0
+    },
+    placeholder: String,
+    ariaLabel: String
+  },
+  emits: ["change", "focus", "blur"],
+  setup(e, {
+    emit: c
+  }) {
+    return () => {
+      var a;
+      return t(V, {
+        value: (a = e.value) != null ? a : "",
+        valid: e.valid,
+        placeholder: e.placeholder,
+        ariaLabel: e.ariaLabel,
+        inputAttributes: {
+          autocomplete: "off"
+        },
+        onInput: (o) => c("change", o),
+        onChange: (o) => c("change", o),
+        onFocus: () => c("focus"),
+        onBlur: () => c("blur")
+      }, null);
+    };
+  }
+}), Se = /* @__PURE__ */ L({
+  name: "KendoSchedulerQuickCreateForm",
+  props: {
+    dataItem: {
+      type: Object,
+      required: !0
+    },
+    show: Boolean,
+    anchor: Object,
+    validator: Function
+  },
+  emits: {
+    submit: (e) => !!e,
+    moreoptions: (e) => !!e,
+    cancel: (e) => !!e
+  },
+  inject: {
+    kendoIntlService: {
+      default: null
+    },
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  setup(e, {
+    emit: c
+  }) {
+    const a = T(), o = _("ks");
+    if (!o)
+      throw new Error("SchedulerQuickCreateForm must be rendered inside a Scheduler.");
+    const v = B(null), h = (i) => c("cancel", {
+      value: null,
+      event: i
+    }), C = () => {
+      var i, r;
+      e.show && ((r = (i = v.value) == null ? void 0 : i.$el.querySelector("input")) == null || r.focus());
+    };
+    E(() => e.show, () => P(C), {
+      immediate: !0,
+      flush: "post"
+    });
+    const g = M(() => {
+      const i = Math.max(1, Math.round((o.dateRange.end.getTime() - o.dateRange.start.getTime()) / A)), r = o.orientation === "horizontal" ? Math.max(1, o.groups.length) : 1;
+      return o.activeViewName.toLowerCase() !== "timeline" && i * r <= 1 ? {
+        position: "top",
+        collision: {
+          horizontal: "fit",
+          vertical: "flip"
+        },
+        margin: {
+          horizontal: 0,
+          vertical: O
+        }
+      } : {
+        position: "right",
+        collision: {
+          horizontal: "flip",
+          vertical: "fit"
+        },
+        margin: {
+          horizontal: O,
+          vertical: 0
+        }
+      };
+    });
+    E([() => e.show, () => e.anchor], ([i], r, l) => {
+      var p;
+      if (!i || typeof document == "undefined")
+        return;
+      const s = ((p = e.anchor) == null ? void 0 : p.ownerDocument) || document, f = (n) => {
+        var m;
+        const u = (m = v.value) == null ? void 0 : m.$el.closest(".k-popover");
+        u != null && u.contains(n.target) || h();
+      };
+      s.addEventListener("mousedown", f), l(() => s.removeEventListener("mousedown", f));
+    }, {
+      immediate: !0
+    }), J(() => e.show, () => e.anchor || null, () => h());
+    const z = (i, r) => {
+      const l = {
+        ...e.dataItem
+      };
+      Y(l, o.fields.title, i.valueGetter(o.fields.title)), c("moreoptions", {
+        value: l,
+        event: r
+      });
+    };
+    return () => {
+      const i = G(a == null ? void 0 : a.proxy), r = H(a == null ? void 0 : a.proxy), l = (n) => r.toLanguageString(n, X[n]), s = S(e.dataItem, o.fields.start), f = S(e.dataItem, o.fields.end), p = s && f ? U(i, s, f, !!S(e.dataItem, o.fields.isAllDay), l(Z)) : "";
+      return t(q, {
+        key: s == null ? void 0 : s.getTime(),
+        initialValues: e.dataItem,
+        validator: e.validator,
+        ignoreModified: !0,
+        onSubmit: (n, u) => c("submit", {
+          value: n,
+          event: u
+        }),
+        renderForm: (n) => {
+          let u, m, b;
+          return t(Q, {
+            anchor: e.anchor,
+            show: e.show,
+            position: g.value.position,
+            collision: g.value.collision,
+            margin: g.value.margin,
+            callout: !1,
+            title: l(x),
+            style: {
+              width: ne
+            },
+            autoFocus: !1,
+            animate: {
+              openDuration: 1,
+              closeDuration: 1
+            },
+            onOpen: C,
+            onKeydown: () => h()
+          }, {
+            default: () => [t(N, {
+              ref: v,
+              horizontal: !0,
+              class: "k-scheduler-edit-form"
+            }, {
+              default: () => [t(I, null, {
+                default: () => [t(D, {
+                  class: "k-form-label"
+                }, {
+                  default: () => [t(F, {
+                    icon: W,
+                    size: "xlarge"
+                  }, null)]
+                }), t("div", {
+                  class: "k-form-field-wrap",
+                  onKeydown: (d) => {
+                    var y;
+                    d.key === "Enter" && (d.preventDefault(), (y = n.onSubmit) == null || y.call(n, d));
+                  }
+                }, [t(K, {
+                  name: o.fields.title,
+                  component: ie,
+                  ariaLabel: l(ee),
+                  placeholder: l(x)
+                }, null)])]
+              }), t(I, null, {
+                default: () => [t(D, {
+                  class: "k-form-label"
+                }, {
+                  default: () => [t(F, {
+                    icon: $,
+                    size: "xlarge"
+                  }, null)]
+                }), t("div", {
+                  class: "k-form-field-wrap"
+                }, [t("div", {
+                  class: "k-scheduler-edit-form-row k-color-subtle"
+                }, [p])])]
+              })]
+            }), t(R, null, {
+              default: () => [t(k, {
+                type: "button",
+                fillMode: "flat",
+                themeColor: "primary",
+                onClick: (d) => z(n, d)
+              }, w(u = l(te)) ? u : {
+                default: () => [u]
+              }), t("span", {
+                class: "k-spacer"
+              }, null), t(k, {
+                type: "button",
+                onClick: (d) => h(d)
+              }, w(m = l(oe)) ? m : {
+                default: () => [m]
+              }), t(k, {
+                type: "button",
+                themeColor: "primary",
+                disabled: !n.allowSubmit,
+                onClick: n.onSubmit
+              }, w(b = l(le)) ? b : {
+                default: () => [b]
+              })]
+            })]
+          });
+        }
+      }, null);
+    };
+  }
+}), we = {};
+export {
+  Se as SchedulerQuickCreateForm,
+  we as schedulerQuickCreateFormDefaultProps
+};