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

package/dist/npm/views/week/WeekView.js

@@ -0,0 +1,190 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WeekViewVue2 = exports.WeekView = 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 constants_1 = require("../../constants");
+
+var kendo_date_math_1 = require("@progress/kendo-date-math");
+
+var messages_1 = require("../../messages");
+
+var utils_1 = require("../../utils");
+
+var kendo_vue_intl_1 = require("@progress/kendo-vue-intl"); // tslint:enable:max-line-length
+
+
+var WeekViewVue2 = {
+  name: 'KendoWeekView',
+  props: {
+    name: {
+      type: String,
+      default: 'week'
+    },
+    slotDuration: {
+      type: Number,
+      default: 60
+    },
+    slotDivisions: {
+      type: Number,
+      default: 2
+    },
+    numberOfDays: {
+      type: Number,
+      default: constants_1.DAYS_IN_WEEK_COUNT
+    },
+    dateRange: {
+      type: [Function, Object],
+      default: function _default() {
+        return weekViewDateRange;
+      }
+    },
+    title: String,
+    selectedDateFormat: {
+      type: String,
+      default: '{0:D} - {1:D}'
+    },
+    selectedShortDateFormat: {
+      type: String,
+      default: '{0:d} - {1:d}'
+    },
+    showWorkHours: {
+      type: Boolean,
+      default: true
+    },
+    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.weekViewTitle, messages_1.messages[messages_1.weekViewTitle]);
+    return h(MultiDayView_1.MultiDayView, {
+      name: this.$props.name,
+      attrs: this.v3 ? undefined : {
+        name: this.$props.name,
+        dateRange: this.$props.dateRange,
+        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: title,
+        step: constants_1.DAYS_IN_WEEK_COUNT,
+        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,
+      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: title,
+      step: constants_1.DAYS_IN_WEEK_COUNT,
+      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.WeekViewVue2 = WeekViewVue2;
+
+var GET_START_DATE = function GET_START_DATE(date) {
+  return kendo_date_math_1.getDate(date);
+};
+
+var GET_END_DATE = function GET_END_DATE(start, numberOfDays) {
+  return kendo_date_math_1.getDate(kendo_date_math_1.addDays(start, numberOfDays || 1));
+};
+
+var weekViewDateRange = function weekViewDateRange(_a) {
+  var intl = _a.intl,
+      date = _a.date,
+      timezone = _a.timezone;
+  var normalized = kendo_date_math_1.ZonedDate.fromLocalDate(date, timezone);
+  var firstDate = GET_START_DATE(kendo_date_math_1.firstDayInWeek(normalized, intl.firstDay()));
+  var lastDate = GET_END_DATE(firstDate, constants_1.DAYS_IN_WEEK_COUNT);
+  var zonedStart = kendo_date_math_1.ZonedDate.fromUTCDate(utils_1.toUTCDateTime(firstDate), timezone);
+  var zonedEnd = kendo_date_math_1.ZonedDate.fromUTCDate(utils_1.toUTCDateTime(lastDate), timezone);
+  var start = new Date(zonedStart.getTime());
+  var end = new Date(zonedEnd.getTime());
+  return {
+    start: start,
+    end: end,
+    zonedStart: zonedStart,
+    zonedEnd: zonedEnd
+  };
+};
+
+var WeekView = WeekViewVue2;
+exports.WeekView = WeekView;

package/dist/npm/views/week/WorkWeekView.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;
+};
+import { WeekViewProps } from './WeekView';
+export interface WorkWeekViewProps extends WeekViewProps {
+}
+/**
+ * @hidden
+ */
+export interface WorkWeekViewState {
+}
+/**
+ * @hidden
+ */
+export interface WorkWeekViewComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface WorkWeekViewMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface WorkWeekViewData {
+}
+/**
+ * @hidden
+ */
+export interface WorkWeekViewAll extends Vue2type, WorkWeekViewMethods, WorkWeekViewData, WorkWeekViewComputed, WorkWeekViewState {
+}
+declare let WorkWeekViewVue2: ComponentOptions<WorkWeekViewAll, DefaultData<WorkWeekViewData>, DefaultMethods<WorkWeekViewAll>, WorkWeekViewComputed, RecordPropsDefinition<WorkWeekViewProps>>;
+declare const WorkWeekView: DefineComponent<WorkWeekViewProps, any, WorkWeekViewData, WorkWeekViewComputed, WorkWeekViewMethods, {}, {}, {}, string, WorkWeekViewProps, WorkWeekViewProps, {}>;
+export { WorkWeekView, WorkWeekViewVue2 };

package/dist/npm/views/week/WorkWeekView.js

@@ -0,0 +1,177 @@
+"use strict";
+
+var __rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WorkWeekViewVue2 = exports.WorkWeekView = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+var inject = allVue.inject;
+
+var kendo_date_math_1 = require("@progress/kendo-date-math");
+
+var constants_1 = require("../../constants");
+
+var MultiDayView_1 = require("../day/MultiDayView");
+
+var messages_1 = require("../../messages");
+
+var utils_1 = require("../../utils"); // import { useSchedulerDateRangeContext } from '../../main';
+
+
+var kendo_vue_intl_1 = require("@progress/kendo-vue-intl"); // tslint:enable:max-line-length
+
+
+var WorkWeekViewVue2 = {
+  name: 'KendoWorkWeekView',
+  props: {
+    name: {
+      type: String,
+      default: 'work-week'
+    },
+    slotDuration: {
+      type: Number,
+      default: 60
+    },
+    slotDivisions: {
+      type: Number,
+      default: 2
+    },
+    numberOfDays: {
+      type: Number,
+      default: 7
+    },
+    dateRange: {
+      type: [Function, Object],
+      default: function _default() {
+        return workWeekViewDateRange;
+      }
+    },
+    title: String,
+    workWeekStart: {
+      type: Number,
+      default: kendo_date_math_1.Day.Monday
+    },
+    workWeekEnd: {
+      type: Number,
+      default: kendo_date_math_1.Day.Friday
+    },
+    selectedDateFormat: {
+      type: String,
+      default: '{0:D} - {1:D}'
+    },
+    selectedShortDateFormat: {
+      type: String,
+      default: '{0:d} - {1:d}'
+    },
+    showWorkHours: {
+      type: Boolean,
+      default: true
+    }
+  },
+  inject: {
+    kendoLocalizationService: {
+      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 localization = kendo_vue_intl_1.provideLocalizationService(this);
+    var title = localization.toLanguageString(messages_1.workWeekViewTitle, messages_1.messages[messages_1.workWeekViewTitle]);
+    var dateRange = this.dateRange;
+    var numberOfDays = Math.round((dateRange.end.getTime() - dateRange.start.getTime()) / kendo_date_math_1.MS_PER_DAY);
+    return h(MultiDayView_1.MultiDayView, {
+      name: this.$props.name,
+      attrs: this.v3 ? undefined : {
+        name: this.$props.name,
+        dateRange: this.$props.dateRange,
+        numberOfDays: numberOfDays,
+        slotDuration: this.$props.slotDuration,
+        slotDivisions: this.$props.slotDivisions,
+        selectedDateFormat: this.$props.selectedDateFormat,
+        selectedShortDateFormat: this.$props.selectedShortDateFormat,
+        showWorkHours: this.$props.showWorkHours,
+        title: title,
+        step: constants_1.DAYS_IN_WEEK_COUNT
+      },
+      dateRange: this.$props.dateRange,
+      numberOfDays: numberOfDays,
+      slotDuration: this.$props.slotDuration,
+      slotDivisions: this.$props.slotDivisions,
+      selectedDateFormat: this.$props.selectedDateFormat,
+      selectedShortDateFormat: this.$props.selectedShortDateFormat,
+      showWorkHours: this.$props.showWorkHours,
+      title: title,
+      step: constants_1.DAYS_IN_WEEK_COUNT
+    });
+  }
+};
+exports.WorkWeekViewVue2 = WorkWeekViewVue2;
+
+var firstDayInWeek = function firstDayInWeek(date, weekStartDay) {
+  if (weekStartDay === void 0) {
+    weekStartDay = kendo_date_math_1.Day.Sunday;
+  }
+
+  var first = date.clone();
+
+  while (first.getDay() !== weekStartDay) {
+    first = first.addDays(-1);
+  }
+
+  return first;
+};
+
+var workWeekViewDateRange = function workWeekViewDateRange(_a) {
+  var intl = _a.intl,
+      date = _a.date,
+      timezone = _a.timezone,
+      other = __rest(_a, ["intl", "date", "timezone"]);
+
+  var normalized = kendo_date_math_1.ZonedDate.fromLocalDate(date, timezone);
+  var workWeekStart = other.workWeekStart !== undefined ? other.workWeekStart : kendo_date_math_1.Day.Monday;
+  var workWeekEnd = other.workWeekEnd !== undefined ? other.workWeekEnd : kendo_date_math_1.Day.Friday;
+  var days = workWeekEnd < workWeekStart ? constants_1.DAYS_IN_WEEK_COUNT + workWeekEnd - workWeekStart + 1 : workWeekEnd - workWeekStart + 1;
+  var firstDate = kendo_date_math_1.getDate(firstDayInWeek(normalized, workWeekStart));
+  var lastDate = kendo_date_math_1.addDays(firstDate, days);
+  var zonedStart = kendo_date_math_1.ZonedDate.fromUTCDate(utils_1.toUTCDateTime(firstDate), timezone);
+  var zonedEnd = kendo_date_math_1.ZonedDate.fromUTCDate(utils_1.toUTCDateTime(lastDate), timezone);
+  var start = new Date(zonedStart.getTime());
+  var end = new Date(zonedEnd.getTime());
+  return {
+    start: start,
+    end: end,
+    zonedStart: zonedStart,
+    zonedEnd: zonedEnd
+  };
+};
+
+var WorkWeekView = WorkWeekViewVue2;
+exports.WorkWeekView = WorkWeekView;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-scheduler",
   "description": "Kendo UI for Vue Scheduler package",
-  "version": "3.0.8",
+  "version": "3.0.9-dev.202203010857",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -42,7 +42,7 @@
   "dependencies": {
     "@progress/kendo-data-query": "^1.5.1",
     "@progress/kendo-recurrence": "^1.0.1",
-    "@progress/kendo-vue-common": "3.0.8",
+    "@progress/kendo-vue-common": "3.0.9-dev.202203010857",
     "@telerik/kendo-draggable": "^2.2.1"
   },
   "@progress": {
@@ -58,16 +58,16 @@
     "@progress/kendo-date-math": "^1.4.1",
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.0.1",
-    "@progress/kendo-vue-buttons": "3.0.8",
-    "@progress/kendo-vue-dateinputs": "3.0.8",
-    "@progress/kendo-vue-dialogs": "3.0.8",
-    "@progress/kendo-vue-dropdowns": "3.0.8",
-    "@progress/kendo-vue-form": "3.0.8",
-    "@progress/kendo-vue-inputs": "3.0.8",
-    "@progress/kendo-vue-intl": "3.0.8",
-    "@progress/kendo-vue-labels": "3.0.8",
-    "@progress/kendo-vue-popup": "3.0.8",
-    "@progress/kendo-vue-progressbars": "3.0.8",
+    "@progress/kendo-vue-buttons": "3.0.9-dev.202203010857",
+    "@progress/kendo-vue-dateinputs": "3.0.9-dev.202203010857",
+    "@progress/kendo-vue-dialogs": "3.0.9-dev.202203010857",
+    "@progress/kendo-vue-dropdowns": "3.0.9-dev.202203010857",
+    "@progress/kendo-vue-form": "3.0.9-dev.202203010857",
+    "@progress/kendo-vue-inputs": "3.0.9-dev.202203010857",
+    "@progress/kendo-vue-intl": "3.0.9-dev.202203010857",
+    "@progress/kendo-vue-labels": "3.0.9-dev.202203010857",
+    "@progress/kendo-vue-popup": "3.0.9-dev.202203010857",
+    "@progress/kendo-vue-progressbars": "3.0.9-dev.202203010857",
     "cldr-core": "36.0.0",
     "cldr-dates-full": "36.0.0",
     "cldr-numbers-full": "36.0.0"