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

package/dist/esm/components/header/view-selector/ViewSelectorList.js

@@ -0,0 +1,176 @@
+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 { useSchedulerViewsContext } from '../../../main.js';
+// import { useSchedulerActiveViewContext } from '../../../context.js';
+// import { useLocalization } from '@progress/kendo-vue-intl';
+
+import { DropDownButton, ButtonGroup } from '@progress/kendo-vue-buttons';
+import { ViewSelectorItem } from './ViewSelectorItem.js';
+import { provideLocalizationService } from '@progress/kendo-vue-intl';
+import { messages } from '../../../messages.js';
+/**
+ * @hidden
+ */
+
+var ViewSelectorListVue2 = {
+  name: 'KendoViewSelectorList',
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    },
+    ks: {
+      default: null
+    },
+    setActiveViewName: {
+      default: null
+    }
+  },
+  mounted: function mounted() {
+    this.calculateMedia();
+    this.observer = new window.ResizeObserver(this.calculateMedia);
+    this.observer.observe(this.$el);
+  },
+  destroyed: !!isV3 ? undefined : function () {
+    if (this.observer) {
+      this.observer.disconnect();
+    }
+  },
+  // @ts-ignore
+  unmounted: function unmounted() {
+    if (this.observer) {
+      this.observer.disconnect();
+    }
+  },
+  data: function data() {
+    return {
+      media: 'desktop'
+    };
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var _this2 = this;
+
+    var _this = this;
+
+    var h = gh || createElement;
+    var views = this.ks.views;
+    this.localization = provideLocalizationService(this);
+    var activeView = views.find(function (v) {
+      return v.name === _this.ks.activeViewName;
+    });
+    var activeNameTitle = 'scheduler.' + activeView.name + 'ViewTitle';
+    var activeName = this.localization.toLanguageString(activeNameTitle, messages[activeNameTitle]) || activeView.name;
+    return h("div", {
+      "class": "k-scheduler-views-wrapper"
+    }, [activeView && this.media === 'mobile' && // @ts-ignore  function children
+    h(DropDownButton, {
+      "class": "k-views-dropdown",
+      tabIndex: -1,
+      attrs: this.v3 ? undefined : {
+        tabIndex: -1,
+        popupSettings: {
+          popupClass: 'k-scheduler-toolbar'
+        },
+        textField: "title",
+        items: views.map(function (v) {
+          var nameTitle = 'scheduler.' + v.name + 'ViewTitle';
+          var name = this.localization.toLanguageString(nameTitle, messages[nameTitle]) || v.name;
+          return __assign(__assign({}, v.props), {
+            selected: v.name === this.ks.activeViewName,
+            name: v.name,
+            title: v.title || name
+          });
+        }, this),
+        text: activeView.title || activeName
+      },
+      onItemclick: this.handleItemClick,
+      on: this.v3 ? undefined : {
+        "itemclick": this.handleItemClick
+      },
+      popupSettings: {
+        popupClass: 'k-scheduler-toolbar'
+      },
+      textField: "title",
+      items: views.map(function (v) {
+        var nameTitle = 'scheduler.' + v.name + 'ViewTitle';
+        var name = this.localization.toLanguageString(nameTitle, messages[nameTitle]) || v.name;
+        return __assign(__assign({}, v.props), {
+          selected: v.name === this.ks.activeViewName,
+          name: v.name,
+          title: v.title || name
+        });
+      }, this),
+      text: activeView.title || activeName
+    }, this.v3 ? function () {
+      return [h("span", {
+        "class": "k-icon k-i-arrow-60-down"
+      })];
+    } : [h("span", {
+      "class": "k-icon k-i-arrow-60-down"
+    })]), this.media === 'desktop' && // @ts-ignore  function children
+    h(ButtonGroup, {
+      "class": "k-scheduler-views"
+    }, this.v3 ? function () {
+      return [views.map(function (view) {
+        return h(ViewSelectorItem, {
+          key: view.name,
+          view: view,
+          attrs: this.v3 ? undefined : {
+            view: view
+          }
+        });
+      }, _this2)];
+    } : [views.map(function (view) {
+      return h(ViewSelectorItem, {
+        key: view.name,
+        view: view,
+        attrs: this.v3 ? undefined : {
+          view: view
+        }
+      });
+    }, _this2)])]);
+  },
+  methods: {
+    handleItemClick: function handleItemClick(event) {
+      event.event.preventDefault();
+
+      if (event.item.name || event.item.title) {
+        this.setActiveViewName(event.item.name || event.item.title);
+      }
+    },
+    calculateMedia: function calculateMedia() {
+      this.media = window.matchMedia('(min-width: 1024px)').matches ? 'desktop' : 'mobile';
+    }
+  }
+};
+/**
+ * @hidden
+ */
+
+var ViewSelectorList = ViewSelectorListVue2;
+export { ViewSelectorList, ViewSelectorListVue2 };

