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

package/dist/es/views/time/TimelineView.d.ts

@@ -0,0 +1,41 @@
+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 { MultiDayTimelineViewProps } from './MultiDayTimelineView';
+/**
+ * Represents the properties of the Kendo UI for Vue [TimelineView]({% slug api_scheduler_timelineview %}) Component.
+ */
+export interface TimelineViewProps extends MultiDayTimelineViewProps {
+}
+/**
+ * @hidden
+ */
+export interface TimelineViewState {
+}
+/**
+ * @hidden
+ */
+export interface TimelineViewComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface TimelineViewMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface TimelineViewData {
+}
+/**
+ * @hidden
+ */
+export interface TimelineViewAll extends Vue2type, TimelineViewMethods, TimelineViewData, TimelineViewComputed, TimelineViewState {
+}
+declare let TimelineViewVue2: ComponentOptions<TimelineViewAll, DefaultData<TimelineViewData>, DefaultMethods<TimelineViewAll>, TimelineViewComputed, RecordPropsDefinition<TimelineViewProps>>;
+declare const TimelineView: DefineComponent<TimelineViewProps, any, TimelineViewData, TimelineViewComputed, TimelineViewMethods, {}, {}, {}, string, TimelineViewProps, TimelineViewProps, {}>;
+export { TimelineView, TimelineViewVue2 };

package/dist/es/views/time/TimelineView.js

@@ -0,0 +1,145 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var inject = allVue.inject;
+import { MultiDayTimelineView } from './MultiDayTimelineView';
+import { Day } from '@progress/kendo-date-math'; // tslint:enable:max-line-length
+
+var TimelineViewVue2 = {
+  name: 'KendoTimelineView',
+  props: {
+    name: {
+      type: String,
+      default: 'timeline'
+    },
+    title: {
+      type: String,
+      default: 'Multi Day Timeline'
+    },
+    currentTimeMarker: {
+      type: Boolean,
+      default: true
+    },
+    dateRange: {
+      type: [Function, Object],
+      default: function _default() {
+        return MultiDayTimelineView.props.dateRange.default();
+      }
+    },
+    showWorkHours: {
+      type: Boolean,
+      default: true
+    },
+    selectedDateFormat: {
+      type: String,
+      default: '{0:D}'
+    },
+    selectedShortDateFormat: {
+      type: String,
+      default: '{0:d}'
+    },
+    step: {
+      type: Number,
+      default: 1
+    },
+    numberOfDays: {
+      type: Number,
+      default: 1
+    },
+    startTime: {
+      type: String,
+      default: '00:00'
+    },
+    endTime: {
+      type: String,
+      default: '00:00'
+    },
+    workDayStart: {
+      type: String,
+      default: '8:00'
+    },
+    workDayEnd: {
+      type: String,
+      default: '17:00'
+    },
+    workWeekStart: {
+      type: Number,
+      default: Day.Monday
+    },
+    workWeekEnd: {
+      type: Number,
+      default: Day.Friday
+    },
+    slotDivisions: {
+      type: Number,
+      default: 2
+    },
+    slotDuration: {
+      type: Number,
+      default: 60
+    },
+    // showCurrentTime: true // TODO: Phase 2
+    defaultShowWorkHours: {
+      type: Boolean,
+      default: true
+    },
+    columnWidth: {
+      type: Number,
+      default: 100
+    }
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    return h(MultiDayTimelineView, {
+      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,
+        columnWidth: this.$props.columnWidth,
+        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
+      },
+      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,
+      columnWidth: this.$props.columnWidth,
+      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
+    });
+  }
+};
+var TimelineView = TimelineViewVue2;
+export { TimelineView, TimelineViewVue2 };

