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

package/dist/esm/tasks/SchedulerTask.js

@@ -0,0 +1,223 @@
+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';
+var inject = allVue.inject;
+import { provideLocalizationService } from '@progress/kendo-vue-intl';
+import { deleteTitle, messages } from '../messages.js';
+import { getDefaultSlots } from '@progress/kendo-vue-common';
+import { useEditable } from '../hooks.js';
+import { SchedulerOccurrenceDialog } from '../components/SchedulerOccurrenceDialog.js';
+import { SchedulerRemoveDialog } from '../components/SchedulerRemoveDialog.js';
+/**
+ * @hidden
+ */
+
+var SchedulerTaskVue2 = {
+  name: 'KendoSchedulerTask',
+  props: {
+    refTo: [Function, Object],
+    id: String,
+    tabIndex: Number,
+    head: Boolean,
+    tail: Boolean,
+    order: Number,
+    zonedStart: Object,
+    zonedEnd: Object,
+    slots: Array,
+    group: Object,
+    range: Object,
+    isException: Boolean,
+    isRecurring: Boolean,
+    isAllDay: Boolean,
+    uid: [String, Number],
+    start: Date,
+    end: Date,
+    originalStart: Date,
+    startTimezone: String,
+    endTimezone: String,
+    title: String,
+    description: String,
+    occurrenceId: String,
+    recurrenceExceptions: Array,
+    recurrenceRule: String,
+    recurrenceId: [String, Number],
+    dataItem: Object,
+    removeItem: Object,
+    editable: [Object, Boolean],
+    showOccurrenceDialog: {
+      type: Boolean,
+      default: undefined
+    },
+    showRemoveDialog: {
+      type: Boolean,
+      default: undefined
+    }
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    },
+    taskClick: {
+      default: null
+    },
+    taskDoubleClick: {
+      default: null
+    },
+    ksCancel: {
+      default: null
+    },
+    ksSeriesClick: {
+      default: null
+    },
+    ksOccurrenceClick: {
+      default: null
+    },
+    ksRemoveConfirm: {
+      default: null
+    }
+  },
+  created: function created() {
+    this.task = null;
+  },
+  // @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);
+    var editable = useEditable(this.$props.editable);
+    var localization = provideLocalizationService(this);
+    var deleteMessage = localization.toLanguageString(deleteTitle, messages[deleteTitle]);
+    var resource = this.$props.group.resources.find(function (r) {
+      return Boolean(r.colorField && r[r.colorField] !== undefined);
+    });
+    var color = resource && resource.colorField && resource[resource.colorField];
+    return h("div", {
+      id: this.$props.id,
+      attrs: this.v3 ? undefined : {
+        id: this.$props.id,
+        tabindex: this.$props.tabIndex || undefined // Mouse
+
+      },
+      "class": 'k-task',
+      tabindex: this.$props.tabIndex || undefined,
+      onClick: this.handleClick,
+      on: this.v3 ? undefined : {
+        "click": this.handleClick,
+        "dblclick": this.handleDoubleClick
+      },
+      onDblclick: this.handleDoubleClick
+    }, [color && h("span", {
+      "class": "k-scheduler-mark",
+      style: {
+        color: color,
+        backgroundColor: color
+      }
+    }), this.$props.isRecurring && h("span", {
+      "class": "k-icon k-i-reload"
+    }), this.$props.isException && h("span", {
+      "class": "k-icon k-i-non-recurrence"
+    }), this.$props.title, defaultSlot, editable.remove && h("a", {
+      "class": "k-link k-event-delete",
+      title: deleteMessage,
+      attrs: this.v3 ? undefined : {
+        title: deleteMessage,
+        "aria-label": deleteMessage
+      },
+      "aria-label": deleteMessage,
+      onClick: this.handleRemoveClick,
+      on: this.v3 ? undefined : {
+        "click": this.handleRemoveClick
+      }
+    }, [h("span", {
+      "class": "k-icon k-i-close"
+    })]), this.showOccurrenceDialog && h(SchedulerOccurrenceDialog, {
+      dataItem: this.removeItem,
+      attrs: this.v3 ? undefined : {
+        dataItem: this.removeItem,
+        isRemove: this.removeItem !== null
+      },
+      isRemove: this.removeItem !== null,
+      onClose: this.ksCancel,
+      on: this.v3 ? undefined : {
+        "close": this.ksCancel,
+        "occurrenceclose": this.ksOccurrenceClick,
+        "seriesclose": this.ksSeriesClick
+      },
+      onOccurrenceclose: this.ksOccurrenceClick,
+      onSeriesclose: this.ksSeriesClick
+    }), this.showRemoveDialog && h(SchedulerRemoveDialog, {
+      dataItem: this.removeItem,
+      attrs: this.v3 ? undefined : {
+        dataItem: this.removeItem
+      },
+      onClose: this.ksCancel,
+      on: this.v3 ? undefined : {
+        "close": this.ksCancel,
+        "cancel": this.ksCancel,
+        "confirm": this.ksRemoveConfirm
+      },
+      onCancel: this.ksCancel,
+      onConfirm: this.ksRemoveConfirm
+    })]);
+  },
+  methods: {
+    handleRemoveClick: function handleRemoveClick(event) {
+      this.$emit('removeclick', {
+        event: event,
+        target: this.task
+      });
+    },
+    handleClick: function handleClick(event) {
+      var args = {
+        event: event,
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
+      };
+      this.$emit('click', args);
+      this.taskClick(args);
+    },
+    handleDoubleClick: function handleDoubleClick(event) {
+      var args = {
+        event: event,
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
+      };
+      this.$emit('doubleclick', args);
+      this.taskDoubleClick(args);
+    }
+  }
+};
+/**
+ * @hidden
+ */
+
+var SchedulerTask = SchedulerTaskVue2;
+export { SchedulerTask, SchedulerTaskVue2 };

