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

package/dist/esm/components/footer/SchedulerFooter.d.ts

@@ -0,0 +1,52 @@
+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 { ToolbarProps } from '@progress/kendo-vue-buttons';
+/**
+ * Represents the props of the Kendo UI for Vue [SchedulerFooter]({% slug api_scheduler_schedulerfooter %}) component.
+ */
+export interface SchedulerFooterProps extends ToolbarProps {
+}
+/** @hidden */
+export interface SchedulerFooterHandle {
+    element: HTMLDivElement | null;
+    props: SchedulerFooterProps;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerFooterState {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerFooterComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerFooterMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerFooterData {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerFooterAll extends Vue2type, SchedulerFooterMethods, SchedulerFooterData, SchedulerFooterComputed, SchedulerFooterState {
+}
+/**
+ * @hidden
+ */
+declare let SchedulerFooterVue2: ComponentOptions<SchedulerFooterAll, DefaultData<SchedulerFooterData>, DefaultMethods<SchedulerFooterAll>, SchedulerFooterComputed, RecordPropsDefinition<SchedulerFooterProps>>;
+/**
+ * @hidden
+ */
+declare const SchedulerFooter: DefineComponent<SchedulerFooterProps, any, SchedulerFooterData, SchedulerFooterComputed, SchedulerFooterMethods, {}, {}, {}, string, SchedulerFooterProps, SchedulerFooterProps, {}>;
+export { SchedulerFooter, SchedulerFooterVue2 };

package/dist/esm/components/footer/SchedulerFooter.js

@@ -0,0 +1,43 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { getDefaultSlots } from '@progress/kendo-vue-common';
+import { Toolbar } from '@progress/kendo-vue-buttons';
+/**
+ * @hidden
+ */
+
+var SchedulerFooterVue2 = {
+  name: 'KendoSchedulerFooter',
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlot = getDefaultSlots(this);
+    return (// @ts-ignore  function children
+      h(Toolbar //   ref={(toolbar: Toolbar) => { if (toolbar) { element.current = toolbar.element; } }}
+      , {
+        "class": 'k-scheduler-footer',
+        style: {
+          boxShadow: 'none'
+        }
+      }, this.v3 ? function () {
+        return [defaultSlot];
+      } : [defaultSlot])
+    );
+  }
+};
+/**
+ * @hidden
+ */
+
+var SchedulerFooter = SchedulerFooterVue2;
+export { SchedulerFooter, SchedulerFooterVue2 };

package/dist/esm/components/footer/bussiness-hours/BusinessHours.d.ts

@@ -0,0 +1,50 @@
+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 BusinessHoursProps {
+    slotDuration?: number;
+}
+/** @hidden */
+export interface BusinessHoursHandle {
+    element: HTMLSpanElement | null;
+    props: BusinessHoursProps;
+}
+/**
+ * @hidden
+ */
+export interface BusinessHoursState {
+}
+/**
+ * @hidden
+ */
+export interface BusinessHoursComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface BusinessHoursMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface BusinessHoursData {
+}
+/**
+ * @hidden
+ */
+export interface BusinessHoursAll extends Vue2type, BusinessHoursMethods, BusinessHoursData, BusinessHoursComputed, BusinessHoursState {
+}
+/**
+ * @hidden
+ */
+declare let BusinessHoursVue2: ComponentOptions<BusinessHoursAll, DefaultData<BusinessHoursData>, DefaultMethods<BusinessHoursAll>, BusinessHoursComputed, RecordPropsDefinition<BusinessHoursProps>>;
+/**
+ * @hidden
+ */
+declare const BusinessHours: DefineComponent<BusinessHoursProps, any, BusinessHoursData, BusinessHoursComputed, BusinessHoursMethods, {}, {}, {}, string, BusinessHoursProps, BusinessHoursProps, {}>;
+export { BusinessHours, BusinessHoursVue2 };

package/dist/esm/components/footer/bussiness-hours/BusinessHours.js

@@ -0,0 +1,96 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { showFullDay, showWorkDay, messages } from '../../../messages.js';
+import { ToolbarItem } from '@progress/kendo-vue-buttons';
+import { getDefaultSlots } from '@progress/kendo-vue-common';
+import { Button } from '@progress/kendo-vue-buttons';
+import { provideLocalizationService } from '@progress/kendo-vue-intl';
+/**
+ * @hidden
+ */
+
+var BusinessHoursVue2 = {
+  name: 'KendoBusinessHours',
+  // @ts-ignore
+  emits: {
+    click: null
+  },
+  inject: {
+    ks: {
+      default: null
+    },
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  props: {
+    slotDuration: Number
+  },
+  // @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;
+    var defaultSlot = getDefaultSlots(this);
+    this.localization = provideLocalizationService(this);
+    return this.slotDuration && this.slotDuration < 24 * 60 ? // @ts-ignore  function children
+    h(ToolbarItem // ref={(item) => { if (item) { element.current = item.element; } }}
+    , {
+      "class": 'k-scheduler-navigation'
+    }, this.v3 ? function () {
+      return [defaultSlot ? defaultSlot : // @ts-ignore  function children
+      h(Button, {
+        tabIndex: -1,
+        attrs: _this.v3 ? undefined : {
+          tabIndex: -1
+        },
+        onClick: _this.handleShowWorkHoursClick,
+        on: _this.v3 ? undefined : {
+          "click": _this.handleShowWorkHoursClick
+        }
+      }, _this.v3 ? function () {
+        return [h("span", {
+          "class": "k-icon k-i-clock"
+        }), _this.localization.toLanguageString(_this.ks.showWorkHours ? showFullDay : showWorkDay, messages[_this.ks.showWorkHours ? showFullDay : showWorkDay])];
+      } : [h("span", {
+        "class": "k-icon k-i-clock"
+      }), _this.localization.toLanguageString(_this.ks.showWorkHours ? showFullDay : showWorkDay, messages[_this.ks.showWorkHours ? showFullDay : showWorkDay])])];
+    } : [defaultSlot ? defaultSlot : h(Button, {
+      tabIndex: -1,
+      attrs: _this.v3 ? undefined : {
+        tabIndex: -1
+      },
+      onClick: _this.handleShowWorkHoursClick,
+      on: _this.v3 ? undefined : {
+        "click": _this.handleShowWorkHoursClick
+      }
+    }, _this.v3 ? function () {
+      return [h("span", {
+        "class": "k-icon k-i-clock"
+      }), _this.localization.toLanguageString(_this.ks.showWorkHours ? showFullDay : showWorkDay, messages[_this.ks.showWorkHours ? showFullDay : showWorkDay])];
+    } : [h("span", {
+      "class": "k-icon k-i-clock"
+    }), _this.localization.toLanguageString(_this.ks.showWorkHours ? showFullDay : showWorkDay, messages[_this.ks.showWorkHours ? showFullDay : showWorkDay])])]) : null;
+  },
+  methods: {
+    handleShowWorkHoursClick: function handleShowWorkHoursClick(e) {
+      this.$emit('click', e);
+    }
+  }
+};
+/**
+ * @hidden
+ */
+
+var BusinessHours = BusinessHoursVue2;
+export { BusinessHours, BusinessHoursVue2 };

package/dist/esm/components/header/SchedulerHeader.d.ts

@@ -0,0 +1,49 @@
+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 { ToolbarProps } from '@progress/kendo-vue-buttons';
+/**
+ * Represents the props of the Kendo UI for Vue [SchedulerHeader]({% slug api_scheduler_schedulerfooter %}) component.
+ */
+export interface SchedulerHeaderProps extends ToolbarProps {
+}
+/** @hidden */
+export interface SchedulerHeaderHandle {
+    element: HTMLDivElement | null;
+    props: SchedulerHeaderProps;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerHeaderState {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerHeaderComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerHeaderMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerHeaderData {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerHeaderAll extends Vue2type, SchedulerHeaderMethods, SchedulerHeaderData, SchedulerHeaderComputed, SchedulerHeaderState {
+}
+/**
+ * @hidden
+ */
+declare let SchedulerHeaderVue2: ComponentOptions<SchedulerHeaderAll, DefaultData<SchedulerHeaderData>, DefaultMethods<SchedulerHeaderAll>, SchedulerHeaderComputed, RecordPropsDefinition<SchedulerHeaderProps>>;
+declare const SchedulerHeader: DefineComponent<SchedulerHeaderProps, any, SchedulerHeaderData, SchedulerHeaderComputed, SchedulerHeaderMethods, {}, {}, {}, string, SchedulerHeaderProps, SchedulerHeaderProps, {}>;
+export { SchedulerHeader, SchedulerHeaderVue2 };

package/dist/esm/components/header/SchedulerHeader.js

@@ -0,0 +1,35 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { getDefaultSlots } from '@progress/kendo-vue-common';
+import { Toolbar } from '@progress/kendo-vue-buttons';
+/**
+ * @hidden
+ */
+
+var SchedulerHeaderVue2 = {
+  name: 'KendoSchedulerHeader',
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlot = getDefaultSlots(this);
+    return (// @ts-ignore  function children
+      h(Toolbar, {
+        "class": 'k-scheduler-toolbar'
+      }, this.v3 ? function () {
+        return [defaultSlot];
+      } : [defaultSlot])
+    );
+  }
+};
+var SchedulerHeader = SchedulerHeaderVue2;
+export { SchedulerHeader, SchedulerHeaderVue2 };

package/dist/esm/components/header/navigation/DatePickerToggleButton.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;
+};
+import { ButtonProps } from '@progress/kendo-vue-buttons';
+/**
+ * @hidden
+ */
+export interface DatePickerToggleButtonState {
+}
+/**
+ * @hidden
+ */
+export interface DatePickerToggleButtonComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface DatePickerToggleButtonMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface DatePickerToggleButtonData {
+}
+/**
+ * @hidden
+ */
+export interface DatePickerToggleButtonAll extends Vue2type, DatePickerToggleButtonMethods, DatePickerToggleButtonData, DatePickerToggleButtonComputed, DatePickerToggleButtonState {
+}
+/**
+ * @hidden
+ */
+declare let DatePickerToggleButtonVue2: ComponentOptions<DatePickerToggleButtonAll, DefaultData<DatePickerToggleButtonData>, DefaultMethods<DatePickerToggleButtonAll>, DatePickerToggleButtonComputed, RecordPropsDefinition<ButtonProps>>;
+/**
+ * @hidden
+ */
+declare const DatePickerToggleButton: DefineComponent<ButtonProps, any, DatePickerToggleButtonData, DatePickerToggleButtonComputed, DatePickerToggleButtonMethods, {}, {}, {}, string, ButtonProps, ButtonProps, {}>;
+export { DatePickerToggleButton, DatePickerToggleButtonVue2 };

package/dist/esm/components/header/navigation/DatePickerToggleButton.js

@@ -0,0 +1,102 @@
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+}; // @ts-ignore
+
+
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { provideIntlService } from '@progress/kendo-vue-intl';
+import { MS_PER_DAY } from '../../../constants.js';
+import { Button } from '@progress/kendo-vue-buttons';
+/**
+ * @hidden
+ */
+
+var DatePickerToggleButtonVue2 = {
+  name: 'KendoDatePickerToggleButton',
+  props: __assign({}, Button.props),
+  inheritAttrs: false,
+  inject: {
+    kendoIntlService: {
+      default: null
+    },
+    ks: {
+      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 intl = provideIntlService(this); // const { dateFormat, shortDateFormat } = useSchedulerDateFormatContext();
+    // const dateRange = useSchedulerDateRangeContext();
+    // const [date] = useSchedulerDateContext();
+
+    var isMonthView = this.ks.dateRange.end.getTime() - this.ks.dateRange.start.getTime() > MS_PER_DAY * 27;
+    var text = intl.format(this.ks.dateFormat, isMonthView ? this.ks.currentDate : this.ks.dateRange.zonedStart, isMonthView ? this.ks.currentDate : this.ks.dateRange.zonedEnd.addDays(-1));
+    var shortText = intl.format(this.ks.shortDateFormat, isMonthView ? this.ks.currentDate : this.ks.dateRange.zonedStart, isMonthView ? this.ks.currentDate : this.ks.dateRange.zonedEnd.addDays(-1));
+    return (// @ts-ignore  function children
+      h(Button, {
+        onClick: this.handleClick // {...props} 
+        ,
+        on: this.v3 ? undefined : {
+          "click": this.handleClick
+        },
+        icon: "calendar",
+        attrs: this.v3 ? undefined : {
+          icon: "calendar",
+          tabIndex: -1,
+          fillMode: 'flat'
+        },
+        "class": "k-nav-current",
+        tabIndex: -1,
+        fillMode: 'flat'
+      }, this.v3 ? function () {
+        return [h("span", {
+          "class": "k-button-text"
+        }, [h("span", {
+          "class": "k-sm-date-format"
+        }, [shortText]), h("span", {
+          "class": "k-lg-date-format"
+        }, [text])])];
+      } : [h("span", {
+        "class": "k-button-text"
+      }, [h("span", {
+        "class": "k-sm-date-format"
+      }, [shortText]), h("span", {
+        "class": "k-lg-date-format"
+      }, [text])])])
+    );
+  },
+  methods: {
+    handleClick: function handleClick(e) {
+      this.$emit('click', e);
+    }
+  }
+};
+/**
+ * @hidden
+ */
+
+var DatePickerToggleButton = DatePickerToggleButtonVue2;
+export { DatePickerToggleButton, DatePickerToggleButtonVue2 };

package/dist/esm/components/header/navigation/NavigationDatePicker.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;
+};
+import { DatePickerProps } from '@progress/kendo-vue-dateinputs';
+/**
+ * @hidden
+ */
+export interface NavigationDatePickerState {
+}
+/**
+ * @hidden
+ */
+export interface NavigationDatePickerComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface NavigationDatePickerMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface NavigationDatePickerData {
+}
+/**
+ * @hidden
+ */
+export interface NavigationDatePickerAll extends Vue2type, NavigationDatePickerMethods, NavigationDatePickerData, NavigationDatePickerComputed, NavigationDatePickerState {
+}
+/**
+ * @hidden
+ */
+declare let NavigationDatePickerVue2: ComponentOptions<NavigationDatePickerAll, DefaultData<NavigationDatePickerData>, DefaultMethods<NavigationDatePickerAll>, NavigationDatePickerComputed, RecordPropsDefinition<DatePickerProps>>;
+/**
+ * @hidden
+ */
+declare const NavigationDatePicker: DefineComponent<DatePickerProps, any, NavigationDatePickerData, NavigationDatePickerComputed, NavigationDatePickerMethods, {}, {}, {}, string, DatePickerProps, DatePickerProps, {}>;
+export { NavigationDatePicker, NavigationDatePickerVue2 };

package/dist/esm/components/header/navigation/NavigationDatePicker.js

@@ -0,0 +1,97 @@
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+}; // @ts-ignore
+
+
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { DatePicker } from '@progress/kendo-vue-dateinputs';
+import { DatePickerToggleButton } from './DatePickerToggleButton.js'; // import {
+//     useSchedulerDateFormatContext,
+//     useSchedulerDateRangeContext,
+//     useSchedulerDateContext,
+//     useSchedulerPropsContext
+// } from '../../../context/SchedulerContext.js';
+
+import { ZonedDate, getDate } from '@progress/kendo-date-math';
+import { toUTCDateTime } from '../../../utils.js';
+
+var EMPTY_DATE_INPUT = function EMPTY_DATE_INPUT() {
+  return null;
+};
+/**
+ * @hidden
+ */
+
+
+var NavigationDatePickerVue2 = {
+  name: 'KendoNavigationDatePicker',
+  props: __assign(__assign({}, DatePicker.props), {
+    value: [Date, Object]
+  }),
+  inject: {
+    ks: {
+      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 normalized = ZonedDate.fromLocalDate(this.$props.value || this.ks.currentDate, this.ks.timezone);
+    var value = getDate(normalized);
+    return (// @ts-ignore
+      h(DatePicker, {
+        style: {
+          width: 'auto'
+        },
+        dateInput: EMPTY_DATE_INPUT,
+        attrs: this.v3 ? undefined : {
+          dateInput: EMPTY_DATE_INPUT,
+          toggleButton: DatePickerToggleButton,
+          value: value
+        },
+        toggleButton: DatePickerToggleButton,
+        value: value,
+        onChange: this.handleChange,
+        on: this.v3 ? undefined : {
+          "change": this.handleChange
+        }
+      })
+    );
+  },
+  methods: {
+    handleChange: function handleChange(event) {
+      var normalizedValue = ZonedDate.fromUTCDate(toUTCDateTime(event.value), this.ks.timezone);
+      this.$emit('change', __assign(__assign({}, event), {
+        value: normalizedValue
+      }));
+    }
+  }
+};
+/**
+ * @hidden
+ */
+
+var NavigationDatePicker = NavigationDatePickerVue2;
+export { NavigationDatePicker, NavigationDatePickerVue2 };

package/dist/esm/components/header/navigation/SchedulerNavigation.d.ts

@@ -0,0 +1,49 @@
+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 SchedulerNavigationProps {
+}
+/** @hidden */
+export interface SchedulerNavigationHandle {
+    element: HTMLSpanElement | null;
+    props: SchedulerNavigationProps;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerNavigationState {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerNavigationComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerNavigationMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerNavigationData {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerNavigationAll extends Vue2type, SchedulerNavigationMethods, SchedulerNavigationData, SchedulerNavigationComputed, SchedulerNavigationState {
+}
+/**
+ * @hidden
+ */
+declare let SchedulerNavigationVue2: ComponentOptions<SchedulerNavigationAll, DefaultData<SchedulerNavigationData>, DefaultMethods<SchedulerNavigationAll>, SchedulerNavigationComputed, RecordPropsDefinition<SchedulerNavigationProps>>;
+/**
+ * @hidden
+ */
+declare const SchedulerNavigation: DefineComponent<SchedulerNavigationProps, any, SchedulerNavigationData, SchedulerNavigationComputed, SchedulerNavigationMethods, {}, {}, {}, string, SchedulerNavigationProps, SchedulerNavigationProps, {}>;
+export { SchedulerNavigation, SchedulerNavigationVue2 };