@progress/kendo-vue-scheduler 3.5.0 → 3.5.1-dev.202208150613

package/dist/esm/components/DateHeaderCell.js

@@ -0,0 +1,67 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+var inject = allVue.inject;
+import { provideIntlService } from '@progress/kendo-vue-intl';
+import { getTemplate } from '@progress/kendo-vue-common';
+/**
+ * @hidden
+ */
+
+var DateHeaderCellVue2 = {
+  name: 'KendoDateHeaderCell',
+  props: {
+    as: [String, Function, Object],
+    format: {
+      type: [String, Object],
+      default: 'd'
+    },
+    date: [Date, Object],
+    start: Date,
+    end: Date
+  },
+  inject: {
+    kendoIntlService: {
+      default: null
+    }
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    var kendoIntlService = inject('kendoIntlService', {});
+    return {
+      v3: v3,
+      kendoIntlService: kendoIntlService
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var intl = provideIntlService(this);
+    var renderAs;
+    var defaultRendering = intl.formatDate(this.$props.date, this.$props.format);
+    renderAs = getTemplate.call(this, {
+      h: h,
+      template: this.$props.as,
+      defaultRendering: defaultRendering,
+      additionalProps: {
+        default: defaultRendering,
+        date: this.$props.date,
+        format: this.$props.format
+      }
+    });
+    return h("div", {
+      "class": 'k-scheduler-cell k-heading-cell'
+    }, [h("span", {
+      "class": "k-link k-nav-day"
+    }, [renderAs])]);
+  }
+};
+/**
+ * @hidden
+ */
+
+var DateHeaderCell = DateHeaderCellVue2;
+export { DateHeaderCell, DateHeaderCellVue2 };

package/dist/esm/components/SchedulerActionButtons.d.ts

@@ -0,0 +1,48 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+/**
+ * Represents the properties of [SchedulerActionButtons]({% slug api_scheduler_dateheadercell %}) component.
+ */
+export interface SchedulerActionButtonsProps {
+    editSaveMessage: string;
+    editCancelMessage: string;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerActionButtonsState {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerActionButtonsComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerActionButtonsMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerActionButtonsData {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerActionButtonsAll extends Vue2type, SchedulerActionButtonsMethods, SchedulerActionButtonsData, SchedulerActionButtonsComputed, SchedulerActionButtonsState {
+}
+/**
+ * @hidden
+ */
+declare let SchedulerActionButtonsVue2: ComponentOptions<SchedulerActionButtonsAll, DefaultData<SchedulerActionButtonsData>, DefaultMethods<SchedulerActionButtonsAll>, SchedulerActionButtonsComputed, RecordPropsDefinition<SchedulerActionButtonsProps>>;
+/**
+ * @hidden
+ */
+declare const SchedulerActionButtons: DefineComponent<SchedulerActionButtonsProps, any, SchedulerActionButtonsData, SchedulerActionButtonsComputed, SchedulerActionButtonsMethods, {}, {}, {}, string, SchedulerActionButtonsProps, SchedulerActionButtonsProps, {}>;
+export { SchedulerActionButtons, SchedulerActionButtonsVue2 };

package/dist/esm/components/SchedulerActionButtons.js

@@ -0,0 +1,103 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { Button } from '@progress/kendo-vue-buttons';
+import { DialogActionsBar } from '@progress/kendo-vue-dialogs';
+/**
+ * @hidden
+ */
+
+var SchedulerActionButtonsVue2 = {
+  name: 'KendoSchedulerActionButtons',
+  props: {
+    editSaveMessage: String,
+    editCancelMessage: String
+  },
+  inject: {
+    kendoForm: {
+      default: {}
+    }
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var _this = this;
+
+    var h = gh || createElement;
+    return (// @ts-ignore  function children
+      h(DialogActionsBar, {
+        buttonGroupClass: false,
+        attrs: this.v3 ? undefined : {
+          buttonGroupClass: false
+        },
+        "class": 'k-form-buttons'
+      }, this.v3 ? function () {
+        return [// @ts-ignore  function children
+        h(Button, {
+          type: "submit",
+          attrs: _this.v3 ? undefined : {
+            type: "submit",
+            disabled: !_this.kendoForm.allowSubmit
+          },
+          disabled: !_this.kendoForm.allowSubmit,
+          onClick: _this.onSubmit,
+          on: _this.v3 ? undefined : {
+            "click": _this.onSubmit
+          }
+        }, _this.v3 ? function () {
+          return [_this.editSaveMessage];
+        } : [_this.editSaveMessage]), // @ts-ignore  function children
+        h(Button, {
+          onClick: _this.handleCancel,
+          on: _this.v3 ? undefined : {
+            "click": _this.handleCancel
+          }
+        }, _this.v3 ? function () {
+          return [_this.editCancelMessage];
+        } : [_this.editCancelMessage])];
+      } : [h(Button, {
+        type: "submit",
+        attrs: _this.v3 ? undefined : {
+          type: "submit",
+          disabled: !_this.kendoForm.allowSubmit
+        },
+        disabled: !_this.kendoForm.allowSubmit,
+        onClick: _this.onSubmit,
+        on: _this.v3 ? undefined : {
+          "click": _this.onSubmit
+        }
+      }, _this.v3 ? function () {
+        return [_this.editSaveMessage];
+      } : [_this.editSaveMessage]), h(Button, {
+        onClick: _this.handleCancel,
+        on: _this.v3 ? undefined : {
+          "click": _this.handleCancel
+        }
+      }, _this.v3 ? function () {
+        return [_this.editCancelMessage];
+      } : [_this.editCancelMessage])])
+    );
+  },
+  methods: {
+    onSubmit: function onSubmit(e) {
+      this.kendoForm.onSubmit(e);
+    },
+    handleCancel: function handleCancel(e) {
+      this.$emit('cancel', e);
+    }
+  }
+};
+/**
+ * @hidden
+ */
+
+var SchedulerActionButtons = SchedulerActionButtonsVue2;
+export { SchedulerActionButtons, SchedulerActionButtonsVue2 };

package/dist/esm/components/SchedulerForm.d.ts

@@ -0,0 +1,73 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { FormProps } from '@progress/kendo-vue-form';
+import { DataItem } from '../models';
+export interface SchedulerFormStateChangeEvent<T> {
+    target: SchedulerFormHandle;
+    value: T;
+    event: any;
+}
+/**
+ * Represents the props of the Kendo UI for Vue [SchedulerForm]({% slug api_scheduler_schedulerform %}) component.
+ */
+export interface SchedulerFormProps extends FormProps {
+    /**
+     * Specifies the `dataItem` to be visualized inside the form.
+     */
+    dataItem: DataItem;
+    /**
+     * Called when the `cancel` button is clicked.
+     */
+    onCancel?: (event: SchedulerFormStateChangeEvent<null>) => void;
+    /**
+     * Called when the `close` button is clicked.
+     */
+    onClose?: (event: SchedulerFormStateChangeEvent<null>) => void;
+}
+/** @hidden */
+export interface SchedulerFormHandle {
+    /**
+     * Represents the properties passed to the current instance of the `SchedulerForm`.
+     */
+    props: SchedulerFormProps;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerFormState {
+    dialogId: string;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerFormComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerFormMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerFormData {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerFormAll extends Vue2type, SchedulerFormMethods, SchedulerFormData, SchedulerFormComputed, SchedulerFormState {
+}
+/**
+ * @hidden
+ */
+declare let SchedulerFormVue2: ComponentOptions<SchedulerFormAll, DefaultData<SchedulerFormData>, DefaultMethods<SchedulerFormAll>, SchedulerFormComputed, RecordPropsDefinition<SchedulerFormProps>>;
+/**
+ * @hidden
+ */
+declare const SchedulerForm: DefineComponent<SchedulerFormProps, any, SchedulerFormData, SchedulerFormComputed, SchedulerFormMethods, {}, {}, {}, string, SchedulerFormProps, SchedulerFormProps, {}>;
+export { SchedulerForm, SchedulerFormVue2 };

package/dist/esm/components/SchedulerForm.js

@@ -0,0 +1,234 @@
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+}; // @ts-ignore
+
+
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+var inject = allVue.inject;
+import { SchedulerActionButtons } from './SchedulerActionButtons.js';
+import { Form } from '@progress/kendo-vue-form';
+import { Dialog as KendoDialog } from '@progress/kendo-vue-dialogs';
+import { provideLocalizationService } from '@progress/kendo-vue-intl';
+import { SchedulerFormEditor } from '../editors/SchedulerFormEditor'; // import { useSchedulerFieldsContext } from '../context.js';
+
+import { messages, editorValidationRequired, editorValidationStart, editorValidationEnd, editorSave, editorCancel, editorTitle } from '../messages.js';
+import { getTemplate, guid } from '@progress/kendo-vue-common';
+/**
+ * @hidden
+ */
+
+var SchedulerFormVue2 = {
+  name: 'KendoSchedulerForm',
+  // @ts-ignore
+  emits: {
+    cancel: null,
+    close: null,
+    submit: null
+  },
+  props: {
+    dataItem: Object
+  },
+  inject: {
+    ks: {
+      default: null
+    },
+    kendoLocalizationService: {
+      default: null
+    },
+    ksValidator: {
+      default: null
+    },
+    ksModifyInitialFormValues: {
+      default: null
+    }
+  },
+  created: function created() {
+    this.dialogId = guid();
+  },
+  data: function data() {
+    return {
+      media: 'desktop'
+    };
+  },
+  mounted: function mounted() {
+    var that = this;
+    that.calculateMedia();
+    setTimeout(function () {
+      var dialogWrapper = document.getElementById(that.dialogId);
+
+      if (dialogWrapper) {
+        dialogWrapper.focus();
+      }
+    }, 10);
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    var kendoLocalizationService = inject('kendoLocalizationService', {});
+    return {
+      v3: v3,
+      kendoLocalizationService: kendoLocalizationService
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var _this = this;
+
+    var h = gh || createElement;
+    var that = this;
+    var localization = provideLocalizationService(this);
+    this.requiredValidationMessage = localization.toLanguageString(editorValidationRequired, messages[editorValidationRequired]);
+    this.endValidationMessage = localization.toLanguageString(editorValidationEnd, messages[editorValidationEnd]);
+    var editSaveMessage = localization.toLanguageString(editorSave, messages[editorSave]);
+    var editCancelMessage = localization.toLanguageString(editorCancel, messages[editorCancel]);
+    var editorTitleMessage = localization.toLanguageString(editorTitle, messages[editorTitle]);
+    this.startValidationMessage = localization.toLanguageString(editorValidationStart, messages[editorValidationStart]);
+    var renderAs;
+    var defaultRendering = // @ts-ignore  function children
+    h(SchedulerFormEditor, this.v3 ? function () {
+      return [h(SchedulerActionButtons, {
+        editSaveMessage: editSaveMessage,
+        attrs: _this.v3 ? undefined : {
+          editSaveMessage: editSaveMessage,
+          editCancelMessage: editCancelMessage
+        },
+        editCancelMessage: editCancelMessage,
+        onCancel: _this.handleCancel,
+        on: _this.v3 ? undefined : {
+          "cancel": _this.handleCancel
+        }
+      })];
+    } : [h(SchedulerActionButtons, {
+      editSaveMessage: editSaveMessage,
+      attrs: _this.v3 ? undefined : {
+        editSaveMessage: editSaveMessage,
+        editCancelMessage: editCancelMessage
+      },
+      editCancelMessage: editCancelMessage,
+      onCancel: _this.handleCancel,
+      on: _this.v3 ? undefined : {
+        "cancel": _this.handleCancel
+      }
+    })]);
+    renderAs = getTemplate.call(this, {
+      h: h,
+      template: this.ks.form,
+      defaultRendering: defaultRendering,
+      additionalProps: {
+        dataItem: this.dataItem,
+        editSaveMessage: editSaveMessage,
+        editCancelMessage: editCancelMessage
+      },
+      additionalListeners: {
+        cancel: this.handleCancel
+      }
+    });
+
+    var dialogProps = __assign({
+      title: editorTitleMessage,
+      appendTo: 'body',
+      minWidth: this.media === 'desktop' ? 600 : '85%',
+      wrapperId: this.dialogId
+    }, this.ks.dialogProps);
+
+    var formProps = __assign({
+      initialValues: that.ksModifyInitialFormValues(that.$props.dataItem),
+      validator: that.formValidator
+    }, this.ks.formProps);
+
+    return h(KendoDialog, __assign({
+      attrs: this.v3 ? undefined : dialogProps,
+      onClose: this.handleClose,
+      on: this.v3 ? undefined : {
+        'close': this.handleClose
+      },
+      'class': 'k-scheduler-edit-dialog'
+    }, dialogProps), this.v3 ? function () {
+      return [h(Form, __assign({
+        attrs: that.v3 ? undefined : formProps,
+        onSubmit: that.handleSubmit,
+        on: that.v3 ? undefined : {
+          'submit': that.handleSubmit
+        }
+      }, formProps), that.v3 ? function () {
+        return [renderAs];
+      } : [renderAs])];
+    } : [h(Form, __assign({
+      attrs: this.v3 ? undefined : formProps,
+      onSubmit: this.handleSubmit,
+      on: this.v3 ? undefined : {
+        'submit': this.handleSubmit
+      }
+    }, formProps), this.v3 ? function () {
+      return [renderAs];
+    } : [renderAs])]);
+  },
+  methods: {
+    calculateMedia: function calculateMedia() {
+      this.media = window.matchMedia('(min-width: 600px)').matches ? 'desktop' : 'mobile';
+    },
+    handleCancel: function handleCancel(event) {
+      this.$emit('cancel', {
+        value: null,
+        event: event,
+        target: this.form
+      });
+    },
+    handleClose: function handleClose(_a) {
+      var event = _a.event;
+      this.$emit('close', {
+        value: null,
+        event: event,
+        target: this.form
+      });
+    },
+    handleSubmit: function handleSubmit(dataItem, event) {
+      this.$emit('submit', {
+        value: dataItem,
+        event: event,
+        target: this.form
+      });
+    },
+    startAfterEndValidator: function startAfterEndValidator(value, formValueGetter) {
+      return Boolean(value && formValueGetter(this.ks.fields.end) && value.getTime() > formValueGetter(this.ks.fields.end).getTime()) ? this.startValidationMessage : undefined;
+    },
+    endAfterStartValidator: function endAfterStartValidator(value, formValueGetter) {
+      return Boolean(value && formValueGetter(this.ks.fields.start) && value.getTime() < formValueGetter(this.ks.fields.start).getTime()) ? this.endValidationMessage : undefined;
+    },
+    requiredValidator: function requiredValidator(value) {
+      return value ? undefined : this.requiredValidationMessage;
+    },
+    formValidator: function formValidator(_dataItem, formValueGetter) {
+      var result = {};
+      result[this.ks.fields.start] = [this.requiredValidator(formValueGetter(this.ks.fields.start)), this.startAfterEndValidator(formValueGetter(this.ks.fields.start), formValueGetter)].filter(Boolean).reduce(function (current, acc) {
+        return current || acc;
+      }, '');
+      result[this.ks.fields.end] = [this.requiredValidator(formValueGetter(this.ks.fields.start)), this.endAfterStartValidator(formValueGetter(this.ks.fields.start), formValueGetter)].filter(Boolean).reduce(function (current, acc) {
+        return current || acc;
+      }, '');
+      var additionalValidator = this.ksValidator(formValueGetter);
+      return __assign(__assign({}, result), additionalValidator);
+    }
+  }
+};
+/**
+ * @hidden
+ */
+
+var SchedulerForm = SchedulerFormVue2;
+export { SchedulerForm, SchedulerFormVue2 };

package/dist/esm/components/SchedulerOccurrenceDialog.d.ts

@@ -0,0 +1,76 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { DataItem } from '../models';
+export interface SchedulerOccurrenceDialogStateChangeEvent<T> {
+    target: SchedulerOccurrenceDialogHandle;
+    value: T;
+    event: any;
+}
+/**
+ * Represents the props of the Kendo UI for Vue [SchedulerOccurrenceDialog]({% slug api_scheduler_scheduleroccurrencedialog %}) component.
+ */
+export interface SchedulerOccurrenceDialogProps {
+    /**
+     * Specifies the `DataItem` currently being edited.
+     */
+    dataItem: DataItem;
+    /**
+     * Specifies if the dialog is for `remove` or `edit` action.
+     */
+    isRemove?: boolean;
+    /**
+     * Called when the `close` button is clicked.
+     */
+    onClose?: (event: SchedulerOccurrenceDialogStateChangeEvent<DataItem | null>) => void;
+    /**
+     * Called when the `series` button is clicked.
+     */
+    onSeriesclick?: (event: SchedulerOccurrenceDialogStateChangeEvent<DataItem | null>) => void;
+    /**
+     * Called when the `occurrence` button is clicked.
+     */
+    onOccurrenceclick?: (event: SchedulerOccurrenceDialogStateChangeEvent<DataItem | null>) => void;
+}
+/** @hidden */
+export declare type SchedulerOccurrenceDialogHandle = {
+    props: SchedulerOccurrenceDialogProps;
+};
+/**
+ * @hidden
+ */
+export interface SchedulerOccurrenceDialogState {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerOccurrenceDialogComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerOccurrenceDialogMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerOccurrenceDialogData {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerOccurrenceDialogAll extends Vue2type, SchedulerOccurrenceDialogMethods, SchedulerOccurrenceDialogData, SchedulerOccurrenceDialogComputed, SchedulerOccurrenceDialogState {
+}
+/**
+ * @hidden
+ */
+declare let SchedulerOccurrenceDialogVue2: ComponentOptions<SchedulerOccurrenceDialogAll, DefaultData<SchedulerOccurrenceDialogData>, DefaultMethods<SchedulerOccurrenceDialogAll>, SchedulerOccurrenceDialogComputed, RecordPropsDefinition<SchedulerOccurrenceDialogProps>>;
+/**
+ * @hidden
+ */
+declare const SchedulerOccurrenceDialog: DefineComponent<SchedulerOccurrenceDialogProps, any, SchedulerOccurrenceDialogData, SchedulerOccurrenceDialogComputed, SchedulerOccurrenceDialogMethods, {}, {}, {}, string, SchedulerOccurrenceDialogProps, SchedulerOccurrenceDialogProps, {}>;
+export { SchedulerOccurrenceDialog, SchedulerOccurrenceDialogVue2 };