@syncfusion/ej2-schedule 31.1.17 → 31.1.20

package/dist/ts/schedule/actions/action-base.d.ts

@@ -1,44 +0,0 @@
-import { ActionBaseArgs, ResizeEdges, DragEventArgs, ResizeEventArgs } from '../base/interface';
-import { Schedule } from '../base/schedule';
-import { MonthEvent } from '../event-renderer/month';
-import { VerticalEvent } from '../event-renderer/vertical-view';
-import { YearEvent } from '../event-renderer/year';
-/**
- * Base class for the common drag and resize related actions
- */
-export declare class ActionBase {
-    parent: Schedule;
-    actionObj: ActionBaseArgs;
-    resizeEdges: ResizeEdges;
-    scrollArgs: ActionBaseArgs;
-    scrollEdges: ResizeEdges;
-    monthEvent: MonthEvent;
-    verticalEvent: VerticalEvent;
-    yearEvent: YearEvent;
-    daysVariation: number;
-    private scrollEventArgs;
-    constructor(parent: Schedule);
-    getChangedData(multiData?: Record<string, any>[]): Record<string, any>;
-    saveChangedData(eventArgs: DragEventArgs | ResizeEventArgs, isMultiSelect?: boolean): void;
-    calculateIntervalTime(date: Date): Date;
-    getContentAreaDimension(): Record<string, any>;
-    getIndex(index: number): number;
-    updateTimePosition(date: Date, multiData?: Record<string, any>[]): void;
-    getResourceElements(table: HTMLTableCellElement[]): HTMLTableCellElement[];
-    getOriginalElement(element: HTMLElement): HTMLElement[];
-    createCloneElement(element: HTMLElement): HTMLElement;
-    removeCloneElementClasses(): void;
-    removeCloneElement(): void;
-    getCursorElement(e: MouseEvent & TouchEvent): HTMLElement;
-    autoScroll(): void;
-    autoScrollValidation(): boolean;
-    actionClass(type: string): void;
-    updateScrollPosition(e: MouseEvent & TouchEvent): void;
-    updateOriginalElement(cloneElement: HTMLElement): void;
-    getUpdatedEvent(startTime: Date, endTime: Date, eventObj: Record<string, any>): Record<string, any>;
-    dynamicYearlyEventsRendering(event: Record<string, any>, isResize?: boolean): void;
-    renderDynamicElement(cellTd: HTMLElement | Element, element: HTMLElement, isAppointment?: boolean): void;
-    createAppointmentElement(resIndex: number, innerText: string): HTMLElement;
-    dynamicEventsRendering(event: Record<string, any>): void;
-    destroy(): void;
-}

package/dist/ts/schedule/actions/action-base.ts