package/dist/es/views/time/TimelineViewAllEventsRowContent.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 TimelineViewAllEventsRowContentProps {
+}
+/**
+ * @hidden
+ */
+export interface TimelineViewAllEventsRowContentState {
+}
+/**
+ * @hidden
+ */
+export interface TimelineViewAllEventsRowContentComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface TimelineViewAllEventsRowContentMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface TimelineViewAllEventsRowContentData {
+}
+/**
+ * @hidden
+ */
+export interface TimelineViewAllEventsRowContentAll extends Vue2type, TimelineViewAllEventsRowContentMethods, TimelineViewAllEventsRowContentData, TimelineViewAllEventsRowContentComputed, TimelineViewAllEventsRowContentState {
+}
+declare let TimelineViewAllEventsRowContentVue2: ComponentOptions<TimelineViewAllEventsRowContentAll, DefaultData<TimelineViewAllEventsRowContentData>, DefaultMethods<TimelineViewAllEventsRowContentAll>, TimelineViewAllEventsRowContentComputed, RecordPropsDefinition<TimelineViewAllEventsRowContentProps>>;
+declare const TimelineViewAllEventsRowContent: DefineComponent<TimelineViewAllEventsRowContentProps, any, TimelineViewAllEventsRowContentData, TimelineViewAllEventsRowContentComputed, TimelineViewAllEventsRowContentMethods, {}, {}, {}, string, TimelineViewAllEventsRowContentProps, TimelineViewAllEventsRowContentProps, {}>;
+export { TimelineViewAllEventsRowContent, TimelineViewAllEventsRowContentVue2 };

package/dist/es/views/time/TimelineViewAllEventsRowContent.js

@@ -0,0 +1,40 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var inject = allVue.inject;
+import { messages, allEvents } from '../../messages';
+import { provideLocalizationService } from '@progress/kendo-vue-intl'; // tslint:enable:max-line-length
+
+var TimelineViewAllEventsRowContentVue2 = {
+  name: 'KendoTimelineViewAllEventsRowContent',
+  props: {},
+  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 = provideLocalizationService(this);
+    return h("div", {
+      "class": "k-sticky-cell"
+    }, [h("div", {
+      "class": "k-scheduler-cell k-heading-cell k-side-cell k-scheduler-times-all-day",
+      "data-range-index": 0,
+      attrs: this.v3 ? undefined : {
+        "data-range-index": 0
+      }
+    }, [localization.toLanguageString(allEvents, messages[allEvents])])]);
+  }
+};
+var TimelineViewAllEventsRowContent = TimelineViewAllEventsRowContentVue2;
+export { TimelineViewAllEventsRowContent, TimelineViewAllEventsRowContentVue2 };

package/dist/es/views/time/TimelineViewBody.d.ts

@@ -0,0 +1,42 @@
+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 TimelineViewBodyProps {
+    timelineSlots: any[];
+    ranges: any[];
+    workDayStart: any;
+    workDayEnd: any;
+}
+/**
+ * @hidden
+ */
+export interface TimelineViewBodyState {
+}
+/**
+ * @hidden
+ */
+export interface TimelineViewBodyComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface TimelineViewBodyMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface TimelineViewBodyData {
+}
+/**
+ * @hidden
+ */
+export interface TimelineViewBodyAll extends Vue2type, TimelineViewBodyMethods, TimelineViewBodyData, TimelineViewBodyComputed, TimelineViewBodyState {
+}
+declare let TimelineViewBodyVue2: ComponentOptions<TimelineViewBodyAll, DefaultData<TimelineViewBodyData>, DefaultMethods<TimelineViewBodyAll>, TimelineViewBodyComputed, RecordPropsDefinition<TimelineViewBodyProps>>;
+declare const TimelineViewBody: DefineComponent<TimelineViewBodyProps, any, TimelineViewBodyData, TimelineViewBodyComputed, TimelineViewBodyMethods, {}, {}, {}, string, TimelineViewBodyProps, TimelineViewBodyProps, {}>;
+export { TimelineViewBody, TimelineViewBodyVue2 };

package/dist/es/views/time/TimelineViewBody.js