package/dist/esm/constants/index.d.ts

@@ -0,0 +1,49 @@
+import { Range, Group } from '../models';
+/** @hidden */
+export { MS_PER_DAY } from '@progress/kendo-date-math';
+/** @hidden */
+export declare const MIDNIGHT_INVARIANT: Date;
+/** @hidden */
+export declare const MS_PER_SECOND = 1000;
+/** @hidden */
+export declare const MS_PER_MINUTE: number;
+/** @hidden */
+export declare const MS_PER_HOUR: number;
+/** @hidden */
+export declare const TIME_FORMAT = "t";
+/** @hidden */
+export declare const BORDER_WIDTH = 1;
+/** @hidden */
+export declare const DEFAULT_EVENT_HEIGHT = 25;
+/** @hidden */
+export declare const DAYS_IN_WEEK_COUNT = 7;
+/** @hidden */
+export declare const WEEKS_COUNT = 6;
+/** @hidden */
+export declare const HOURS_IN_DAY_COUNT = 24;
+/** @hidden */
+export declare const EMPTY_RESOURCE: {}[];
+/** @hidden */
+export declare const OCCURRENCE_ID = 0;
+/** @hidden */
+export declare const DEFAULT_ID: any;
+/** @hidden */
+export declare const DISPLAY_NONE_STYLES: {
+    display: string;
+};
+/** @hidden */
+export declare const VISIBILITY_HIDDEN_STYLES: {
+    visibility: string;
+};
+/** @hidden */
+export declare const DEFAULT_GROUP: Group;
+/**
+ * @hidden
+ */
+export declare const MIN_DATE: Date;
+/**
+ * @hidden
+ */
+export declare const MAX_DATE: Date;
+/** @hidden */
+export declare const DEFAULT_RANGE: Range;

package/dist/esm/constants/index.js

@@ -0,0 +1,55 @@
+import { ZonedDate } from '@progress/kendo-date-math';
+/** @hidden */
+export { MS_PER_DAY } from '@progress/kendo-date-math';
+/** @hidden */
+export var MIDNIGHT_INVARIANT = new Date(1980, 0, 1);
+/** @hidden */
+export var MS_PER_SECOND = 1000;
+/** @hidden */
+export var MS_PER_MINUTE = 60 * MS_PER_SECOND;
+/** @hidden */
+export var MS_PER_HOUR = 60 * MS_PER_MINUTE;
+/** @hidden */
+export var TIME_FORMAT = 't';
+// probably should calculate this
+/** @hidden */
+export var BORDER_WIDTH = 1;
+/** @hidden */
+export var DEFAULT_EVENT_HEIGHT = 25;
+/** @hidden */
+export var DAYS_IN_WEEK_COUNT = 7;
+/** @hidden */
+export var WEEKS_COUNT = 6;
+/** @hidden */
+export var HOURS_IN_DAY_COUNT = 24;
+/** @hidden */
+export var EMPTY_RESOURCE = [{}];
+/** @hidden */
+export var OCCURRENCE_ID = 0;
+/** @hidden */
+export var DEFAULT_ID = undefined;
+/** @hidden */
+export var DISPLAY_NONE_STYLES = { display: 'none' };
+/** @hidden */
+export var VISIBILITY_HIDDEN_STYLES = { visibility: 'hidden' };
+/** @hidden */
+export var DEFAULT_GROUP = {
+    index: 0,
+    resources: []
+};
+/**
+ * @hidden
+ */
+export var MIN_DATE = new Date(1900, 0, 1);
+/**
+ * @hidden
+ */
+export var MAX_DATE = new Date(2099, 11, 31);
+/** @hidden */
+export var DEFAULT_RANGE = {
+    index: 0,
+    start: MIN_DATE,
+    end: MAX_DATE,
+    zonedStart: ZonedDate.fromLocalDate(MIN_DATE),
+    zonedEnd: ZonedDate.fromLocalDate(MAX_DATE)
+};

