@syncfusion/ej2-schedule 31.1.17 → 31.1.21

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

@@ -1,69 +0,0 @@
-import { Schedule } from '../base/schedule';
-/**
- * `Scroll` module
- */
-export declare class Scroll {
-    private parent;
-    /**
-     * Constructor for the scrolling.
-     *
-     * @param {Schedule} parent Accepts the Schedule instance
-     */
-    constructor(parent?: Schedule);
-    /**
-     * For internal use only - Get the module name.
-     *
-     * @returns {string} Returns the module name.
-     * @private
-     */
-    protected getModuleName(): string;
-    /**
-     * Internal method to set the element width
-     *
-     * @returns {void}
-     * @private
-     */
-    setWidth(): void;
-    /**
-     * Internal method to set the element height
-     *
-     * @returns {void}
-     * @private
-     */
-    setHeight(): void;
-    /**
-     * Internal method to bind events
-     *
-     * @returns {void}
-     * @private
-     */
-    addEventListener(): void;
-    /**
-     * Internal method to unbind events
-     *
-     * @returns {void}
-     * @private
-     */
-    removeEventListener(): void;
-    /**
-     * Internal method to set the dimensions
-     *
-     * @returns {void}
-     * @private
-     */
-    private setDimensions;
-    /**
-     * Internal method to set the dimensions dynamically
-     *
-     * @returns {void}
-     * @private
-     */
-    private onPropertyChanged;
-    /**
-     * Destroy the scroll module
-     *
-     * @returns {void}
-     * @private
-     */
-    destroy(): void;
-}

package/dist/ts/schedule/actions/scroll.ts

@@ -1,105 +0,0 @@
-import { formatUnit } from '@syncfusion/ej2-base';
-import { contentReady, uiUpdate, scrollUiUpdate } from '../base/constant';
-import { NotifyEventArgs } from '../base/interface';
-import { Schedule } from '../base/schedule';
-/**
- * `Scroll` module
- */
-export class Scroll {
-    private parent: Schedule;
-    /**
-     * Constructor for the scrolling.
-     *
-     * @param {Schedule} parent Accepts the Schedule instance
-     */
-    constructor(parent?: Schedule) {
-        this.parent = parent;
-        this.addEventListener();
-    }
-
-    /**
-     * For internal use only - Get the module name.
-     *
-     * @returns {string} Returns the module name.
-     * @private
-     */
-    protected getModuleName(): string {
-        return 'scroll';
-    }
-
-    /**
-     * Internal method to set the element width
-     *
-     * @returns {void}
-     * @private
-     */
-    public setWidth(): void {
-        this.parent.element.style.width = formatUnit(this.parent.width);
-    }
-
-    /**
-     * Internal method to set the element height
-     *
-     * @returns {void}
-     * @private
-     */
-    public setHeight(): void {
-        this.parent.element.style.height = formatUnit(this.parent.height);
-    }
-
-    /**
-     * Internal method to bind events
-     *
-     * @returns {void}
-     * @private
-     */
-    public addEventListener(): void {
-        this.parent.on(contentReady, this.setDimensions, this);
-        this.parent.on(uiUpdate, this.onPropertyChanged, this);
-    }
-
-    /**
-     * Internal method to unbind events
-     *
-     * @returns {void}
-     * @private
-     */
-    public removeEventListener(): void {
-        this.parent.off(contentReady, this.setDimensions);
-        this.parent.off(uiUpdate, this.onPropertyChanged);
-    }
-
-    /**
-     * Internal method to set the dimensions
-     *
-     * @returns {void}
-     * @private
-     */
-    private setDimensions(): void {
-        this.setWidth();
-        this.setHeight();
-        const data: NotifyEventArgs = { cssProperties: this.parent.getCssProperties(), module: this.getModuleName() };
-        this.parent.notify(scrollUiUpdate, data);
-    }
-
-    /**
-     * Internal method to set the dimensions dynamically
-     *
-     * @returns {void}
-     * @private
-     */
-    private onPropertyChanged(): void {
-        this.setDimensions();
-    }
-
-    /**
-     * Destroy the scroll module
-     *
-     * @returns {void}
-     * @private
-     */
-    public destroy(): void {
-        this.removeEventListener();
-    }
-
-}

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

