@syncfusion/ej2-schedule 31.1.17 → 31.1.21

package/dist/ts/schedule/base/util.ts

@@ -1,492 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { createElement, remove, isNullOrUndefined } from '@syncfusion/ej2-base';
-
-/**
- * Schedule common utilities
- */
-
-export const WEEK_LENGTH: number = 7;
-export const DEFAULT_WEEKS: number = 6;
-export const MS_PER_DAY: number = 86400000;
-export const MS_PER_MINUTE: number = 60000;
-
-/**
- * Method to get height from element
- *
- * @param {Element} container Accepts the DOM element
- * @param {string} elementClass Accepts the element class
- * @param {boolean} isTransformed Accepts the boolean value that indicates the status of the transform style applied to the element
- * @returns {number} Returns the height of the element
- */
-export function getElementHeightFromClass(container: Element, elementClass: string, isTransformed?: boolean): number {
-    let height: number = 0;
-    const el: HTMLElement = createElement('div', { className: elementClass }).cloneNode() as HTMLElement;
-    el.style.visibility = 'hidden';
-    el.style.position = 'absolute';
-    container.appendChild(el);
-    height = getElementHeight(el, isTransformed);
-    remove(el);
-    return height;
-}
-
-/**
- * Method to get width from element
- *
- * @param {Element} container Accepts the DOM element
- * @param {string} elementClass Accepts the element class
- * @param {boolean} isTransformed Accepts the boolean value that indicates the status of the transform style applied to the element
- * @returns {number} Returns the width of the element
- */
-export function getElementWidthFromClass(container: Element, elementClass: string, isTransformed?: boolean): number {
-    let width: number = 0;
-    const el: HTMLElement = createElement('div', { className: elementClass }).cloneNode() as HTMLElement;
-    el.style.visibility = 'hidden';
-    el.style.position = 'absolute';
-    container.appendChild(el);
-    width = getElementWidth(el, isTransformed);
-    remove(el);
-    return width;
-}
-
-/**
- * Method to get translateY value
- *
- * @param {HTMLElement | Element} element Accepts the DOM element
- * @returns {number} Returns the translateY value of given element
- */
-export function getTranslateY(element: HTMLElement | Element): number {
-    const style: CSSStyleDeclaration = getComputedStyle(element);
-    return (<Record<string, any> & Window><unknown>window).WebKitCSSMatrix ?
-        new WebKitCSSMatrix(style.webkitTransform).m42 : 0;
-}
-
-/**
- * Method to get translateX value
- *
- * @param {HTMLElement | Element} element Accepts the DOM element
- * @returns {number} Returns the translateX value of given element
- */
-export function getTranslateX(element: HTMLElement | Element): number {
-    const style: CSSStyleDeclaration = getComputedStyle(element);
-    return (<Record<string, any> & Window><unknown>window).WebKitCSSMatrix ?
-        new WebKitCSSMatrix(style.webkitTransform).m41 : 0;
-}
-
-/**
- * Method to get week first date
- *
- * @param {Date} date Accepts the date object
- * @param {number} firstDayOfWeek Accepts the first day of week number
- * @returns {Date} Returns the date object
- */
-export function getWeekFirstDate(date: Date, firstDayOfWeek: number): Date {
-    const date1: Date = new Date(date.getTime());
-    firstDayOfWeek = (firstDayOfWeek - date1.getDay() + 7 * (-1)) % 7;
-    return new Date(date1.setDate(date1.getDate() + (isNaN(firstDayOfWeek) ? 0 : firstDayOfWeek)));
-}
-
-/**
- * Method to get week last date
- *
- * @param {Date} date Accepts the date object
- * @param {number} firstDayOfWeek Accepts the first day of week number
- * @returns {Date} Returns the date object
- */
-export function getWeekLastDate(date: Date, firstDayOfWeek: number): Date {
-    const weekFirst: Date = getWeekFirstDate(date, firstDayOfWeek);
-    const weekLast: Date = new Date(weekFirst.getFullYear(), weekFirst.getMonth(), weekFirst.getDate() + 6);
-    return new Date(weekLast.getTime());
-}
-
-/**
- * Method to get first date of month
- *
- * @param {Date} date Accepts the date object
- * @returns {Date} Returns the date object
- */
-export function firstDateOfMonth(date: Date): Date {
-    return new Date(date.getFullYear(), date.getMonth(), 1);
-}
-
-/**
- * Method to get last date of month
- *
- * @param {Date} date Accepts the date object
- * @returns {Date} Returns the date object
- */
-export function lastDateOfMonth(date: Date): Date {
-    return new Date(date.getFullYear(), date.getMonth() + 1, 0);
-}
-
-/**
- * Method to get week number
- *
- * @param {Date} date Accepts the date object
- * @returns {number} Returns the week number
- */
-export function getWeekNumber(date: Date): number {
-    const date1: number = new Date(date.getFullYear(), 0, 1).valueOf();
-    const currentDate: number = new Date(date.getFullYear(), date.getMonth(), date.getDate()).valueOf();
-    const dayOfYear: number = ((currentDate - date1 + MS_PER_DAY) / MS_PER_DAY);
-    return Math.ceil(dayOfYear / 7);
-}
-
-/**
- * Method to get week middle date
- *
- * @param {Date} weekFirst Accepts the week first date object
- * @param {Date} weekLast Accepts the week last date object
- * @returns {Date} Returns the date object
- */
-export function getWeekMiddleDate(weekFirst: Date, weekLast: Date): Date {
-    return new Date(weekLast.valueOf() - ((weekLast.valueOf() - weekFirst.valueOf()) / 2));
-}
-
-/**
- * Method to set time to date object
- *
- * @param {Date} date Accepts the date object
- * @param {number} time Accepts the milliseconds
- * @returns {Date} Returns the date object
- */
-export function setTime(date: Date, time: number): Date {
-    const tzOffsetBefore: number = date.getTimezoneOffset();
-    const d: Date = new Date(date.getTime() + time);
-    const tzOffsetDiff: number = d.getTimezoneOffset() - tzOffsetBefore;
-    date.setTime(d.getTime() + tzOffsetDiff * MS_PER_MINUTE);
-    return date;
-}
-
-/**
- * Method the reset hours in date object
- *
- * @param {Date} date Accepts the date object
- * @returns {Date} Returns the date object
- */
-export function resetTime(date: Date): Date {
-    return new Date(date.getFullYear(), date.getMonth(), date.getDate());
-}
-
-/**
- * Method to get milliseconds from date object
- *
- * @param {Date} date Accepts the date object
- * @returns {number} Returns the milliseconds from date object
- */
-export function getDateInMs(date: Date): number {
-    const localOffset: number = new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0).getTimezoneOffset();
-    const dateOffset: number = date.getTimezoneOffset();
-    const timezoneOffset: number = dateOffset - localOffset;
-    return ((date.getTime() - new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0).getTime())
-        - (timezoneOffset * 60 * 1000));
-}
-
-/**
- * Method to get date count between two dates
- *
- * @param {Date} startDate Accepts the date object
- * @param {Date} endDate Accepts the date object
- * @returns {number} Returns the date count
- */
-export function getDateCount(startDate: Date, endDate: Date): number {
-    return Math.ceil((endDate.getTime() - startDate.getTime()) / MS_PER_DAY);
-}
-
-/**
- * Method to add no of days in date object
- *
- * @param {Date} date Accepts the date object
- * @param {number} noOfDays Accepts the number of days count
- * @returns {Date} Returns the date object
- */
-export function addDays(date: Date, noOfDays: number): Date {
-    date = new Date('' + date);
-    return new Date(date.setDate(date.getDate() + noOfDays));
-}
-
-/**
- * Method to add no of months in date object
- *
- * @param {Date} date Accepts the date object
- * @param {number} noOfMonths Accepts the number of month count
- * @returns {Date} Returns the date object
- */
-export function addMonths(date: Date, noOfMonths: number): Date {
-    date = new Date('' + date);
-    const day: number = date.getDate();
-    date.setDate(1);
-    date.setMonth(date.getMonth() + noOfMonths);
-    date.setDate(Math.min(day, getMaxDays(date)));
-    return date;
-}
-
-/**
- * Method to add no of years in date object
- *
- * @param {Date} date Accepts the date object
- * @param {number} noOfYears Accepts the number of month count
- * @returns {Date} Returns the date object
- */
-export function addYears(date: Date, noOfYears: number): Date {
-    date = new Date('' + date);
-    const day: number = date.getDate();
-    date.setDate(1);
-    date.setFullYear(date.getFullYear() + noOfYears);
-    date.setDate(Math.min(day, getMaxDays(date)));
-    return date;
-}
-
-/**
- * Method to get start and end hours
- *
- * @param {Date} date Accepts the date object
- * @param {Date} startHour Accepts the start hour date object
- * @param {Date} endHour Accepts the end hour date object
- * @returns {Object} Returns the start and end hour date objects
- */
-export function getStartEndHours(date: Date, startHour: Date, endHour: Date): Record<string, Date> {
-    const date1: Date = new Date(date.getTime());
-    date1.setHours(startHour.getHours());
-    date1.setMinutes(startHour.getMinutes());
-    date1.setSeconds(startHour.getSeconds());
-    let date2: Date = new Date(date.getTime());
-    if (endHour.getHours() === 0) {
-        date2 = addDays(date2, 1);
-    } else {
-        date2.setHours(endHour.getHours());
-        date2.setMinutes(endHour.getMinutes());
-        date2.setSeconds(endHour.getSeconds());
-    }
-    return { startHour: date1, endHour: date2 };
-}
-
-/**
- * Method to get month last date
- *
- * @param {Date} date Accepts the date object
- * @returns {number} Returns the month last date
- */
-export function getMaxDays(date: Date): number {
-    return lastDateOfMonth(date).getDate();
-}
-
-/**
- * Method to get days count between two dates
- *
- * @param {Date} startDate Accepts the date object
- * @param {Date} endDate Accepts the date object
- * @returns {number} Returns the days count
- */
-export function getDaysCount(startDate: number, endDate: number): number {
-    const strTime: Date = resetTime(new Date(startDate));
-    const endTime: Date = resetTime(new Date(endDate));
-    return Math.round((endTime.getTime() - strTime.getTime()) / MS_PER_DAY);
-}
-
-/**
- * Method to get date object from date string
- *
- * @param {string} date Accepts the date string
- * @returns {Date} Returns the date object
- */
-export function getDateFromString(date: string): Date {
-    return date.indexOf('Date') !== -1 ? new Date(parseInt(date.match(/\d+/g).toString(), 10)) :
-        date.indexOf('T') !== -1 ? new Date(date) : new Date(date.replace(/-/g, '/'));
-}
-
-/** @private */
-let scrollWidth: number = null;
-
-/** @private */
-let pixelRatio: number = null;
-
-/**
- * Method to get scrollbar width
- *
- * @returns {number} Returns the scrollbar width
- * @private
- */
-export function getScrollBarWidth(): number {
-    if (scrollWidth !== null) { return scrollWidth; }
-    if (pixelRatio === null) {
-        pixelRatio = window.devicePixelRatio || window.screen.availWidth / document.documentElement.clientWidth;
-    }
-    const divNode: HTMLElement = createElement('div');
-    let value: number = 0;
-    divNode.style.cssText = 'width:100px;height: 100px;overflow: scroll;position: absolute;top: -9999px;';
-    document.body.appendChild(divNode);
-    const ratio: number = (devicePixelRatio) ? (devicePixelRatio.toFixed(2) === '1.10' || devicePixelRatio <= 1) ?
-        Math.ceil(devicePixelRatio % 1) : Math.floor(devicePixelRatio % 1) : 0;
-    value = (divNode.offsetWidth - divNode.clientWidth - ratio) | 0;
-    document.body.removeChild(divNode);
-    return scrollWidth = value;
-}
-
-/**
- * Method to reset scrollbar width
- *
- * @private
- * @returns {void}
- */
-export function resetScrollbarWidth(): void {
-    const zoomPixelRatio: number = window.devicePixelRatio || window.screen.availWidth / document.documentElement.clientWidth;
-    if (pixelRatio && pixelRatio !== zoomPixelRatio) {
-        scrollWidth = null;
-        pixelRatio = zoomPixelRatio;
-    }
-}
-
-/**
- * Method to find the index from data collection
- *
- * @param {Object} data Accepts the data as object
- * @param {string} field Accepts the field name
- * @param {string} value Accepts the value name
- * @param {Object} event Accepts the data as object
- * @param {Object[]} resourceCollection Accepts the data collections
- * @returns {number} Returns the index number
- */
-// eslint-disable-next-line max-len
-export function findIndexInData(data: Record<string, any>[], field: string, value: string, event?: Record<string, any>, resourceCollection?: Record<string, any>[]): number {
-    for (let i: number = 0, length: number = data.length; i < length; i++) {
-        if (data[parseInt(i.toString(), 10)][`${field}`] === value) {
-            if (event) {
-                const field: string = resourceCollection.slice(-2)[0].field as string;
-                const res: string[] = (event[`${field}`] instanceof Array ? event[`${field}`] : [event[`${field}`]]) as string[];
-                const resData: string = res.join(',');
-                if (resData.includes(data[parseInt(i.toString(), 10)][(resourceCollection.slice(-1)[0] as any).groupIDField] as string)) {
-                    return i;
-                }
-            } else {
-                return i;
-            }
-        }
-    }
-    return -1;
-}
-
-/**
- * Method to get element outer height
- *
- * @param {HTMLElement} element Accepts the DOM element
- * @returns {number} Returns the outer height of the given element
- */
-export function getOuterHeight(element: HTMLElement): number {
-    const style: CSSStyleDeclaration = getComputedStyle(element);
-    return element.offsetHeight + (parseInt(style.marginTop, 10) || 0) + (parseInt(style.marginBottom, 10) || 0);
-}
-
-/**
- * Method to remove child elements
- *
- * @param {HTMLElement | Element} element Accepts the DOM element
- * @returns {void}
- */
-export function removeChildren(element: HTMLElement | Element): void {
-    const elementChildren: HTMLElement[] | Element[] = [].slice.call(element.children);
-    for (const elementChild of elementChildren) {
-        element.removeChild(elementChild);
-    }
-}
-
-/**
- * Method to check DST is present or not in date object
- *
- * @param {Date} date Accepts the date object
- * @returns {boolean} Returns the boolean value for either DST is present or not
- */
-export function isDaylightSavingTime(date: Date): boolean {
-    const jan: Date = new Date(date.getFullYear(), 0, 1);
-    const jul: Date = new Date(date.getFullYear(), 6, 1);
-    return date.getTimezoneOffset() < Math.max(jan.getTimezoneOffset(), jul.getTimezoneOffset());
-}
-
-/**
- * Method to get UTC time value from date
- *
- * @param {Date} date Accepts the date
- * @returns {number} Returns the UTC time value
- */
-export function getUniversalTime(date: Date): number {
-    const year: number = date.getFullYear();
-    const month: number = date.getMonth();
-    const day: number = date.getDate();
-    const hours: number = date.getHours();
-    const minutes: number = date.getMinutes();
-    const seconds: number = date.getSeconds();
-    const milliseconds: number = date.getMilliseconds();
-    return Date.UTC(year, month, day, hours, minutes, seconds, milliseconds);
-}
-
-/**
- * Method to check the device
- *
- * @returns {boolean} Returns the boolean value for either device is present or not.
- */
-export function isMobile(): boolean {
-    return window.navigator.userAgent.toLowerCase().indexOf('mobi') > -1;
-}
-
-/**
- * Method to check the IPad device
- *
- * @returns {boolean} Returns the boolean value for either IPad device is present or not.
- */
-export function isIPadDevice(): boolean {
-    return window.navigator.userAgent.toLowerCase().indexOf('ipad') > -1;
-}
-
-/**
- * Method to capitalize the first word in string
- *
- * @param {string} inputString Accepts the string value
- * @param {string} type Accepts the string type
- * @returns {string} Returns the output string
- */
-export function capitalizeFirstWord(inputString: string, type: string): string {
-    if (type === 'multiple') {
-        inputString = inputString.split(' ').map((e: string) => e.charAt(0).toLocaleUpperCase() + e.substring(1)).join(' ');
-    } else if (type === 'single') {
-        if (inputString[0] >= '0' && inputString[0] <= '9') {
-            const array: RegExpMatchArray = inputString.match(/[a-zA-Z]/);
-            inputString = isNullOrUndefined(array) ? inputString :
-                inputString.slice(0, array.index) + inputString[array.index].toLocaleUpperCase() + inputString.slice(array.index + 1);
-        }
-        inputString = inputString[0].toLocaleUpperCase() + inputString.slice(1);
-    }
-    return inputString;
-}
-
-/**
- * Method to get element cell width
- *
- * @param {HTMLElement} element Accepts the DOM element
- * @param {boolean} isTransformed Accepts the boolean value that indicates the status of the transform style applied to the element
- * @returns {number} Returns the width of the given element
- */
-export function getElementWidth(element: HTMLElement, isTransformed?: boolean): number {
-    return isTransformed ? element.offsetWidth : element.getBoundingClientRect().width;
-}
-
-/**
- * Method to get element cell Height
- *
- * @param {HTMLElement} element Accepts the DOM element
- * @param {boolean} isTransformed Accepts the boolean value that indicates the status of the transform style applied to the element
- * @returns {number} Returns the Height of the given element
- */
-export function getElementHeight(element: HTMLElement, isTransformed?: boolean): number {
-    return isTransformed ? element.offsetHeight : element.getBoundingClientRect().height;
-}
-
-/**
- * Method to get element cell Top
- *
- * @param {HTMLElement} element Accepts the DOM element
- * @param {boolean} isTransformed Accepts the boolean value that indicates the status of the transform style applied to the element
- * @returns {number} Returns the top value of the given element
- */
-export function getElementTop(element: HTMLElement, isTransformed?: boolean): number {
-    return isTransformed ? element.offsetTop : element.getBoundingClientRect().top;
-}
-

package/dist/ts/schedule/event-renderer/agenda-base.d.ts

@@ -1,15 +0,0 @@
-import { ViewBase } from '../renderer/view-base';
-import { Schedule } from '../base/schedule';
-export declare class AgendaBase extends ViewBase {
-    constructor(parent: Schedule);
-    createAgendaContentElement(type: string, listData: Record<string, any>[], aTd: Element, groupOrder?: string[], groupIndex?: number): Element;
-    createAppointment(event: Record<string, any>): HTMLElement[];
-    processAgendaEvents(events: Record<string, any>[]): Record<string, any>[];
-    wireEventActions(): void;
-    calculateResourceTableElement(tBody: Element, noOfDays: number, agendaDate: Date, agendaEnd?: Date): void;
-    private createResourceTableRow;
-    createDateHeaderElement(date: Date, groupIndex?: number): Element;
-    renderEmptyContent(tBody: Element, agendaDate: Date, hasNoEvents?: boolean): void;
-    createTableRowElement(date: Date, type: string): Element;
-    destroy(): void;
-}