package/dist/esm/context/SchedulerContext.d.ts

@@ -0,0 +1,22 @@
+import { SchedulerProps } from '../main';
+import { SchedulerView } from '../models';
+/** @hidden */
+export interface SchedulerContextProps {
+    element: any;
+    props: SchedulerPropsContextType;
+    views: SchedulerViewsContextType;
+    fields: any;
+    groups: any;
+    dateRange: any;
+    dateFormat: any;
+    orientation: any;
+    date: any;
+    activeView: any;
+    dataItems: any;
+}
+/** @hidden */
+export declare type SchedulerPropsContextType = SchedulerProps;
+/** @hidden */
+export declare type SchedulerViewsContextType = SchedulerView[];
+/** @hidden */
+export declare const SchedulerContext: ({}: SchedulerContextProps) => any[];

package/dist/esm/context/SchedulerContext.js

@@ -0,0 +1,4 @@
+/** @hidden */
+export var SchedulerContext = function SchedulerContext(_a) {
+  return [];
+};

package/dist/esm/context/SchedulerEditItemContext.d.ts

@@ -0,0 +1,16 @@
+import { SchedulerEditItemProps } from '../main';
+/** @hidden */
+export interface SchedulerEditItemContextProps {
+    props: any;
+    form: any;
+    drag: any;
+    resize: any;
+    remove: any;
+    showRemoveDialog: any;
+    showOccurrenceDialog: any;
+    children?: any;
+}
+/** @hidden */
+export declare type SchedulerEditItemPropsContextType = SchedulerEditItemProps;
+/** @hidden */
+export declare const SchedulerEditItemContext: ({}: SchedulerEditItemContextProps) => any[];

package/dist/esm/context/SchedulerEditItemContext.js

@@ -0,0 +1,4 @@
+/** @hidden */
+export var SchedulerEditItemContext = function SchedulerEditItemContext(_a) {
+  return [];
+};

package/dist/esm/context/SchedulerEditSlotContext.d.ts

@@ -0,0 +1,11 @@
+import { SchedulerEditSlotProps } from '../slots/SchedulerEditSlot';
+/** @hidden */
+export interface SchedulerEditSlotContextProps {
+    props: SchedulerEditSlotProps;
+    form: any;
+    children?: any;
+}
+/** @hidden */
+export declare type SchedulerEditSlotPropsContextType = SchedulerEditSlotProps;
+/** @hidden */
+export declare const SchedulerEditSlotContext: ({}: SchedulerEditSlotContextProps) => any[];

package/dist/esm/context/SchedulerEditSlotContext.js

@@ -0,0 +1,4 @@
+/** @hidden */
+export var SchedulerEditSlotContext = function SchedulerEditSlotContext(_a) {
+  return [];
+};

package/dist/esm/context/SchedulerEditTaskContext.d.ts

@@ -0,0 +1,12 @@
+import { DataItem } from '../models';
+/** @hidden */
+export interface SchedulerEditTaskContextProps {
+    remove: SchedulerEditTaskRemoveItemContextType;
+    showRemoveDialog: any;
+    showOccurrenceDialog: any;
+    children?: any;
+}
+/** @hidden */
+export declare type SchedulerEditTaskRemoveItemContextType = [DataItem | null, (event?: any) => void];
+/** @hidden */
+export declare const SchedulerEditTaskContext: (_props: SchedulerEditTaskContextProps) => any[];