@@ -1,32 +0,0 @@
-import { Schedule } from '../base/schedule';
-/**
- * `touch` module is used to handle touch interactions.
- */
-export declare class ScheduleTouch {
-    private element;
-    private currentPanel;
-    private previousPanel;
-    private nextPanel;
-    private parent;
-    private touchObj;
-    private timeStampStart;
-    private isScrollTriggered;
-    private touchLeftDirection;
-    private touchRightDirection;
-    constructor(parent: Schedule);
-    private scrollHandler;
-    private swipeHandler;
-    private tapHoldHandler;
-    private triggerResizeStart;
-    private preventEventClick;
-    private renderPanel;
-    private swapPanels;
-    private confirmSwipe;
-    private cancelSwipe;
-    private calculateResourceSpecificDates;
-    private onTransitionEnd;
-    private getTranslateX;
-    private setDimensions;
-    resetValues(): void;
-    destroy(): void;
-}

package/dist/ts/schedule/actions/touch.ts

@@ -1,314 +0,0 @@
-import { addClass, removeClass, Touch, remove, EventHandler, TapEventArgs, Browser } from '@syncfusion/ej2-base';
-import { closest, isNullOrUndefined, ScrollEventArgs, SwipeEventArgs } from '@syncfusion/ej2-base';
-import { Schedule } from '../base/schedule';
-import { ActionEventArgs, NavigatingEventArgs, LayoutData, TdData } from '../base/interface';
-import * as events from '../base/constant';
-import * as cls from '../base/css-constant';
-import * as util from '../base/util';
-import { NavigationDirection } from '../base/type';
-
-/**
- * `touch` module is used to handle touch interactions.
- */
-export class ScheduleTouch {
-    private element: HTMLElement;
-    private currentPanel: LayoutData;
-    private previousPanel: LayoutData;
-    private nextPanel: LayoutData;
-    private parent: Schedule;
-    private touchObj: Touch;
-    private timeStampStart: number;
-    private isScrollTriggered: boolean;
-    private touchLeftDirection: string;
-    private touchRightDirection: string;
-    constructor(parent: Schedule) {
-        this.parent = parent;
-        this.element = this.parent.element.querySelector('.' + cls.TABLE_CONTAINER_CLASS) as HTMLElement;
-        this.touchObj = new Touch(this.element, {
-            scroll: this.scrollHandler.bind(this),
-            swipe: this.swipeHandler.bind(this),
-            tapHold: this.tapHoldHandler.bind(this),
-            swipeSettings: { swipeThresholdDistance: 1 }
-        });
-        EventHandler.add(this.element, 'transitionend', this.onTransitionEnd, this);
-        this.touchLeftDirection = this.parent.enableRtl ? 'Right' : 'Left';
-        this.touchRightDirection = this.parent.enableRtl ? 'Left' : 'Right';
-    }
-
-    private scrollHandler(e: ScrollEventArgs): void {
-        if (!isNullOrUndefined(this.parent.eventTooltip)) {
-            this.parent.eventTooltip.close();
-        }
-        const blockSwipe: boolean = !this.parent.isAdaptive && e.originalEvent && e.originalEvent.target &&
-            !isNullOrUndefined(closest(e.originalEvent.target as HTMLElement, '.' + cls.APPOINTMENT_CLASS));
-        this.parent.uiStateValues.isTouchScroll = blockSwipe && e.originalEvent.type === 'touchmove' && !this.parent.uiStateValues.action;
-        if (blockSwipe || this.parent.currentView === 'Agenda' || this.parent.uiStateValues.action || !this.parent.allowSwiping ||
-            this.parent.uiStateValues.isTapHold) {
-            return;
-        }
-        this.parent.uiStateValues.isSwipeScroll = true;
-        if (!this.timeStampStart) {
-            this.timeStampStart = Date.now();
-        }
-        if (this.element.classList.contains(cls.TRANSLATE_CLASS)) {
-            this.onTransitionEnd();
-        }
-        if (e.scrollDirection === 'Left' || e.scrollDirection === 'Right') {
-            const args: ActionEventArgs = { requestType: 'dateNavigate', cancel: false, event: e.originalEvent };
-            this.parent.trigger(events.actionBegin, args);
-            if (args.cancel) {
-                return;
-            }
-            const scrollDiv: HTMLElement = this.element.querySelector('.' + cls.CONTENT_WRAP_CLASS) as HTMLElement;
-            if (scrollDiv && scrollDiv.scrollWidth > scrollDiv.clientWidth) {
-                return;
-            } else {
-                this.isScrollTriggered = true;
-                e.originalEvent.preventDefault();
-                e.originalEvent.stopPropagation();
-            }
-        }
-        if (e.scrollDirection === this.touchLeftDirection) {
-            if (!this.nextPanel) {
-                this.renderPanel(cls.NEXT_PANEL_CLASS, 'Next');
-                this.nextPanel = {
-                    element: this.parent.activeView.getPanel(),
-                    selectedDate: new Date(this.parent.selectedDate.getTime()),
-                    renderDates: this.parent.activeView.renderDates,
-                    colLevels: this.parent.activeView.colLevels
-                };
-                this.setDimensions(this.nextPanel.element);
-            }
-            const x: number = this.parent.enableRtl ? e.distanceX : - e.distanceX;
-            this.element.style.transform = 'translatex(' + (this.getTranslateX(this.element) + x) + 'px)';
-        } else if (e.scrollDirection === this.touchRightDirection) {
-            let prevWidth: number = 0;
-            if (!this.previousPanel) {
-                this.renderPanel(cls.PREVIOUS_PANEL_CLASS, 'Previous');
-                this.previousPanel = {
-                    element: this.parent.activeView.getPanel(),
-                    selectedDate: new Date(this.parent.selectedDate.getTime()),
-                    renderDates: this.parent.activeView.renderDates,
-                    colLevels: this.parent.activeView.colLevels
-                };
-                this.setDimensions(this.previousPanel.element);
-                prevWidth = this.previousPanel.element.offsetWidth;
-            }
-            const x: number = this.parent.enableRtl ? prevWidth - e.distanceX : -  prevWidth + e.distanceX;
-            this.element.style.transform = 'translatex(' + (this.getTranslateX(this.element) + x) + 'px)';
-        }
-    }
-
-    private swipeHandler(e: SwipeEventArgs): void {
-        if (!this.isScrollTriggered || this.parent.uiStateValues.action || !this.parent.allowSwiping ||
-            this.parent.uiStateValues.isTapHold) { return; }
-        this.isScrollTriggered = false;
-        const swipeDate: Date = e.swipeDirection === 'Left' ?
-            this.parent.activeView.renderDates[0] : this.parent.activeView.renderDates.slice(-1)[0];
-        if ((e.swipeDirection === 'Left' && swipeDate < this.parent.maxDate) ||
-            (e.swipeDirection === 'Right' && swipeDate >= this.parent.minDate)) {
-            const time: number = Date.now() - this.timeStampStart;
-            const offsetDist: number = (e.distanceX * (Browser.isDevice ? 6 : 1.66));
-            if (offsetDist > time || (e.distanceX > (this.parent.element.offsetWidth / 2))) {
-                this.swapPanels(e.swipeDirection);
-                if (offsetDist > time && (e.distanceX > (this.parent.element.offsetWidth / 2))) {
-                    this.element.style.transitionDuration = (((Browser.isDevice ? e.distanceX : offsetDist) / time) / 10) + 's';
-                }
-                this.confirmSwipe(e.swipeDirection);
-            } else {
-                this.cancelSwipe();
-            }
-            const args: ActionEventArgs = { requestType: 'dateNavigate', cancel: false, event: e.originalEvent };
-            this.parent.trigger(events.actionComplete, args);
-        } else {
-            this.cancelSwipe();
-        }
-        this.timeStampStart = null;
-    }
-
-    private tapHoldHandler(e: TapEventArgs): void {
-        const target: Element = closest((e.originalEvent.target as Element), '.' + cls.APPOINTMENT_CLASS);
-        if (!isNullOrUndefined(target)) {
-            this.parent.uiStateValues.isTapHold = true;
-            if (this.parent.isAdaptive) {
-                if (Browser.isIos) {
-                    EventHandler.add(this.element, 'touchend', this.preventEventClick, this);
-                }
-                this.parent.quickPopup.tapHoldEventPopup(e.originalEvent);
-                this.triggerResizeStart(e.originalEvent);
-            } else if (['Agenda', 'MonthAgenda', 'Year'].indexOf(this.parent.currentView) < 0) {
-                this.parent.selectedElements = [];
-                this.parent.eventBase.getSelectedEventElements(target);
-                this.triggerResizeStart(e.originalEvent);
-            }
-        }
-    }
-
-    private triggerResizeStart(e: Event): void {
-        if (this.parent.resizeModule && closest(e.target as Element, '.' + cls.EVENT_RESIZE_CLASS)) {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            this.parent.resizeModule.resizeStart(e as any);
-        }
-    }
-
-    private preventEventClick(e: Event): void {
-        e.preventDefault();
-        EventHandler.remove(this.element, 'touchend', this.preventEventClick);
-    }
-
-    private renderPanel(clsName: string, nextPrevType: NavigationDirection): void {
-        if (!this.currentPanel) {
-            this.currentPanel = {
-                element: this.parent.activeView.getPanel(),
-                selectedDate: new Date(this.parent.selectedDate.getTime()),
-                renderDates: this.parent.activeView.renderDates,
-                colLevels: this.parent.activeView.colLevels
-            };
-            this.setDimensions(this.currentPanel.element);
-        } else {
-            this.parent.setProperties({ selectedDate: this.currentPanel.selectedDate }, true);
-        }
-        this.parent.setProperties({ selectedDate: this.parent.activeView.getNextPreviousDate(nextPrevType) }, true);
-        if (this.parent.headerModule) {
-            this.parent.headerModule.setCalendarDate(this.parent.selectedDate);
-        }
-        this.parent.activeView.getRenderDates();
-        this.parent.activeView.renderLayout(clsName);
-    }
-
-    private swapPanels(direction: string): void {
-        if (direction === this.touchLeftDirection) {
-            const temp: LayoutData = this.nextPanel;
-            this.nextPanel = this.currentPanel;
-            this.currentPanel = temp;
-        } else {
-            const temp: LayoutData = this.previousPanel;
-            this.previousPanel = this.currentPanel;
-            this.currentPanel = temp;
-        }
-    }
-
-    private confirmSwipe(swipeDirection: string): void {
-        const previousDate: Date = swipeDirection === this.touchLeftDirection ?
-            this.nextPanel.selectedDate : this.previousPanel.selectedDate;
-        const args: NavigatingEventArgs = {
-            action: 'date', cancel: false, previousDate: previousDate, currentDate: this.currentPanel.selectedDate
-        };
-        this.parent.trigger(events.navigating, args, (navArgs: NavigatingEventArgs) => {
-            if (navArgs.cancel) {
-                this.swapPanels(swipeDirection);
-                this.cancelSwipe();
-            } else {
-                this.parent.activeView.setPanel(this.currentPanel.element);
-                this.parent.setProperties({ selectedDate: this.currentPanel.selectedDate }, true);
-                let translateX: number;
-                if (this.parent.enableRtl) {
-                    translateX = swipeDirection === this.touchLeftDirection ?
-                        (this.previousPanel ? this.previousPanel.element.offsetLeft : this.currentPanel.element.offsetWidth) : 0;
-                } else {
-                    translateX = swipeDirection === this.touchLeftDirection ? -this.currentPanel.element.offsetLeft : 0;
-                }
-                this.parent.activeView.renderDates = this.currentPanel.renderDates;
-                this.parent.activeView.colLevels = this.currentPanel.colLevels;
-                addClass([this.element], cls.TRANSLATE_CLASS);
-                this.element.style.transform = 'translatex(' + translateX + 'px)';
-                if (this.parent.headerModule) {
-                    this.parent.headerModule.updateDateRange();
-                }
-                this.parent.renderTemplates();
-                this.parent.crudModule.refreshDataManager();
-            }
-        });
-    }
-
-    private cancelSwipe(): void {
-        this.parent.activeView.setPanel(this.currentPanel.element);
-        this.parent.setProperties({ selectedDate: this.currentPanel.selectedDate }, true);
-        this.parent.activeView.renderDates = this.currentPanel.renderDates;
-        if (this.parent.activeViewOptions.group.resources.length > 0 && this.parent.resourceBase.lastResourceLevel.length > 0) {
-            const workDaysField: string = this.parent.resourceBase.resourceCollection[0].workDaysField;
-            this.parent.resourceBase.lastResourceLevel.forEach((resource: TdData) => {
-                if (workDaysField) {
-                    const resourceWorkDays: number[] = resource[workDaysField as keyof TdData] as number[];
-                    const hasCustomWorkDays: boolean = Array.isArray(resourceWorkDays) &&
-                        (!this.parent.showWeekend || this.parent.currentView === 'WorkWeek');
-
-                    resource.renderDates = hasCustomWorkDays
-                        ? this.calculateResourceSpecificDates(resource, workDaysField)
-                        : this.currentPanel.renderDates;
-                } else {
-                    resource.renderDates = this.currentPanel.renderDates;
-                }
-            });
-        }
-        this.parent.activeView.colLevels = this.currentPanel.colLevels;
-        addClass([this.element], cls.TRANSLATE_CLASS);
-        const prevWidth: number = this.previousPanel ? this.previousPanel.element.offsetWidth : 0;
-        this.element.style.transform = 'translatex(' + (this.parent.enableRtl ? prevWidth : -this.currentPanel.element.offsetLeft) + 'px)';
-    }
-
-    private calculateResourceSpecificDates(resource: TdData, workDaysField: string): Date[] {
-        const resourceDates: Date[] = [];
-        const resourceWorkDays: number[] = resource[workDaysField as keyof TdData] as number[];
-        this.currentPanel.renderDates.forEach((date: Date) => {
-            if (Array.isArray(resourceWorkDays) && resourceWorkDays.indexOf(date.getDay()) !== -1) {
-                resourceDates.push(date);
-            }
-        });
-        return resourceDates;
-    }
-
-    private onTransitionEnd(): void {
-        if (!isNullOrUndefined(this.element) && !this.element.classList.contains(cls.TRANSLATE_CLASS)) {
-            return;
-        }
-        this.parent.uiStateValues.isSwipeScroll = false;
-        removeClass([this.element], cls.TRANSLATE_CLASS);
-        this.element.style.transitionDuration = '';
-        this.element.style.transform = '';
-        if (this.previousPanel) {
-            remove(this.previousPanel.element);
-            this.previousPanel = null;
-            removeClass([this.currentPanel.element], cls.PREVIOUS_PANEL_CLASS);
-            addClass([this.currentPanel.element], cls.CURRENT_PANEL_CLASS);
-        }
-        if (this.nextPanel) {
-            remove(this.nextPanel.element);
-            this.nextPanel = null;
-            removeClass([this.currentPanel.element], cls.NEXT_PANEL_CLASS);
-            addClass([this.currentPanel.element], cls.CURRENT_PANEL_CLASS);
-        }
-        this.currentPanel = null;
-        this.parent.activeView.getPanel().style.width = '';
-    }
-
-    private getTranslateX(element: HTMLElement): number {
-        const style: CSSStyleDeclaration = window.getComputedStyle(element);
-        return new WebKitCSSMatrix(style.webkitTransform).m41;
-    }
-
-    private setDimensions(element: HTMLElement): void {
-        element.style.width = (this.parent.element.clientWidth) + 'px';
-    }
-
-    public resetValues(): void {
-        this.currentPanel = null;
-        this.previousPanel = null;
-        this.nextPanel = null;
-        this.timeStampStart = null;
-        this.element.style.transform = '';
-        this.element.style.transitionDuration = '';
-        util.removeChildren(this.element);
-        removeClass([this.element], cls.TRANSLATE_CLASS);
-    }
-
-    public destroy(): void {
-        if (this.touchObj) {
-            this.touchObj.destroy();
-            this.touchObj = null;
-        }
-        EventHandler.remove(this.element, 'transitionend', this.onTransitionEnd);
-        this.resetValues();
-    }
-
-}

