@progress/kendo-vue-scheduler 3.2.7 → 3.2.9-dev.202205051307

package/dist/npm/components/CurrentTimeMarkerArrow.d.ts

@@ -0,0 +1,43 @@
+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;
+};
+declare type CurrentTimeMarkerArrowProps = {
+    updateInterval?: number;
+    groupIndex?: number | null;
+    vertical?: boolean;
+    attachArrow?: HTMLElement;
+};
+/**
+ * @hidden
+ */
+export interface CurrentTimeMarkerArrowState {
+    interval: number | undefined;
+    arrowRef: HTMLElement | null;
+}
+/**
+ * @hidden
+ */
+export interface CurrentTimeMarkerArrowComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface CurrentTimeMarkerArrowMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface CurrentTimeMarkerArrowData {
+}
+/**
+ * @hidden
+ */
+export interface CurrentTimeMarkerArrowAll extends Vue2type, CurrentTimeMarkerArrowMethods, CurrentTimeMarkerArrowData, CurrentTimeMarkerArrowComputed, CurrentTimeMarkerArrowState {
+}
+declare let CurrentTimeMarkerArrowVue2: ComponentOptions<CurrentTimeMarkerArrowAll, DefaultData<CurrentTimeMarkerArrowData>, DefaultMethods<CurrentTimeMarkerArrowAll>, CurrentTimeMarkerArrowComputed, RecordPropsDefinition<CurrentTimeMarkerArrowProps>>;
+declare const CurrentTimeMarkerArrow: DefineComponent<CurrentTimeMarkerArrowProps, any, CurrentTimeMarkerArrowData, CurrentTimeMarkerArrowComputed, CurrentTimeMarkerArrowMethods, {}, {}, {}, string, CurrentTimeMarkerArrowProps, CurrentTimeMarkerArrowProps, {}>;
+export { CurrentTimeMarkerArrow, CurrentTimeMarkerArrowVue2 };

package/dist/npm/components/CurrentTimeMarkerArrow.js

@@ -0,0 +1,147 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CurrentTimeMarkerArrowVue2 = exports.CurrentTimeMarkerArrow = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+
+var kendo_date_math_1 = require("@progress/kendo-date-math");
+
+var kendo_vue_common_1 = require("@progress/kendo-vue-common"); // import { useSchedulerElementContext, useSchedulerPropsContext, useSchedulerViewSlotsContext } from '../context';
+
+
+var utils_1 = require("../utils");
+
+var utils_2 = require("../views/common/utils");
+
+var setTime = function setTime(origin, candidate) {
+  var date = kendo_date_math_1.cloneDate(origin);
+  date.setHours(candidate.getHours(), candidate.getMinutes(), candidate.getSeconds(), candidate.getMilliseconds());
+  return date;
+}; // tslint:enable:max-line-length
+
+
+var CurrentTimeMarkerArrowVue2 = {
+  name: 'KendoCurrentTimeMarkerArrow',
+  props: {
+    updateInterval: {
+      type: Number,
+      default: 60000
+    },
+    groupIndex: Number,
+    vertical: Boolean,
+    attachArrow: Object
+  },
+  inject: {
+    ks: {
+      default: null
+    },
+    bv: {
+      default: null
+    }
+  },
+  created: function created() {
+    this.interval = undefined;
+    this.arrowRef = null;
+  },
+  data: function data() {
+    return {
+      show: false
+    };
+  },
+  mounted: function mounted() {
+    this.arrowRef = this.$el;
+    this.position();
+
+    if (!this.ks.scheduler || !this.ks.scheduler.$el || !window) {
+      return;
+    }
+
+    clearInterval(this.interval);
+    this.interval = window.setInterval(this.position, this.updateInterval);
+    this.observer = new window.ResizeObserver(this.position);
+    this.observer.observe(this.ks.scheduler.$el);
+  },
+  destroyed: !!gh ? undefined : function () {
+    if (this.observer) {
+      this.observer.disconnect();
+    }
+  },
+  // @ts-ignore
+  unmounted: function unmounted() {
+    if (this.observer) {
+      this.observer.disconnect();
+    }
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement; //   const dir = useDir(line, schedulerProps.rtl === true ? 'rtl' : undefined);
+
+    return h("div", {
+      "class": kendo_vue_common_1.classNames('k-current-time', {
+        'k-current-time-arrow-right': !this.$props.vertical && this.$props.dir !== 'rtl',
+        'k-current-time-arrow-left': !this.$props.vertical && this.$props.dir === 'rtl',
+        'k-current-time-arrow-down': this.$props.vertical
+      }),
+      style: {
+        transform: this.$props.vertical ? this.$props.dir === 'rtl' ? 'translateX(50%)' : 'translateX(-50%)' : 'translateY(-50%)',
+        visibility: !this.show ? 'hidden' : undefined
+      }
+    });
+  },
+  methods: {
+    position: function position() {
+      var _this = this;
+
+      if (!this.bv.slots) {
+        return;
+      }
+
+      var sameTimeSlots = this.bv.slots.filter(function (s) {
+        return (_this.$props.groupIndex === undefined || _this.$props.groupIndex === null || s.group.index === _this.$props.groupIndex) && (_this.$props.vertical ? utils_1.intersects(new Date(), new Date(), s.start, s.end, true) : utils_1.isInTimeRange(new Date(), s.start, s.end)) && !s.isAllDay;
+      });
+
+      if (sameTimeSlots && sameTimeSlots.length && this.$el) {
+        var firstSlot = utils_1.first(sameTimeSlots);
+
+        if (!firstSlot) {
+          return;
+        }
+
+        var rect = utils_2.getRect(firstSlot.$el);
+        var arrowRect = utils_2.getRect(this.arrowRef);
+        var pxPerMillisecond = (this.$props.vertical ? rect.width : rect.height) / (firstSlot.end.getTime() - firstSlot.start.getTime());
+        var offset = (Date.now() - setTime(new Date(), firstSlot.start).getTime()) * pxPerMillisecond;
+        var rtl = this.$props.dir === 'rtl';
+        var top_1 = this.$props.vertical ? rect.top : rect.top + offset - arrowRect.height / 2;
+        var horizontalDimension = rtl ? 'right' : 'left';
+        var horizontalMeasure = this.$props.vertical ? rect[horizontalDimension] + offset - arrowRect.width / 2 : rect[horizontalDimension];
+
+        if (this.$props.vertical) {
+          this.arrowRef.style[horizontalDimension] = horizontalMeasure + "px";
+        } else {
+          this.arrowRef.style.top = top_1 + "px";
+        }
+
+        this.show = true;
+      } else {
+        this.show = false;
+      }
+    }
+  }
+};
+exports.CurrentTimeMarkerArrowVue2 = CurrentTimeMarkerArrowVue2;
+var CurrentTimeMarkerArrow = CurrentTimeMarkerArrowVue2;
+exports.CurrentTimeMarkerArrow = CurrentTimeMarkerArrow;