package/dist/esm/context/SchedulerEditTaskContext.js

@@ -0,0 +1,4 @@
+/** @hidden */
+export var SchedulerEditTaskContext = function SchedulerEditTaskContext(_props) {
+  return [];
+};

package/dist/esm/context/SchedulerResourceIteratorContext.d.ts

@@ -0,0 +1,43 @@
+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 SchedulerResourceIteratorContextProps {
+    noWrap: boolean;
+    resource: any;
+    groupIndex: number;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerResourceIteratorContextState {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerResourceIteratorContextComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerResourceIteratorContextMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerResourceIteratorContextData {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerResourceIteratorContextAll extends Vue2type, SchedulerResourceIteratorContextMethods, SchedulerResourceIteratorContextData, SchedulerResourceIteratorContextComputed, SchedulerResourceIteratorContextState {
+}
+/** @hidden */
+declare let SchedulerResourceIteratorContextVue2: ComponentOptions<SchedulerResourceIteratorContextAll, DefaultData<SchedulerResourceIteratorContextData>, DefaultMethods<SchedulerResourceIteratorContextAll>, SchedulerResourceIteratorContextComputed, RecordPropsDefinition<SchedulerResourceIteratorContextProps>>;
+/** @hidden */
+declare const SchedulerResourceIteratorContext: DefineComponent<SchedulerResourceIteratorContextProps, any, SchedulerResourceIteratorContextData, SchedulerResourceIteratorContextComputed, SchedulerResourceIteratorContextMethods, {}, {}, {}, string, SchedulerResourceIteratorContextProps, SchedulerResourceIteratorContextProps, {}>;
+export { SchedulerResourceIteratorContext, SchedulerResourceIteratorContextVue2 };

package/dist/esm/context/SchedulerResourceIteratorContext.js

@@ -0,0 +1,57 @@
+// @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';
+/** @hidden */
+
+var SchedulerResourceIteratorContextVue2 = {
+  name: 'KendoSchedulerResourceIteratorContext',
+  inheritAttrs: false,
+  props: {
+    noWrap: Boolean,
+    resource: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    groupIndex: {
+      type: Number,
+      default: 0
+    }
+  },
+  data: function data() {
+    return {
+      ri: {
+        resource: this.resource,
+        groupIndex: this.groupIndex
+      }
+    };
+  },
+  provide: function provide() {
+    return {
+      ri: this.ri
+    };
+  },
+  // @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 defaultSlot ? this.$props.noWrap && defaultSlot ? defaultSlot[0] : h("div", {
+      "class": "k-scheduler-cell k-group-cell"
+    }, [defaultSlot]) : null;
+  }
+};
+/** @hidden */
+
+var SchedulerResourceIteratorContext = SchedulerResourceIteratorContextVue2;
+export { SchedulerResourceIteratorContext, SchedulerResourceIteratorContextVue2 };

package/dist/esm/context/SchedulerViewContext.d.ts

@@ -0,0 +1,18 @@
+import { SchedulerViewProps } from '../models';
+/**
+ * @hidden
+ */
+export interface SchedulerViewContextProps {
+    props: SchedulerViewPropsContextType;
+    ranges: any;
+    slots: any;
+    items: any;
+    selectedSlots: any;
+    selectedItems: any;
+    focusedItems: any;
+    focusedSlots: any;
+}
+/** @hidden */
+export declare type SchedulerViewPropsContextType = SchedulerViewProps;
+/** @hidden */
+export declare const SchedulerViewContext: ({}: SchedulerViewContextProps) => any[];

package/dist/esm/context/SchedulerViewContext.js

@@ -0,0 +1,4 @@
+/** @hidden */
+export var SchedulerViewContext = function SchedulerViewContext(_a) {
+  return [];
+};