package/dist/ts/schedule/actions/virtual-scroll.d.ts

@@ -1,55 +0,0 @@
-import { TdData } from '../base/interface';
-import { Schedule } from '../base/schedule';
-/**
- * Virtual Scroll
- */
-export declare class VirtualScroll {
-    private parent;
-    private translateY;
-    private itemSize;
-    bufferCount: number;
-    private renderedLength;
-    private averageRowHeight;
-    private timeValue;
-    private focusedEle;
-    private isResourceCell;
-    isHorizontalScroll: boolean;
-    isRemoteRefresh: boolean;
-    private startIndex;
-    existingDataCollection: TdData[];
-    enableTransition: boolean;
-    constructor(parent: Schedule);
-    private addEventListener;
-    private removeEventListener;
-    getRenderedCount(): number;
-    renderVirtualTrack(contentWrap: Element): void;
-    updateVirtualScrollHeight(): void;
-    updateVirtualTrackHeight(wrap: HTMLElement): void;
-    setItemSize(): void;
-    refreshLayout(): void;
-    private renderEvents;
-    virtualScrolling(): void;
-    private horizontalScrolling;
-    private triggerScrollEvent;
-    private upScroll;
-    private downScroll;
-    private leftScroll;
-    private rightScroll;
-    private getCollection;
-    private getResCollection;
-    private getByDateCollection;
-    private getByIdCollection;
-    private setStartEndIndex;
-    updateContent(resWrap: HTMLElement, conWrap: HTMLElement, eventWrap: HTMLElement, resCollection: TdData[]): void;
-    private removeObsoleteRows;
-    private updateHorizontalContent;
-    private updateMonthViewContent;
-    private updateOtherViewContent;
-    private mergeNewTdData;
-    private getBufferCollection;
-    private setTranslate;
-    updateFocusedWorkCell(): void;
-    setRenderedDates(resCollection: TdData[]): void;
-    private setTabIndex;
-    destroy(): void;
-}