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

package/dist/esm/views/month/MonthViewBody.js

@@ -0,0 +1,143 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { SchedulerEditSlot } from '../../slots/SchedulerEditSlot.js';
+import { provideIntlService } from '@progress/kendo-vue-intl';
+/** @hidden */
+
+var MonthViewBodyVue2 = {
+  name: 'KendoMonthViewBody',
+  props: {
+    editable: [Object, Boolean],
+    groupIndex: Number,
+    rangeIndex: Number,
+    itemsPerSlot: Number,
+    monthSlots: Array,
+    ranges: Array,
+    slotRender: [String, Function, Object],
+    viewSlot: [String, Function, Object]
+  },
+  inject: {
+    ri: {
+      default: {}
+    },
+    ks: {
+      default: null
+    },
+    setActiveDate: {
+      default: null
+    },
+    setActiveViewName: {
+      default: null
+    },
+    kendoIntlService: {
+      default: null
+    }
+  },
+  // @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;
+    this.intl = provideIntlService(this);
+    var EditSlot = this.$props.editSlot || SchedulerEditSlot;
+    var that = this;
+    var groupIndex = this.groupIndex !== undefined ? this.groupIndex : this.ri.groupIndex;
+    return h("div", {
+      "class": "k-scheduler-row",
+      key: this.rangeIndex
+    }, [this.monthSlots.filter(function (slot) {
+      return slot.group.index === groupIndex && slot.range.index === _this.rangeIndex;
+    }).map(function (slot, slotIndex, filtered) {
+      return (// @ts-ignore  function children
+        h(EditSlot, {
+          slotRender: this.$props.slotRender,
+          attrs: this.v3 ? undefined : {
+            slotRender: this.$props.slotRender,
+            viewSlot: that.$props.viewSlot,
+            form: that.$props.form,
+            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,
+            navDay: true,
+            itemsPerSlot: that.itemsPerSlot,
+            expandable: {
+              offsetTop: 30,
+              offsetBottom: that.itemsPerSlot < slot.items.length ? 15 : 0
+            },
+            col: that.ks.orientation === 'horizontal' ? filtered.length * (groupIndex || 0) + slotIndex : slotIndex,
+            row: that.ks.orientation === 'horizontal' ? that.rangeIndex : that.ranges.length * (groupIndex || 0) + that.rangeIndex,
+            editable: that.$props.editable
+          },
+          viewSlot: that.$props.viewSlot,
+          key: slotIndex,
+          form: that.$props.form,
+          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,
+          navDay: true,
+          itemsPerSlot: that.itemsPerSlot,
+          expandable: {
+            offsetTop: 30,
+            offsetBottom: that.itemsPerSlot < slot.items.length ? 15 : 0
+          },
+          onDataaction: that.handleDataAction,
+          on: this.v3 ? undefined : {
+            "dataaction": that.handleDataAction,
+            "showmoreitems": function showmoreitems(e) {
+              return that.handleShowMoreItemsClick(e, slot);
+            }
+          },
+          col: that.ks.orientation === 'horizontal' ? filtered.length * (groupIndex || 0) + slotIndex : slotIndex,
+          row: that.ks.orientation === 'horizontal' ? that.rangeIndex : that.ranges.length * (groupIndex || 0) + that.rangeIndex,
+          editable: that.$props.editable,
+          onShowmoreitems: function showmoreitems(e) {
+            return that.handleShowMoreItemsClick(e, slot);
+          }
+        })
+      );
+    }, this)]);
+  },
+  methods: {
+    handleShowMoreItemsClick: function handleShowMoreItemsClick(event, slot) {
+      var newView = this.ks.views.find(function (vw) {
+        return vw.name === 'day';
+      });
+
+      if (!this.setActiveViewName || !newView || !newView.name || !slot) {
+        return;
+      }
+
+      this.setActiveViewName(newView.name, event);
+      this.setActiveDate(slot.start, event);
+    },
+    handleDataAction: function handleDataAction(action) {
+      this.$emit('dataaction', action);
+    }
+  }
+};
+/** @hidden */
+
+var MonthViewBody = MonthViewBodyVue2;
+export { MonthViewBody, MonthViewBodyVue2 };

package/dist/esm/views/month/MonthViewHead.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 MonthViewHeadProps {
+    monthSlots: any[];
+    dateHeaderCell: any;
+}
+/**
+ * @hidden
+ */
+export interface MonthViewHeadState {
+}
+/**
+ * @hidden
+ */
+export interface MonthViewHeadComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface MonthViewHeadMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface MonthViewHeadData {
+}
+/**
+ * @hidden
+ */
+export interface MonthViewHeadAll extends Vue2type, MonthViewHeadMethods, MonthViewHeadData, MonthViewHeadComputed, MonthViewHeadState {
+}
+/** @hidden */
+declare let MonthViewHeadVue2: ComponentOptions<MonthViewHeadAll, DefaultData<MonthViewHeadData>, DefaultMethods<MonthViewHeadAll>, MonthViewHeadComputed, RecordPropsDefinition<MonthViewHeadProps>>;
+/** @hidden */
+declare const MonthViewHead: DefineComponent<MonthViewHeadProps, any, MonthViewHeadData, MonthViewHeadComputed, MonthViewHeadMethods, {}, {}, {}, string, MonthViewHeadProps, MonthViewHeadProps, {}>;
+export { MonthViewHead, MonthViewHeadVue2 };

package/dist/esm/views/month/MonthViewHead.js