package/dist/npm/components/DateHeaderCell.js

@@ -11,7 +11,9 @@ var allVue = Vue;
 var gh = allVue.h;
 var inject = allVue.inject;
 
-var kendo_vue_intl_1 = require("@progress/kendo-vue-intl"); // tslint:enable:max-line-length
+var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
+
+var kendo_vue_common_1 = require("@progress/kendo-vue-common"); // tslint:enable:max-line-length
 
 
 var DateHeaderCellVue2 = {
@@ -44,11 +46,23 @@ var DateHeaderCellVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var intl = kendo_vue_intl_1.provideIntlService(this);
+    var renderAs;
+    var defaultRendering = intl.formatDate(this.$props.date, this.$props.format);
+    renderAs = kendo_vue_common_1.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"
-    }, [intl.formatDate(this.$props.date, this.$props.format)])]);
+    }, [renderAs])]);
   }
 };
 exports.DateHeaderCellVue2 = DateHeaderCellVue2;

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

@@ -18,10 +18,6 @@ export interface SchedulerFormProps extends FormProps {
      * Specifies the `dataItem` to be visualized inside the form.
      */
     dataItem: DataItem;
-    /**
-     * Specifies the custom form.
-     */
-    renderForm: any;
     /**
      * Called when the `cancel` button is clicked.
      */
@@ -30,20 +26,6 @@ export interface SchedulerFormProps extends FormProps {
      * Called when the `close` button is clicked.
      */
     onClose?: (event: SchedulerFormStateChangeEvent<null>) => void;
-    /**
-     * Overrides the component used for visualizing the `editor`.
-     * The [SchedulerFormEditor]({% slug api_scheduler_schedulerFormEditor %}) component is used, by default.
-     *
-     * For more information, please refer to the [`Scheduler Form Customization`]({% slug overview_customization_form_scheduler %}) article.
-     */
-    editor?: any;
-    /**
-     * Overrides the component used for visualizing the `dialog`.
-     * The [Kendo UI for Vue Dialog]({% slug api_dialogs_dialog %}) component is used, by default.
-     *
-     * For more information, please refer to the [`Scheduler Form Customization`]({% slug overview_customization_form_scheduler %}) article.
-     */
-    dialog?: any;
 }
 /**
  * Represent the `ref` of the SchedulerForm component.

package/dist/npm/components/SchedulerForm.js

@@ -38,7 +38,9 @@ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 var SchedulerFormEditor_1 = require("../editors/SchedulerFormEditor"); // import { useSchedulerFieldsContext } from '../context';
 
 
-var messages_1 = require("../messages"); // tslint:enable:max-line-length
+var messages_1 = require("../messages");
+
+var kendo_vue_common_1 = require("@progress/kendo-vue-common"); // tslint:enable:max-line-length
 
 
 var SchedulerFormVue2 = {
@@ -50,10 +52,7 @@ var SchedulerFormVue2 = {
     submit: null
   },
   props: {
-    dataItem: Object,
-    renderForm: Object,
-    editor: [String, Function, Object],
-    dialog: [String, Function, Object]
+    dataItem: Object
   },
   inject: {
     ks: {
@@ -83,179 +82,18 @@ var SchedulerFormVue2 = {
     var _this = this;
 
     var h = gh || createElement;
-    var _a = this.$props,
-        Editor = _a.editor,
-        Dialog = _a.dialog,
-        validator = _a.validator; // const form = React.useRef<SchedulerFormHandle>(null);
-
-    var localization = kendo_vue_intl_1.provideLocalizationService(this); // const fields = useSchedulerFieldsContext();
-
+    var that = this;
+    var localization = kendo_vue_intl_1.provideLocalizationService(this);
     this.requiredValidationMessage = localization.toLanguageString(messages_1.editorValidationRequired, messages_1.messages[messages_1.editorValidationRequired]);
     this.endValidationMessage = localization.toLanguageString(messages_1.editorValidationEnd, messages_1.messages[messages_1.editorValidationEnd]);
     var editSaveMessage = localization.toLanguageString(messages_1.editorSave, messages_1.messages[messages_1.editorSave]);
     var editCancelMessage = localization.toLanguageString(messages_1.editorCancel, messages_1.messages[messages_1.editorCancel]);
     var editorTitleMessage = localization.toLanguageString(messages_1.editorTitle, messages_1.messages[messages_1.editorTitle]);
     this.startValidationMessage = localization.toLanguageString(messages_1.editorValidationStart, messages_1.messages[messages_1.editorValidationStart]);
-    return (// @ts-ignore  function children
-      h(kendo_vue_dialogs_1.Dialog, {
-        title: editorTitleMessage,
-        attrs: this.v3 ? undefined : {
-          title: editorTitleMessage,
-          appendTo: 'body',
-          minWidth: 600
-        },
-        appendTo: 'body',
-        minWidth: 600,
-        onClose: this.handleClose,
-        on: this.v3 ? undefined : {
-          "close": this.handleClose
-        },
-        "class": "k-scheduler-edit-dialog"
-      }, this.v3 ? function () {
-        return [// @ts-ignore  function children
-        h(kendo_vue_form_1.Form, {
-          initialValues: _this.ksModifyInitialFormValues(_this.$props.dataItem),
-          attrs: _this.v3 ? undefined : {
-            initialValues: _this.ksModifyInitialFormValues(_this.$props.dataItem),
-            validator: _this.formValidator
-          },
-          onSubmit: _this.handleSubmit,
-          on: _this.v3 ? undefined : {
-            "submit": _this.handleSubmit
-          },
-          validator: _this.formValidator
-        }, _this.v3 ? function () {
-          return [// @ts-ignore  function children
-          h(SchedulerFormEditor_1.SchedulerFormEditor, {
-            renderForm: _this.renderForm //   {...this.renderProps}
-            ,
-            attrs: _this.v3 ? undefined : {
-              renderForm: _this.renderForm,
-              as: Editor
-            },
-            as: Editor
-          }, _this.v3 ? function () {
-            return [h(SchedulerActionButtons_1.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_1.SchedulerActionButtons, {
-            editSaveMessage: editSaveMessage,
-            attrs: _this.v3 ? undefined : {
-              editSaveMessage: editSaveMessage,
-              editCancelMessage: editCancelMessage
-            },
-            editCancelMessage: editCancelMessage,
-            onCancel: _this.handleCancel,
-            on: _this.v3 ? undefined : {
-              "cancel": _this.handleCancel
-            }
-          })])];
-        } : [h(SchedulerFormEditor_1.SchedulerFormEditor, {
-          renderForm: _this.renderForm,
-          attrs: _this.v3 ? undefined : {
-            renderForm: _this.renderForm,
-            as: Editor
-          },
-          as: Editor
-        }, _this.v3 ? function () {
-          return [h(SchedulerActionButtons_1.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_1.SchedulerActionButtons, {
-          editSaveMessage: editSaveMessage,
-          attrs: _this.v3 ? undefined : {
-            editSaveMessage: editSaveMessage,
-            editCancelMessage: editCancelMessage
-          },
-          editCancelMessage: editCancelMessage,
-          onCancel: _this.handleCancel,
-          on: _this.v3 ? undefined : {
-            "cancel": _this.handleCancel
-          }
-        })])])];
-      } : [h(kendo_vue_form_1.Form, {
-        initialValues: _this.ksModifyInitialFormValues(_this.$props.dataItem),
-        attrs: _this.v3 ? undefined : {
-          initialValues: _this.ksModifyInitialFormValues(_this.$props.dataItem),
-          validator: _this.formValidator
-        },
-        onSubmit: _this.handleSubmit,
-        on: _this.v3 ? undefined : {
-          "submit": _this.handleSubmit
-        },
-        validator: _this.formValidator
-      }, _this.v3 ? function () {
-        return [h(SchedulerFormEditor_1.SchedulerFormEditor, {
-          renderForm: _this.renderForm,
-          attrs: _this.v3 ? undefined : {
-            renderForm: _this.renderForm,
-            as: Editor
-          },
-          as: Editor
-        }, _this.v3 ? function () {
-          return [h(SchedulerActionButtons_1.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_1.SchedulerActionButtons, {
-          editSaveMessage: editSaveMessage,
-          attrs: _this.v3 ? undefined : {
-            editSaveMessage: editSaveMessage,
-            editCancelMessage: editCancelMessage
-          },
-          editCancelMessage: editCancelMessage,
-          onCancel: _this.handleCancel,
-          on: _this.v3 ? undefined : {
-            "cancel": _this.handleCancel
-          }
-        })])];
-      } : [h(SchedulerFormEditor_1.SchedulerFormEditor, {
-        renderForm: _this.renderForm,
-        attrs: _this.v3 ? undefined : {
-          renderForm: _this.renderForm,
-          as: Editor
-        },
-        as: Editor
-      }, _this.v3 ? function () {
-        return [h(SchedulerActionButtons_1.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_1.SchedulerActionButtons, {
+    var renderAs;
+    var defaultRendering = // @ts-ignore  function children
+    h(SchedulerFormEditor_1.SchedulerFormEditor, this.v3 ? function () {
+      return [h(SchedulerActionButtons_1.SchedulerActionButtons, {
         editSaveMessage: editSaveMessage,
         attrs: _this.v3 ? undefined : {
           editSaveMessage: editSaveMessage,
@@ -266,8 +104,70 @@ var SchedulerFormVue2 = {
         on: _this.v3 ? undefined : {
           "cancel": _this.handleCancel
         }
-      })])])])
-    );
+      })];
+    } : [h(SchedulerActionButtons_1.SchedulerActionButtons, {
+      editSaveMessage: editSaveMessage,
+      attrs: _this.v3 ? undefined : {
+        editSaveMessage: editSaveMessage,
+        editCancelMessage: editCancelMessage
+      },
+      editCancelMessage: editCancelMessage,
+      onCancel: _this.handleCancel,
+      on: _this.v3 ? undefined : {
+        "cancel": _this.handleCancel
+      }
+    })]);
+    renderAs = kendo_vue_common_1.getTemplate.call(this, {
+      h: h,
+      template: this.ks.form,
+      defaultRendering: defaultRendering,
+      additionalProps: {
+        dataItem: this.dataItem,
+        editSaveMessage: editSaveMessage,
+        editCancelMessage: editCancelMessage
+      },
+      additionalListeners: {
+        onCancel: this.handleCancel
+      }
+    });
+
+    var dialogProps = __assign({
+      title: editorTitleMessage,
+      appendTo: 'body',
+      minWidth: 600
+    }, this.ks.dialogProps);
+
+    var formProps = __assign({
+      initialValues: that.ksModifyInitialFormValues(that.$props.dataItem),
+      validator: that.formValidator
+    }, this.ks.formProps);
+
+    return h(kendo_vue_dialogs_1.Dialog, __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(kendo_vue_form_1.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(kendo_vue_form_1.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: {
     handleCancel: function handleCancel(event) {

package/dist/npm/components/TimeHeaderCell.js

@@ -11,7 +11,9 @@ var allVue = Vue;
 var gh = allVue.h;
 var inject = allVue.inject;
 
-var kendo_vue_intl_1 = require("@progress/kendo-vue-intl"); // tslint:enable:max-line-length
+var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
+
+var kendo_vue_common_1 = require("@progress/kendo-vue-common"); // tslint:enable:max-line-length
 
 
 var TimeHeaderCellVue2 = {
@@ -44,9 +46,21 @@ var TimeHeaderCellVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var intl = kendo_vue_intl_1.provideIntlService(this);
+    var renderAs;
+    var defaultRendering = intl.formatDate(this.$props.date, this.$props.format);
+    renderAs = kendo_vue_common_1.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'
-    }, [intl.formatDate(this.$props.date, this.$props.format)]);
+    }, [renderAs]);
   }
 };
 exports.TimeHeaderCellVue2 = TimeHeaderCellVue2;