package/dist/esm/tasks/SchedulerViewTask.d.ts

@@ -0,0 +1,58 @@
+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 { SchedulerTaskProps } from './SchedulerTask';
+/**
+ * Represents the props of the Kendo UI for Vue [SchedulerViewTask]({% slug api_scheduler_schedulerviewtask %}) component.
+ */
+export interface SchedulerViewTaskProps extends SchedulerTaskProps {
+    /**
+     * Overrides the default component responsible for visualizing a single task.
+     *
+     * The default Component is: [SchedulerTask]({% slug api_scheduler_schedulertaskprops %}).
+     */
+    task?: any;
+}
+/** @hidden */
+export interface SchedulerViewTaskHandle {
+    element: HTMLDivElement | null;
+    props: SchedulerViewTaskProps;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerViewTaskState {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerViewTaskComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerViewTaskMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerViewTaskData {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerViewTaskAll extends Vue2type, SchedulerViewTaskMethods, SchedulerViewTaskData, SchedulerViewTaskComputed, SchedulerViewTaskState {
+}
+/**
+ * @hidden
+ */
+declare let SchedulerViewTaskVue2: ComponentOptions<SchedulerViewTaskAll, DefaultData<SchedulerViewTaskData>, DefaultMethods<SchedulerViewTaskAll>, SchedulerViewTaskComputed, RecordPropsDefinition<SchedulerViewTaskProps>>;
+/**
+ * @hidden
+ */
+declare const SchedulerViewTask: DefineComponent<SchedulerViewTaskProps, any, SchedulerViewTaskData, SchedulerViewTaskComputed, SchedulerViewTaskMethods, {}, {}, {}, string, SchedulerViewTaskProps, SchedulerViewTaskProps, {}>;
+export { SchedulerViewTask, SchedulerViewTaskVue2 };

package/dist/esm/tasks/SchedulerViewTask.js

@@ -0,0 +1,160 @@
+// @ts-ignore
+import { getDefaultSlots, getTemplate } from '@progress/kendo-vue-common';
+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 { SchedulerTask } from './SchedulerTask.js';
+/**
+ * @hidden
+ */
+
+var SchedulerViewTaskVue2 = {
+  name: 'KendoSchedulerViewTask',
+  props: {
+    refTo: [Function, Object],
+    id: String,
+    tabIndex: Number,
+    head: Boolean,
+    tail: Boolean,
+    order: Number,
+    zonedStart: Object,
+    zonedEnd: Object,
+    slots: Array,
+    group: Object,
+    range: Object,
+    isException: Boolean,
+    isRecurring: Boolean,
+    isAllDay: Boolean,
+    uid: [String, Number],
+    start: Date,
+    end: Date,
+    originalStart: Date,
+    startTimezone: String,
+    endTimezone: String,
+    title: String,
+    description: String,
+    occurrenceId: String,
+    recurrenceExceptions: Array,
+    recurrenceRule: String,
+    recurrenceId: [String, Number],
+    dataItem: Object,
+    removeItem: Object,
+    task: [String, Function, Object],
+    editable: [Object, Boolean],
+    showOccurrenceDialog: {
+      type: Boolean,
+      default: undefined
+    },
+    showRemoveDialog: {
+      type: Boolean,
+      default: undefined
+    }
+  },
+  // @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);
+    var taskRender;
+    var taskRenderDefaultRendering = // @ts-ignore  function children
+    h(SchedulerTask, {
+      id: this.$props.id,
+      attrs: this.v3 ? undefined : {
+        id: this.$props.id,
+        tabIndex: this.$props.tabIndex,
+        head: this.$props.head,
+        tail: this.$props.tail,
+        order: this.$props.order,
+        zonedStart: this.$props.zonedStart,
+        zonedEnd: this.$props.zonedEnd,
+        slots: this.$props.slots,
+        group: this.$props.group,
+        range: this.$props.range,
+        isException: this.$props.isException,
+        isRecurring: this.$props.isRecurring,
+        isAllDay: this.$props.isAllDay,
+        uid: this.$props.uid,
+        start: this.$props.start,
+        end: this.$props.end,
+        originalStart: this.$props.originalStart,
+        startTimezone: this.$props.startTimezone,
+        endTimezone: this.$props.endTimezone,
+        title: this.$props.title,
+        description: this.$props.description,
+        occurrenceId: this.$props.occurrenceId,
+        recurrenceExceptions: this.$props.recurrenceExceptions,
+        recurrenceRule: this.$props.recurrenceRule,
+        recurrenceId: this.$props.recurrenceId,
+        dataItem: this.$props.dataItem,
+        removeItem: this.removeItem,
+        editable: this.$props.editable,
+        showOccurrenceDialog: this.showOccurrenceDialog,
+        showRemoveDialog: this.showRemoveDialog
+      },
+      tabIndex: this.$props.tabIndex,
+      head: this.$props.head,
+      tail: this.$props.tail,
+      order: this.$props.order,
+      zonedStart: this.$props.zonedStart,
+      zonedEnd: this.$props.zonedEnd,
+      slots: this.$props.slots,
+      group: this.$props.group,
+      range: this.$props.range,
+      isException: this.$props.isException,
+      isRecurring: this.$props.isRecurring,
+      isAllDay: this.$props.isAllDay,
+      uid: this.$props.uid,
+      start: this.$props.start,
+      end: this.$props.end,
+      originalStart: this.$props.originalStart,
+      startTimezone: this.$props.startTimezone,
+      endTimezone: this.$props.endTimezone,
+      title: this.$props.title,
+      description: this.$props.description,
+      occurrenceId: this.$props.occurrenceId,
+      recurrenceExceptions: this.$props.recurrenceExceptions,
+      recurrenceRule: this.$props.recurrenceRule,
+      recurrenceId: this.$props.recurrenceId,
+      dataItem: this.$props.dataItem,
+      removeItem: this.removeItem,
+      editable: this.$props.editable,
+      showOccurrenceDialog: this.showOccurrenceDialog,
+      showRemoveDialog: this.showRemoveDialog,
+      onRemoveclick: this.handleRemoveClick,
+      on: this.v3 ? undefined : {
+        "removeclick": this.handleRemoveClick
+      }
+    }, this.v3 ? function () {
+      return [defaultSlot];
+    } : [defaultSlot]);
+    taskRender = getTemplate.call(this, {
+      h: h,
+      template: this.$props.task,
+      defaultRendering: taskRenderDefaultRendering,
+      defaultSlots: defaultSlot,
+      additionalListeners: {
+        'removeclick': this.handleRemoveClick
+      }
+    });
+    return taskRender;
+  },
+  methods: {
+    handleRemoveClick: function handleRemoveClick(event) {
+      this.$emit('removeclick', event);
+    }
+  }
+};
+/**
+ * @hidden
+ */
+
+var SchedulerViewTask = SchedulerViewTaskVue2;
+export { SchedulerViewTask, SchedulerViewTaskVue2 };

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

@@ -0,0 +1,185 @@
+import { SchedulerModelFields, DataItem, SchedulerGroup, Item, Slot, Occurrence } from '../models';
+import { ZonedDate } from '@progress/kendo-date-math';
+import { SchedulerResource } from '../models/SchedulerResource';
+import { SchedulerItemHandle } from '../items/SchedulerItem';
+import { IntlService } from '@progress/kendo-vue-intl';
+import { Fields } from '../models/Fields';
+/** @hidden */
+export declare enum COLLECTION_ACTION {
+    add = 0,
+    remove = 1
+}
+/** @hidden */
+export declare const first: <T>(arr: T[]) => T;
+/** @hidden */
+export declare const last: <T>(arr: T[]) => T;
+/** @hidden */
+export declare const isMultiDay: (item: DataItem) => boolean;
+/** @hidden */
+export declare const isGroupped: (resources: any) => boolean;
+/**
+ * @hidden
+ */
+export declare function formatEventTime(intl: IntlService, start: Date, end: Date, isAllDay: boolean): string;
+/**
+ * @hidden
+ * TODO Move to date-math
+ */
+export declare const addUTCDays: (date: Date, offset: number) => Date;
+/** @hidden */
+export declare function dateWithTime(target: Date, time: Date): Date;
+/**
+ * @hidden
+ */
+export declare const getToday: () => Date;
+/** @hidden */
+export declare const slotDive: (x: number, y: number, maxDepth: number, level?: number) => HTMLElement | null;
+/**
+ * @hidden
+ */
+export declare const getField: (obj: any, field: any) => any;
+/**
+ * @hidden
+ */
+export declare const setField: (obj: any, field: string | undefined, value: any) => any;
+/**
+ * @hidden
+ */
+export declare function assignField(target: any, source: any, field: string): any;
+/**
+ * @hidden
+ */
+export declare function assignFields(target: any, source: any, ...fields: string[]): any;
+/**
+ * @hidden
+ */
+export declare const isPresent: (value: any) => boolean;
+/**
+ * @hidden
+ */
+export declare const isRecurringMaster: (event: Item) => boolean;
+/** @hidden */
+export declare function toUTCDate(localDate: Date): Date;
+/** @hidden */
+export declare function getUTCDate(utcDate: Date): Date;
+/** @hidden */
+export declare function toUTCDateTime(localDate: Date): Date;
+/** @hidden */
+export declare function toInvariantTime(date: Date): Date;
+/** @hidden */
+export declare function isRecurringException(event: Item): boolean;
+/**
+ * @hidden
+ */
+export declare const isRecurring: (event: DataItem, fields: SchedulerModelFields) => boolean;
+/**
+ * @hidden
+ */
+export declare const groupResources: (group: SchedulerGroup | undefined, resources: any[]) => any[];
+/**
+ * @hidden
+ */
+export declare const findMaster: (event: DataItem, fields: SchedulerModelFields, data: DataItem[]) => DataItem | undefined;
+/**
+ * @hidden
+ */
+export declare const isMaster: (event: Occurrence, fields: SchedulerModelFields) => boolean;
+/**
+ * @hidden
+ */
+export declare const buildException: (event: DataItem, fields: SchedulerModelFields, data: DataItem[]) => DataItem;
+/**
+ * @hidden
+ */
+export declare const isException: (event: DataItem, fields: SchedulerModelFields) => boolean;
+/** @hidden */
+export declare const intersects: (startTime: Date, endTime: Date, periodStart: Date, periodEnd: Date, inclusive?: boolean) => boolean;
+/** @hidden */
+export declare const roundAllDayEnd: ({ start, end }: {
+    start: any;
+    end: any;
+}) => ZonedDate;
+/**
+ * @hidden
+ */
+export declare const defaultModelFields: {
+    id: string;
+    start: string;
+    startTimezone: string;
+    originalStart: string;
+    end: string;
+    endTimezone: string;
+    isAllDay: string;
+    title: string;
+    description: string;
+    recurrenceRule: string;
+    recurrenceId: string;
+    recurrenceExceptions: string;
+};
+/** @hidden */
+export declare const getModelFields: (modelFields: any) => {
+    fields: Fields;
+};
+/** @hidden */
+export declare const isInTimeRange: (date: Date, min: Date, max: Date) => boolean;
+/** @hidden */
+export declare const toSchedulerGroups: (group?: SchedulerGroup, resources?: any[]) => any[];
+/** @hidden */
+export declare const toSchedulerResources: (resources?: SchedulerResource[]) => any;
+/** @hidden */
+export declare const generateResourceFields: (groups: any[], defaultFields: any) => Object;
+/**
+ * @hidden
+ *
+ * TODO: Move to @progress/kendo-common
+ */
+export declare const isBlank: (value: any) => boolean;
+/**
+ * @hidden
+ *
+ * TODO: Move to @progress/kendo-common
+ */
+export declare const isNullOrEmptyString: (value?: string) => boolean;
+/**
+ * @hidden
+ */
+export declare const setTime: (origin: Date, candidate: Date) => Date;
+/** @hidden */
+export declare const extractGroups: (dataItem: DataItem, fields: SchedulerModelFields, group: SchedulerGroup, resources: SchedulerResource[]) => any;
+/** @hidden */
+export declare const extractResourceFields: (dataItem: DataItem, fields: SchedulerModelFields, resources?: SchedulerResource[]) => Object;
+/** @hidden */
+export declare const extractResources: (dataItem: DataItem, fields: SchedulerModelFields, resources?: SchedulerResource[]) => any[];
+/** @hidden */
+export declare const shallowCompare: (x: any, y: any) => boolean;
+/** @hidden */
+export declare const findMissing: (orderNumbers: number[]) => number;
+/** @hidden */
+export declare const calculateOrder: (current: any, items: any[], slots: any[], ignoreIsAllDay?: boolean) => any;
+/** @hidden */
+export declare const mapSlotsToItems: (items: Item[], slots: Slot[], ignoreIsAllDay?: boolean) => void;
+/** @hidden */
+export declare const mapItemsToSlots: (items: Item[], slots: Slot[], ignoreIsAllDay?: boolean) => void;
+/** @hidden */
+export declare const noop: (..._args: any) => void;
+/** @hidden */
+export declare const findFirstItem: (current: any) => SchedulerItemHandle | null;
+/** @hidden */
+export declare const compareItems: (f: any, s: any, ignoreIsAllDay?: boolean) => boolean;
+/** @hidden */
+export declare const getSortedSlots: (all: any[], ignoreIsAllDay: boolean) => any[];
+/** @hidden */
+export declare const compareSlots: (f: any, s: any) => boolean;
+/** @hidden */
+export declare const getCurrentItemIndex: (ref: any, all: any, ignoreIsAllDay?: boolean | undefined) => {
+    currentIndex: number;
+    sorted: any[];
+};
+/** @hidden */
+export declare const findCurrentItem: (ref: any, all: any, ignoreIsAllDay?: boolean | undefined) => any;
+/** @hidden */
+export declare const findNextItem: (ref: any, all: any, ignoreIsAllDay?: boolean | undefined, backwards?: boolean) => any;
+/**
+ * @hidden
+ */
+export declare const orderSort: (a: Item, b: Item) => number;