@@ -1,493 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { addClass, createElement, extend, isNullOrUndefined, closest, setStyleAttribute } from '@syncfusion/ej2-base';
-import { formatUnit, remove, removeClass } from '@syncfusion/ej2-base';
-import { ActionBaseArgs, ResizeEdges, DragEventArgs, ResizeEventArgs, TdData } from '../base/interface';
-import { Schedule } from '../base/schedule';
-import { CurrentAction } from '../base/type';
-import { MonthEvent } from '../event-renderer/month';
-import { VerticalEvent } from '../event-renderer/vertical-view';
-import { YearEvent } from '../event-renderer/year';
-import * as cls from '../base/css-constant';
-import * as util from '../base/util';
-
-/**
- * Base class for the common drag and resize related actions
- */
-
-export class ActionBase {
-    public parent: Schedule;
-    public actionObj: ActionBaseArgs;
-    public resizeEdges: ResizeEdges;
-    public scrollArgs: ActionBaseArgs;
-    public scrollEdges: ResizeEdges;
-    public monthEvent: MonthEvent;
-    public verticalEvent: VerticalEvent;
-    public yearEvent: YearEvent;
-    public daysVariation: number = 0;
-    private scrollEventArgs: MouseEvent & TouchEvent;
-
-    constructor(parent: Schedule) {
-        this.parent = parent;
-        this.actionObj = {
-            X: 0, Y: 0, groupIndex: 0, cellWidth: 0, cellHeight: 0, slotInterval: 0, interval: 0, actionIndex: 0,
-            cloneElement: [], originalElement: [], action: null, isAllDay: null, excludeSelectors: null,
-            index: 0, navigationInterval: null, scrollInterval: null
-        };
-        this.scrollArgs = { element: null, width: 0, height: 0 };
-        this.resizeEdges = { left: false, right: false, top: false, bottom: false };
-        this.scrollEdges = { left: false, right: false, top: false, bottom: false };
-    }
-
-    public getChangedData(multiData?: Record<string, any>[]): Record<string, any> {
-        const eventObj: Record<string, any> = extend({}, this.actionObj.event, null, true) as Record<string, any>;
-        eventObj[this.parent.eventFields.startTime] = this.actionObj.start;
-        eventObj[this.parent.eventFields.endTime] = this.actionObj.end;
-        if (!isNullOrUndefined(this.actionObj.isAllDay)) {
-            eventObj[this.parent.eventFields.isAllDay] = this.actionObj.isAllDay;
-        }
-        if (this.parent.activeViewOptions.group.resources.length > 0) {
-            const originalElement: HTMLElement[] = this.getOriginalElement(this.actionObj.element);
-            if (originalElement) {
-                let indexCol: number[] = originalElement.map((element: HTMLElement) => parseInt(element.getAttribute('data-group-index'), 10));
-                if (indexCol.indexOf(this.actionObj.groupIndex) === -1 || (!isNullOrUndefined(multiData) && multiData.length > 0)) {
-                    const cloneIndex: number = parseInt(this.actionObj.clone.getAttribute('data-group-index'), 10);
-                    indexCol = indexCol.filter((index: number) => index !== cloneIndex);
-                    indexCol.push(this.actionObj.groupIndex);
-                    if (multiData && multiData.length > 0) {
-                        multiData.forEach((data: Record<string, any>) => {
-                            this.parent.resourceBase.getResourceData(data, this.actionObj.groupIndex, indexCol);
-                        });
-                    } else {
-                        this.parent.resourceBase.getResourceData(eventObj, this.actionObj.groupIndex, indexCol);
-                    }
-                }
-            }
-        }
-        return eventObj;
-    }
-
-    public saveChangedData(eventArgs: DragEventArgs | ResizeEventArgs, isMultiSelect: boolean = false): void {
-        this.parent.activeEventData.event = this.actionObj.event;
-        this.parent.currentAction = 'Save';
-        let currentAction: CurrentAction;
-        let eventsCollection: Record<string, any>[] = [eventArgs.data];
-        if (isMultiSelect) {
-            eventsCollection = (eventArgs as DragEventArgs).selectedData;
-        }
-        for (const eventObj of eventsCollection) {
-            const isSameResource: boolean = (this.parent.activeViewOptions.group.resources.length > 0) ?
-                parseInt(this.actionObj.element.getAttribute('data-group-index'), 10) === this.actionObj.groupIndex : true;
-            if (+eventObj[this.parent.eventFields.startTime] === +this.actionObj.event[this.parent.eventFields.startTime] &&
-                +eventObj[this.parent.eventFields.endTime] === +this.actionObj.event[this.parent.eventFields.endTime] && isSameResource) {
-                this.parent.crudModule.crudObj.isCrudAction = false;
-                return;
-            }
-
-            if (eventObj[this.parent.eventFields.recurrenceRule]) {
-                const eveId: number = (eventObj[this.parent.eventFields.recurrenceID] || eventObj[this.parent.eventFields.id]) as number;
-                if (eventObj[this.parent.eventFields.id] === eventObj[this.parent.eventFields.recurrenceID]) {
-                    eventObj[this.parent.eventFields.id] = this.parent.eventBase.getEventMaxID();
-                    currentAction = 'EditOccurrence';
-                }
-                if (this.parent.enableRecurrenceValidation
-                    && this.parent.eventWindow.editOccurrenceValidation(eveId, eventObj, this.actionObj.event)) {
-                    return;
-                }
-            } else {
-                currentAction = null;
-            }
-            if (eventObj[this.parent.eventFields.startTimezone] || eventObj[this.parent.eventFields.endTimezone]) {
-                this.parent.eventBase.timezoneConvert(eventObj);
-            }
-            this.parent.crudModule.saveEvent(eventObj, currentAction);
-        }
-    }
-
-    public calculateIntervalTime(date: Date): Date {
-        let dateInMS: number = util.resetTime(date).getTime();
-        const startHour: Date = this.parent.activeView.getStartHour();
-        const intervalInMS: number = util.MS_PER_MINUTE * this.actionObj.interval;
-        dateInMS += (startHour.getHours() * 60 + startHour.getMinutes()) * util.MS_PER_MINUTE + startHour.getSeconds() * 1000;
-        dateInMS = dateInMS + Math.floor((date.getTime() - dateInMS) / intervalInMS) * intervalInMS;
-        return new Date(dateInMS);
-    }
-
-    public getContentAreaDimension(): Record<string, any> {
-        const viewElement: HTMLElement = this.parent.element.querySelector('.' + cls.CONTENT_WRAP_CLASS) as HTMLElement;
-        let trElement: HTMLElement[] = [].slice.call(viewElement.querySelector('tr').children);
-        if (!this.parent.activeView.isTimelineView() && this.parent.activeViewOptions.group.resources.length > 0 &&
-            !this.parent.isAdaptive && !this.parent.enableAdaptiveUI && !this.parent.virtualScrollModule) {
-            trElement = this.getResourceElements(trElement as HTMLTableCellElement[]);
-        }
-        const leftOffset: ClientRect = trElement[0].getBoundingClientRect();
-        const rightOffset: ClientRect = trElement.slice(-1)[0].getBoundingClientRect();
-        const viewDimension: Record<string, any> = {
-            bottom: viewElement.scrollHeight - 5,
-            left: this.parent.enableRtl ? rightOffset.left : leftOffset.left,
-            right: this.parent.enableRtl ? leftOffset.right : rightOffset.right,
-            top: 0,
-            leftOffset: this.parent.enableRtl ? rightOffset.right : leftOffset.right,
-            rightOffset: this.parent.enableRtl ? leftOffset.left : rightOffset.left
-        };
-        return viewDimension;
-    }
-
-    public getIndex(index: number): number {
-        const contentElements: HTMLTableCellElement[] = [].slice.call(this.parent.getContentTable().querySelector('tr').children);
-        const indexes: { [key: string]: number } = { minIndex: 0, maxIndex: contentElements.length - 1 };
-        if (this.actionObj.action === 'resize' && this.parent.activeViewOptions.group.resources.length > 0 &&
-            !this.parent.uiStateValues.isGroupAdaptive && !this.parent.activeView.isTimelineView()) {
-            const groupElements: HTMLTableCellElement[] = this.getResourceElements(contentElements);
-            indexes.minIndex = groupElements[0].cellIndex;
-            indexes.maxIndex = groupElements.slice(-1)[0].cellIndex;
-        }
-        if (index < indexes.minIndex) {
-            index = indexes.minIndex;
-        }
-        if (index > indexes.maxIndex) {
-            index = indexes.maxIndex;
-        }
-        return index;
-    }
-
-    public updateTimePosition(date: Date, multiData?: Record<string, any>[]): void {
-        let index: number = 0;
-        for (const cloneElement of this.actionObj.cloneElement) {
-            const timeElement: Element = cloneElement.querySelector('.' + cls.APPOINTMENT_TIME);
-            if (timeElement) {
-                let startTime: Date = this.actionObj.start;
-                let endTime: Date = this.actionObj.end;
-                if (multiData && multiData.length > 0) {
-                    startTime = multiData[parseInt(index.toString(), 10)][this.parent.eventFields.startTime] as Date;
-                    endTime = multiData[parseInt(index.toString(), 10)][this.parent.eventFields.endTime] as Date;
-                }
-                timeElement.innerHTML = this.parent.getTimeString(startTime) + ' - ' +
-                    this.parent.getTimeString(endTime);
-            }
-            index++;
-        }
-        if (!this.parent.activeViewOptions.timeScale.enable || !this.parent.isAdaptive || this.parent.currentView === 'Month' ||
-            this.parent.currentView === 'TimelineMonth') {
-            return;
-        }
-        let timeIndicator: HTMLElement = this.parent.element.querySelector('.' + cls.CLONE_TIME_INDICATOR_CLASS) as HTMLElement;
-        if (!timeIndicator) {
-            timeIndicator = createElement('div', { className: cls.CLONE_TIME_INDICATOR_CLASS });
-            const wrapperClass: string = this.parent.activeView.isTimelineView() ? cls.DATE_HEADER_WRAP_CLASS : cls.TIME_CELLS_WRAP_CLASS;
-            this.parent.element.querySelector('.' + wrapperClass).appendChild(timeIndicator);
-        }
-        timeIndicator.innerHTML = this.parent.getTimeString(date);
-        let offsetValue: number = 0;
-        if (this.parent.activeView.isTimelineView()) {
-            if (this.parent.enableRtl) {
-                const rightValue: number = parseInt(this.actionObj.clone.style.right, 10);
-                offsetValue = this.actionObj.action === 'drag' || this.resizeEdges.left ?
-                    rightValue + this.actionObj.clone.offsetWidth : rightValue;
-                timeIndicator.style.right = formatUnit(offsetValue);
-            } else {
-                const leftValue: number = parseInt(this.actionObj.clone.style.left, 10);
-                offsetValue = this.actionObj.action === 'drag' || this.resizeEdges.left ?
-                    leftValue : leftValue + this.actionObj.clone.offsetWidth;
-                timeIndicator.style.left = formatUnit(offsetValue);
-            }
-        } else {
-            offsetValue = this.actionObj.action === 'drag' || this.resizeEdges.top ? this.actionObj.clone.offsetTop :
-                this.actionObj.clone.offsetTop + this.actionObj.clone.offsetHeight;
-            timeIndicator.style.top = formatUnit(offsetValue);
-        }
-    }
-
-    public getResourceElements(table: HTMLTableCellElement[]): HTMLTableCellElement[] {
-        return table.filter((element: HTMLTableCellElement) =>
-            parseInt(element.getAttribute('data-group-index'), 10) === this.actionObj.groupIndex);
-    }
-
-    public getOriginalElement(element: HTMLElement): HTMLElement[] {
-        let originalElement: HTMLElement[];
-        const guid: string = element.getAttribute('data-guid');
-        const isMorePopup: boolean = element.offsetParent && element.offsetParent.classList.contains(cls.MORE_EVENT_POPUP_CLASS);
-        if (isMorePopup || this.parent.activeView.isTimelineView() || (this.actionObj.action !== 'resize' && this.parent.virtualScrollModule)) {
-            originalElement = [].slice.call(this.parent.element.querySelectorAll('[data-guid="' + guid + '"]'));
-        } else {
-            const tr: HTMLElement = closest(element, 'tr') as HTMLElement;
-            if (tr) {
-                originalElement = [].slice.call(tr.querySelectorAll('[data-guid="' + guid + '"]'));
-            }
-        }
-        return originalElement;
-    }
-
-    public createCloneElement(element: HTMLElement): HTMLElement {
-        const cloneWrapper: HTMLElement = document.createElement('div');
-        cloneWrapper.appendChild(element.cloneNode(true));
-        const cloneElement: HTMLElement = cloneWrapper.children[0] as HTMLElement;
-        const cloneClassLists: string[] = [cls.CLONE_ELEMENT_CLASS];
-        cloneClassLists.push((this.actionObj.action === 'drag') ? cls.DRAG_CLONE_CLASS : cls.RESIZE_CLONE_CLASS);
-        if (this.parent.currentView === 'Month' || this.parent.currentView === 'TimelineMonth') {
-            cloneClassLists.push(cls.MONTH_CLONE_ELEMENT_CLASS);
-        }
-        addClass([cloneElement], cloneClassLists);
-        addClass([element], cls.EVENT_ACTION_CLASS);
-        if (!isNullOrUndefined(element.parentElement)) {
-            element.parentElement.appendChild(cloneElement);
-        }
-        cloneElement.style.width = formatUnit(cloneElement.offsetWidth - 2);
-        const dragElement: HTMLElement = document.querySelector(this.parent.eventDragArea);
-        if (this.parent.eventDragArea && this.actionObj.action === 'drag' && dragElement) {
-            dragElement.appendChild(cloneElement);
-        }
-        setStyleAttribute(cloneElement, { border: '0px' });
-        return cloneElement;
-    }
-
-    public removeCloneElementClasses(): void {
-        let elements: HTMLElement[] = this.actionObj.originalElement;
-        if (this.parent.currentView === 'Month' || this.parent.currentView === 'TimelineYear' ||
-            this.parent.currentView === 'Day' || this.parent.currentView === 'Week' || this.parent.currentView === 'WorkWeek') {
-            elements = [].slice.call(this.parent.element.querySelectorAll('.' + cls.EVENT_ACTION_CLASS));
-        }
-        removeClass(elements, cls.EVENT_ACTION_CLASS);
-    }
-
-    public removeCloneElement(): void {
-        this.actionObj.originalElement = [];
-        const dynamicEle: HTMLElement[] = [].slice.call(this.parent.element.querySelectorAll('.e-dynamic-clone'));
-        for (const cloneEle of dynamicEle) {
-            remove(cloneEle);
-        }
-        for (const cloneElement of this.actionObj.cloneElement) {
-            if (!isNullOrUndefined(cloneElement.parentNode)) { remove(cloneElement); }
-        }
-        this.actionObj.cloneElement = [];
-        const timeIndicator: Element = this.parent.element.querySelector('.' + cls.CLONE_TIME_INDICATOR_CLASS);
-        if (timeIndicator) {
-            remove(timeIndicator);
-        }
-    }
-
-    public getCursorElement(e: MouseEvent & TouchEvent): HTMLElement {
-        const pages: (MouseEvent & TouchEvent) | Touch = this.parent.eventBase.getPageCoordinates(e);
-        return document.elementFromPoint(pages.clientX, pages.clientY) as HTMLElement;
-    }
-
-    public autoScroll(): void {
-        const parent: HTMLElement = this.parent.element.querySelector('.' + cls.CONTENT_WRAP_CLASS) as HTMLElement;
-        const yIsScrollable: boolean = parent.offsetHeight <= parent.scrollHeight;
-        const xIsScrollable: boolean = parent.offsetWidth <= parent.scrollWidth;
-        const yInBounds: boolean = yIsScrollable && parent.scrollTop >= 0 && parent.scrollTop + parent.offsetHeight <= parent.scrollHeight;
-        let xInBounds: boolean = xIsScrollable && parent.scrollLeft >= 0 && parent.scrollLeft + parent.offsetWidth <= parent.scrollWidth;
-        if (this.actionObj.action === 'resize' && this.scrollEdges.right && (parent.scrollLeft + parent.offsetWidth) > parent.scrollWidth) {
-            const tdCollections: number = ([].slice.call((this.parent.getContentTable().querySelector('tr') as HTMLTableRowElement).children)).length - 1;
-            const cellIndex: number = Math.ceil((this.actionObj.clone.offsetLeft + (this.actionObj.clone.offsetWidth)) /
-                this.actionObj.cellWidth);
-            xInBounds = cellIndex === tdCollections;
-        }
-        if (yInBounds && (this.scrollEdges.top || this.scrollEdges.bottom)) {
-            parent.scrollTop += this.scrollEdges.top ? -this.actionObj.scroll.scrollBy : this.actionObj.scroll.scrollBy;
-            if (this.actionObj.action === 'resize') {
-                if (parent.scrollHeight !== parent.offsetHeight + parent.scrollTop && parent.scrollTop > 0) {
-                    this.actionObj.Y += this.scrollEdges.top ? this.actionObj.scroll.scrollBy : -this.actionObj.scroll.scrollBy;
-                }
-            }
-        }
-        if (xInBounds && (this.scrollEdges.left || this.scrollEdges.right)) {
-            parent.scrollLeft += this.scrollEdges.left ? -this.actionObj.scroll.scrollBy : this.actionObj.scroll.scrollBy;
-            if (this.actionObj.action === 'resize') {
-                if (parent.scrollWidth !== parent.offsetWidth + parent.scrollLeft && parent.scrollLeft > 0) {
-                    this.actionObj.X += this.scrollEdges.left ? this.actionObj.scroll.scrollBy : -this.actionObj.scroll.scrollBy;
-                }
-            }
-        }
-    }
-
-    public autoScrollValidation(): boolean {
-        if (!this.actionObj.scroll.enable) {
-            return false;
-        }
-        const res: ResizeEdges = this.parent.boundaryValidation(this.actionObj.pageY, this.actionObj.pageX);
-        this.scrollEdges = res;
-        return res.bottom || res.top || res.left || res.right;
-    }
-
-    public actionClass(type: string): void {
-        if (type === 'addClass') {
-            addClass([this.parent.element], cls.EVENT_ACTION_CLASS);
-        } else {
-            removeClass([this.parent.element], cls.EVENT_ACTION_CLASS);
-        }
-    }
-
-    public updateScrollPosition(e: MouseEvent & TouchEvent): void {
-        this.scrollEventArgs = e;
-        if (this.actionObj.scroll.enable && isNullOrUndefined(this.actionObj.scrollInterval)) {
-            this.actionObj.scrollInterval = window.setInterval(
-                () => {
-                    if (this.autoScrollValidation() && !this.actionObj.clone.classList.contains(cls.ALLDAY_APPOINTMENT_CLASS)) {
-                        if (this.parent.activeView.isTimelineView() && this.parent.activeViewOptions.group.resources.length > 0
-                            && this.actionObj.groupIndex < 0) {
-                            return;
-                        }
-                        this.autoScroll();
-                        if (this.actionObj.action === 'drag') {
-                            this.parent.dragAndDropModule.updateDraggingDateTime(this.scrollEventArgs);
-                        } else {
-                            this.parent.resizeModule.updateResizingDirection(this.scrollEventArgs);
-                        }
-                    }
-                },
-                this.actionObj.scroll.timeDelay);
-        }
-    }
-
-    public updateOriginalElement(cloneElement: HTMLElement): void {
-        let query: string = '[data-id="' + cloneElement.getAttribute('data-id') + '"]';
-        if (this.parent.activeViewOptions.group.resources.length > 0) {
-            query = query.concat('[data-group-index = "' + cloneElement.getAttribute('data-group-index') + '"]');
-        }
-        if (cloneElement.hasAttribute('data-guid')) {
-            query += '[data-guid="' + cloneElement.getAttribute('data-guid') + '"]';
-        }
-        const elements: HTMLElement[] = [].slice.call(this.parent.element.querySelectorAll(query));
-        addClass(elements, cls.EVENT_ACTION_CLASS);
-        const eventWrappers: HTMLElement[] = [].slice.call(this.parent.element.querySelectorAll('.' + cls.CLONE_ELEMENT_CLASS));
-        removeClass(eventWrappers, cls.EVENT_ACTION_CLASS);
-    }
-
-    public getUpdatedEvent(startTime: Date, endTime: Date, eventObj: Record<string, any>): Record<string, any> {
-        const event: Record<string, any> = JSON.parse(JSON.stringify(eventObj));
-        event[this.parent.eventFields.startTime] = startTime;
-        event[this.parent.eventFields.endTime] = endTime;
-        return event;
-    }
-
-    public dynamicYearlyEventsRendering(event: Record<string, any>, isResize: boolean = false): void {
-        if (!isNullOrUndefined(this.parent.eventDragArea)) {
-            return;
-        }
-        let appWidth: number = this.actionObj.cellWidth - 7;
-        if (isResize && (this.resizeEdges.left || this.resizeEdges.right)) {
-            appWidth = this.actionObj.cellWidth * (event.count as number);
-        }
-        if (!isResize && (
-            this.parent.activeViewOptions.orientation === 'Horizontal' && this.parent.activeViewOptions.group.resources.length === 0)) {
-            const eventObj: Record<string, any> = this.yearEvent.isSpannedEvent(event, event[this.parent.eventFields.startTime]);
-            if ((eventObj[this.parent.eventFields.startTime] as Date).getTime() ===
-                (eventObj[this.parent.eventFields.endTime] as Date).getTime()) {
-                (<{ [key: string]: number }>eventObj.isSpanned).count = 1;
-            }
-            appWidth = (<{ [key: string]: number }>eventObj.isSpanned).count * this.actionObj.cellWidth;
-        }
-        if (!isResize && this.parent.activeViewOptions.orientation === 'Vertical' && this.parent.activeViewOptions.group.resources.length !== 0) {
-            const eventObj: Record<string, any> = this.yearEvent.isSpannedEvent(event, event[this.parent.eventFields.startTime]);
-            appWidth = eventObj.isSpanned.count * this.actionObj.cellWidth;
-        }
-        const appointmentElement: HTMLElement =
-            this.createAppointmentElement(this.actionObj.groupIndex, event[this.parent.eventFields.subject] as string);
-        appointmentElement.setAttribute('drag', 'true');
-        addClass([appointmentElement], cls.CLONE_ELEMENT_CLASS);
-        setStyleAttribute(appointmentElement, {
-            'width': appWidth + 'px', 'border': '0px', 'pointer-events': 'none',
-            'position': 'absolute', 'overflow': 'hidden', 'padding': '3px'
-        });
-        if (this.actionObj.clone.style.backgroundColor !== '') {
-            setStyleAttribute(appointmentElement, { 'backgroundColor': this.actionObj.clone.style.backgroundColor });
-        }
-        const date: number = util.resetTime(event[this.parent.eventFields.startTime] as Date).getTime();
-        let query: string = '.' + cls.WORK_CELLS_CLASS + '[data-date="' + date + '"]';
-        if (this.parent.activeViewOptions.group.resources.length > 0 && !this.parent.uiStateValues.isGroupAdaptive) {
-            query = '.' + cls.WORK_CELLS_CLASS + '[data-date="' + date + '"][data-group-index="' + this.actionObj.groupIndex + '"]';
-        }
-        const cellTd: Element = this.parent.element.querySelector(query);
-        if (isNullOrUndefined(cellTd)) {
-            return;
-        }
-        if (isResize) {
-            const dateHeader: HTMLElement = cellTd.querySelector('.' + cls.DATE_HEADER_CLASS) as HTMLElement;
-            let appHeight: number = this.actionObj.cellHeight * (event.count as number) -
-                (dateHeader ? dateHeader.offsetHeight : 0) - 7;
-            if (this.resizeEdges.right || this.resizeEdges.left) {
-                appHeight = parseInt(this.actionObj.clone.style.height, 10);
-            }
-            setStyleAttribute(appointmentElement, { 'height': appHeight + 'px' });
-        }
-        this.renderDynamicElement(cellTd, appointmentElement, true);
-        this.actionObj.cloneElement.push(appointmentElement);
-    }
-
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    public renderDynamicElement(cellTd: HTMLElement | Element, element: HTMLElement, isAppointment: boolean = false): void {
-        if (cellTd.querySelector('.' + cls.APPOINTMENT_WRAPPER_CLASS)) {
-            cellTd.querySelector('.' + cls.APPOINTMENT_WRAPPER_CLASS).appendChild(element);
-        } else {
-            const wrapper: HTMLElement = createElement('div', { className: cls.APPOINTMENT_WRAPPER_CLASS });
-            wrapper.appendChild(element);
-            cellTd.appendChild(wrapper);
-        }
-    }
-
-    public createAppointmentElement(resIndex: number, innerText: string): HTMLElement {
-        const appointmentWrapper: HTMLElement = createElement('div', {
-            className: cls.APPOINTMENT_CLASS,
-            innerHTML: innerText
-        });
-        if (this.parent.activeViewOptions.group.resources.length > 0) {
-            appointmentWrapper.setAttribute('data-group-index', resIndex.toString());
-        }
-        return appointmentWrapper;
-    }
-
-    public dynamicEventsRendering(event: Record<string, any>): void {
-        if (!isNullOrUndefined(this.parent.eventDragArea)) {
-            return;
-        }
-        let dateRender: Date[] = this.parent.activeView.renderDates;
-        let workCells: HTMLElement[] = [].slice.call(this.parent.element.querySelectorAll('.' + cls.WORK_CELLS_CLASS));
-        let workDays: number[] = this.parent.activeViewOptions.workDays;
-        let groupOrder: string[];
-        if (this.parent.activeViewOptions.group.resources.length > 0) {
-            const renderedResource: TdData[] = this.parent.virtualScrollModule && this.parent.virtualScrollModule.isHorizontalScroll ?
-                this.parent.resourceBase.renderedResources : this.parent.resourceBase.lastResourceLevel;
-            const resources: TdData[] = renderedResource.
-                filter((res: TdData) => res.groupIndex === this.actionObj.groupIndex);
-            dateRender = resources[0].renderDates;
-            const elementSelector: string = `.${cls.WORK_CELLS_CLASS}[data-group-index="${this.actionObj.groupIndex}"]`;
-            workCells = [].slice.call(this.parent.element.querySelectorAll(elementSelector));
-            workDays = resources[0].workDays;
-            groupOrder = resources[0].groupOrder;
-        }
-        this.monthEvent.dateRender = dateRender;
-        this.monthEvent.getSlotDates(workDays);
-        if (this.resizeEdges.left || this.resizeEdges.right) {
-            const eventWrappers: HTMLElement[] = [].slice.call(this.parent.element.querySelectorAll('.' + cls.CLONE_ELEMENT_CLASS));
-            for (const wrapper of eventWrappers) {
-                remove(wrapper);
-            }
-        }
-        const spannedEvents: Record<string, any>[] = this.monthEvent.splitEvent(event, dateRender);
-        for (const event of spannedEvents) {
-            const day: number = this.parent.getIndexOfDate(dateRender, util.resetTime(event[this.monthEvent.fields.startTime] as Date));
-            const diffInDays: number = (event.data as Record<string, any>).count as number;
-            const appWidth: number = (diffInDays * this.actionObj.cellWidth) - 7;
-            const appointmentElement: HTMLElement = this.monthEvent.createAppointmentElement(event, this.actionObj.groupIndex, true);
-            appointmentElement.setAttribute('drag', 'true');
-            addClass([appointmentElement], cls.CLONE_ELEMENT_CLASS);
-            this.monthEvent.applyResourceColor(appointmentElement, event, 'backgroundColor', groupOrder);
-            setStyleAttribute(appointmentElement, { 'width': appWidth + 'px', 'border': '0px', 'pointer-events': 'none' });
-            const cellTd: Element = workCells[parseInt(day.toString(), 10)];
-            if (cellTd) {
-                this.monthEvent.renderElement(cellTd, appointmentElement, true);
-                this.actionObj.cloneElement.push(appointmentElement);
-            }
-        }
-    }
-
-    public destroy(): void {
-        if (!this.parent || this.parent && this.parent.isDestroyed) {
-            return;
-        }
-        this.actionObj = {};
-        this.scrollArgs = {};
-        this.resizeEdges = { left: false, right: false, top: false, bottom: false };
-        this.scrollEdges = { left: false, right: false, top: false, bottom: false };
-    }
-}

