@progress/kendo-vue-scheduler 3.0.8 → 3.0.9-dev.202203010857

package/dist/npm/views/day/DayView.js

@@ -0,0 +1,162 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DayViewVue2 = exports.DayView = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+var inject = allVue.inject;
+
+var MultiDayView_1 = require("../day/MultiDayView");
+
+var messages_1 = require("../../messages");
+
+var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
+
+var kendo_date_math_1 = require("@progress/kendo-date-math"); // tslint:enable:max-line-length
+
+
+var DayViewVue2 = {
+  name: 'KendoDayView',
+  props: {
+    name: {
+      type: String,
+      default: 'day'
+    },
+    title: String,
+    dateRange: {
+      type: [Function, Object],
+      default: function _default() {
+        return MultiDayView_1.MultiDayView.props.dateRange.default();
+      }
+    },
+    showWorkHours: {
+      type: Boolean,
+      default: true
+    },
+    step: {
+      type: Number,
+      default: 1
+    },
+    numberOfDays: {
+      type: Number,
+      default: 1
+    },
+    slotDuration: {
+      type: Number,
+      default: 60
+    },
+    slotDivisions: {
+      type: Number,
+      default: 2
+    },
+    selectedDateFormat: {
+      type: String,
+      default: '{0:D}'
+    },
+    selectedShortDateFormat: {
+      type: String,
+      default: '{0:d}'
+    },
+    currentTimeMarker: {
+      type: Boolean,
+      default: true
+    },
+    startTime: {
+      type: String,
+      default: '00:00'
+    },
+    endTime: {
+      type: String,
+      default: '23:59'
+    },
+    workDayStart: {
+      type: String,
+      default: '08:00'
+    },
+    workDayEnd: {
+      type: String,
+      default: '17:00'
+    },
+    workWeekStart: {
+      type: Number,
+      default: kendo_date_math_1.Day.Monday
+    },
+    workWeekEnd: {
+      type: Number,
+      default: kendo_date_math_1.Day.Friday
+    },
+    defaultShowWorkHours: {
+      type: Boolean,
+      default: true
+    },
+    timeHeaderCell: String
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var localization = kendo_vue_intl_1.provideLocalizationService(this);
+    var title = localization.toLanguageString(messages_1.dayViewTitle, messages_1.messages[messages_1.dayViewTitle]);
+    return h(MultiDayView_1.MultiDayView, {
+      name: this.$props.name,
+      attrs: this.v3 ? undefined : {
+        name: this.$props.name,
+        dateRange: this.$props.dateRange,
+        step: this.$props.step,
+        numberOfDays: this.$props.numberOfDays,
+        slotDuration: this.$props.slotDuration,
+        slotDivisions: this.$props.slotDivisions,
+        selectedDateFormat: this.$props.selectedDateFormat,
+        selectedShortDateFormat: this.$props.selectedShortDateFormat,
+        showWorkHours: this.$props.showWorkHours,
+        title: this.$props.title,
+        currentTimeMarker: this.$props.currentTimeMarker,
+        startTime: this.$props.startTime,
+        endTime: this.$props.endTime,
+        workDayStart: this.$props.workDayStart,
+        workDayEnd: this.$props.workDayEnd,
+        workWeekStart: this.$props.workWeekStart,
+        workWeekEnd: this.$props.workWeekEnd,
+        defaultShowWorkHours: this.$props.defaultShowWorkHours,
+        timeHeaderCell: this.$props.timeHeaderCell
+      },
+      dateRange: this.$props.dateRange,
+      step: this.$props.step,
+      numberOfDays: this.$props.numberOfDays,
+      slotDuration: this.$props.slotDuration,
+      slotDivisions: this.$props.slotDivisions,
+      selectedDateFormat: this.$props.selectedDateFormat,
+      selectedShortDateFormat: this.$props.selectedShortDateFormat,
+      showWorkHours: this.$props.showWorkHours,
+      title: this.$props.title,
+      currentTimeMarker: this.$props.currentTimeMarker,
+      startTime: this.$props.startTime,
+      endTime: this.$props.endTime,
+      workDayStart: this.$props.workDayStart,
+      workDayEnd: this.$props.workDayEnd,
+      workWeekStart: this.$props.workWeekStart,
+      workWeekEnd: this.$props.workWeekEnd,
+      defaultShowWorkHours: this.$props.defaultShowWorkHours,
+      timeHeaderCell: this.$props.timeHeaderCell
+    });
+  }
+};
+exports.DayViewVue2 = DayViewVue2;
+var DayView = DayViewVue2;
+exports.DayView = DayView;

