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

package/dist/esm/views/day/DayViewVerticalSlotsRow.js

@@ -0,0 +1,157 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { GRID_OFFSET } from './MultiDayView.js';
+import { isInTimeRange, intersects, first, last } from '../../utils.js';
+import { SchedulerEditSlot } from '../../slots/SchedulerEditSlot.js';
+import { DayViewRowContent } from './DayViewRowContent.js';
+import { CurrentTimeMarker } from '../../components/CurrentTimeMarker.js';
+import { CurrentTimeMarkerArrow } from '../../components/CurrentTimeMarkerArrow.js';
+var FIRST_INDEX = 0;
+/** @hidden */
+
+var DayViewVerticalSlotsRowVue2 = {
+  name: 'KendoDayViewVerticalSlotsRow',
+  props: {
+    currentTimeMarker: {
+      type: Boolean,
+      default: true
+    },
+    slotRender: [String, Function, Object],
+    viewSlot: [String, Function, Object],
+    editable: [Object, Boolean],
+    groupIndex: Number,
+    root: Object,
+    rootIndex: Number,
+    filtered: Array,
+    slotDivisions: {
+      type: Number,
+      default: 2
+    },
+    timeSlots: Array,
+    timeRanges: Array,
+    numberOfDays: Number,
+    workDayStart: Date,
+    workDayEnd: Date,
+    workWeekStart: Number,
+    workWeekEnd: Number
+  },
+  inject: {
+    ri: {
+      default: null
+    }
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var EditSlot = this.$props.editSlot || SchedulerEditSlot;
+    var groupIndex = this.groupIndex;
+    var that = this;
+    var _a = this.$props,
+        timeSlots = _a.timeSlots,
+        root = _a.root,
+        rootIndex = _a.rootIndex,
+        slotDivisions = _a.slotDivisions,
+        filtered = _a.filtered,
+        workDayStart = _a.workDayStart,
+        workDayEnd = _a.workDayEnd,
+        numberOfDays = _a.numberOfDays,
+        workWeekStart = _a.workWeekStart,
+        workWeekEnd = _a.workWeekEnd,
+        viewSlot = _a.viewSlot,
+        renderSlot = _a.renderSlot,
+        form = _a.form,
+        editable = _a.editable;
+    return h("div", {
+      "class": "k-scheduler-row",
+      key: root.index
+    }, [h(DayViewRowContent, {
+      contentSlot: root,
+      attrs: this.v3 ? undefined : {
+        contentSlot: root,
+        isMaster: rootIndex % slotDivisions === 0,
+        isLast: (rootIndex + 1) % slotDivisions === 0,
+        timeHeaderCell: this.$props.timeHeaderCell
+      },
+      isMaster: rootIndex % slotDivisions === 0,
+      isLast: (rootIndex + 1) % slotDivisions === 0,
+      timeHeaderCell: this.$props.timeHeaderCell
+    }), this.timeRanges.map(function (_, rangeIndex) {
+      return timeSlots.filter(function (s) {
+        return s.index === root.index && s.group.index === groupIndex && s.range.index === rangeIndex;
+      }).map(function (slot) {
+        return h(EditSlot, {
+          slotRender: renderSlot,
+          attrs: this.v3 ? undefined : {
+            slotRender: renderSlot,
+            viewSlot: viewSlot,
+            form: 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,
+            row: filtered.length * (groupIndex || 0) + rootIndex + (groupIndex || 0) * GRID_OFFSET + GRID_OFFSET,
+            col: rangeIndex,
+            editable: editable,
+            isWorkHour: isInTimeRange(slot.zonedStart, workDayStart, workDayEnd),
+            isWorkDay: 0 <= slot.zonedStart.getDay() + (numberOfDays - workWeekStart) && (slot.zonedStart.getDay() + (numberOfDays - workWeekStart)) % numberOfDays <= workWeekEnd + (numberOfDays - workWeekStart)
+          },
+          viewSlot: viewSlot,
+          form: form,
+          onDataaction: that.handleDataAction,
+          on: this.v3 ? undefined : {
+            "dataaction": that.handleDataAction
+          },
+          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,
+          key: "".concat(slot.start.getTime(), ":").concat(slot.group.index),
+          row: filtered.length * (groupIndex || 0) + rootIndex + (groupIndex || 0) * GRID_OFFSET + GRID_OFFSET,
+          col: rangeIndex,
+          editable: editable,
+          isWorkHour: isInTimeRange(slot.zonedStart, workDayStart, workDayEnd),
+          isWorkDay: 0 <= slot.zonedStart.getDay() + (numberOfDays - workWeekStart) && (slot.zonedStart.getDay() + (numberOfDays - workWeekStart)) % numberOfDays <= workWeekEnd + (numberOfDays - workWeekStart)
+        });
+      }, true);
+    }, this), this.$props.currentTimeMarker && intersects(first(this.timeRanges).start, last(this.timeRanges).end, new Date(), new Date(), true) && [h(CurrentTimeMarkerArrow, {
+      groupIndex: groupIndex,
+      attrs: this.v3 ? undefined : {
+        groupIndex: groupIndex
+      }
+    }), h(CurrentTimeMarker, {
+      groupIndex: groupIndex,
+      attrs: this.v3 ? undefined : {
+        groupIndex: groupIndex
+      }
+    })]]);
+  },
+  methods: {
+    handleDataAction: function handleDataAction(action) {
+      this.$emit('dataaction', action);
+    }
+  }
+};
+/** @hidden */
+
+var DayViewVerticalSlotsRow = DayViewVerticalSlotsRowVue2;
+export { DayViewVerticalSlotsRow, DayViewVerticalSlotsRowVue2 };