package/dist/ts/schedule/actions/crud.d.ts

@@ -1,41 +0,0 @@
-import { CrudAction } from '../base/interface';
-import { ReturnType, CurrentAction } from '../base/type';
-import { Schedule } from '../base/schedule';
-/**
- * Schedule CRUD operations
- */
-export declare class Crud {
-    private parent;
-    crudObj: CrudAction;
-    constructor(parent: Schedule);
-    private getQuery;
-    private getTable;
-    refreshDataManager(): void;
-    private dataManagerSuccess;
-    dataManagerFailure(e: ReturnType): void;
-    refreshProcessedData(isVirtualScrollAction?: boolean, dynamicEvents?: Record<string, any>[]): void;
-    private refreshData;
-    private processAddEvent;
-    private processSaveEvent;
-    private processDeleteEvent;
-    addEvent(eventData: Record<string, any> | Record<string, any>[]): void;
-    saveEvent(eventData: Record<string, any> | Record<string, any>[], action: CurrentAction): void;
-    deleteEvent(eventData: string | number | Record<string, any> | Record<string, any>[], action: CurrentAction): void;
-    private processOccurrences;
-    private processFollowSeries;
-    private processEntireSeries;
-    private processDelete;
-    private processSave;
-    private getParentEvent;
-    private excludeDateCheck;
-    private processRecurrenceRule;
-    private getUpdatedRecurrenceRule;
-    private isBlockEvent;
-    /**
-     * To destroy the crud module.
-     *
-     * @returns {void}
-     * @private
-     */
-    destroy(): void;
-}