package/dist/npm/views/day/DayViewAllDayRowContent.d.ts

@@ -0,0 +1,39 @@
+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;
+};
+/** @hidden */
+export interface DayViewAllDayRowContentProps {
+    groupIndex?: number;
+}
+/**
+ * @hidden
+ */
+export interface DayViewAllDayRowContentState {
+}
+/**
+ * @hidden
+ */
+export interface DayViewAllDayRowContentComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface DayViewAllDayRowContentMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface DayViewAllDayRowContentData {
+}
+/**
+ * @hidden
+ */
+export interface DayViewAllDayRowContentAll extends Vue2type, DayViewAllDayRowContentMethods, DayViewAllDayRowContentData, DayViewAllDayRowContentComputed, DayViewAllDayRowContentState {
+}
+declare let DayViewAllDayRowContentVue2: ComponentOptions<DayViewAllDayRowContentAll, DefaultData<DayViewAllDayRowContentData>, DefaultMethods<DayViewAllDayRowContentAll>, DayViewAllDayRowContentComputed, RecordPropsDefinition<DayViewAllDayRowContentProps>>;
+declare const DayViewAllDayRowContent: DefineComponent<DayViewAllDayRowContentProps, any, DayViewAllDayRowContentData, DayViewAllDayRowContentComputed, DayViewAllDayRowContentMethods, {}, {}, {}, string, DayViewAllDayRowContentProps, DayViewAllDayRowContentProps, {}>;
+export { DayViewAllDayRowContent, DayViewAllDayRowContentVue2 };

package/dist/npm/views/day/DayViewAllDayRowContent.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DayViewAllDayRowContentVue2 = exports.DayViewAllDayRowContent = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+var inject = allVue.inject;
+
+var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
+
+var messages_1 = require("../../messages"); // tslint:enable:max-line-length
+
+
+var DayViewAllDayRowContentVue2 = {
+  name: 'KendoDayViewAllDayRowContent',
+  props: {
+    groupIndex: Number
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var localization = kendo_vue_intl_1.provideLocalizationService(this);
+    return (// fragment
+      h("div", {
+        "class": "k-scheduler-cell k-heading-cell k-side-cell k-scheduler-times-all-day"
+      }, [localization.toLanguageString(messages_1.allDay, messages_1.messages[messages_1.allDay])])
+    );
+  }
+};
+exports.DayViewAllDayRowContentVue2 = DayViewAllDayRowContentVue2;
+var DayViewAllDayRowContent = DayViewAllDayRowContentVue2;
+exports.DayViewAllDayRowContent = DayViewAllDayRowContent;

