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

package/components/SchedulerForm.d.ts

@@ -5,10 +5,10 @@
  * 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 { DialogCloseEvent } from '@progress/kendo-vue-dialogs';
 import { DataItem } from '../models/main';
-import { PropType } from 'vue';
 export interface SchedulerFormStateChangeEvent<T> {
     target: SchedulerFormHandle;
     value: T;
@@ -50,12 +50,422 @@ declare const SchedulerForm: import('vue').DefineComponent<import('vue').Extract
     onDelete: PropType<(dataItem: DataItem) => void>;
 }>, {
     kendoLocalizationService: {};
+    formRef: import('vue').Ref<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        renderForm: PropType<(props: import('@progress/kendo-vue-form').FormRenderProps) => any>;
+        initialValues: PropType<{
+            [name: string]: any;
+        }>;
+        validator: PropType<import('@progress/kendo-vue-form').FormValidatorType>;
+        ignoreModified: PropType<boolean>;
+        errors: PropType<{
+            [name: string]: string;
+        }>;
+        onChange: PropType<(fieldName: string, value: any, valueGetter: (name: string) => any) => void>;
+    }>> & Readonly<{
+        onSubmit?: (...args: any) => any;
+        onSubmitclick?: (...args: any) => any;
+    }>, {}, {
+        validatorsByField: {};
+        fields: any[];
+        unmounted: boolean;
+        form: {
+            id: Function;
+            errors: {};
+            values: {};
+            modifiedByField: {};
+            touchedByField: {};
+            visitedByField: {};
+            valid: boolean;
+            modified: boolean;
+            touched: boolean;
+            visited: boolean;
+            submitted: boolean;
+            valueGetter: Function;
+            allowSubmit: boolean;
+            validate: Function;
+            onChange: Function;
+            onSubmit: (...args: any) => any;
+            onFormReset: Function;
+            registerField: Function;
+            onFocus: Function;
+            onBlur: Function;
+            onUnshift: Function;
+            onPush: Function;
+            onInsert: Function;
+            onPop: Function;
+            onRemove: Function;
+            onReplace: Function;
+            onMove: Function;
+        };
+    }, {}, {
+        isValid(): boolean;
+        formErrors(): import('@progress/kendo-vue-form').KeyValue<string>;
+        getErrors(): import('@progress/kendo-vue-form').KeyValue<string>;
+        accumulatedForceUpdate(): void;
+        resetForm(): void;
+        onReset(): void;
+        addField(field: string): void;
+        validate(fields: object): void;
+        onSubmit(event: any): void;
+        handleFieldChange(name: string, options: {
+            value: any;
+        }): void;
+        onFocus(name: string): void;
+        onBlur(name: string): void;
+        onFieldRegister(name: string, validator: import('@progress/kendo-vue-form').FieldValidatorType | import('@progress/kendo-vue-form').FieldValidatorType[]): () => void;
+        isFormValid(errors: import('@progress/kendo-vue-form').KeyValue<any>): boolean;
+        isFormModified(modified: import('@progress/kendo-vue-form').KeyValue<boolean>, fields: string[]): boolean;
+        isFormHasNotTouched(touched: import('@progress/kendo-vue-form').KeyValue<boolean>, fields: string[]): boolean;
+        isFormTouched(touched: import('@progress/kendo-vue-form').KeyValue<boolean>, fields: string[]): boolean;
+        isFormVisited(visited: import('@progress/kendo-vue-form').KeyValue<boolean>, fields: string[]): boolean;
+        formHasNotTouched(): any;
+        allowSubmit(): any;
+        valueGetter(fieldName: string): any;
+        valueSetter(fieldName: string, value: any): any;
+        onArrayAction(name: string): void;
+        onInsert(name: string, options: {
+            value: any;
+            index: number;
+        }): void;
+        onUnshift(name: string, options: {
+            value: any;
+        }): void;
+        onPush(name: string, options: {
+            value: any;
+        }): void;
+        onPop(name: string): any;
+        onRemove(name: string, options: {
+            index: number;
+        }): any;
+        onReplace(name: string, options: {
+            value: any;
+            index: number;
+        }): void;
+        onMove(name: string, options: {
+            prevIndex: number;
+            nextIndex: number;
+        }): void;
+        onDestroy(): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        submitclick: any;
+        submit: any;
+    }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        renderForm: PropType<(props: import('@progress/kendo-vue-form').FormRenderProps) => any>;
+        initialValues: PropType<{
+            [name: string]: any;
+        }>;
+        validator: PropType<import('@progress/kendo-vue-form').FormValidatorType>;
+        ignoreModified: PropType<boolean>;
+        errors: PropType<{
+            [name: string]: string;
+        }>;
+        onChange: PropType<(fieldName: string, value: any, valueGetter: (name: string) => any) => void>;
+    }>> & Readonly<{
+        onSubmit?: (...args: any) => any;
+        onSubmitclick?: (...args: any) => any;
+    }>, {}, {
+        validatorsByField: {};
+        fields: any[];
+        unmounted: boolean;
+        form: {
+            id: Function;
+            errors: {};
+            values: {};
+            modifiedByField: {};
+            touchedByField: {};
+            visitedByField: {};
+            valid: boolean;
+            modified: boolean;
+            touched: boolean;
+            visited: boolean;
+            submitted: boolean;
+            valueGetter: Function;
+            allowSubmit: boolean;
+            validate: Function;
+            onChange: Function;
+            onSubmit: (...args: any) => any;
+            onFormReset: Function;
+            registerField: Function;
+            onFocus: Function;
+            onBlur: Function;
+            onUnshift: Function;
+            onPush: Function;
+            onInsert: Function;
+            onPop: Function;
+            onRemove: Function;
+            onReplace: Function;
+            onMove: Function;
+        };
+    }, {}, {
+        isValid(): boolean;
+        formErrors(): import('@progress/kendo-vue-form').KeyValue<string>;
+        getErrors(): import('@progress/kendo-vue-form').KeyValue<string>;
+        accumulatedForceUpdate(): void;
+        resetForm(): void;
+        onReset(): void;
+        addField(field: string): void;
+        validate(fields: object): void;
+        onSubmit(event: any): void;
+        handleFieldChange(name: string, options: {
+            value: any;
+        }): void;
+        onFocus(name: string): void;
+        onBlur(name: string): void;
+        onFieldRegister(name: string, validator: import('@progress/kendo-vue-form').FieldValidatorType | import('@progress/kendo-vue-form').FieldValidatorType[]): () => void;
+        isFormValid(errors: import('@progress/kendo-vue-form').KeyValue<any>): boolean;
+        isFormModified(modified: import('@progress/kendo-vue-form').KeyValue<boolean>, fields: string[]): boolean;
+        isFormHasNotTouched(touched: import('@progress/kendo-vue-form').KeyValue<boolean>, fields: string[]): boolean;
+        isFormTouched(touched: import('@progress/kendo-vue-form').KeyValue<boolean>, fields: string[]): boolean;
+        isFormVisited(visited: import('@progress/kendo-vue-form').KeyValue<boolean>, fields: string[]): boolean;
+        formHasNotTouched(): any;
+        allowSubmit(): any;
+        valueGetter(fieldName: string): any;
+        valueSetter(fieldName: string, value: any): any;
+        onArrayAction(name: string): void;
+        onInsert(name: string, options: {
+            value: any;
+            index: number;
+        }): void;
+        onUnshift(name: string, options: {
+            value: any;
+        }): void;
+        onPush(name: string, options: {
+            value: any;
+        }): void;
+        onPop(name: string): any;
+        onRemove(name: string, options: {
+            index: number;
+        }): any;
+        onReplace(name: string, options: {
+            value: any;
+            index: number;
+        }): void;
+        onMove(name: string, options: {
+            prevIndex: number;
+            nextIndex: number;
+        }): void;
+        onDestroy(): void;
+    }, {}>, import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        renderForm: PropType<(props: import('@progress/kendo-vue-form').FormRenderProps) => any>;
+        initialValues: PropType<{
+            [name: string]: any;
+        }>;
+        validator: PropType<import('@progress/kendo-vue-form').FormValidatorType>;
+        ignoreModified: PropType<boolean>;
+        errors: PropType<{
+            [name: string]: string;
+        }>;
+        onChange: PropType<(fieldName: string, value: any, valueGetter: (name: string) => any) => void>;
+    }>> & Readonly<{
+        onSubmit?: (...args: any) => any;
+        onSubmitclick?: (...args: any) => any;
+    }>, {}, {
+        validatorsByField: {};
+        fields: any[];
+        unmounted: boolean;
+        form: {
+            id: Function;
+            errors: {};
+            values: {};
+            modifiedByField: {};
+            touchedByField: {};
+            visitedByField: {};
+            valid: boolean;
+            modified: boolean;
+            touched: boolean;
+            visited: boolean;
+            submitted: boolean;
+            valueGetter: Function;
+            allowSubmit: boolean;
+            validate: Function;
+            onChange: Function;
+            onSubmit: (...args: any) => any;
+            onFormReset: Function;
+            registerField: Function;
+            onFocus: Function;
+            onBlur: Function;
+            onUnshift: Function;
+            onPush: Function;
+            onInsert: Function;
+            onPop: Function;
+            onRemove: Function;
+            onReplace: Function;
+            onMove: Function;
+        };
+    }, {}, {
+        isValid(): boolean;
+        formErrors(): import('@progress/kendo-vue-form').KeyValue<string>;
+        getErrors(): import('@progress/kendo-vue-form').KeyValue<string>;
+        accumulatedForceUpdate(): void;
+        resetForm(): void;
+        onReset(): void;
+        addField(field: string): void;
+        validate(fields: object): void;
+        onSubmit(event: any): void;
+        handleFieldChange(name: string, options: {
+            value: any;
+        }): void;
+        onFocus(name: string): void;
+        onBlur(name: string): void;
+        onFieldRegister(name: string, validator: import('@progress/kendo-vue-form').FieldValidatorType | import('@progress/kendo-vue-form').FieldValidatorType[]): () => void;
+        isFormValid(errors: import('@progress/kendo-vue-form').KeyValue<any>): boolean;
+        isFormModified(modified: import('@progress/kendo-vue-form').KeyValue<boolean>, fields: string[]): boolean;
+        isFormHasNotTouched(touched: import('@progress/kendo-vue-form').KeyValue<boolean>, fields: string[]): boolean;
+        isFormTouched(touched: import('@progress/kendo-vue-form').KeyValue<boolean>, fields: string[]): boolean;
+        isFormVisited(visited: import('@progress/kendo-vue-form').KeyValue<boolean>, fields: string[]): boolean;
+        formHasNotTouched(): any;
+        allowSubmit(): any;
+        valueGetter(fieldName: string): any;
+        valueSetter(fieldName: string, value: any): any;
+        onArrayAction(name: string): void;
+        onInsert(name: string, options: {
+            value: any;
+            index: number;
+        }): void;
+        onUnshift(name: string, options: {
+            value: any;
+        }): void;
+        onPush(name: string, options: {
+            value: any;
+        }): void;
+        onPop(name: string): any;
+        onRemove(name: string, options: {
+            index: number;
+        }): any;
+        onReplace(name: string, options: {
+            value: any;
+            index: number;
+        }): void;
+        onMove(name: string, options: {
+            prevIndex: number;
+            nextIndex: number;
+        }): void;
+        onDestroy(): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        submitclick: any;
+        submit: any;
+    }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        renderForm: PropType<(props: import('@progress/kendo-vue-form').FormRenderProps) => any>;
+        initialValues: PropType<{
+            [name: string]: any;
+        }>;
+        validator: PropType<import('@progress/kendo-vue-form').FormValidatorType>;
+        ignoreModified: PropType<boolean>;
+        errors: PropType<{
+            [name: string]: string;
+        }>;
+        onChange: PropType<(fieldName: string, value: any, valueGetter: (name: string) => any) => void>;
+    }>> & Readonly<{
+        onSubmit?: (...args: any) => any;
+        onSubmitclick?: (...args: any) => any;
+    }>, {}, {
+        validatorsByField: {};
+        fields: any[];
+        unmounted: boolean;
+        form: {
+            id: Function;
+            errors: {};
+            values: {};
+            modifiedByField: {};
+            touchedByField: {};
+            visitedByField: {};
+            valid: boolean;
+            modified: boolean;
+            touched: boolean;
+            visited: boolean;
+            submitted: boolean;
+            valueGetter: Function;
+            allowSubmit: boolean;
+            validate: Function;
+            onChange: Function;
+            onSubmit: (...args: any) => any;
+            onFormReset: Function;
+            registerField: Function;
+            onFocus: Function;
+            onBlur: Function;
+            onUnshift: Function;
+            onPush: Function;
+            onInsert: Function;
+            onPop: Function;
+            onRemove: Function;
+            onReplace: Function;
+            onMove: Function;
+        };
+    }, {}, {
+        isValid(): boolean;
+        formErrors(): import('@progress/kendo-vue-form').KeyValue<string>;
+        getErrors(): import('@progress/kendo-vue-form').KeyValue<string>;
+        accumulatedForceUpdate(): void;
+        resetForm(): void;
+        onReset(): void;
+        addField(field: string): void;
+        validate(fields: object): void;
+        onSubmit(event: any): void;
+        handleFieldChange(name: string, options: {
+            value: any;
+        }): void;
+        onFocus(name: string): void;
+        onBlur(name: string): void;
+        onFieldRegister(name: string, validator: import('@progress/kendo-vue-form').FieldValidatorType | import('@progress/kendo-vue-form').FieldValidatorType[]): () => void;
+        isFormValid(errors: import('@progress/kendo-vue-form').KeyValue<any>): boolean;
+        isFormModified(modified: import('@progress/kendo-vue-form').KeyValue<boolean>, fields: string[]): boolean;
+        isFormHasNotTouched(touched: import('@progress/kendo-vue-form').KeyValue<boolean>, fields: string[]): boolean;
+        isFormTouched(touched: import('@progress/kendo-vue-form').KeyValue<boolean>, fields: string[]): boolean;
+        isFormVisited(visited: import('@progress/kendo-vue-form').KeyValue<boolean>, fields: string[]): boolean;
+        formHasNotTouched(): any;
+        allowSubmit(): any;
+        valueGetter(fieldName: string): any;
+        valueSetter(fieldName: string, value: any): any;
+        onArrayAction(name: string): void;
+        onInsert(name: string, options: {
+            value: any;
+            index: number;
+        }): void;
+        onUnshift(name: string, options: {
+            value: any;
+        }): void;
+        onPush(name: string, options: {
+            value: any;
+        }): void;
+        onPop(name: string): any;
+        onRemove(name: string, options: {
+            index: number;
+        }): any;
+        onReplace(name: string, options: {
+            value: any;
+            index: number;
+        }): void;
+        onMove(name: string, options: {
+            prevIndex: number;
+            nextIndex: number;
+        }): void;
+        onDestroy(): void;
+    }, {}>>;
+    showDiscardDialog: import('vue').Ref<boolean, boolean>;
+    startDiscardGuard: (cancel: (event: PopStateEvent) => void) => void;
+    requestCancel: (cancel: () => void) => void;
+    cancelDiscard: () => void;
+    discardChanges: () => void;
 }, {
     media: string;
 }, {}, {
     calculateMedia(): void;
     handleCancel(event: any): void;
-    handleClose({ event }: DialogCloseEvent): void;
+    handleClose(closeEvent: DialogCloseEvent): void;
     handleDelete(): void;
     handleSubmit(dataItem: DataItem, event: any): void;
     startAfterEndValidator(value: any, formValueGetter: any): any;

package/components/SchedulerForm.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"),f=require("./SchedulerActionButtons.js"),S=require("@progress/kendo-vue-form"),k=require("@progress/kendo-vue-dialogs"),p=require("@progress/kendo-vue-intl"),V=require("../editors/SchedulerFormEditor.js"),i=require("../messages/main.js"),r=require("@progress/kendo-vue-common"),M=s.defineComponent({name:"KendoSchedulerForm",emits:{cancel:null,close:null,submit:null},props:{dataItem:Object,onDelete:Function},inject:{ks:{default:null},kendoLocalizationService:{default:null},ksValidator:{default:null},ksModifyInitialFormValues:{default:null}},created(){this.dialogId=r.guid()},data(){return{media:"desktop"}},mounted(){this.calculateMedia(),setTimeout(()=>{const e=document.getElementById(this.dialogId);e&&e.focus()},10)},setup(){return{kendoLocalizationService:s.inject("kendoLocalizationService",{})}},render(){var l;const e=this,t=p.provideLocalizationService(this);this.requiredValidationMessage=t.toLanguageString(i.editorValidationRequired,i.messages[i.editorValidationRequired]),this.endValidationMessage=t.toLanguageString(i.editorValidationEnd,i.messages[i.editorValidationEnd]);const d=t.toLanguageString(i.editorSave,i.messages[i.editorSave]),o=t.toLanguageString(i.editorCancel,i.messages[i.editorCancel]),n=t.toLanguageString(i.editorDelete,i.messages[i.editorDelete]),a=!!((l=this.$props.dataItem)!=null&&l[this.ks.fields.id]),u=a?t.toLanguageString(i.editorEditEvent,i.messages[i.editorEditEvent]):t.toLanguageString(i.editorNewEvent,i.messages[i.editorNewEvent]);this.startValidationMessage=t.toLanguageString(i.editorValidationStart,i.messages[i.editorValidationStart]);const c=s.createVNode(V.SchedulerFormEditor,null,{default:()=>[s.createVNode(f.SchedulerActionButtons,{editSaveMessage:d,editCancelMessage:o,editDeleteMessage:a?n:void 0,onCancel:this.handleCancel,onDelete:a&&this.onDelete?this.handleDelete:void 0},null)]}),h=r.getTemplate.call(this,{h:s.h,template:this.ks.form,defaultRendering:c,additionalProps:{dataItem:this.dataItem,editSaveMessage:d,editCancelMessage:o},additionalListeners:{cancel:this.handleCancel}}),g={title:u,appendTo:"body",width:this.media==="desktop"?650:"85%",wrapperId:this.dialogId,...this.ks.dialogProps},m={initialValues:e.ksModifyInitialFormValues(e.$props.dataItem),validator:e.formValidator,...this.ks.formProps};return s.h(k.Dialog,{onClose:this.handleClose,class:"k-scheduler-edit-dialog",...g},function(){return[s.h(S.Form,{onSubmit:e.handleSubmit,...m},function(){return[h]})]})},methods:{calculateMedia(){r.canUseDOM&&window.matchMedia&&(this.media=window.matchMedia("(min-width: 600px)").matches?"desktop":"mobile")},handleCancel(e){this.$emit("cancel",{value:null,event:e,target:this.form})},handleClose({event:e}){this.$emit("close",{value:null,event:e,target:this.form})},handleDelete(){var e;(e=this.onDelete)==null||e.call(this,this.$props.dataItem)},handleSubmit(e,t){this.$emit("submit",{value:e,event:t,target:this.form})},startAfterEndValidator(e,t){return e&&t(this.ks.fields.end)&&e.getTime()>t(this.ks.fields.end).getTime()?this.startValidationMessage:void 0},endAfterStartValidator(e,t){return e&&t(this.ks.fields.start)&&e.getTime()<t(this.ks.fields.start).getTime()?this.endValidationMessage:void 0},requiredValidator(e){return e?void 0:this.requiredValidationMessage},formValidator(e,t){const d={};d[this.ks.fields.start]=[this.requiredValidator(t(this.ks.fields.start)),this.startAfterEndValidator(t(this.ks.fields.start),t)].filter(Boolean).reduce((n,a)=>n||a,""),d[this.ks.fields.end]=[this.requiredValidator(t(this.ks.fields.start)),this.endAfterStartValidator(t(this.ks.fields.start),t)].filter(Boolean).reduce((n,a)=>n||a,"");const o=this.ksValidator(t);return{...d,...o}}}});exports.SchedulerForm=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),M=require("@progress/kendo-vue-buttons"),q=require("@progress/kendo-vue-form"),w=require("@progress/kendo-vue-dialogs"),j=require("@progress/kendo-vue-intl"),g=require("@progress/kendo-vue-common"),O=require("./SchedulerActionButtons.js"),_=require("../editors/SchedulerFormEditor.js"),F=require("../hooks/useCustomEventsConfirmation.js"),i=require("../messages/main.js");function b(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!n.isVNode(e)}const E="__kendoSchedulerEditor",N=10,P=400;let k;const V=(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,c)=>V(l,t[c]));if(typeof e!="object"||e===null||typeof t!="object"||t===null)return!1;const o=e,s=t,d=Object.keys(o),r=Object.keys(s);return d.length===r.length&&d.every(l=>r.includes(l)&&V(o[l],s[l]))},B=n.defineComponent({name:"KendoSchedulerForm",inheritAttrs:!1,emits:{cancel:null,close:null,submit:null},props:{dataItem:Object,onDelete:Function},inject:{ks:{default:null},kendoLocalizationService:{default:null},ksValidator:{default:null},ksModifyInitialFormValues:{default:null}},created(){this.dialogId=g.guid()},data(){return{media:"desktop"}},mounted(){this.startDiscardGuard(this.handleCancel),this.calculateMedia(),this.focusTimeout=setTimeout(()=>{const e=document.getElementById(this.dialogId);e&&!this.showDiscardDialog&&e.focus()},N)},beforeUnmount(){clearTimeout(this.focusTimeout)},setup(){const e=n.inject("kendoLocalizationService",{}),t=n.inject(F.CUSTOM_EVENTS_CANCEL_KEY,null),o=n.ref(null),s=n.ref(!1);let d,r,l=null,c,u,m,h=!1,f,S=!1;const y=()=>o.value!==null&&!V(o.value.form.values,d),p=a=>typeof a=="object"&&a!==null&&E in a&&a[E]===c,D=()=>{const a=typeof u=="object"&&u!==null?u:{};window.history.pushState({...a,[E]:c},"",m),h=!0},T=a=>{y()?s.value||(l=document.activeElement instanceof HTMLElement?document.activeElement:null,r=a,s.value=!0):a()},I=()=>{s.value=!1,r=void 0;const a=l;n.nextTick(()=>{a!=null&&a.isConnected&&a.focus({preventScroll:!0})})},L=()=>{const a=r;r=void 0,s.value=!1,a==null||a()},A=a=>{if(d=g.clone(o.value.form.values),!g.canUseDOM)return;const C=()=>{S||(c=g.guid(),u=window.history.state,m=window.location.href,D(),f=v=>{if(!(!h||p(v.state))){if(v.stopImmediatePropagation(),h=!1,t!=null&&t()){D();return}y()&&D(),a(v)}},window.addEventListener("popstate",f,!0))};k?k.then(C):C()};return n.onBeforeUnmount(()=>{S=!0,!(!g.canUseDOM||!f)&&(window.removeEventListener("popstate",f,!0),h&&p(window.history.state)&&(k=new Promise(a=>{window.addEventListener("popstate",C=>{window.location.href===m&&V(C.state,u)&&C.stopImmediatePropagation(),k=void 0,a()},{capture:!0,once:!0}),window.history.back()})),h=!1)}),{kendoLocalizationService:e,formRef:o,showDiscardDialog:s,startDiscardGuard:A,requestCancel:T,cancelDiscard:I,discardChanges:L}},render(){var p;let e,t;const o=this,s=j.provideLocalizationService(this);this.requiredValidationMessage=s.toLanguageString(i.editorValidationRequired,i.messages[i.editorValidationRequired]),this.endValidationMessage=s.toLanguageString(i.editorValidationEnd,i.messages[i.editorValidationEnd]);const d=s.toLanguageString(i.editorSave,i.messages[i.editorSave]),r=s.toLanguageString(i.editorCancel,i.messages[i.editorCancel]),l=s.toLanguageString(i.editorDelete,i.messages[i.editorDelete]),c=!!((p=this.$props.dataItem)!=null&&p[this.ks.fields.id]),u=c?s.toLanguageString(i.editorEditEvent,i.messages[i.editorEditEvent]):s.toLanguageString(i.editorNewEvent,i.messages[i.editorNewEvent]);this.startValidationMessage=s.toLanguageString(i.editorValidationStart,i.messages[i.editorValidationStart]);const m=n.createVNode(_.SchedulerFormEditor,null,{default:()=>[n.createVNode(O.SchedulerActionButtons,{editSaveMessage:d,editCancelMessage:r,editDeleteMessage:c?l:void 0,onCancel:this.handleCancel,onDelete:c&&this.onDelete?this.handleDelete:void 0},null)]}),h=g.getTemplate.call(this,{h:n.h,template:this.ks.form,defaultRendering:m,additionalProps:{dataItem:this.dataItem,editSaveMessage:d,editCancelMessage:r},additionalListeners:{cancel:this.handleCancel}}),f={title:u,appendTo:"body",width:this.media==="desktop"?650:"85%",wrapperId:this.dialogId,...this.ks.dialogProps},S={ignoreModified:!0,initialValues:o.ksModifyInitialFormValues(o.$props.dataItem),validator:o.formValidator,...this.ks.formProps},y=this.showDiscardDialog&&n.createVNode(w.Dialog,{title:s.toLanguageString(i.editorDiscardChangesDialogTitle,i.messages[i.editorDiscardChangesDialogTitle]),className:"k-scheduler-discard-dialog",appendTo:"body",width:this.media==="desktop"?P:"85%",onClose:D=>{D.event.stopPropagation(),this.cancelDiscard()}},{default:()=>[n.createVNode("p",null,[s.toLanguageString(i.editorDiscardChangesConfirmation,i.messages[i.editorDiscardChangesConfirmation])]),n.createVNode(w.DialogActionsBar,null,{default:()=>[n.createVNode(M.Button,{type:"button",onClick:this.cancelDiscard},b(e=s.toLanguageString(i.editorDiscardChangesCancel,i.messages[i.editorDiscardChangesCancel]))?e:{default:()=>[e]}),n.createVNode(M.Button,{type:"button",themeColor:"primary",onClick:this.discardChanges},b(t=s.toLanguageString(i.editorDiscardChangesDiscard,i.messages[i.editorDiscardChangesDiscard]))?t:{default:()=>[t]})]})]});return n.h(n.Fragment,null,[n.h(w.Dialog,{...this.$attrs,class:["k-scheduler-edit-dialog",this.$attrs.class],...f,onClose:this.handleClose},function(){return[n.h(q.Form,{onSubmit:o.handleSubmit,...S,ref:"formRef"},function(){return[h]})]}),y])},methods:{calculateMedia(){g.canUseDOM&&window.matchMedia&&(this.media=window.matchMedia("(min-width: 600px)").matches?"desktop":"mobile")},handleCancel(e){this.requestCancel(()=>this.$emit("cancel",{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(){var e;(e=this.onDelete)==null||e.call(this,this.$props.dataItem)},handleSubmit(e,t){this.$emit("submit",{value:e,event:t,target:this.form})},startAfterEndValidator(e,t){return e&&t(this.ks.fields.end)&&e.getTime()>t(this.ks.fields.end).getTime()?this.startValidationMessage:void 0},endAfterStartValidator(e,t){return e&&t(this.ks.fields.start)&&e.getTime()<t(this.ks.fields.start).getTime()?this.endValidationMessage:void 0},requiredValidator(e){return e?void 0:this.requiredValidationMessage},formValidator(e,t){const o={};o[this.ks.fields.start]=[this.requiredValidator(t(this.ks.fields.start)),this.startAfterEndValidator(t(this.ks.fields.start),t)].filter(Boolean).reduce((d,r)=>d||r,""),o[this.ks.fields.end]=[this.requiredValidator(t(this.ks.fields.start)),this.endAfterStartValidator(t(this.ks.fields.start),t)].filter(Boolean).reduce((d,r)=>d||r,"");const s=this.ksValidator(t);return{...o,...s}}}});exports.SchedulerForm=B;