package/dist/esm/context/index.d.ts

@@ -0,0 +1,5 @@
+export * from './SchedulerContext';
+export * from './SchedulerEditItemContext';
+export * from './SchedulerEditSlotContext';
+export * from './SchedulerEditTaskContext';
+export * from './SchedulerViewContext';

package/dist/esm/context/index.js

@@ -0,0 +1,5 @@
+export * from './SchedulerContext.js';
+export * from './SchedulerEditItemContext.js';
+export * from './SchedulerEditSlotContext.js';
+export * from './SchedulerEditTaskContext.js';
+export * from './SchedulerViewContext.js';

package/dist/esm/editors/FilterableComboBox.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 { FieldRenderProps } from '@progress/kendo-vue-form';
+/**
+ * @hidden
+ */
+export interface FilterableComboBoxState {
+}
+/**
+ * @hidden
+ */
+export interface FilterableComboBoxComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface FilterableComboBoxMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface FilterableComboBoxData {
+}
+/**
+ * @hidden
+ */
+export interface FilterableComboBoxAll extends Vue2type, FilterableComboBoxMethods, FilterableComboBoxData, FilterableComboBoxComputed, FilterableComboBoxState {
+}
+/**
+ * @hidden
+ */
+declare let FilterableComboBoxVue2: ComponentOptions<FilterableComboBoxAll, DefaultData<FilterableComboBoxData>, DefaultMethods<FilterableComboBoxAll>, FilterableComboBoxComputed, RecordPropsDefinition<FieldRenderProps>>;
+/**
+ * @hidden
+ */
+declare const FilterableComboBox: DefineComponent<FieldRenderProps, any, FilterableComboBoxData, FilterableComboBoxComputed, FilterableComboBoxMethods, {}, {}, {}, string, FieldRenderProps, FieldRenderProps, {}>;
+export { FilterableComboBox, FilterableComboBoxVue2 };

package/dist/esm/editors/FilterableComboBox.js

@@ -0,0 +1,94 @@
+var __rest = this && this.__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;
+}; // @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 { filterBy } from '@progress/kendo-data-query';
+import { ComboBox } from '@progress/kendo-vue-dropdowns';
+/**
+ * @hidden
+ */
+
+var FilterableComboBoxVue2 = {
+  name: 'KendoFilterableComboBox',
+  props: {
+    value: [String, Number, Object],
+    dataItems: Array,
+    validationMessage: String,
+    touched: Boolean,
+    modified: Boolean,
+    visited: Boolean,
+    valid: Boolean,
+    name: String
+  },
+  data: function data() {
+    return {
+      filteredData: this.$props.dataItems
+    };
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    var kendoLocalizationService = inject('kendoLocalizationService', {});
+    return {
+      v3: v3,
+      kendoLocalizationService: kendoLocalizationService
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+
+    var _a = this.$props,
+        data = _a.data,
+        validationMessage = _a.validationMessage,
+        visited = _a.visited,
+        touched = _a.touched,
+        modified = _a.modified,
+        others = __rest(_a, ["data", "validationMessage", "visited", "touched", "modified"]);
+
+    return h(ComboBox, {
+      dataItems: this.filteredData,
+      attrs: this.v3 ? undefined : {
+        dataItems: this.filteredData,
+        filterable: true
+      },
+      filterable: true,
+      onFilterChange: this.onFilterChange,
+      on: this.v3 ? undefined : {
+        "filterChange": this.onFilterChange,
+        "change": this.onValueChange
+      },
+      onChange: this.onValueChange
+    });
+  },
+  methods: {
+    onValueChange: function onValueChange(e) {
+      this.$emit('change', e);
+    },
+    onFilterChange: function onFilterChange(event) {
+      var newData = filterBy(this.$props.dataItems || [], event.filter);
+      this.filteredData = newData;
+    }
+  }
+};
+/**
+ * @hidden
+ */
+
+var FilterableComboBox = FilterableComboBoxVue2;
+export { FilterableComboBox, FilterableComboBoxVue2 };