package/dist/npm/views/day/DayViewAllDaySlots.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;
+};
+/** @hidden */
+export interface DayViewAllDaySlotsProps {
+    dayRanges: any[];
+    daySlots: any[];
+    numberOfDays: number;
+    workWeekStart: number;
+    workWeekEnd: number;
+}
+/**
+ * @hidden
+ */
+export interface DayViewAllDaySlotsState {
+}
+/**
+ * @hidden
+ */
+export interface DayViewAllDaySlotsComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface DayViewAllDaySlotsMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface DayViewAllDaySlotsData {
+}
+/**
+ * @hidden
+ */
+export interface DayViewAllDaySlotsAll extends Vue2type, DayViewAllDaySlotsMethods, DayViewAllDaySlotsData, DayViewAllDaySlotsComputed, DayViewAllDaySlotsState {
+}
+declare let DayViewAllDaySlotsVue2: ComponentOptions<DayViewAllDaySlotsAll, DefaultData<DayViewAllDaySlotsData>, DefaultMethods<DayViewAllDaySlotsAll>, DayViewAllDaySlotsComputed, RecordPropsDefinition<DayViewAllDaySlotsProps>>;
+declare const DayViewAllDaySlots: DefineComponent<DayViewAllDaySlotsProps, any, DayViewAllDaySlotsData, DayViewAllDaySlotsComputed, DayViewAllDaySlotsMethods, {}, {}, {}, string, DayViewAllDaySlotsProps, DayViewAllDaySlotsProps, {}>;
+export { DayViewAllDaySlots, DayViewAllDaySlotsVue2 };

package/dist/npm/views/day/DayViewAllDaySlots.js

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DayViewAllDaySlotsVue2 = exports.DayViewAllDaySlots = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+var inject = allVue.inject;
+
+var SchedulerEditSlot_1 = require("../../slots/SchedulerEditSlot"); // tslint:enable:max-line-length
+
+
+var DayViewAllDaySlotsVue2 = {
+  name: 'KendoDayViewAllDaySlots',
+  props: {
+    dayRanges: Array,
+    daySlots: Array,
+    numberOfDays: Number,
+    workWeekStart: Number,
+    workWeekEnd: Number
+  },
+  inject: {
+    ri: {
+      default: null
+    },
+    ks: {
+      default: null
+    }
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var _a = this.$props,
+        numberOfDays = _a.numberOfDays,
+        workWeekStart = _a.workWeekStart,
+        workWeekEnd = _a.workWeekEnd;
+    return h("div", {
+      key: this.ri.groupIndex,
+      "class": "k-scheduler-row"
+    }, [this.dayRanges.map(function (_, rangeIndex) {
+      var _this = this;
+
+      return this.daySlots.filter(function (s) {
+        return s.group.index === _this.ri.groupIndex && s.range.index === rangeIndex;
+      }).map(function (slot, slotIndex, filtered) {
+        return h(SchedulerEditSlot_1.SchedulerEditSlot, {
+          index: slot.index,
+          attrs: this.v3 ? undefined : {
+            index: slot.index,
+            start: slot.start,
+            end: slot.end,
+            zonedStart: slot.zonedStart,
+            zonedEnd: slot.zonedEnd,
+            items: slot.items,
+            group: slot.group,
+            range: slot.range,
+            isAllDay: slot.isAllDay,
+            form: this.$props.form,
+            renderSlot: this.$props.slot,
+            viewSlot: this.$props.viewSlot,
+            row: 0,
+            col: this.ks.orientation === 'horizontal' ? filtered.length * (this.ri.groupIndex || 0) + slotIndex : slotIndex,
+            isWorkDay: 0 <= slot.zonedStart.getDay() + (numberOfDays - workWeekStart) && (slot.zonedStart.getDay() + (numberOfDays - workWeekStart)) % numberOfDays <= workWeekEnd + (numberOfDays - workWeekStart),
+            expandable: true
+          },
+          start: slot.start,
+          end: slot.end,
+          zonedStart: slot.zonedStart,
+          zonedEnd: slot.zonedEnd,
+          items: slot.items,
+          group: slot.group,
+          range: slot.range,
+          isAllDay: slot.isAllDay,
+          onDataaction: this.handleDataAction,
+          on: this.v3 ? undefined : {
+            "dataaction": this.handleDataAction
+          },
+          form: this.$props.form,
+          renderSlot: this.$props.slot,
+          viewSlot: this.$props.viewSlot,
+          key: slot.start.getTime() + ":" + slot.group.index,
+          row: 0,
+          col: this.ks.orientation === 'horizontal' ? filtered.length * (this.ri.groupIndex || 0) + slotIndex : slotIndex,
+          isWorkDay: 0 <= slot.zonedStart.getDay() + (numberOfDays - workWeekStart) && (slot.zonedStart.getDay() + (numberOfDays - workWeekStart)) % numberOfDays <= workWeekEnd + (numberOfDays - workWeekStart),
+          expandable: true
+        });
+      }, this);
+    }, this)]);
+  },
+  methods: {
+    handleDataAction: function handleDataAction(action) {
+      this.$emit('dataaction', action);
+    }
+  }
+};
+exports.DayViewAllDaySlotsVue2 = DayViewAllDaySlotsVue2;
+var DayViewAllDaySlots = DayViewAllDaySlotsVue2;
+exports.DayViewAllDaySlots = DayViewAllDaySlots;