@@ -0,0 +1,98 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var inject = allVue.inject;
+import { SchedulerEditSlot } from '../../slots/SchedulerEditSlot';
+import { isInTimeRange } from '../../utils'; // tslint:enable:max-line-length
+
+var TimelineViewBodyVue2 = {
+  name: 'KendoTimelineViewBody',
+  props: {
+    timelineSlots: Array,
+    ranges: Array,
+    workDayStart: Date,
+    workDayEnd: Date
+  },
+  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 that = this;
+    var orientation = this.ks.orientation;
+    var ranges = this.ranges;
+    var groupIndex = this.ri.groupIndex;
+    var editable = this.$props.editable;
+    return h("div", {
+      "class": "k-scheduler-row"
+    }, [this.ranges.map(function (_, rangeIndex) {
+      return this.timelineSlots.filter(function (s) {
+        return s.group.index === groupIndex && s.range.index === rangeIndex;
+      }).map(function (slot, slotIndex, filtered) {
+        return h(SchedulerEditSlot, {
+          key: slot.start.getTime() + ":" + slot.group.index,
+          slot: that.$props.slot,
+          viewSlot: that.$props.viewSlot,
+          attrs: this.v3 ? undefined : {
+            viewSlot: that.$props.viewSlot,
+            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: that.$props.form,
+            isWorkHour: isInTimeRange(slot.zonedStart, that.workDayStart, that.workDayEnd),
+            col: orientation === 'horizontal' ? rangeIndex * filtered.length + slotIndex + filtered.length * ranges.length * (groupIndex || 0) : rangeIndex * filtered.length + slotIndex,
+            row: orientation === 'horizontal' ? 0 : groupIndex || 0,
+            expandable: true,
+            editable: editable
+          },
+          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: that.$props.form,
+          onDataaction: that.handleDataAction,
+          on: this.v3 ? undefined : {
+            "dataaction": that.handleDataAction
+          },
+          isWorkHour: isInTimeRange(slot.zonedStart, that.workDayStart, that.workDayEnd),
+          col: orientation === 'horizontal' ? rangeIndex * filtered.length + slotIndex + filtered.length * ranges.length * (groupIndex || 0) : rangeIndex * filtered.length + slotIndex,
+          row: orientation === 'horizontal' ? 0 : groupIndex || 0,
+          expandable: true,
+          editable: editable
+        });
+      }, true);
+    }, this)]);
+  },
+  methods: {
+    handleDataAction: function handleDataAction(action) {
+      this.$emit('dataaction', action);
+    }
+  }
+};
+var TimelineViewBody = TimelineViewBodyVue2;
+export { TimelineViewBody, TimelineViewBodyVue2 };

package/dist/es/views/time/TimelineViewRowContent.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 TimelineViewRowContentProps {
+}
+/**
+ * @hidden
+ */
+export interface TimelineViewRowContentState {
+}
+/**
+ * @hidden
+ */
+export interface TimelineViewRowContentComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface TimelineViewRowContentMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface TimelineViewRowContentData {
+}
+/**
+ * @hidden
+ */
+export interface TimelineViewRowContentAll extends Vue2type, TimelineViewRowContentMethods, TimelineViewRowContentData, TimelineViewRowContentComputed, TimelineViewRowContentState {
+}
+declare let TimelineViewRowContentVue2: ComponentOptions<TimelineViewRowContentAll, DefaultData<TimelineViewRowContentData>, DefaultMethods<TimelineViewRowContentAll>, TimelineViewRowContentComputed, RecordPropsDefinition<TimelineViewRowContentProps>>;
+declare const TimelineViewRowContent: DefineComponent<TimelineViewRowContentProps, any, TimelineViewRowContentData, TimelineViewRowContentComputed, TimelineViewRowContentMethods, {}, {}, {}, string, TimelineViewRowContentProps, TimelineViewRowContentProps, {}>;
+export { TimelineViewRowContent, TimelineViewRowContentVue2 };

package/dist/es/views/time/TimelineViewRowContent.js

