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

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

@@ -0,0 +1,164 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MonthViewBodyVue2 = exports.MonthViewBody = 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");
+
+var ShowMoreItemsButton_1 = require("../../components/ShowMoreItemsButton");
+
+var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
+
+var DAY_FORMAT = {
+  skeleton: 'dd'
+}; // tslint:enable:max-line-length
+
+var MonthViewBodyVue2 = {
+  name: 'KendoMonthViewBody',
+  props: {
+    rangeIndex: Number,
+    itemsPerSlot: Number,
+    monthSlots: Array,
+    ranges: Array
+  },
+  inject: {
+    ri: {
+      default: null
+    },
+    ks: {
+      default: null
+    },
+    setActiveDate: {
+      default: null
+    },
+    setActiveViewName: {
+      default: null
+    },
+    kendoIntlService: {
+      default: null
+    }
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var _this = this;
+
+    var h = gh || createElement;
+    this.intl = kendo_vue_intl_1.provideIntlService(this);
+    var EditSlot = this.$props.editSlot || SchedulerEditSlot_1.SchedulerEditSlot;
+    return h("div", {
+      "class": "k-scheduler-row",
+      key: this.rangeIndex
+    }, [this.monthSlots.filter(function (slot) {
+      return slot.group.index === _this.ri.groupIndex && slot.range.index === _this.rangeIndex;
+    }).map(function (slot, slotIndex, filtered) {
+      var _this2 = this;
+
+      return (// @ts-ignore  function children
+        h(EditSlot, {
+          viewSlot: this.$props.viewSlot,
+          attrs: this.v3 ? undefined : {
+            viewSlot: this.$props.viewSlot,
+            form: this.$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,
+            expandable: {
+              offsetTop: 30,
+              offsetBottom: this.itemsPerSlot < slot.items.length ? 15 : 0
+            },
+            col: this.ks.orientation === 'horizontal' ? filtered.length * (this.ri.groupIndex || 0) + slotIndex : slotIndex,
+            row: this.ks.orientation === 'horizontal' ? this.rangeIndex : this.ranges.length * (this.ri.groupIndex || 0) + this.rangeIndex,
+            editable: this.$props.editable
+          },
+          key: slotIndex,
+          form: this.$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,
+          expandable: {
+            offsetTop: 30,
+            offsetBottom: this.itemsPerSlot < slot.items.length ? 15 : 0
+          },
+          onDataaction: this.handleDataAction,
+          on: this.v3 ? undefined : {
+            "dataaction": this.handleDataAction
+          },
+          col: this.ks.orientation === 'horizontal' ? filtered.length * (this.ri.groupIndex || 0) + slotIndex : slotIndex,
+          row: this.ks.orientation === 'horizontal' ? this.rangeIndex : this.ranges.length * (this.ri.groupIndex || 0) + this.rangeIndex,
+          editable: this.$props.editable
+        }, this.v3 ? function () {
+          return [h("div", [h("span", {
+            "class": "k-link k-nav-day"
+          }, [_this2.intl.formatDate(new Date(slot.end.getTime() - (slot.end.getTime() - slot.start.getTime()) / 2), DAY_FORMAT)]), _this2.itemsPerSlot < slot.items.length && h(ShowMoreItemsButton_1.ShowMoreItemsButton, {
+            currentSlot: slot,
+            attrs: _this2.v3 ? undefined : {
+              currentSlot: slot
+            },
+            onClick: _this2.handleShowMoreItemsClick,
+            on: _this2.v3 ? undefined : {
+              "click": _this2.handleShowMoreItemsClick
+            }
+          })])];
+        } : [h("div", [h("span", {
+          "class": "k-link k-nav-day"
+        }, [_this2.intl.formatDate(new Date(slot.end.getTime() - (slot.end.getTime() - slot.start.getTime()) / 2), DAY_FORMAT)]), _this2.itemsPerSlot < slot.items.length && h(ShowMoreItemsButton_1.ShowMoreItemsButton, {
+          currentSlot: slot,
+          attrs: _this2.v3 ? undefined : {
+            currentSlot: slot
+          },
+          onClick: _this2.handleShowMoreItemsClick,
+          on: _this2.v3 ? undefined : {
+            "click": _this2.handleShowMoreItemsClick
+          }
+        })])])
+      );
+    }, this)]);
+  },
+  methods: {
+    handleShowMoreItemsClick: function handleShowMoreItemsClick(event) {
+      var newView = this.ks.views.find(function (vw) {
+        return vw.name === 'day';
+      });
+
+      if (!this.setActiveViewName || !newView || !newView.name || !event.target.slot) {
+        return;
+      }
+
+      this.setActiveViewName(newView.name, event);
+      this.setActiveDate(event.target.slot.start, event);
+    },
+    handleDataAction: function handleDataAction(action) {
+      this.$emit('dataaction', action);
+    }
+  }
+};
+exports.MonthViewBodyVue2 = MonthViewBodyVue2;
+var MonthViewBody = MonthViewBodyVue2;
+exports.MonthViewBody = MonthViewBody;

package/dist/npm/views/month/MonthViewHead.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 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 {
+}
+declare let MonthViewHeadVue2: ComponentOptions<MonthViewHeadAll, DefaultData<MonthViewHeadData>, DefaultMethods<MonthViewHeadAll>, MonthViewHeadComputed, RecordPropsDefinition<MonthViewHeadProps>>;
+declare const MonthViewHead: DefineComponent<MonthViewHeadProps, any, MonthViewHeadData, MonthViewHeadComputed, MonthViewHeadMethods, {}, {}, {}, string, MonthViewHeadProps, MonthViewHeadProps, {}>;
+export { MonthViewHead, MonthViewHeadVue2 };

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

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MonthViewHeadVue2 = exports.MonthViewHead = 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 MonthViewHeadVue2 = {
+  name: 'KendoMonthViewHead',
+  props: {
+    monthSlots: 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 _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_1.DateHeaderCell, {
+          as: this.$props.dateHeaderCell,
+          attrs: this.v3 ? undefined : {
+            as: this.$props.dateHeaderCell,
+            "data-dayslot-index": slotIndex,
+            date: kendo_date_math_1.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: kendo_date_math_1.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)]);
+  }
+};
+exports.MonthViewHeadVue2 = MonthViewHeadVue2;
+var MonthViewHead = MonthViewHeadVue2;
+exports.MonthViewHead = MonthViewHead;

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

@@ -0,0 +1,173 @@
+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 `className` to the wrapping element of the `TimelineView`.
+     */
+    className?: string;
+    /**
+     * 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 `slot` prop of the Scheduler for the specified view only.
+     */
+    slot?: any;
+    /**
+     * Overrides the `viewSlot` prop of the Scheduler for the specified view only.
+     */
+    viewSlot?: 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 {
+}
+declare let MultiDayTimelineViewVue2: ComponentOptions<MultiDayTimelineViewAll, DefaultData<MultiDayTimelineViewData>, DefaultMethods<MultiDayTimelineViewAll>, MultiDayTimelineViewComputed, RecordPropsDefinition<MultiDayTimelineViewProps>>;
+declare const MultiDayTimelineView: DefineComponent<MultiDayTimelineViewProps, any, MultiDayTimelineViewData, MultiDayTimelineViewComputed, MultiDayTimelineViewMethods, {}, {}, {}, string, MultiDayTimelineViewProps, MultiDayTimelineViewProps, {}>;
+export { MultiDayTimelineView, MultiDayTimelineViewVue2 };