package/dist/npm/views/day/DayViewGroupRowContent.d.ts

@@ -0,0 +1,39 @@
+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;
+};
+/** @hidden */
+export interface DayViewGroupRowContentProps {
+    rangeIndex: number;
+}
+/**
+ * @hidden
+ */
+export interface DayViewGroupRowContentState {
+}
+/**
+ * @hidden
+ */
+export interface DayViewGroupRowContentComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface DayViewGroupRowContentMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface DayViewGroupRowContentData {
+}
+/**
+ * @hidden
+ */
+export interface DayViewGroupRowContentAll extends Vue2type, DayViewGroupRowContentMethods, DayViewGroupRowContentData, DayViewGroupRowContentComputed, DayViewGroupRowContentState {
+}
+declare let DayViewGroupRowContentVue2: ComponentOptions<DayViewGroupRowContentAll, DefaultData<DayViewGroupRowContentData>, DefaultMethods<DayViewGroupRowContentAll>, DayViewGroupRowContentComputed, RecordPropsDefinition<DayViewGroupRowContentProps>>;
+declare const DayViewGroupRowContent: DefineComponent<DayViewGroupRowContentProps, any, DayViewGroupRowContentData, DayViewGroupRowContentComputed, DayViewGroupRowContentMethods, {}, {}, {}, string, DayViewGroupRowContentProps, DayViewGroupRowContentProps, {}>;
+export { DayViewGroupRowContent, DayViewGroupRowContentVue2 };

package/dist/npm/views/day/DayViewGroupRowContent.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DayViewGroupRowContentVue2 = exports.DayViewGroupRowContent = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h; // tslint:enable:max-line-length
+
+var DayViewGroupRowContentVue2 = {
+  name: 'KendoDayViewGroupRowContent',
+  props: {
+    rangeIndex: Number
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    return h("div", {
+      "class": "k-scheduler-cell k-side-cell",
+      "data-range-index": this.$props.rangeIndex,
+      attrs: this.v3 ? undefined : {
+        "data-range-index": this.$props.rangeIndex
+      }
+    });
+  }
+};
+exports.DayViewGroupRowContentVue2 = DayViewGroupRowContentVue2;
+var DayViewGroupRowContent = DayViewGroupRowContentVue2;
+exports.DayViewGroupRowContent = DayViewGroupRowContent;

package/dist/npm/views/day/DayViewHead.d.ts

@@ -0,0 +1,40 @@
+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;
+};
+/** @hidden */
+export interface DayViewHeadProps {
+    timeRanges: any[];
+    dateHeaderCell: any;
+}
+/**
+ * @hidden
+ */
+export interface DayViewHeadState {
+}
+/**
+ * @hidden
+ */
+export interface DayViewHeadComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface DayViewHeadMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface DayViewHeadData {
+}
+/**
+ * @hidden
+ */
+export interface DayViewHeadAll extends Vue2type, DayViewHeadMethods, DayViewHeadData, DayViewHeadComputed, DayViewHeadState {
+}
+declare let DayViewHeadVue2: ComponentOptions<DayViewHeadAll, DefaultData<DayViewHeadData>, DefaultMethods<DayViewHeadAll>, DayViewHeadComputed, RecordPropsDefinition<DayViewHeadProps>>;
+declare const DayViewHead: DefineComponent<DayViewHeadProps, any, DayViewHeadData, DayViewHeadComputed, DayViewHeadMethods, {}, {}, {}, string, DayViewHeadProps, DayViewHeadProps, {}>;
+export { DayViewHead, DayViewHeadVue2 };