package/dist/esm/views/day/MultiDayView.d.ts

@@ -0,0 +1,181 @@
+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 { Day } from '@progress/kendo-date-math';
+import { DateRange, SchedulerViewProps, SchedulerViewDateRangeArgs } from '../../models';
+/** @hidden */
+export declare const GRID_OFFSET = 1;
+/**
+ * @hidden
+ */
+export interface MultiDayViewProps extends SchedulerViewProps {
+    /**
+     * 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;
+    /**
+     * Specifies the number of days that the view will render.
+     * Defaults to `1`.
+     */
+    numberOfDays?: number;
+    /**
+     * The start time of the view. The MultiDayView 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 MultiDayView displays events which are visible before the end time.
+     * Accepts string values in the `HH:mm` format.
+     */
+    endTime?: string;
+    /**
+     * 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;
+    /**
+     * The start time of the view when `showWorkHours` is set to `true`.
+     * Accepts string values in the `HH:mm` format.
+     */
+    workDayStart?: string | any;
+    /** @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 | any;
+    /** @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;
+    /**
+     * 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 `DayView`.
+     */
+    id?: string;
+    /**
+     * Overrides the `item` prop of the Scheduler for the specified view only.
+     */
+    item?: any;
+    /**
+     * Overrides the `dragItem` prop of the Scheduler for the specified view only.
+     */
+    dragItem?: any;
+    /**
+     * Overrides the `resizeItem` prop of the Scheduler for the specified view only.
+     */
+    resizeItem?: 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.
+     */
+    slotRender?: 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;
+    /**
+     * Overrides the `resizeHint` of the event.
+     */
+    resizeHint?: 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 MultiDayViewState {
+}
+/**
+ * @hidden
+ */
+export interface MultiDayViewComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface MultiDayViewMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface MultiDayViewData {
+}
+/**
+ * @hidden
+ */
+export interface MultiDayViewAll extends Vue2type, MultiDayViewMethods, MultiDayViewData, MultiDayViewComputed, MultiDayViewState {
+}
+/** @hidden */
+declare let MultiDayViewVue2: ComponentOptions<MultiDayViewAll, DefaultData<MultiDayViewData>, DefaultMethods<MultiDayViewAll>, MultiDayViewComputed, RecordPropsDefinition<MultiDayViewProps>>;
+/** @hidden */
+declare const multiDayViewDateRange: ({ date, numberOfDays, timezone }: SchedulerViewDateRangeArgs) => DateRange;
+/** @hidden */
+declare const MultiDayView: DefineComponent<MultiDayViewProps, any, MultiDayViewData, MultiDayViewComputed, MultiDayViewMethods, {}, {}, {}, string, MultiDayViewProps, MultiDayViewProps, {}>;
+export { MultiDayView, MultiDayViewVue2, multiDayViewDateRange };