@@ -0,0 +1,29 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+import { getDefaultSlots } from '@progress/kendo-vue-common'; // tslint:enable:max-line-length
+
+var TimelineViewRowContentVue2 = {
+  name: 'KendoTimelineViewRowContent',
+  props: {},
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlot = getDefaultSlots(this);
+    return h("div", {
+      "class": "k-sticky-cell"
+    }, [h("div", {
+      "class": "k-scheduler-cell k-side-cell"
+    })]);
+  }
+};
+var TimelineViewRowContent = TimelineViewRowContentVue2;
+export { TimelineViewRowContent, TimelineViewRowContentVue2 };

package/dist/es/views/week/WeekView.d.ts

@@ -0,0 +1,116 @@
+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 { MultiDayViewProps } from '../day/MultiDayView';
+import { Day } from '@progress/kendo-date-math';
+/**
+ * Represents the properties of the Kendo UI for Vue [WeekView]({% slug api_scheduler_weekview %}) Component.
+ */
+export interface WeekViewProps extends MultiDayViewProps {
+    /**
+     * The long-date format for displaying the
+     * selected date in the Scheduler toolbar.
+     * Defaults to `{0:D} - {1:D}`
+     * ([more information](https://www.github.com/telerik/kendo-intl/blob/develop/docs/date-formatting/index.md))
+     */
+    selectedDateFormat?: string;
+    /**
+     * The short-date format for displaying the
+     * selected date in the Scheduler toolbar.
+     * Defaults to `{0:d} - {1-d}`
+     * ([more information](https://www.github.com/telerik/kendo-intl/blob/develop/docs/date-formatting/index.md))
+     */
+    selectedShortDateFormat?: string;
+    /**
+     * Overrides the general `editable` prop of the Scheduler for the specified view only.
+     */
+    editable?: boolean;
+    /**
+     * The start time of the view. The WeekView displays events which are visible after the start time.
+     * Accepts string values in the `HH:mm` format.
+     */
+    startTime?: string;
+    /**
+     * The end time of the view. The WeekView displays events which are visible before the end time.
+     * Accepts string values in the `HH:mm` format.
+     */
+    endTime?: string;
+    /**
+     * The start time of the view when `showWorkHours` is set to `true`.
+     * Accepts string values in the `HH:mm` format.
+     */
+    workDayStart?: string;
+    /**
+     * The end time of the view when `showWorkHours` is set to `true`.
+     * Accepts string values in the `HH:mm` format.
+     */
+    workDayEnd?: string;
+    /**
+     * The start of the work week.
+     */
+    workWeekStart?: Day;
+    /**
+     * The end of the work week.
+     */
+    workWeekEnd?: Day;
+    /**
+     * The number of divisions of the time slots.
+     */
+    slotDivisions?: number;
+    /**
+     * The duration (in minutes) of the time slots.
+     */
+    slotDuration?: number;
+    /**
+     * If set to `true`, the view will be shown in the business-hours mode only.
+     *
+     * This will always override the internal `showWorkHours` state.
+     */
+    showWorkHours?: boolean;
+    /**
+     * Sets the initial business-hour mode. Default `true`.
+     *
+     * This option applies only the initial `showWorkHours` state.
+     */
+    defaultShowWorkHours?: boolean;
+    /**
+     * Sets a custom `className` to the wrapping element of the `DayView`.
+     */
+    className?: string;
+    /**
+     * Sets a custom `id` to the wrapping element of the `DayView`.
+     */
+    id?: string;
+}
+/**
+ * @hidden
+ */
+export interface WeekViewState {
+}
+/**
+ * @hidden
+ */
+export interface WeekViewComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface WeekViewMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface WeekViewData {
+}
+/**
+ * @hidden
+ */
+export interface WeekViewAll extends Vue2type, WeekViewMethods, WeekViewData, WeekViewComputed, WeekViewState {
+}
+declare let WeekViewVue2: ComponentOptions<WeekViewAll, DefaultData<WeekViewData>, DefaultMethods<WeekViewAll>, WeekViewComputed, RecordPropsDefinition<WeekViewProps>>;
+declare const WeekView: DefineComponent<WeekViewProps, any, WeekViewData, WeekViewComputed, WeekViewMethods, {}, {}, {}, string, WeekViewProps, WeekViewProps, {}>;
+export { WeekView, WeekViewVue2 };