package/dist/npm/views/day/DayViewHead.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DayViewHeadVue2 = exports.DayViewHead = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+var inject = allVue.inject;
+
+var DateHeaderCell_1 = require("../../components/DateHeaderCell");
+
+var kendo_date_math_1 = require("@progress/kendo-date-math"); // tslint:enable:max-line-length
+
+
+var DayViewHeadVue2 = {
+  name: 'KendoDayViewHead',
+  props: {
+    timeRanges: Array,
+    dateHeaderCell: [String, Function, Object]
+  },
+  inject: {
+    ri: {
+      default: null
+    },
+    ks: {
+      default: null
+    }
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    return h("div", {
+      "class": "k-scheduler-row",
+      key: this.ri.groupIndex
+    }, [this.timeRanges.map(function (range, rangeIndex) {
+      return h(DateHeaderCell_1.DateHeaderCell, {
+        as: this.$props.dateHeaderCell,
+        attrs: this.v3 ? undefined : {
+          as: this.$props.dateHeaderCell,
+          date: kendo_date_math_1.ZonedDate.fromLocalDate(new Date(range.zonedEnd.getTime() - (range.zonedEnd.getTime() - range.zonedStart.getTime()) / 2), this.ks.timezone),
+          start: range.start,
+          end: range.end,
+          format: {
+            skeleton: 'MEd'
+          }
+        },
+        key: rangeIndex,
+        date: kendo_date_math_1.ZonedDate.fromLocalDate(new Date(range.zonedEnd.getTime() - (range.zonedEnd.getTime() - range.zonedStart.getTime()) / 2), this.ks.timezone),
+        start: range.start,
+        end: range.end,
+        format: {
+          skeleton: 'MEd'
+        }
+      });
+    }, this)]);
+  }
+};
+exports.DayViewHeadVue2 = DayViewHeadVue2;
+var DayViewHead = DayViewHeadVue2;
+exports.DayViewHead = DayViewHead;

package/dist/npm/views/day/DayViewMiddleRow.d.ts

@@ -0,0 +1,38 @@
+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;
+};
+/** @hidden */
+export interface DayViewMiddleRowProps {
+}
+/**
+ * @hidden
+ */
+export interface DayViewMiddleRowState {
+}
+/**
+ * @hidden
+ */
+export interface DayViewMiddleRowComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface DayViewMiddleRowMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface DayViewMiddleRowData {
+}
+/**
+ * @hidden
+ */
+export interface DayViewMiddleRowAll extends Vue2type, DayViewMiddleRowMethods, DayViewMiddleRowData, DayViewMiddleRowComputed, DayViewMiddleRowState {
+}
+declare let DayViewMiddleRowVue2: ComponentOptions<DayViewMiddleRowAll, DefaultData<DayViewMiddleRowData>, DefaultMethods<DayViewMiddleRowAll>, DayViewMiddleRowComputed, RecordPropsDefinition<DayViewMiddleRowProps>>;
+declare const DayViewMiddleRow: DefineComponent<DayViewMiddleRowProps, any, DayViewMiddleRowData, DayViewMiddleRowComputed, DayViewMiddleRowMethods, {}, {}, {}, string, DayViewMiddleRowProps, DayViewMiddleRowProps, {}>;
+export { DayViewMiddleRow, DayViewMiddleRowVue2 };