@@ -0,0 +1,72 @@
+// @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 { DateHeaderCell } from '../../components/DateHeaderCell.js';
+import { ZonedDate } from '@progress/kendo-date-math';
+/** @hidden */
+
+var MonthViewHeadVue2 = {
+  name: 'KendoMonthViewHead',
+  props: {
+    monthSlots: Array,
+    dateHeaderCell: [String, Function, Object]
+  },
+  inject: {
+    ri: {
+      default: null
+    },
+    ks: {
+      default: null
+    }
+  },
+  // @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 h("div", {
+      "class": "k-scheduler-row",
+      key: this.ri.groupIndex
+    }, [this.monthSlots.filter(function (slot) {
+      return slot.group.index === _this.ri.groupIndex && slot.range.index === 0;
+    }).map(function (slot, slotIndex) {
+      return (// @ts-ignore  function children
+        h(DateHeaderCell, {
+          as: this.$props.dateHeaderCell,
+          attrs: this.v3 ? undefined : {
+            as: this.$props.dateHeaderCell,
+            "data-dayslot-index": slotIndex,
+            date: ZonedDate.fromLocalDate(new Date(slot.zonedEnd.getTime() - (slot.zonedEnd.getTime() - slot.zonedStart.getTime()) / 2), this.ks.timezone),
+            start: slot.start,
+            end: slot.end,
+            format: {
+              skeleton: 'EEEE'
+            }
+          },
+          key: slotIndex,
+          "data-dayslot-index": slotIndex,
+          date: ZonedDate.fromLocalDate(new Date(slot.zonedEnd.getTime() - (slot.zonedEnd.getTime() - slot.zonedStart.getTime()) / 2), this.ks.timezone),
+          start: slot.start,
+          end: slot.end,
+          format: {
+            skeleton: 'EEEE'
+          }
+        })
+      );
+    }, this)]);
+  }
+};
+/** @hidden */
+
+var MonthViewHead = MonthViewHeadVue2;
+export { MonthViewHead, MonthViewHeadVue2 };

package/dist/esm/views/time/MultiDayTimelineView.d.ts

@@ -0,0 +1,175 @@
+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 { SchedulerViewProps, EditableProp } from '../../models';
+import { Day } from '@progress/kendo-date-math';
+/**
+ * @hidden
+ */
+export interface MultiDayTimelineViewProps extends SchedulerViewProps {
+    /**
+     * The number of steps (in days) to change, when using the back and forwards buttons in the toolbar navigation.
+     * The default value is 1 days.
+     */
+    step?: number;
+    /**
+     * Specifies the number of days that the view will render.
+     * Defaults to `1`.
+     */
+    numberOfDays?: number;
+    /**
+     * 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 | EditableProp;
+    /**
+     * The start time of the view. The TimelineView 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 TimelineView 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;
+    /** @hidden */
+    isWorkDayStart?: string;
+    /**
+     * The end time of the view when `showWorkHours` is set to `true`.
+     * Accepts string values in the `HH:mm` format.
+     */
+    workDayEnd?: string;
+    /** @hidden */
+    isWorkDayEnd?: 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;
+    /**
+     * The width of a single time slot in pixels. Default is 100px.
+     */
+    columnWidth?: 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 `id` to the wrapping element of the `TimelineView`.
+     */
+    id?: string;
+    /**
+     * Overrides the `item` prop of the Scheduler for the specified view only.
+     */
+    item?: any;
+    /**
+     * Overrides the `viewItem` prop of the Scheduler for the specified view only.
+     */
+    viewItem?: any;
+    /**
+     * Overrides the `editableItem` prop of the Scheduler for the specified view only.
+     */
+    editItem?: any;
+    /**
+     * Overrides the `slotRender` prop of the Scheduler for the specified view only.
+     */
+    slotRender?: any;
+    /**
+     * Overrides the `viewSlot` prop of the Scheduler for the specified view only.
+     */
+    viewSlot?: any;
+    /**
+     * Overrides the `resizeHint` of the event.
+     */
+    resizeHint?: any;
+    /**
+     * Overrides the `editSlot` prop of the Scheduler for the specified view only.
+     */
+    editSlot?: any;
+    form?: any;
+    /**
+     * If set to `false` the "current time" marker of the scheduler would not be displayed.
+     */
+    currentTimeMarker?: boolean;
+    /**
+     * Represents component based on the DateHeaderCellProps.
+     */
+    dateHeaderCell?: any;
+    /**
+     * Represents component based on the TimeHeaderCellProps.
+     */
+    timeHeaderCell?: any;
+}
+/**
+ * @hidden
+ */
+export interface MultiDayTimelineViewState {
+    timeRef: HTMLDivElement | null;
+    bodyRef: HTMLDivElement | null;
+}
+/**
+ * @hidden
+ */
+export interface MultiDayTimelineViewComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface MultiDayTimelineViewMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface MultiDayTimelineViewData {
+}
+/**
+ * @hidden
+ */
+export interface MultiDayTimelineViewAll extends Vue2type, MultiDayTimelineViewMethods, MultiDayTimelineViewData, MultiDayTimelineViewComputed, MultiDayTimelineViewState {
+}
+/** @hidden */
+declare let MultiDayTimelineViewVue2: ComponentOptions<MultiDayTimelineViewAll, DefaultData<MultiDayTimelineViewData>, DefaultMethods<MultiDayTimelineViewAll>, MultiDayTimelineViewComputed, RecordPropsDefinition<MultiDayTimelineViewProps>>;
+/** @hidden */
+declare const MultiDayTimelineView: DefineComponent<MultiDayTimelineViewProps, any, MultiDayTimelineViewData, MultiDayTimelineViewComputed, MultiDayTimelineViewMethods, {}, {}, {}, string, MultiDayTimelineViewProps, MultiDayTimelineViewProps, {}>;
+export { MultiDayTimelineView, MultiDayTimelineViewVue2 };