Socket
Socket
Sign inDemoInstall

@syncfusion/ej2-schedule

Package Overview
Dependencies
Maintainers
2
Versions
234
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@syncfusion/ej2-schedule - npm Package Compare versions

Comparing version 16.3.24 to 16.3.29

12

CHANGELOG.md

@@ -7,5 +7,17 @@ # Changelog

#### New Features
- Support to drag and drop an item from external source into scheduler and vice versa has been provided.
- In mobile devices, drag and drop support has been enabled by tap holding and moving the appointments over the time slots.
- Auto navigation option from current scheduler view to previous or next date range has been provided, while dragging an appointment to the left or right extremities of the view port.
- Scrolling action has been improved to enable smooth scrolling, while dragging an appointment to any of the view port extremities.
## 16.3.24 (2018-10-09)
### Schedule
#### Bug Fixes
- Misalignment issue with header cells of timeline views in Safari browser has been fixed.
- An issue with appointment resizing, when the scheduler is placed at bottom in a container that has scroll-able height has been fixed.

@@ -12,0 +24,0 @@ ## 16.3.23 (2018-10-03)

2

dist/global/index.d.ts
/*!
* filename: index.d.ts
* version : 16.3.24
* version : 16.3.29
* Copyright Syncfusion Inc. 2001 - 2018. All rights reserved.

@@ -5,0 +5,0 @@ * Use of this code is subject to the terms of our license.

20

package.json
{
"name": "@syncfusion/ej2-schedule",
"version": "16.3.24",
"version": "16.3.29",
"author": "Syncfusion Inc.",

@@ -10,11 +10,11 @@ "license": "SEE LICENSE IN license",

"dependencies": {
"@syncfusion/ej2-base": "~16.3.24",
"@syncfusion/ej2-data": "~16.3.24",
"@syncfusion/ej2-popups": "~16.3.24",
"@syncfusion/ej2-calendars": "~16.3.24",
"@syncfusion/ej2-navigations": "~16.3.24",
"@syncfusion/ej2-dropdowns": "~16.3.24",
"@syncfusion/ej2-buttons": "~16.3.24",
"@syncfusion/ej2-inputs": "~16.3.24",
"@syncfusion/ej2-lists": "~16.3.24"
"@syncfusion/ej2-base": "~16.3.29",
"@syncfusion/ej2-data": "~16.3.29",
"@syncfusion/ej2-popups": "~16.3.29",
"@syncfusion/ej2-calendars": "~16.3.29",
"@syncfusion/ej2-navigations": "~16.3.29",
"@syncfusion/ej2-dropdowns": "~16.3.29",
"@syncfusion/ej2-buttons": "~16.3.29",
"@syncfusion/ej2-inputs": "~16.3.29",
"@syncfusion/ej2-lists": "~16.3.29"
},

@@ -21,0 +21,0 @@ "devDependencies": {

80

src/recurrence-editor/recurrence-editor.d.ts

@@ -99,43 +99,43 @@ import { Component, INotifyPropertyChanged } from '@syncfusion/ej2-base';

private monthButtons;
private startState(freq, endOn, startDate);
private startState;
protected preRender(): void;
private applyCustomClass(cssClass);
private initialize();
private triggerChangeEvent();
private resetDayButton();
private daySelection(dayIndex);
private rtlClass(status);
private updateUntilDate(date);
private selectMonthDay(date);
private updateForm(state);
private updateEndOnForm(state);
private freshOnEndForm();
private showFormElement();
private renderDropdowns();
private setDefaultValue();
private resetFormValues();
private getPopupWidth();
private renderDatePickers();
private dayButtonRender();
private radioButtonRender();
private numericTextboxRender();
private renderComponent();
private rotateArray(data, count);
private getEndData();
private getDayPosition(date);
private getRepeatData();
private getMonthPosData();
private getDayData(format);
private getMonthData();
private setTemplate();
private getSelectedDaysData();
private getSelectedMonthData();
private getIntervalData();
private getEndOnCount();
private getYearMonthRuleData();
private updateWeekButton(keys);
private updateMonthUI();
private updateUI(repeat, state);
private getUntilData();
private destroyComponents();
private applyCustomClass;
private initialize;
private triggerChangeEvent;
private resetDayButton;
private daySelection;
private rtlClass;
private updateUntilDate;
private selectMonthDay;
private updateForm;
private updateEndOnForm;
private freshOnEndForm;
private showFormElement;
private renderDropdowns;
private setDefaultValue;
private resetFormValues;
private getPopupWidth;
private renderDatePickers;
private dayButtonRender;
private radioButtonRender;
private numericTextboxRender;
private renderComponent;
private rotateArray;
private getEndData;
private getDayPosition;
private getRepeatData;
private getMonthPosData;
private getDayData;
private getMonthData;
private setTemplate;
private getSelectedDaysData;
private getSelectedMonthData;
private getIntervalData;
private getEndOnCount;
private getYearMonthRuleData;
private updateWeekButton;
private updateMonthUI;
private updateUI;
private getUntilData;
private destroyComponents;
resetFields(): void;

@@ -142,0 +142,0 @@ getRuleSummary(rule?: string): string;

21

src/recurrence-editor/recurrence-editor.js
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
}
return function (d, b) {

@@ -846,5 +849,13 @@ extendStatics(d, b);

}
this.dayButtons.forEach(function (element) { return element.destroy(); });
this.dayButtons.forEach(function (element) {
if (!element.isDestroyed) {
element.destroy();
}
});
this.dayButtons = [];
this.monthButtons.forEach(function (element) { return element.destroy(); });
this.monthButtons.forEach(function (element) {
if (!element.isDestroyed) {
element.destroy();
}
});
this.monthButtons = [];

@@ -851,0 +862,0 @@ };

2

src/schedule/actions/action-base.d.ts

@@ -12,3 +12,2 @@ import { ActionBaseArgs, ResizeEdges, DragEventArgs, ResizeEventArgs } from '../base/interface';

scrollEdges: ResizeEdges;
eventArgs: (MouseEvent & TouchEvent) | Touch;
constructor(parent: Schedule);

@@ -34,2 +33,3 @@ getChangedData(): {

actionClass(type: string): void;
updateScrollPosition(e: MouseEvent & TouchEvent): void;
/**

@@ -36,0 +36,0 @@ * To destroy the action base module.

63

src/schedule/actions/action-base.js

@@ -1,2 +0,2 @@

import { addClass, createElement, compile, extend, isNullOrUndefined, closest } from '@syncfusion/ej2-base';
import { addClass, createElement, compile, extend, isNullOrUndefined, closest, setStyleAttribute } from '@syncfusion/ej2-base';
import { formatUnit, remove, removeClass } from '@syncfusion/ej2-base';

@@ -12,3 +12,4 @@ import * as cls from '../base/css-constant';

X: 0, Y: 0, groupIndex: 0, cellWidth: 0, cellHeight: 0, slotInterval: 0, interval: 0, actionIndex: 0,
cloneElement: [], originalElement: [], action: null, isAllDay: null, excludeSelectors: null
cloneElement: [], originalElement: [], action: null, isAllDay: null, excludeSelectors: null,
index: 0, navigationInterval: null, scrollInterval: null
};

@@ -48,11 +49,17 @@ this.scrollArgs = { element: null, width: 0, height: 0 };

}
var currentAction;
if (eventObj[this.parent.eventFields.recurrenceRule]) {
var eveId = eventObj[this.parent.eventFields.recurrenceID] || eventObj[this.parent.eventFields.id];
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.eventWindow.editOccurrenceValidation(eveId, eventObj, this.actionObj.event)) {
this.parent.quickPopup.openRecurrenceValidationAlert('sameDayAlert');
return;
}
}
if (eventObj[this.parent.eventFields.startTimezone] || eventObj[this.parent.eventFields.endTimezone]) {
this.parent.eventBase.timezoneConvert(eventObj);
}
var currentAction;
if (eventObj[this.parent.eventFields.recurrenceRule] &&
eventObj[this.parent.eventFields.id] === eventObj[this.parent.eventFields.recurrenceID]) {
eventObj[this.parent.eventFields.id] = this.parent.eventBase.getEventMaxID();
currentAction = 'EditOccurrence';
}
this.parent.crudModule.saveEvent(eventObj, currentAction);

@@ -174,2 +181,6 @@ };

cloneElement.style.width = formatUnit(cloneElement.offsetWidth - 2);
if (this.parent.eventDragArea && this.actionObj.action === 'drag') {
document.querySelector(this.parent.eventDragArea).appendChild(cloneElement);
}
setStyleAttribute(cloneElement, { border: '0px' });
return cloneElement;

@@ -200,3 +211,5 @@ };

if (this.actionObj.action === 'resize') {
this.actionObj.Y += this.scrollEdges.top ? this.actionObj.scroll.scrollBy : -this.actionObj.scroll.scrollBy;
if (parent.scrollHeight !== parent.offsetHeight + parent.scrollTop && parent.scrollTop > 0) {
this.actionObj.Y += this.scrollEdges.top ? this.actionObj.scroll.scrollBy : -this.actionObj.scroll.scrollBy;
}
}

@@ -207,3 +220,5 @@ }

if (this.actionObj.action === 'resize') {
this.actionObj.X += this.scrollEdges.left ? this.actionObj.scroll.scrollBy : -this.actionObj.scroll.scrollBy;
if (parent.scrollWidth !== parent.offsetWidth + parent.scrollLeft && parent.scrollLeft > 0) {
this.actionObj.X += this.scrollEdges.left ? this.actionObj.scroll.scrollBy : -this.actionObj.scroll.scrollBy;
}
}

@@ -221,15 +236,19 @@ }

var viewBoundaries = this.parent.element.querySelector('.' + cls.CONTENT_WRAP_CLASS).getBoundingClientRect();
if (pages.pageY < viewBoundaries.top + autoScrollDistance) {
if ((this.actionObj.pageY < viewBoundaries.top + autoScrollDistance + window.pageYOffset) &&
(this.actionObj.pageY > viewBoundaries.top + window.pageYOffset)) {
allowScroll = true;
this.scrollEdges.top = true;
}
if (pages.pageY > viewBoundaries.bottom - autoScrollDistance) {
if ((this.actionObj.pageY > (viewBoundaries.bottom - autoScrollDistance) + window.pageYOffset) &&
(this.actionObj.pageY < viewBoundaries.bottom + window.pageYOffset)) {
allowScroll = true;
this.scrollEdges.bottom = true;
}
if (pages.pageX < viewBoundaries.left + autoScrollDistance) {
if ((this.actionObj.pageX < viewBoundaries.left + autoScrollDistance + window.pageXOffset) &&
(this.actionObj.pageX > viewBoundaries.left + window.pageXOffset)) {
allowScroll = true;
this.scrollEdges.left = true;
}
if (pages.pageX > viewBoundaries.right - autoScrollDistance) {
if ((this.actionObj.pageX > (viewBoundaries.right - autoScrollDistance) + window.pageXOffset) &&
(this.actionObj.pageX < viewBoundaries.right + window.pageXOffset)) {
allowScroll = true;

@@ -248,2 +267,18 @@ this.scrollEdges.right = true;

};
ActionBase.prototype.updateScrollPosition = function (e) {
var _this = this;
if (this.actionObj.scroll.enable && isNullOrUndefined(this.actionObj.scrollInterval)) {
this.actionObj.scrollInterval = window.setInterval(function () {
if (_this.autoScrollValidation(e) && !_this.actionObj.clone.classList.contains(cls.ALLDAY_APPOINTMENT_CLASS)) {
_this.autoScroll();
if (_this.actionObj.action === 'drag') {
_this.parent.dragAndDropModule.updateDraggingDateTime(e);
}
else {
_this.parent.resizeModule.updateResizingDirection(e);
}
}
}, this.actionObj.scroll.timeDelay);
}
};
/**

@@ -250,0 +285,0 @@ * To destroy the action base module.

21

src/schedule/actions/crud.d.ts

@@ -11,17 +11,10 @@ import { CurrentAction } from '../base/type';

constructor(parent: Schedule);
private getQuery();
private refreshData(args);
private getQuery;
private getTable;
private refreshData;
addEvent(eventData: Object | Object[]): void;
saveEvent(event: {
[key: string]: Object;
} | {
[key: string]: Object;
}[], action?: CurrentAction): void;
deleteEvent(id: string | number | {
[key: string]: Object;
} | {
[key: string]: Object;
}[], action?: CurrentAction): void;
private processCrudTimezone(events);
private excludeDateCheck(eventStartTime, exceptionDateList);
saveEvent(event: Object | Object[], action?: CurrentAction): void;
deleteEvent(id: string | number | Object | Object[], action?: CurrentAction): void;
private processCrudTimezone;
private excludeDateCheck;
}

63

src/schedule/actions/crud.js

@@ -19,2 +19,9 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';

};
Crud.prototype.getTable = function () {
if (this.parent.eventSettings.query) {
var query = this.parent.eventSettings.query.clone();
return query.fromTable;
}
return null;
};
Crud.prototype.refreshData = function (args) {

@@ -65,7 +72,8 @@ var _this = this;

}
promise = this.parent.dataModule.dataManager.saveChanges(editParms, fields.id, null, this.getQuery());
promise =
this.parent.dataModule.dataManager.saveChanges(editParms, fields.id, this.getTable(), this.getQuery());
}
else {
this.processCrudTimezone(eventData);
promise = this.parent.dataModule.dataManager.insert(eventData, null, this.getQuery());
promise = this.parent.dataModule.dataManager.insert(eventData, this.getTable(), this.getQuery());
}

@@ -80,4 +88,2 @@ var crudArgs = { requestType: 'eventCreated', cancel: false, data: eventData, promise: promise };

var args = { requestType: 'eventChange', cancel: false };
var dataObj = [];
(event instanceof Array) ? dataObj = event : dataObj.push(event);
var data = event;

@@ -91,6 +97,13 @@ if (isNullOrUndefined(action)) {

this.processCrudTimezone(data);
promise = this.parent.dataModule.dataManager.update(fields.id, event, null, this.getQuery());
if ((event instanceof Array)) {
editParms.changedRecords = event;
this.parent.dataModule.dataManager.saveChanges(editParms, fields.id, this.getTable(), this.getQuery());
}
else {
promise = this.parent.dataModule.dataManager.update(fields.id, event, this.getTable(), this.getQuery());
}
}
else {
var parentEvent = this.parent.eventBase.getRecurrenceEvent(data);
var query = void 0;
switch (action) {

@@ -103,3 +116,3 @@ case 'EditOccurrence':

}
var query = new Query().where('Guid', 'equal', data.Guid);
query = new Query().where('Guid', 'equal', data.Guid);
var edited = new DataManager(this.parent.eventsProcessed).executeLocal(query);

@@ -126,4 +139,4 @@ var exDate = this.excludeDateCheck(edited[0][fields.startTime], parentEvent[fields.recurrenceException]);

}
var delApp = new DataManager(this.parent.eventsData).
executeLocal(new Query().where(fields.recurrenceID, 'equal', parentEvent[fields.id]));
query = new Query().where(fields.recurrenceID, 'equal', parentEvent[fields.id]);
var delApp = new DataManager(this.parent.eventsData).executeLocal(query);
data[fields.id] = parentEvent[fields.id];

@@ -140,3 +153,4 @@ data[fields.recurrenceException] = null;

}
promise = this.parent.dataModule.dataManager.saveChanges(editParms, fields.id, null, this.getQuery());
promise =
this.parent.dataModule.dataManager.saveChanges(editParms, fields.id, this.getTable(), this.getQuery());
}

@@ -158,11 +172,10 @@ // if (!this.parent.activeView.isTimelineView()) {

case 'number':
dataObj = new DataManager(this.parent.eventsData).
executeLocal(new Query().where(fields.id, 'equal', id));
dataObj = new DataManager(this.parent.eventsData).executeLocal(new Query().where(fields.id, 'equal', id));
break;
case 'object':
(id instanceof Array) ? dataObj = id : dataObj.push(id);
dataObj = (id instanceof Array) ? id : [id];
break;
}
for (var _i = 0, dataObj_1 = dataObj; _i < dataObj_1.length; _i++) {
var event_3 = dataObj_1[_i];
for (var _i = 0, _a = dataObj; _i < _a.length; _i++) {
var event_3 = _a[_i];
(!isNullOrUndefined(event_3[fields.recurrenceRule])) ? recEvent.push(event_3) : normalEvent.push(event_3);

@@ -179,4 +192,4 @@ }

if (isNullOrUndefined(action) || normalEvent.length > 0) {
for (var _a = 0, normalEvent_1 = normalEvent; _a < normalEvent_1.length; _a++) {
var event_4 = normalEvent_1[_a];
for (var _b = 0, normalEvent_1 = normalEvent; _b < normalEvent_1.length; _b++) {
var event_4 = normalEvent_1[_b];
editParms.deletedRecords.push(event_4);

@@ -206,9 +219,9 @@ }

case 'DeleteSeries':
for (var _b = 0, recEvent_1 = recEvent; _b < recEvent_1.length; _b++) {
var app = recEvent_1[_b];
for (var _c = 0, recEvent_1 = recEvent; _c < recEvent_1.length; _c++) {
var app = recEvent_1[_c];
var predicate = new Predicate(fields.id, 'equal', (app[fields.recurrenceID] || id)).
or(new Predicate(fields.recurrenceID, 'equal', (app[fields.recurrenceID] || id)));
var delApp = new DataManager(this.parent.eventsData).executeLocal(new Query().where(predicate));
for (var _c = 0, delApp_2 = delApp; _c < delApp_2.length; _c++) {
var event_5 = delApp_2[_c];
for (var _d = 0, delApp_2 = delApp; _d < delApp_2.length; _d++) {
var event_5 = delApp_2[_d];
editParms.deletedRecords.push(event_5);

@@ -221,3 +234,11 @@ }

var promise;
promise = this.parent.dataModule.dataManager.saveChanges(editParms, fields.id, null, this.getQuery());
if (editParms.deletedRecords.length === 1 && editParms.changedRecords.length === 0) {
var deleteEvent = editParms.deletedRecords[0];
promise =
this.parent.dataModule.dataManager.remove(fields.id, deleteEvent, this.getTable(), this.getQuery());
}
else {
promise =
this.parent.dataModule.dataManager.saveChanges(editParms, fields.id, this.getTable(), this.getQuery());
}
this.parent.eventBase.selectWorkCellByTime(dataObj);

@@ -224,0 +245,0 @@ var crudArgs = { requestType: 'eventRemoved', cancel: false, data: args.data, promise: promise };

37

src/schedule/actions/drag.d.ts

@@ -7,19 +7,22 @@ import { ActionBase } from '../actions/action-base';

wireDragEvent(element: HTMLElement, isAllDay: boolean): void;
private dragHelper(e);
private dragPosition(e);
private setDragActionDefaultValues();
private dragStart(e);
private drag(e);
private dragStop(e);
private updateDraggingDateTime(e);
private morePopupEventDragging(e);
private calculateVerticalTime(e);
private swapDragging(e);
private calculateVerticalDate(e);
private calculateTimelineTime(e);
private calculateTimelineDate(e);
private calculateResourceGroupingPosition(e);
private getEventWrapper(index);
private getAllDayEventHeight();
private isAllowDrop(e);
private dragHelper;
private dragPosition;
private setDragActionDefaultValues;
private dragStart;
private drag;
private dragStop;
updateDraggingDateTime(e: MouseEvent & TouchEvent): void;
navigationWrapper(): void;
private viewNavigation;
private morePopupEventDragging;
private calculateVerticalTime;
private swapDragging;
private calculateVerticalDate;
private calculateTimelineTime;
private calculateTimelineDate;
private calculateResourceGroupingPosition;
private appendCloneElement;
private getEventWrapper;
private getAllDayEventHeight;
private isAllowDrop;
/**

@@ -26,0 +29,0 @@ * Get module name.

215

src/schedule/actions/drag.js
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
}
return function (d, b) {

@@ -30,4 +33,8 @@ extendStatics(d, b);

clone: true,
cursorAt: { left: 0, top: 0 },
dragArea: this.parent.element.querySelector('.' + dragAreaTarget),
enableTapHold: this.parent.isAdaptive,
enableTailMode: (this.parent.eventDragArea) ? true : false,
cursorAt: (this.parent.eventDragArea) ? { left: -20, top: -20 } : { left: 0, top: 0 },
dragArea: (this.parent.eventDragArea) ?
document.querySelector(this.parent.eventDragArea) :
this.parent.element.querySelector('.' + dragAreaTarget),
dragStart: this.dragStart.bind(this),

@@ -46,5 +53,6 @@ drag: this.drag.bind(this),

this.actionObj.clone = this.createCloneElement(this.actionObj.element);
if (this.parent.currentView !== 'Month' && this.parent.timeScale.enable && !this.parent.activeView.isTimelineView() &&
if (!this.parent.eventDragArea && this.parent.currentView !== 'Month' &&
this.parent.timeScale.enable && !this.parent.activeView.isTimelineView() &&
!this.actionObj.element.classList.contains(cls.ALLDAY_APPOINTMENT_CLASS)) {
setStyleAttribute(this.actionObj.clone, { left: '0%', right: '0%', width: '100%' });
setStyleAttribute(this.actionObj.clone, { cursor: 'move', left: '0%', right: '0%', width: '100%' });
}

@@ -57,2 +65,5 @@ this.actionObj.clone.style.top = formatUnit(this.actionObj.element.offsetTop);

DragAndDrop.prototype.dragPosition = function (e) {
if (this.parent.eventDragArea) {
return { left: e.left, top: e.top };
}
var slotInterval = this.parent.activeViewOptions.timeScale.interval / this.parent.activeViewOptions.timeScale.slotCount;

@@ -71,3 +82,4 @@ var cellWidth = this.parent.activeView.isTimelineView() ? (this.actionObj.cellWidth / slotInterval) *

var topValue;
if (this.parent.activeView.isTimelineView() || this.actionObj.element.offsetParent.classList.contains(cls.MORE_EVENT_POPUP_CLASS)) {
if ((this.parent.activeView.isTimelineView() || !this.parent.timeScale.enable ||
this.actionObj.clone.offsetParent.classList.contains(cls.MORE_EVENT_POPUP_CLASS))) {
topValue = formatUnit(this.actionObj.clone.offsetTop);

@@ -105,4 +117,2 @@ }

DragAndDrop.prototype.dragStart = function (e) {
this.parent.quickPopup.quickPopupHide();
this.eventArgs = this.getPageCoordinates(e);
var eventGuid = this.actionObj.element.getAttribute('data-guid');

@@ -118,3 +128,4 @@ this.actionObj.event = this.parent.eventBase.getEventByGuid(eventGuid);

interval: this.actionObj.interval,
scroll: { enable: true, scrollBy: 10 }
navigation: { enable: false, timeDelay: 2000 },
scroll: { enable: true, scrollBy: 30, timeDelay: 100 }
};

@@ -132,2 +143,3 @@ this.parent.trigger(events.dragStart, dragArgs);

this.actionObj.interval = dragArgs.interval;
this.actionObj.navigation = dragArgs.navigation;
this.actionObj.scroll = dragArgs.scroll;

@@ -137,8 +149,26 @@ this.actionObj.excludeSelectors = dragArgs.excludeSelectors;

DragAndDrop.prototype.drag = function (e) {
this.parent.quickPopup.quickPopupHide(true);
var eventObj = extend({}, this.actionObj.event, null, true);
var eventArgs = this.getPageCoordinates(e);
this.actionObj.Y = eventArgs.pageY;
if (this.autoScrollValidation(e) && !this.actionObj.clone.classList.contains(cls.ALLDAY_APPOINTMENT_CLASS)) {
this.autoScroll();
this.actionObj.Y = this.actionObj.pageY = eventArgs.pageY;
this.actionObj.X = this.actionObj.pageX = eventArgs.pageX;
this.actionObj.target = e.target;
if (this.parent.eventDragArea) {
var targetElement = eventArgs.target;
this.actionObj.clone.style.top = formatUnit(targetElement.offsetTop);
this.actionObj.clone.style.left = formatUnit(targetElement.offsetLeft);
var currentTarget = closest(targetElement, '.' + cls.ROOT);
if (!currentTarget) {
this.actionObj.clone.style.height = '';
this.actionObj.clone.style.width = '';
}
else {
if (!(this.parent.currentView === 'Week' || this.parent.currentView === 'WorkWeek'
|| this.parent.currentView === 'Day')) {
this.actionObj.clone.style.height = formatUnit(this.actionObj.element.offsetHeight);
this.actionObj.clone.style.width = formatUnit(this.actionObj.element.offsetWidth);
}
}
}
this.updateScrollPosition(e);
this.updateDraggingDateTime(e);

@@ -150,4 +180,9 @@ var dragArgs = { data: eventObj, event: e, element: this.actionObj.element };

this.removeCloneElement();
clearInterval(this.actionObj.navigationInterval);
this.actionObj.navigationInterval = null;
clearInterval(this.actionObj.scrollInterval);
this.actionObj.scrollInterval = null;
this.actionClass('removeClass');
this.parent.uiStateValues.action = false;
this.actionObj.action = null;
if (this.isAllowDrop(e)) {

@@ -164,3 +199,21 @@ return;

DragAndDrop.prototype.updateDraggingDateTime = function (e) {
if (this.actionObj.element.offsetParent.classList.contains(cls.MORE_EVENT_POPUP_CLASS)) {
var _this = this;
if (this.actionObj.navigation.enable) {
var currentDate_1 = new Date();
if (isNullOrUndefined(this.actionObj.navigationInterval)) {
this.actionObj.navigationInterval = window.setInterval(function () {
if (currentDate_1) {
var crtDate = new Date();
var end = crtDate.getSeconds();
var start = currentDate_1.getSeconds() + (_this.actionObj.navigation.timeDelay / 1000);
start = (start >= 60) ? start - 60 : start;
if (start === end) {
currentDate_1 = new Date();
_this.viewNavigation(e);
}
}
}, this.actionObj.navigation.timeDelay);
}
}
if (this.actionObj.clone.offsetParent.classList.contains(cls.MORE_EVENT_POPUP_CLASS)) {
this.morePopupEventDragging(e);

@@ -185,2 +238,67 @@ }

};
DragAndDrop.prototype.navigationWrapper = function () {
if (!this.parent.activeView.isTimelineView()) {
if (this.parent.currentView === 'Month' || !this.parent.timeScale.enable) {
var outerWrapperCls = this.parent.element.querySelectorAll('.' + cls.WORK_CELLS_CLASS);
this.actionObj.index = (this.parent.activeView.renderDates.length < this.actionObj.index) ?
this.parent.activeView.renderDates.length - 1 : this.actionObj.index;
var targetWrapper = outerWrapperCls.item(this.actionObj.index).querySelector('.' + cls.APPOINTMENT_WRAPPER_CLASS);
if (!targetWrapper) {
targetWrapper = createElement('div', { className: cls.APPOINTMENT_WRAPPER_CLASS });
outerWrapperCls.item(this.actionObj.index).appendChild(targetWrapper);
}
targetWrapper.appendChild(this.actionObj.clone);
}
else {
var wrapperClass = this.actionObj.clone.classList.contains(cls.ALLDAY_APPOINTMENT_CLASS) ?
'.' + cls.ALLDAY_APPOINTMENT_WRAPPER_CLASS : '.' + cls.APPOINTMENT_WRAPPER_CLASS;
this.parent.element.querySelectorAll(wrapperClass)
.item(this.actionObj.index).appendChild(this.actionObj.clone);
if (wrapperClass === '.' + cls.ALLDAY_APPOINTMENT_WRAPPER_CLASS) {
var elementHeight_1 = this.getAllDayEventHeight();
var event_1 = [].slice.call(this.parent.element.querySelectorAll('.' + cls.ALLDAY_CELLS_CLASS + ':first-child'));
if (event_1[0].offsetHeight < elementHeight_1) {
event_1.forEach(function (element) { return element.style.height = ((elementHeight_1 + 2) / 12) + 'em'; });
}
this.actionObj.clone.style.height = formatUnit(elementHeight_1);
}
this.actionObj.height = parseInt(this.actionObj.clone.style.height, 0);
}
}
else {
var outWrapper = void 0;
if (this.parent.activeViewOptions.group.resources.length > 0) {
outWrapper = this.parent.element.querySelectorAll('.e-appointment-container:not(.e-hidden)').item(this.actionObj.index);
}
else {
outWrapper = this.parent.element.querySelector('.' + cls.APPOINTMENT_CONTAINER_CLASS);
}
var tarWrapper = outWrapper.querySelector('.' + cls.APPOINTMENT_WRAPPER_CLASS);
if (!tarWrapper) {
tarWrapper = createElement('div', { className: cls.APPOINTMENT_WRAPPER_CLASS });
outWrapper.appendChild(tarWrapper);
}
tarWrapper.appendChild(this.actionObj.clone);
}
};
DragAndDrop.prototype.viewNavigation = function (e) {
var navigationType;
var dragArea = this.parent.element.querySelector('.' + cls.CONTENT_WRAP_CLASS);
if (dragArea && ((!this.scrollEdges.top && !this.scrollEdges.bottom) ||
closest(this.actionObj.clone, '.' + cls.ALLDAY_APPOINTMENT_WRAPPER_CLASS))) {
if ((dragArea.scrollLeft === 0) &&
(Math.round(this.actionObj.X) <=
Math.round(dragArea.getBoundingClientRect().left + this.actionObj.cellWidth + window.pageXOffset))) {
navigationType = this.parent.enableRtl ? 'next' : 'previous';
}
else if ((Math.round(dragArea.scrollLeft) + dragArea.clientWidth === dragArea.scrollWidth) &&
(Math.round(this.actionObj.X) >=
Math.round(dragArea.getBoundingClientRect().right - this.actionObj.cellWidth + window.pageXOffset))) {
navigationType = this.parent.enableRtl ? 'previous' : 'next';
}
if (navigationType) {
this.parent.changeDate(this.parent.activeView.getNextPreviousDate(navigationType));
}
}
};
DragAndDrop.prototype.morePopupEventDragging = function (e) {

@@ -216,3 +334,3 @@ if (isNullOrUndefined(e.target) || (e.target && isNullOrUndefined(closest(e.target, 'td')))) {

}
eventWrapper.appendChild(this.actionObj.clone);
this.appendCloneElement(eventWrapper);
};

@@ -226,2 +344,3 @@ DragAndDrop.prototype.calculateVerticalTime = function (e) {

}
var dragArea = this.parent.element.querySelector('.' + cls.CONTENT_WRAP_CLASS);
var eventObj = extend({}, this.actionObj.event, null, true);

@@ -233,2 +352,8 @@ var eventStart = eventObj[this.parent.eventFields.startTime];

offsetTop = offsetTop < 0 ? 0 : offsetTop;
if (this.scrollEdges.top || this.scrollEdges.bottom) {
offsetTop = this.scrollEdges.top ? dragArea.scrollTop :
dragArea.scrollTop + dragArea.offsetHeight - this.actionObj.clone.offsetHeight;
offsetTop = Math.round(offsetTop / this.actionObj.cellHeight) * this.actionObj.cellHeight;
this.actionObj.clone.style.top = formatUnit(offsetTop);
}
var rowIndex = offsetTop / this.actionObj.cellHeight;

@@ -246,4 +371,5 @@ var heightPerMinute = this.actionObj.cellHeight / this.actionObj.slotInterval;

}
var index = closest(e.target, 'td').cellIndex;
var index = closest(this.actionObj.target, 'td').cellIndex;
var colIndex = isNullOrUndefined(index) ? closest(this.actionObj.clone, 'td').cellIndex : index;
this.actionObj.index = colIndex;
var td = tr.childNodes.item(colIndex);

@@ -256,3 +382,3 @@ if (this.parent.activeViewOptions.group.resources.length > 0) {

if (this.parent.activeViewOptions.timeScale.enable && !isAllDayDrag) {
this.getEventWrapper(colIndex).appendChild(this.actionObj.clone);
this.appendCloneElement(this.getEventWrapper(colIndex));
var spanHours = -(((this.actionObj.slotInterval / this.actionObj.cellHeight) * diffInMinutes) * (1000 * 60));

@@ -277,3 +403,3 @@ if (this.actionObj.clone.querySelector('.' + cls.EVENT_ICON_UP_CLASS)) {

else {
this.getEventWrapper(colIndex).appendChild(this.actionObj.clone);
this.appendCloneElement(this.getEventWrapper(colIndex));
dragStart = new Date(parseInt(td.getAttribute('data-date'), 10));

@@ -298,3 +424,5 @@ dragStart.setHours(eventStart.getHours(), eventStart.getMinutes(), eventStart.getSeconds());

var dragObj = _this.actionObj.element.ej2_instances[0];
dragObj.dragArea = _this.parent.element.querySelector('.' + dragAreaTarget);
dragObj.dragArea = _this.parent.eventDragArea ?
document.querySelector(_this.parent.eventDragArea) :
_this.parent.element.querySelector('.' + dragAreaTarget);
dragObj.dataBind();

@@ -305,3 +433,3 @@ };

addClass([this.actionObj.clone], cls.ALLDAY_APPOINTMENT_CLASS);
this.getEventWrapper(colIndex).appendChild(this.actionObj.clone);
this.appendCloneElement(this.getEventWrapper(colIndex));
this.actionObj.isAllDay = true;

@@ -315,2 +443,3 @@ setDragArea(this.actionObj.isAllDay);

setStyleAttribute(this.actionObj.clone, {
width: formatUnit(this.actionObj.cellWidth),
height: formatUnit(eventHeight_1),

@@ -322,10 +451,11 @@ top: formatUnit(this.parent.element.querySelector('.' + cls.ALLDAY_ROW_CLASS).offsetTop)

removeClass([this.actionObj.clone], cls.ALLDAY_APPOINTMENT_CLASS);
this.getEventWrapper(colIndex).appendChild(this.actionObj.clone);
this.appendCloneElement(this.getEventWrapper(colIndex));
this.actionObj.isAllDay = false;
setDragArea(this.actionObj.isAllDay);
var cursorElement = this.getCursorElement(e);
var height = (this.actionObj.element.offsetHeight === 0) ? this.actionObj.height : this.actionObj.element.offsetHeight;
setStyleAttribute(this.actionObj.clone, {
left: formatUnit(0),
top: formatUnit(cursorElement.offsetTop),
height: formatUnit(this.actionObj.element.offsetHeight),
height: formatUnit(height),
width: formatUnit(this.actionObj.cellWidth)

@@ -346,2 +476,3 @@ });

var colIndex = (tr.rowIndex * tr.childNodes.length) + td.cellIndex;
this.actionObj.index = colIndex;
// let cellIndex: number = td.cellIndex;

@@ -365,3 +496,3 @@ // let daysCount: number = Math.floor(this.actionObj.element.offsetWidth / this.actionObj.cellWidth);

if (!targetWrapper.querySelector('.' + cls.CLONE_ELEMENT_CLASS)) {
targetWrapper.appendChild(this.actionObj.clone);
this.appendCloneElement(targetWrapper);
}

@@ -394,8 +525,24 @@ var timeString = td.getAttribute('data-date') || eventObj[this.parent.eventFields.startTime].getTime().toString();

offsetLeft = Math.floor(offsetLeft / this.actionObj.cellWidth) * this.actionObj.cellWidth;
var rightOffset;
var diffInMinutes = this.actionObj.clone.offsetLeft - offsetLeft;
var viewEle = this.parent.element.querySelector('.' + cls.CONTENT_WRAP_CLASS);
if (this.parent.enableRtl) {
var rightOffset = Math.abs(parseInt(this.actionObj.clone.style.left, 10)) - this.actionObj.clone.offsetWidth;
rightOffset = Math.abs(parseInt(this.actionObj.clone.style.left, 10)) - this.actionObj.clone.offsetWidth;
this.actionObj.clone.style.right = formatUnit(rightOffset);
diffInMinutes = rightOffset - offsetLeft;
}
if (this.scrollEdges.left || this.scrollEdges.right) {
if (this.parent.enableRtl) {
rightOffset = viewEle.scrollWidth - viewEle.scrollLeft;
if (this.scrollEdges.right) {
rightOffset = rightOffset - viewEle.offsetWidth + this.actionObj.clone.offsetWidth;
}
this.actionObj.clone.style.left = formatUnit(rightOffset);
}
else {
offsetLeft = this.scrollEdges.left ? viewEle.scrollLeft :
viewEle.scrollLeft + viewEle.offsetWidth - this.actionObj.clone.offsetWidth;
this.actionObj.clone.style.left = formatUnit(offsetLeft);
}
}
var widthPerMinute = this.actionObj.slotInterval / this.actionObj.cellWidth;

@@ -407,2 +554,6 @@ var colIndex = this.getIndex(Math.floor(offsetLeft / this.actionObj.cellWidth));

eventStart = this.calculateIntervalTime(eventStart);
if (!this.parent.activeViewOptions.timeScale.enable) {
var eventSrt = eventObj[this.parent.eventFields.startTime];
eventStart.setHours(eventSrt.getHours(), eventSrt.getMinutes(), eventSrt.getSeconds());
}
var eventEnd = new Date(eventStart.getTime());

@@ -453,2 +604,3 @@ eventEnd.setMilliseconds(eventDuration);

rowIndex = (rowIndex < 0) ? 0 : (rowIndex > trCollection.length - 1) ? trCollection.length - 1 : rowIndex;
this.actionObj.index = rowIndex;
var eventContainer = this.parent.element.querySelectorAll('.e-appointment-container:not(.e-hidden)').item(rowIndex);

@@ -460,7 +612,16 @@ var eventWrapper = eventContainer.querySelector('.' + cls.APPOINTMENT_WRAPPER_CLASS);

}
eventWrapper.appendChild(this.actionObj.clone);
this.appendCloneElement(eventWrapper);
var td = closest(e.target, 'td');
this.actionObj.groupIndex = td ? parseInt(td.getAttribute('data-group-index'), 10) : this.actionObj.groupIndex;
this.actionObj.groupIndex = (td && !isNaN(parseInt(td.getAttribute('data-group-index'), 10)))
? parseInt(td.getAttribute('data-group-index'), 10) : this.actionObj.groupIndex;
this.actionObj.clone.style.top = formatUnit(trCollection.item(rowIndex).offsetTop);
};
DragAndDrop.prototype.appendCloneElement = function (element) {
if (this.parent.eventDragArea) {
document.querySelector(this.parent.eventDragArea).appendChild(this.actionObj.clone);
}
else {
element.appendChild(this.actionObj.clone);
}
};
DragAndDrop.prototype.getEventWrapper = function (index) {

@@ -467,0 +628,0 @@ var eventWrapper;

64

src/schedule/actions/keyboard.d.ts

@@ -15,38 +15,38 @@ import { Schedule } from '../base/schedule';

constructor(parent: Schedule);
private keyActionHandler(e);
private addEventListener();
private removeEventListener();
private onCellMouseDown(e);
private keyActionHandler;
private addEventListener;
private removeEventListener;
private onCellMouseDown;
onMouseSelection(e: Event): void;
private getClosestCell(e);
private getClosestCell;
onAppointmentSelection(e: Event): void;
private onMoveup(e);
private processEnter(e);
private getCells(isInverseTable, start, end);
private focusFirstCell();
private isInverseTableSelect();
private onMoveup;
private processEnter;
private getCells;
private focusFirstCell;
private isInverseTableSelect;
/** @hidden */
selectCells(isMultiple: boolean, target: HTMLTableCellElement): void;
private selectAppointment(isReverse, target);
private selectAppointmentElementFromWorkCell(isReverse, target);
private getAllDayCells(cells);
private getAppointmentElements();
private getAppointmentElementsByGuid(guid);
private getUniqueAppointmentElements();
private getWorkCellFromAppointmentElement(target);
private processViewNavigation(e);
private processUp(e, isMultiple);
private processDown(e, isMultiple);
private processLeftRight(target);
private getQuickPopupElement();
private isCancelLeftRightAction(e, isMultiple);
private processRight(e, isMultiple);
private processLeft(e, isMultiple);
private calculateNextPrevDate(currentCell, target, type);
private getFocusableElements(container);
private processTabOnPopup(e, popupElement);
private processTab(e, isReverse);
private processDelete(e);
private processEscape();
private isPreventAction(e);
private selectAppointment;
private selectAppointmentElementFromWorkCell;
private getAllDayCells;
private getAppointmentElements;
private getAppointmentElementsByGuid;
private getUniqueAppointmentElements;
private getWorkCellFromAppointmentElement;
private processViewNavigation;
private processUp;
private processDown;
private processLeftRight;
private getQuickPopupElement;
private isCancelLeftRightAction;
private processRight;
private processLeft;
private calculateNextPrevDate;
private getFocusableElements;
private processTabOnPopup;
private processTab;
private processDelete;
private processEscape;
private isPreventAction;
/**

@@ -53,0 +53,0 @@ * Get module name.

19

src/schedule/actions/resize.d.ts

@@ -7,11 +7,12 @@ import { ActionBase } from '../actions/action-base';

wireResizeEvent(element: HTMLElement): void;
private resizeHelper();
private resizeStart(e);
private resizing(e);
private resizeStop(e);
private verticalResizing(isTop);
private horizontalResizing(isLeft);
private getTopBottomStyles(e, isTop);
private getLeftRightStyles(e, isLeft);
private resizeValidation(e);
private resizeHelper;
private resizeStart;
private resizing;
updateResizingDirection(e: MouseEvent & TouchEvent): void;
private resizeStop;
private verticalResizing;
private horizontalResizing;
private getTopBottomStyles;
private getLeftRightStyles;
private resizeValidation;
/**

@@ -18,0 +19,0 @@ * Get module name.

63

src/schedule/actions/resize.js
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
}
return function (d, b) {

@@ -60,3 +63,3 @@ extendStatics(d, b);

interval: this.actionObj.interval,
scroll: { enable: true, scrollBy: 10 }
scroll: { enable: true, scrollBy: 30, timeDelay: 100 }
};

@@ -107,5 +110,19 @@ this.parent.trigger(event.resizeStart, resizeArgs);

}
if (this.autoScrollValidation(e) && !this.actionObj.clone.classList.contains(cls.ALLDAY_APPOINTMENT_CLASS)) {
this.autoScroll();
}
var pages = this.getPageCoordinates(e);
this.actionObj.pageX = pages.pageX;
this.actionObj.pageY = pages.pageY;
this.updateScrollPosition(e);
this.updateResizingDirection(e);
var eventObj = extend({}, this.actionObj.event, null, true);
var resizeArgs = {
cancel: false,
data: eventObj,
element: this.actionObj.element,
event: e,
startTime: this.actionObj.start,
endTime: this.actionObj.end
};
this.parent.trigger(event.resizing, resizeArgs);
};
Resize.prototype.updateResizingDirection = function (e) {
var resizeValidation = this.resizeValidation(e);

@@ -156,12 +173,2 @@ if (this.resizeEdges.left) {

}
var eventObj = extend({}, this.actionObj.event, null, true);
var resizeArgs = {
cancel: false,
data: eventObj,
element: this.actionObj.element,
event: e,
startTime: this.actionObj.start,
endTime: this.actionObj.end
};
this.parent.trigger(event.resizing, resizeArgs);
};

@@ -171,2 +178,4 @@ Resize.prototype.resizeStop = function (e) {

EventHandler.remove(document, Browser.touchEndEvent, this.resizeStop);
clearInterval(this.actionObj.scrollInterval);
this.actionObj.scrollInterval = null;
this.removeCloneElement();

@@ -295,8 +304,8 @@ this.actionClass('removeClass');

Resize.prototype.getTopBottomStyles = function (e, isTop) {
var pages = this.getPageCoordinates(e);
var viewElement = this.parent.element.querySelector('.' + cls.CONTENT_WRAP_CLASS);
var slotInterval = (this.actionObj.cellHeight / this.actionObj.slotInterval) * this.actionObj.interval;
var clnHeight = isTop ? this.actionObj.element.offsetHeight + (this.actionObj.Y - pages.pageY) :
this.actionObj.element.offsetHeight + (pages.pageY - this.actionObj.Y);
var clnTop = isTop ? this.actionObj.element.offsetTop - (this.actionObj.Y - pages.pageY) : this.actionObj.clone.offsetTop;
var clnHeight = isTop ? this.actionObj.element.offsetHeight + (this.actionObj.Y - this.actionObj.pageY) :
this.actionObj.element.offsetHeight + (this.actionObj.pageY - this.actionObj.Y);
var clnTop = isTop ? this.actionObj.element.offsetTop -
(this.actionObj.Y - this.actionObj.pageY) : this.actionObj.clone.offsetTop;
clnHeight = (clnTop < 0) ? this.actionObj.clone.offsetHeight :

@@ -318,3 +327,2 @@ (this.actionObj.clone.offsetTop + this.actionObj.clone.offsetHeight) > this.scrollArgs.height ?

var styles = {};
var pages = this.getPageCoordinates(e);
var isTimelineView = this.parent.activeView.isTimelineView();

@@ -324,3 +332,3 @@ var isTimeViews = ['TimelineDay', 'TimelineWeek', 'TimelineWorkWeek'].indexOf(this.parent.currentView) > 0 &&

var slotInterval = (this.actionObj.cellWidth / this.actionObj.slotInterval) * this.actionObj.interval;
var pageWidth = isLeft ? (this.actionObj.X - pages.pageX) : (pages.pageX - this.actionObj.X);
var pageWidth = isLeft ? (this.actionObj.X - this.actionObj.pageX) : (this.actionObj.pageX - this.actionObj.X);
var targetWidth = isTimelineView ?

@@ -333,2 +341,3 @@ (this.actionObj.element.offsetWidth / this.actionObj.cellWidth) * this.actionObj.cellWidth :

offsetWidth = targetWidth + (Math.ceil(pageWidth / slotInterval) * slotInterval);
this.actionObj.event[this.parent.eventFields.isAllDay] = false;
}

@@ -343,3 +352,3 @@ styles.width = formatUnit((offsetWidth < this.actionObj.cellWidth) ? this.actionObj.cellWidth : offsetWidth);

rightValue = Math.ceil((this.actionObj.element.offsetLeft + (this.actionObj.element.offsetWidth +
(pages.pageX - this.actionObj.X))) / this.actionObj.cellWidth) * this.actionObj.cellWidth;
(this.actionObj.pageX - this.actionObj.X))) / this.actionObj.cellWidth) * this.actionObj.cellWidth;
rightValue = rightValue < 0 ? Math.abs(rightValue) : -rightValue;

@@ -350,3 +359,3 @@ }

else {
var offsetLeft = isLeft ? this.actionObj.element.offsetLeft - (this.actionObj.X - pages.pageX) :
var offsetLeft = isLeft ? this.actionObj.element.offsetLeft - (this.actionObj.X - this.actionObj.pageX) :
this.parent.enableRtl ? this.actionObj.element.offsetLeft : 0;

@@ -356,7 +365,7 @@ if (isTimelineView) {

if (this.parent.enableRtl) {
offsetLeft = !isLeft ? (pages.pageX < this.actionObj.X - this.actionObj.clone.offsetWidth) ?
offsetLeft = !isLeft ? (this.actionObj.pageX < this.actionObj.X - this.actionObj.clone.offsetWidth) ?
parseInt(this.actionObj.clone.style.right, 10) : offsetLeft : offsetLeft;
}
else {
offsetLeft = isLeft ? (pages.pageX > this.actionObj.X + this.actionObj.clone.offsetWidth &&
offsetLeft = isLeft ? (this.actionObj.pageX > this.actionObj.X + this.actionObj.clone.offsetWidth &&
this.actionObj.clone.offsetWidth === this.actionObj.cellWidth) ?

@@ -363,0 +372,0 @@ parseInt(this.actionObj.clone.style.left, 10) : offsetLeft : offsetLeft;

4

src/schedule/actions/scroll.d.ts

@@ -36,7 +36,7 @@ import { Schedule } from '../base/schedule';

*/
private setDimensions();
private setDimensions;
/**
* @hidden
*/
private onPropertyChanged(e);
private onPropertyChanged;
/**

@@ -43,0 +43,0 @@ * @hidden

20

src/schedule/actions/touch.d.ts

@@ -17,12 +17,12 @@ import { Schedule } from '../base/schedule';

constructor(parent: Schedule);
private scrollHandler(e);
private swipeHandler(e);
private tapHoldHandler(e);
private renderPanel(clsName, nextPrevType);
private swapPanels(direction);
private confirmSwipe(swipeDirection);
private cancelSwipe();
private onTransitionEnd();
private getTranslateX(element);
private setDimensions(element);
private scrollHandler;
private swipeHandler;
private tapHoldHandler;
private renderPanel;
private swapPanels;
private confirmSwipe;
private cancelSwipe;
private onTransitionEnd;
private getTranslateX;
private setDimensions;
resetValues(): void;

@@ -29,0 +29,0 @@ /**

2

src/schedule/actions/work-cells.d.ts

@@ -11,3 +11,3 @@ import { Schedule } from '../base/schedule';

cellDblClick(e: Event): void;
private isPreventAction(e);
private isPreventAction;
}

4

src/schedule/actions/work-cells.js

@@ -74,2 +74,6 @@ import { extend, closest, isNullOrUndefined } from '@syncfusion/ej2-base';

}
if (closest(e.target, '.' + cls.APPOINTMENT_WRAPPER_CLASS) &&
!closest(e.target, '.' + cls.MORE_INDICATOR_CLASS)) {
return true;
}
var target = closest(e.target, '.' + cls.APPOINTMENT_CLASS + ',.' + cls.RESOURCE_GROUP_CELLS_CLASS);

@@ -76,0 +80,0 @@ if (!isNullOrUndefined(target)) {

2

src/schedule/base/css-constant.js

@@ -195,3 +195,3 @@ /**

/** @hidden */
export var CLONE_ELEMENT_CLASS = 'e-event-clone';
export var CLONE_ELEMENT_CLASS = 'e-schedule-event-clone';
/** @hidden */

@@ -198,0 +198,0 @@ export var MONTH_CLONE_ELEMENT_CLASS = 'e-month-event';

19

src/schedule/base/interface.d.ts

@@ -148,3 +148,12 @@ import { BaseEventArgs } from '@syncfusion/ej2-base';

scroll?: ScrollOptions;
/** Defines the date range navigation action while dragging. */
navigation?: NavigateOptions;
}
/** An interface that holds options to control the navigation, while performing drag action on appointments. */
export interface NavigateOptions {
/** Allows to enable or disable the auto navigation while performing drag action on appointments. */
enable: boolean;
/** Allows to define the time delay value while navigating. */
timeDelay: number;
}
/** An interface that holds options to control the scrolling action while performing drag and resizing action on appointments. */

@@ -156,2 +165,4 @@ export interface ScrollOptions {

scrollBy: number;
/** Allows to define the time delay value while scrolling. */
timeDelay: number;
}

@@ -237,2 +248,3 @@ /** @hidden */

generateColumnLevels(): TdData[][];
getColumnLevels(): TdData[][];
createTableLayout(className?: string): Element;

@@ -335,2 +347,6 @@ setResourceHeaderContent(tdElement: Element, tdData: TdData, className: string): void;

Y?: number;
pageX?: number;
pageY?: number;
target?: EventTarget;
scrollInterval?: number;
start?: Date;

@@ -340,2 +356,4 @@ end?: Date;

action?: string;
navigationInterval?: number;
index?: number;
height?: number;

@@ -358,2 +376,3 @@ width?: number;

scroll?: ScrollOptions;
navigation?: NavigateOptions;
}

22

src/schedule/base/resource.d.ts

@@ -19,18 +19,18 @@ import { Schedule } from '../base/schedule';

getContentRows(resData: TdData[]): Element[];
private setMargin(element, value);
private countCalculation(parentCollection, wholeCollection);
private setMargin;
private countCalculation;
onTreeIconClick(e: Event): void;
renderResourceHeader(): void;
renderResourceTree(): void;
private generateTreeData(isTimeLine?);
private renderResourceHeaderText();
private menuClick(event);
private resourceClick(event);
private documentClick(args);
private generateTreeData;
private renderResourceHeaderText;
private menuClick;
private resourceClick;
private documentClick;
bindResourcesData(isSetModel: boolean): void;
private dataManagerSuccess(e, isSetModel);
private dataManagerSuccess;
setResourceCollection(): void;
generateResourceLevels(innerDates: TdData[], isTimeLine?: boolean): TdData[][];
generateCustomHours(renderDates: TdData[], startHour: string, endHour: string, groupOrder?: string[]): TdData[];
private generateHeaderLevels(resTreeGroup, lastColumnDates, headerDates);
private generateHeaderLevels;
setResourceValues(eventObj: {

@@ -45,4 +45,4 @@ [key: string]: Object;

}): string;
private filterData(dataSource, field, operator, value);
private dataManagerFailure(e);
private filterData;
private dataManagerFailure;
getResourceData(eventObj: {

@@ -49,0 +49,0 @@ [key: string]: Object;

2

src/schedule/base/resource.js

@@ -648,2 +648,4 @@ import { extend, isNullOrUndefined, createElement, EventHandler, addClass, append, removeClass, remove, closest, classList } from '@syncfusion/ej2-base';

ResourceBase.prototype.getResourceColor = function (eventObj, groupOrder) {
this.colorIndex = (this.parent.activeView.isTimelineView() && !isNullOrUndefined(groupOrder)) ?
groupOrder.length - 1 : this.colorIndex;
var resource = this.resourceCollection[this.colorIndex];

@@ -650,0 +652,0 @@ if (isNullOrUndefined(groupOrder) && this.parent.activeViewOptions.group.allowGroupEdit && resource.allowMultiple) {

8

src/schedule/base/schedule-model.d.ts

@@ -301,2 +301,10 @@ import { Component, ModuleDeclaration, Property, Event, Animation, Collection } from '@syncfusion/ej2-base';import { EventHandler, EmitType, Browser, Internationalization, getDefaultDateObject, cldrData, L10n } from '@syncfusion/ej2-base';import { getValue, compile, extend, isNullOrUndefined, NotifyPropertyChanges, INotifyPropertyChanged, Complex } from '@syncfusion/ej2-base';import { removeClass, addClass, classList } from '@syncfusion/ej2-base';import { createSpinner, hideSpinner, showSpinner } from '@syncfusion/ej2-popups';import { HeaderRenderer } from '../renderer/header-renderer';import { Scroll } from '../actions/scroll';import { ScheduleTouch } from '../actions/touch';import { KeyboardInteraction } from '../actions/keyboard';import { Data } from '../actions/data';import { View, CurrentAction, ReturnType } from '../base/type';import { EventBase } from '../event-renderer/event-base';import { QuickPopups } from '../popups/quick-popups';import { EventTooltip } from '../popups/event-tooltip';import { EventWindow } from '../popups/event-window';import { Render } from '../renderer/renderer';import { Day } from '../renderer/day';import { Week } from '../renderer/week';import { WorkWeek } from '../renderer/work-week';import { Month } from '../renderer/month';import { Agenda } from '../renderer/agenda';import { MonthAgenda } from '../renderer/month-agenda';import { TimelineViews } from '../renderer/timeline-view';import { TimelineMonth } from '../renderer/timeline-month';import { WorkHours } from '../models/work-hours';import { TimeScale } from '../models/time-scale';import { QuickInfoTemplates } from '../models/quick-info-templates';import { HeaderRows } from '../models/header-rows';import { Crud } from '../actions/crud';import { Resize } from '../actions/resize';import { DragAndDrop } from '../actions/drag';import { WorkHoursModel, ViewsModel, EventSettingsModel, GroupModel, ResourcesModel, TimeScaleModel } from '../models/models';import { QuickInfoTemplatesModel, HeaderRowsModel } from '../models/models';import { EventSettings } from '../models/event-settings';import { Group } from '../models/group';import { Resources } from '../models/resources';import { IRenderer, ActionEventArgs, NavigatingEventArgs, CellClickEventArgs, RenderCellEventArgs, ScrollCss } from '../base/interface';import { EventClickArgs, EventRenderedArgs, PopupOpenEventArgs, UIStateArgs, DragEventArgs, ResizeEventArgs } from '../base/interface';import { EventFieldsMapping, TdData, ResourceDetails } from '../base/interface';import { ResourceBase } from '../base/resource';import * as events from '../base/constant';import * as cls from '../base/css-constant';import * as util from '../base/util';

/**
* It enables the external drag and drop support for appointments on scheduler, to be able to move them out of the scheduler layout.
* When the drag area is explicitly set with specific DOM element name,
* the appointments can be dragged anywhere within the specified drag area location.
* @default null
*/
eventDragArea?: string;
/**
* Triggers after the scheduler component is created.

@@ -303,0 +311,0 @@ * @event

45

src/schedule/base/schedule.d.ts

@@ -359,2 +359,9 @@ import { Component, ModuleDeclaration } from '@syncfusion/ej2-base';

/**
* It enables the external drag and drop support for appointments on scheduler, to be able to move them out of the scheduler layout.
* When the drag area is explicitly set with specific DOM element name,
* the appointments can be dragged anywhere within the specified drag area location.
* @default null
*/
eventDragArea: string;
/**
* Triggers after the scheduler component is created.

@@ -469,14 +476,14 @@ * @event

render(): void;
private initializeResources(isSetModel?);
private initializeResources;
renderElements(isLayoutOnly: boolean): void;
private validateDate();
private getViewIndex(viewName);
private setViewOptions(isModuleLoad?);
private getActiveViewOptions();
private initializeDataModule();
private initializeView(viewName);
private initializeTemplates();
private initializePopups();
private validateDate;
private getViewIndex;
private setViewOptions;
private getActiveViewOptions;
private initializeDataModule;
private initializeView;
private initializeTemplates;
private initializePopups;
getDayNames(type: string): string[];
private setCldrTimeFormat();
private setCldrTimeFormat;
getTimeString(date: Date): string;

@@ -487,3 +494,3 @@ changeView(view: View, event?: Event, muteOnChange?: boolean, index?: number): void;

getNavigateView(): View;
private animateLayout();
private animateLayout;
/**

@@ -504,3 +511,3 @@ * To provide the array of modules needed for control rendering

*/
private wireEvents();
private wireEvents;
removeSelectedClass(): void;

@@ -530,4 +537,4 @@ addSelectedClass(cells: HTMLTableCellElement[], focusCell: HTMLTableCellElement): void;

getCssProperties(): ScrollCss;
private onDocumentClick(args);
private onScheduleResize();
private onDocumentClick;
private onScheduleResize;
templateParser(template: string): Function;

@@ -538,3 +545,3 @@ /**

*/
private unwireEvents();
private unwireEvents;
/**

@@ -555,5 +562,5 @@ * Core method to return the component name.

onPropertyChanged(newProp: ScheduleModel, oldProp: ScheduleModel): void;
private extendedPropertyChange(prop, newProp, oldProp);
private onGroupSettingsPropertyChanged(newProp, oldProp);
private onEventSettingsPropertyChanged(newProp, oldProp);
private extendedPropertyChange;
private onGroupSettingsPropertyChanged;
private onEventSettingsPropertyChanged;
/**

@@ -698,3 +705,3 @@ * Allows to show the spinner on schedule at the required scenarios.

*/
openEditor(data: Object, action: CurrentAction): void;
openEditor(data: Object, action: CurrentAction, isEventData?: boolean): void;
/**

@@ -701,0 +708,0 @@ * This method has been added to adjust the size of the outer event wrapper class that holds the collection of events,

22

src/schedule/base/schedule.js
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
}
return function (d, b) {

@@ -208,2 +211,3 @@ extendStatics(d, b);

};
var workDays = this.viewCollections[this.viewIndex].workDays ? [] : this.workDays;
var scheduleOptions = {

@@ -221,3 +225,3 @@ dateFormat: this.dateFormat,

resourceHeaderTemplate: this.resourceHeaderTemplate,
workDays: this.workDays,
workDays: workDays,
showWeekend: this.showWeekend,

@@ -708,2 +712,5 @@ showWeekNumber: this.showWeekNumber,

break;
case 'eventDragArea':
this.notify(events.dataReady, {});
break;
case 'locale':

@@ -1128,4 +1135,4 @@ this.setCldrTimeFormat();

*/
Schedule.prototype.openEditor = function (data, action) {
this.eventWindow.openEditor(data, action);
Schedule.prototype.openEditor = function (data, action, isEventData) {
this.eventWindow.openEditor(data, action, isEventData);
};

@@ -1308,2 +1315,5 @@ /**

__decorate([
Property()
], Schedule.prototype, "eventDragArea", void 0);
__decorate([
Event()

@@ -1310,0 +1320,0 @@ ], Schedule.prototype, "created", void 0);

1

src/schedule/base/util.d.ts

@@ -7,2 +7,3 @@ /**

export declare const MS_PER_MINUTE: number;
export declare function getElementHeightFromClass(container: Element, elementClass: string): number;
export declare function getWeekFirstDate(date1: Date, firstDayOfWeek: number): Date;

@@ -9,0 +10,0 @@ export declare function firstDateOfMonth(date: Date): Date;

12

src/schedule/base/util.js

@@ -1,2 +0,2 @@

import { createElement } from '@syncfusion/ej2-base';
import { createElement, remove } from '@syncfusion/ej2-base';
/**

@@ -8,2 +8,12 @@ * Schedule common utilities

export var MS_PER_MINUTE = 60000;
export function getElementHeightFromClass(container, elementClass) {
var height = 0;
var el = createElement('div', { className: elementClass }).cloneNode();
el.style.visibility = 'hidden';
el.style.position = 'absolute';
container.appendChild(el);
height = getOuterHeight(el);
remove(el);
return height;
}
export function getWeekFirstDate(date1, firstDayOfWeek) {

@@ -10,0 +20,0 @@ var date = new Date(date1.getTime());

2

src/schedule/event-renderer/agenda-base.d.ts

@@ -19,3 +19,3 @@ import { ViewBase } from '../renderer/view-base';

calculateResourceTableElement(tBody: Element, noOfDays: number, agendaDate: Date): void;
private createResourceTableRow(tContent, tBody);
private createResourceTableRow;
createDateHeaderElement(date: Date): Element;

@@ -22,0 +22,0 @@ renderEmptyContent(tBody: Element, agendaDate: Date): void;

14

src/schedule/event-renderer/event-base.d.ts

@@ -25,4 +25,4 @@ import { EventClickArgs, TdData } from '../base/interface';

}): void;
private processTimezoneChange(event, oldTimezone);
private processTimezone(event);
private processTimezoneChange;
private processTimezone;
filterEvents(startDate: Date, endDate: Date, appointments?: Object[], resourceTdData?: TdData): Object[];

@@ -41,4 +41,4 @@ filterEventsByResource(resourceTdData: TdData, appointments?: Object[]): Object[];

}[];
private cloneEventObject(event, start, end, count, isLeft, isRight);
private dateInRange(date, start, end);
private cloneEventObject;
private dateInRange;
getSelectedEventElements(target: Element): Element[];

@@ -58,3 +58,3 @@ getSelectedEvents(): EventClickArgs;

addEventListener(): void;
private appointmentBorderRemove(event);
private appointmentBorderRemove;
wireAppointmentEvents(element: HTMLElement, isAllDay?: boolean): void;

@@ -64,3 +64,3 @@ renderResizeHandler(element: HTMLElement, spanEvent: {

}): void;
private eventClick(eventData);
private eventClick;
eventDoubleClick(e: Event): void;

@@ -71,3 +71,3 @@ getEventByGuid(guid: string): Object;

getEventMaxID(resourceId?: number): number | string;
private activeEventData(eventData);
private activeEventData;
generateOccurrence(event: {

@@ -74,0 +74,0 @@ [key: string]: Object;

2

src/schedule/event-renderer/event-base.js

@@ -457,3 +457,3 @@ import { isNullOrUndefined, closest, extend, EventHandler, uniqueID } from '@syncfusion/ej2-base';

}
if (this.parent.dragAndDropModule && !this.parent.isAdaptive) {
if (this.parent.dragAndDropModule) {
this.parent.dragAndDropModule.wireDragEvent(element, isAllDay);

@@ -460,0 +460,0 @@ }

3

src/schedule/event-renderer/month.d.ts

@@ -29,7 +29,6 @@ import { EventFieldsMapping, TdData } from '../base/interface';

getSlotDates(workDays?: number[]): void;
private getElementHeightFromClass(container, elementClass);
createAppointmentElement(record: {
[key: string]: Object;
}, resIndex: number): HTMLElement;
private appendEventIcons(record, appointmentDetails);
private appendEventIcons;
renderEvents(event: {

@@ -36,0 +35,0 @@ [key: string]: Object;

21

src/schedule/event-renderer/month.js
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
}
return function (d, b) {

@@ -41,3 +44,3 @@ extendStatics(d, b);

}
this.eventHeight = this.getElementHeightFromClass(this.element, cls.APPOINTMENT_CLASS);
this.eventHeight = util.getElementHeightFromClass(this.element, cls.APPOINTMENT_CLASS);
if (this.parent.currentView === 'Month') {

@@ -119,12 +122,2 @@ this.monthHeaderHeight = util.getOuterHeight(this.element.querySelector('.' + cls.DATE_HEADER_CLASS));

};
MonthEvent.prototype.getElementHeightFromClass = function (container, elementClass) {
var height = 0;
var el = createElement('div', { className: elementClass }).cloneNode();
el.style.visibility = 'hidden';
el.style.position = 'absolute';
container.appendChild(el);
height = util.getOuterHeight(el);
remove(el);
return height;
};
MonthEvent.prototype.createAppointmentElement = function (record, resIndex) {

@@ -131,0 +124,0 @@ var eventSubject = (record[this.fields.subject] || this.parent.eventSettings.fields.subject.default);

24

src/schedule/event-renderer/timeline-view.d.ts

@@ -29,14 +29,14 @@ import { Schedule } from '../base/schedule';

}, resIndex: number): void;
private getStartTime(event, eventData);
private getNextDay(startTime, eventData);
private getEndTime(event, eventData);
private getNormalEventsWidth(startDate, endDate, diffInDays);
private getSameDayEventsWidth(startDate, endDate);
private getSpannedEventsWidth(startDate, endDate, diffInDays);
private isSameDay(startTime, endTime);
private getAppointmentLeft(schedule, startTime, endTime, day);
private getPosition(schedule, startTime, endTime, day);
private getFilterEvents(startDate, endDate, startTime, endTime, gIndex);
private isAlreadyAvail(appPos, cellTd);
private getRowTop(resIndex);
private getStartTime;
private getNextDay;
private getEndTime;
private getNormalEventsWidth;
private getSameDayEventsWidth;
private getSpannedEventsWidth;
private isSameDay;
private getAppointmentLeft;
private getPosition;
private getFilterEvents;
private isAlreadyAvail;
private getRowTop;
}

10

src/schedule/event-renderer/timeline-view.js
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
}
return function (d, b) {

@@ -236,2 +239,3 @@ extendStatics(d, b);

endWidth = this.getSameDayEventsWidth(endDate, end.endHour);
endWidth = ((this.slotsPerDay * this.cellWidth) === endWidth) ? 0 : endWidth;
}

@@ -238,0 +242,0 @@ var spannedWidth = startWidth + endWidth;

34

src/schedule/event-renderer/vertical-view.d.ts

@@ -30,19 +30,19 @@ import { Schedule } from '../base/schedule';

renderAppointments(): void;
private renderEvents(eventType);
private setValues(event, resourceIndex);
private getResourceList();
private createAppointmentElement(record, isAllDay, data, resource);
private createMoreIndicator(allDayRow, count, currentDay);
private renderSpannedIcon(element, spanEvent);
private isSpannedEvent(record, day, resource);
private renderAllDayEvents(eventObj, dayIndex, resource, dayCount);
private renderNormalEvents(eventObj, dayIndex, resource, dayCount);
private getTopValue(date, day, resource);
private getOverlapIndex(record, day, isAllDay, resource);
private adjustOverlapElements(args);
private setAllDayRowHeight(height);
private addOrRemoveClass();
private getEventHeight();
private rowExpandCollapse();
private animationUiUpdate();
private renderEvents;
private setValues;
private getResourceList;
private createAppointmentElement;
private createMoreIndicator;
private renderSpannedIcon;
private isSpannedEvent;
private renderAllDayEvents;
private renderNormalEvents;
private getTopValue;
private getOverlapIndex;
private adjustOverlapElements;
private setAllDayRowHeight;
private addOrRemoveClass;
private getEventHeight;
private rowExpandCollapse;
private animationUiUpdate;
}

9

src/schedule/event-renderer/vertical-view.js
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
}
return function (d, b) {

@@ -6,0 +9,0 @@ extendStatics(d, b);

9

src/schedule/models/event-settings.js
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
}
return function (d, b) {

@@ -6,0 +9,0 @@ extendStatics(d, b);

9

src/schedule/models/field-options.js
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
}
return function (d, b) {

@@ -6,0 +9,0 @@ extendStatics(d, b);

9

src/schedule/models/fields.js
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
}
return function (d, b) {

@@ -6,0 +9,0 @@ extendStatics(d, b);

9

src/schedule/models/group.js
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
}
return function (d, b) {

@@ -6,0 +9,0 @@ extendStatics(d, b);

9

src/schedule/models/header-rows.js
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
}
return function (d, b) {

@@ -6,0 +9,0 @@ extendStatics(d, b);

9

src/schedule/models/quick-info-templates.js
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
}
return function (d, b) {

@@ -6,0 +9,0 @@ extendStatics(d, b);

9

src/schedule/models/resources.js
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
}
return function (d, b) {

@@ -6,0 +9,0 @@ extendStatics(d, b);

9

src/schedule/models/time-scale.js
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
}
return function (d, b) {

@@ -6,0 +9,0 @@ extendStatics(d, b);

9

src/schedule/models/views.js
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
}
return function (d, b) {

@@ -6,0 +9,0 @@ extendStatics(d, b);

9

src/schedule/models/work-hours.js
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
}
return function (d, b) {

@@ -6,0 +9,0 @@ extendStatics(d, b);

4

src/schedule/popups/event-tooltip.d.ts

@@ -9,4 +9,4 @@ import { Schedule } from '../base/schedule';

constructor(parent: Schedule);
private getTargets();
private onBeforeRender(args);
private getTargets;
private onBeforeRender;
close(): void;

@@ -13,0 +13,0 @@ /**

27

src/schedule/popups/event-tooltip.js

@@ -25,13 +25,10 @@ import { isNullOrUndefined, append, createElement } from '@syncfusion/ej2-base';

EventTooltip.prototype.getTargets = function () {
var targets;
if (this.parent.activeViewOptions.group.resources.length > 0 && this.parent.eventSettings.enableTooltip) {
targets = '.' + cls.APPOINTMENT_CLASS + ',' + '.' + cls.RESOURCE_CELLS_CLASS;
var targets = [];
if (this.parent.activeViewOptions.group.headerTooltipTemplate) {
targets.push('.' + cls.RESOURCE_CELLS_CLASS);
}
else if (this.parent.eventSettings.enableTooltip) {
targets = '.' + cls.APPOINTMENT_CLASS;
if (this.parent.eventSettings.enableTooltip) {
targets.push('.' + cls.APPOINTMENT_CLASS);
}
else {
targets = '.' + cls.RESOURCE_CELLS_CLASS;
}
return targets;
return targets.join(',');
};

@@ -44,4 +41,12 @@ EventTooltip.prototype.onBeforeRender = function (args) {

if (args.target.classList.contains(cls.RESOURCE_CELLS_CLASS) && this.parent.activeViewOptions.group.resources.length > 0) {
var index = parseInt(args.target.getAttribute('data-group-index'), 0);
var resCollection = this.parent.resourceBase.lastResourceLevel[index];
var resCollection = void 0;
if (this.parent.activeView.isTimelineView()) {
var index = parseInt(args.target.getAttribute('data-group-index'), 0);
resCollection = this.parent.resourceBase.lastResourceLevel[index];
}
else {
var rowIndex = args.target.parentNode.sectionRowIndex;
var cellIndex = args.target.cellIndex;
resCollection = this.parent.activeView.getColumnLevels()[rowIndex][cellIndex];
}
var data = {

@@ -48,0 +53,0 @@ resource: resCollection.resource,

121

src/schedule/popups/event-window.d.ts

@@ -24,3 +24,2 @@ import { Dialog } from '@syncfusion/ej2-popups';

private cellClickAction;
private timezone;
private duration;

@@ -31,49 +30,49 @@ /**

constructor(parent: Schedule);
private renderEventWindow();
private renderEventWindow;
refresh(): void;
openEditor(data: Object, type: CurrentAction): void;
openEditor(data: Object, type: CurrentAction, isEventData?: boolean): void;
setDialogContent(): void;
private onBeforeOpen(args);
private onBeforeClose();
private getEventWindowContent();
private getDefaultEventWindowContent();
private createRecurrenceEditor(parentDiv);
private createDivElement(className?);
private createInputElement(className, fieldName, type?);
private getSlotDuration();
private renderDateTimePicker(value, changeEvent?);
private onBeforeOpen;
private onBeforeClose;
private getEventWindowContent;
private getDefaultEventWindowContent;
private createRecurrenceEditor;
private createDivElement;
private createInputElement;
private getSlotDuration;
private renderDateTimePicker;
refreshDateTimePicker(duration?: number): void;
private onTimeChange();
private renderMultiSelect(index);
private renderDropDown(value);
private onMultiselectResourceChange(args);
private createInstance(index);
private onDropdownResourceChange(args);
private filterDatasource(index, groupId);
private onTimezoneChange();
private renderCheckBox(value);
private renderTextBox(value);
private getFieldName(name);
private getFieldLabel(fieldName);
private onChange(args);
private renderRepeatDialog();
private loadRecurrenceEditor();
private onRepeatChange(state);
private repeatSaveDialog();
private closeRepeatDialog();
private repeatCancelDialog();
private repeatOpenDialog();
private onCellDetailsUpdate(event);
private applyFormValidation();
private showDetails(eventData);
private getColumnName(element);
private onAllDayChange(allDayStatus);
private updateDateTime(allDayStatus, startObj, endObj);
private getFormat(formatType);
private onEventDetailsUpdate(eventObj);
private renderRecurrenceEditor();
private updateRepeatLabel(repeatRule);
private dialogClose();
private timezoneChangeStyle(value);
private resetFormFields();
private onTimeChange;
private renderMultiSelect;
private renderDropDown;
private onMultiselectResourceChange;
private createInstance;
private onDropdownResourceChange;
private filterDatasource;
private onTimezoneChange;
private renderCheckBox;
private renderTextBox;
private getFieldName;
private getFieldLabel;
private onChange;
private renderRepeatDialog;
private loadRecurrenceEditor;
private onRepeatChange;
private repeatSaveDialog;
private closeRepeatDialog;
private repeatCancelDialog;
private repeatOpenDialog;
private onCellDetailsUpdate;
private applyFormValidation;
private showDetails;
private getColumnName;
private onAllDayChange;
private updateDateTime;
private getFormat;
private onEventDetailsUpdate;
private renderRecurrenceEditor;
private updateRepeatLabel;
private dialogClose;
private timezoneChangeStyle;
private resetFormFields;
eventSave(alert?: string): void;

@@ -83,15 +82,23 @@ getObjectFromFormData(className: string): {

};
private recurrenceValidation(startDate, endDate, alert);
private getRecurrenceIndex(recColl, event);
private editOccurrenceValidation(eventId, eventObj);
private resourceSaveEvent(eventObj, action?, currentAction?);
private getEventIdFromForm();
private getFormElements(className);
private getValueFromElement(element);
private setValueToElement(element, value);
private setDefaultValueToElement(element);
private getInstance(className);
private eventDelete();
setDefaultValueToObject(eventObj: {
[key: string]: Object;
}): void;
private recurrenceValidation;
private getRecurrenceIndex;
private trimAllDay;
editOccurrenceValidation(eventId: string | number, currentData: {
[key: string]: Object;
}, editData?: {
[key: string]: Object;
}): boolean;
private resourceSaveEvent;
private getEventIdFromForm;
private getFormElements;
private getValueFromElement;
private setValueToElement;
private setDefaultValueToElement;
private getInstance;
private eventDelete;
getRecurrenceEditorInstance(): RecurrenceEditor;
private destroyComponents();
private destroyComponents;
/**

@@ -98,0 +105,0 @@ * To destroy the event window.

6

src/schedule/popups/form-validator.d.ts

@@ -10,5 +10,5 @@ /**

}, element: HTMLElement): void;
private validationComplete(args);
private errorPlacement(inputElement, error);
private createTooltip(element, error, name, display);
private validationComplete;
private errorPlacement;
private createTooltip;
destroyToolTip(): void;

@@ -15,0 +15,0 @@ /**

76

src/schedule/popups/quick-popups.d.ts

@@ -20,9 +20,9 @@ import { Dialog, Popup } from '@syncfusion/ej2-popups';

constructor(parent: Schedule);
private render();
private renderQuickPopup();
private renderMorePopup();
private renderQuickDialog();
private renderButton(className, iconName, isDisabled, element, clickEvent);
private quickDialogClass(action);
private applyFormValidation();
private render;
private renderQuickPopup;
private renderMorePopup;
private renderQuickDialog;
private renderButton;
private quickDialogClass;
private applyFormValidation;
openRecurrenceAlert(): void;

@@ -32,38 +32,38 @@ openRecurrenceValidationAlert(type: string): void;

openValidationError(type: string): void;
private showQuickDialog(popupType);
private createMoreEventList(eventCollection, groupOrder, groupIndex);
private tapHoldEventPopup(args);
private cellClick(args);
private isSameEventClick(events);
private eventClick(events);
private getResourceText(args, type);
private getFormattedString(eventData);
private showQuickDialog;
private createMoreEventList;
private tapHoldEventPopup;
private cellClick;
private isSameEventClick;
private eventClick;
private getResourceText;
private getFormattedString;
moreEventClick(data: EventClickArgs, endDate: Date, groupIndex?: string): void;
private saveClick();
private detailsClick();
private editClick();
private saveClick;
private detailsClick;
private editClick;
deleteClick(): void;
private updateMoreEventContent();
private closeClick();
private dialogButtonClick(event);
private updateTapHoldEventPopup(target);
private getTimezone(event);
private getRecurrenceSummary(event);
private getDateFormat(date, formatString);
private getDataFromTarget(target);
private beforeQuickDialogClose();
private beforeQuickPopupOpen(target);
private applyEventColor();
private quickPopupOpen();
private quickPopupClose();
private morePopupOpen();
private morePopupClose();
private updateMoreEventContent;
private closeClick;
private dialogButtonClick;
private updateTapHoldEventPopup;
private getTimezone;
private getRecurrenceSummary;
private getDateFormat;
private getDataFromTarget;
private beforeQuickDialogClose;
private beforeQuickPopupOpen;
private applyEventColor;
private quickPopupOpen;
private quickPopupClose;
private morePopupOpen;
private morePopupClose;
quickPopupHide(hideAnimation?: Boolean): void;
private navigationClick(e);
private documentClick(e);
private navigationClick;
private documentClick;
onClosePopup(): void;
private addEventListener();
private removeEventListner();
private destroyButtons();
private addEventListener;
private removeEventListner;
private destroyButtons;
destroy(): void;
}

5

src/schedule/popups/quick-popups.js

@@ -638,6 +638,3 @@ import { closest, EventHandler, isNullOrUndefined, formatUnit, append } from '@syncfusion/ej2-base';

var saveObj = extend({}, this.parent.eventWindow.getObjectFromFormData(cls.POPUP_WRAPPER_CLASS));
if (!isNullOrUndefined(saveObj[fields.subject])) {
saveObj[fields.subject] = saveObj[fields.subject] !== '' ?
saveObj[fields.subject] : this.parent.eventSettings.fields.subject.default;
}
this.parent.eventWindow.setDefaultValueToObject(saveObj);
saveObj[fields.id] = this.parent.eventBase.getEventMaxID();

@@ -644,0 +641,0 @@ saveObj[fields.startTime] = this.parent.activeCellsData.startTime;

22

src/schedule/renderer/agenda.d.ts

@@ -28,11 +28,11 @@ import { IRenderer } from '../base/interface';

renderLayout(): void;
private eventLoad(args);
private refreshEvent(refreshDate);
private eventLoad;
private refreshEvent;
renderContent(tBody: Element, agendaDate: Date): void;
private agendaScrolling(event);
private virtualScrolling(event);
private getElementFromScrollerPosition(event, direction?);
private updateHeaderText(date?);
private getPreviousNextDate(date, type);
private appointmentFiltering(startDate?, endDate?);
private agendaScrolling;
private virtualScrolling;
private getElementFromScrollerPosition;
private updateHeaderText;
private getPreviousNextDate;
private appointmentFiltering;
getStartDateFromEndDate(endDate: Date): Date;

@@ -45,7 +45,7 @@ getEndDateFromStartDate(startDate: Date): Date;

dayNavigationClick(e: Event): void;
private wireEvents();
private unWireEvents();
private wireEvents;
private unWireEvents;
addEventListener(): void;
removeEventListener(): void;
private onAgendaScrollUiUpdate();
private onAgendaScrollUiUpdate;
/**

@@ -52,0 +52,0 @@ * To destroy the agenda.

11

src/schedule/renderer/agenda.js
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
}
return function (d, b) {

@@ -166,3 +169,3 @@ extendStatics(d, b);

if (this.isCurrentDate(new Date(agendaDate.getTime()))) {
addClass(dTd.children, cls.AGENDA_CURRENT_DAY_CLASS);
addClass(dTd.childNodes, cls.AGENDA_CURRENT_DAY_CLASS);
}

@@ -169,0 +172,0 @@ agendaDate = util.addDays(agendaDate, 1);

9

src/schedule/renderer/day.js
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
}
return function (d, b) {

@@ -6,0 +9,0 @@ extendStatics(d, b);

18

src/schedule/renderer/header-renderer.d.ts

@@ -19,7 +19,7 @@ import { CalendarView } from '@syncfusion/ej2-calendars';

removeEventListener(): void;
private closeHeaderPopup(e);
private closeHeaderPopup;
/** @hidden */
hideHeaderPopup(): void;
renderHeader(): void;
private renderToolbar();
private renderToolbar;
updateItems(): void;

@@ -33,9 +33,9 @@ getPopUpRelativeElement(): HTMLElement;

updateDateRange(text: string): void;
private getDateRangeText();
private getItems();
private getItemObject(viewName, displayName);
private renderHeaderPopup();
private calendarChange(args);
private calculateViewIndex(args);
private toolbarClickHandler(args);
private getDateRangeText;
private getItems;
private getItemObject;
private renderHeaderPopup;
private calendarChange;
private calculateViewIndex;
private toolbarClickHandler;
getHeaderElement(): HTMLElement;

@@ -42,0 +42,0 @@ updateHeaderItems(classType: string): void;

10

src/schedule/renderer/month-agenda.d.ts

@@ -21,9 +21,9 @@ import { CellClickEventArgs, NotifyEventArgs } from '../base/interface';

getDayNameFormat(): string;
private setEventWrapperHeight();
private setEventWrapperHeight;
onDataReady(args: NotifyEventArgs): void;
onCellClick(event: CellClickEventArgs): void;
private onEventRender(events, date?);
private appointmentFiltering(date);
private clearElements();
private appendAppContainer(appWrap);
private onEventRender;
private appointmentFiltering;
private clearElements;
private appendAppContainer;
/**

@@ -30,0 +30,0 @@ * Get module name.

9

src/schedule/renderer/month-agenda.js
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
}
return function (d, b) {

@@ -6,0 +9,0 @@ extendStatics(d, b);

11

src/schedule/renderer/month.d.ts

@@ -8,3 +8,2 @@ import { IRenderer, TdData, NotifyEventArgs, CellClickEventArgs } from '../base/interface';

export declare class Month extends ViewBase implements IRenderer {
colLevels: TdData[][];
dayNameFormat: string;

@@ -36,9 +35,9 @@ viewClass: string;

renderContent(): void;
private renderWeekNumberContent();
private renderWeekNumberContent;
renderAppointmentContainer(): void;
renderDatesHeader(): Element;
private createHeaderCell(td);
private createHeaderCell;
getContentSlots(): TdData[][];
updateClassList(data: TdData): void;
private isOtherMonth(date);
private isOtherMonth;
renderContentArea(): Element;

@@ -48,3 +47,3 @@ renderContentTable(table: Element): void;

getContentAreaElement(): HTMLElement;
private renderDateHeaderElement(data, ntd);
private renderDateHeaderElement;
getMonthStart(currentDate: Date): Date;

@@ -57,3 +56,3 @@ getMonthEnd(currentDate: Date): Date;

getLabelText(view: string): string;
private createWeekNumberElement(text?);
private createWeekNumberElement;
unwireEvents(): void;

@@ -60,0 +59,0 @@ /**

11

src/schedule/renderer/month.js
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
}
return function (d, b) {

@@ -388,3 +391,3 @@ extendStatics(d, b);

this.renderDateHeaderElement(data, ntd);
if (this.parent.cellTemplate) {
if (this.parent.activeViewOptions.cellTemplate) {
var args_1 = { date: data.date, type: type, groupIndex: data.groupIndex };

@@ -391,0 +394,0 @@ append([].slice.call(this.parent.getCellTemplate()(args_1)), ntd);

6

src/schedule/renderer/renderer.d.ts

@@ -13,7 +13,7 @@ import { Schedule } from '../base/schedule';

render(viewName: View, isDataRefresh?: boolean): void;
private initializeLayout(viewName);
private initializeLayout;
updateLabelText(view: string): void;
refreshDataManager(): void;
private dataManagerSuccess(e);
private dataManagerFailure(e);
private dataManagerSuccess;
private dataManagerFailure;
}

12

src/schedule/renderer/renderer.js

@@ -80,5 +80,8 @@ import { isNullOrUndefined, extend } from '@syncfusion/ej2-base';

this.parent.activeView.renderLayout(cls.CURRENT_PANEL_CLASS);
if ((this.parent.eventSettings.enableTooltip ||
(this.parent.timelineViewsModule && this.parent.activeViewOptions.group.resources.length > 0
&& this.parent.activeViewOptions.group.headerTooltipTemplate)) && isNullOrUndefined(this.parent.eventTooltip)) {
if (this.parent.eventTooltip) {
this.parent.eventTooltip.destroy();
this.parent.eventTooltip = null;
}
if (this.parent.eventSettings.enableTooltip || (this.parent.activeViewOptions.group.resources.length > 0
&& this.parent.activeViewOptions.group.headerTooltipTemplate)) {
this.parent.eventTooltip = new EventTooltip(this.parent);

@@ -110,2 +113,5 @@ }

this.parent.notify(events.dataReady, { processedData: processed });
if (this.parent.dragAndDropModule && this.parent.dragAndDropModule.actionObj.action === 'drag') {
this.parent.dragAndDropModule.navigationWrapper();
}
this.parent.trigger(events.dataBound);

@@ -112,0 +118,0 @@ this.parent.hideSpinner();

8

src/schedule/renderer/timeline-header-row.d.ts

@@ -10,7 +10,7 @@ import { Schedule } from '../base/schedule';

constructor(parent: Schedule, renderDates: Date[]);
private groupByYear(dates);
private groupByMonth(dates);
private groupByWeek(dates);
private generateSlots(data, colspan, template, tempFn, cls, type);
private groupByYear;
private groupByMonth;
private groupByWeek;
private generateSlots;
generateColumnLevels(dateSlots: TdData[], hourSlots: TdData[]): TdData[][];
}

3

src/schedule/renderer/timeline-month.d.ts

@@ -8,3 +8,2 @@ import { TdData, NotifyEventArgs } from '../base/interface';

export declare class TimelineMonth extends Month {
colLevels: TdData[][];
viewClass: string;

@@ -27,3 +26,3 @@ isInverseTableSelect: boolean;

renderContent(): void;
private getRowCount();
private getRowCount;
getContentSlots(): TdData[][];

@@ -30,0 +29,0 @@ updateClassList(): void;

9

src/schedule/renderer/timeline-month.js
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
}
return function (d, b) {

@@ -6,0 +9,0 @@ extendStatics(d, b);

10

src/schedule/renderer/timeline-view.d.ts

@@ -15,6 +15,6 @@ import { Schedule } from '../base/schedule';

generateColumnLevels(): TdData[][];
private generateTimeSlots(dateSlots);
private generateTimeSlots;
changeCurrentTimePosition(): void;
private getLeftFromDateTime(currentDateIndex, date);
private getWorkCellWidth();
private getLeftFromDateTime;
private getWorkCellWidth;
renderHeader(): void;

@@ -24,4 +24,4 @@ createAllDayRow(table: Element, tdData: TdData[]): void;

renderContent(): void;
private getRowCount();
private getResourceTdData(i, tdData);
private getRowCount;
private getResourceTdData;
renderContentTable(table: Element): void;

@@ -28,0 +28,0 @@ getContentTdClass(r: TimeSlotData): string[];

9

src/schedule/renderer/timeline-view.js
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
}
return function (d, b) {

@@ -6,0 +9,0 @@ extendStatics(d, b);

27

src/schedule/renderer/vertical-view.d.ts

@@ -9,3 +9,2 @@ import { Schedule } from '../base/schedule';

export declare class VerticalView extends ViewBase implements IRenderer {
colLevels: TdData[][];
currentTimeIndicatorTimer: number;

@@ -24,7 +23,7 @@ viewClass: string;

renderEvents(): void;
private onContentScroll(e);
private onApaptiveMove(e);
private onApaptiveScroll(e);
private onContentScroll;
private onApaptiveMove;
private onApaptiveScroll;
scrollLeftPanel(target: HTMLElement): void;
private scrollUiUpdate(args);
private scrollUiUpdate;
setContentHeight(element: HTMLElement, leftPanelElement: HTMLElement, height: number): void;

@@ -35,20 +34,20 @@ scrollToWorkHour(): void;

getDateSlots(renderDates: Date[], workDays: number[], workStartHour?: string, workEndHour?: string): TdData[];
private isWorkHourRange(date);
private isWorkHourRange;
highlightCurrentTime(): void;
getCurrentTimeIndicatorIndex(): number[];
private clearCurrentTimeIndicatorTimer();
private clearCurrentTimeIndicatorTimer;
removeCurrentTimeIndicatorElements(): void;
changeCurrentTimePosition(): void;
getTopFromDateTime(date: Date): number;
private getWorkCellHeight();
private getTdContent(date, type, groupIndex?);
private getWorkCellHeight;
private getTdContent;
renderLayout(type: string): void;
renderHeader(): void;
renderContent(): void;
private renderLeftIndent();
private renderLeftIndent;
renderDatesHeader(): Element;
createAllDayRow(table: Element, tdData: TdData[]): void;
createTd(td: TdData): Element;
private wireCellEvents(element);
private renderTimeCells();
private wireCellEvents;
private renderTimeCells;
renderContentArea(): Element;

@@ -58,4 +57,4 @@ renderContentTable(table: Element): void;

getContentTdClass(r: TimeSlotData): string[];
private renderContentTableHeader(table);
private createEventWrapper(type?);
private renderContentTableHeader;
private createEventWrapper;
getScrollableElement(): Element;

@@ -62,0 +61,0 @@ getLeftPanelElement(): HTMLElement;

15

src/schedule/renderer/vertical-view.js
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
}
return function (d, b) {

@@ -281,3 +284,3 @@ extendStatics(d, b);

VerticalView.prototype.getWorkCellHeight = function () {
return this.element.querySelector('.e-work-cells').offsetHeight;
return this.element.querySelector('.' + cls.WORK_CELLS_CLASS).offsetHeight;
};

@@ -315,3 +318,3 @@ VerticalView.prototype.getTdContent = function (date, type, groupIndex) {

case 'alldayCells':
if (this.parent.cellTemplate) {
if (this.parent.activeViewOptions.cellTemplate) {
var args = { date: date, type: type, groupIndex: groupIndex };

@@ -550,3 +553,3 @@ cntEle = this.parent.getCellTemplate()(args);

addClass([ntd], clsName);
if (this.parent.cellTemplate) {
if (this.parent.activeViewOptions.cellTemplate) {
var args_1 = { date: cellDate, type: type, groupIndex: tdData.groupIndex };

@@ -553,0 +556,0 @@ append([].slice.call(this.parent.getCellTemplate()(args_1)), ntd);

2

src/schedule/renderer/view-base.d.ts

@@ -10,2 +10,3 @@ import { Schedule } from '../base/schedule';

renderDates: Date[];
colLevels: TdData[][];
customHelper: Object;

@@ -33,2 +34,3 @@ /**

generateColumnLevels(): TdData[][];
getColumnLevels(): TdData[][];
highlightCurrentTime(): void;

@@ -35,0 +37,0 @@ startDate(): Date;

3

src/schedule/renderer/view-base.js

@@ -154,2 +154,5 @@ import { createElement, append, prepend, isNullOrUndefined, getValue, getDefaultDateObject, cldrData, addClass } from '@syncfusion/ej2-base';

};
ViewBase.prototype.getColumnLevels = function () {
return this.colLevels;
};
ViewBase.prototype.highlightCurrentTime = function () {

@@ -156,0 +159,0 @@ // Here showTimeIndicator functionalities

9

src/schedule/renderer/week.js
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
}
return function (d, b) {

@@ -6,0 +9,0 @@ extendStatics(d, b);

9

src/schedule/renderer/work-week.js
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
}
return function (d, b) {

@@ -6,0 +9,0 @@ extendStatics(d, b);

3

src/schedule/timezone/timezone.js

@@ -44,3 +44,4 @@ /**

export { Timezone };
export var localTimezoneName = Intl.DateTimeFormat().resolvedOptions().timeZone || 'UTC';
export var localTimezoneName = window.Intl ?
Intl.DateTimeFormat().resolvedOptions().timeZone || 'UTC' : 'UTC';
export var timezoneData = [

@@ -47,0 +48,0 @@ { Value: 'Pacific/Niue', Text: '(UTC-11:00) Niue' },

dist/ej2-schedule.umd.min.js

Sorry, the diff of this file is too big to display

dist/ej2-schedule.umd.min.js.map

Sorry, the diff of this file is not supported yet

dist/es6/ej2-schedule.es2015.js

Sorry, the diff of this file is too big to display

dist/es6/ej2-schedule.es2015.js.map

Sorry, the diff of this file is not supported yet

dist/es6/ej2-schedule.es5.js

Sorry, the diff of this file is too big to display

dist/es6/ej2-schedule.es5.js.map

Sorry, the diff of this file is not supported yet

dist/global/ej2-schedule.min.js

Sorry, the diff of this file is too big to display

dist/global/ej2-schedule.min.js.map

Sorry, the diff of this file is not supported yet

src/schedule/popups/event-window.js

Sorry, the diff of this file is too big to display

styles/bootstrap.css

Sorry, the diff of this file is not supported yet

styles/fabric.css

Sorry, the diff of this file is not supported yet

styles/highcontrast.css

Sorry, the diff of this file is not supported yet

styles/material.css

Sorry, the diff of this file is not supported yet

styles/schedule/_layout.scss

Sorry, the diff of this file is not supported yet

styles/schedule/bootstrap.css

Sorry, the diff of this file is not supported yet

styles/schedule/fabric.css

Sorry, the diff of this file is not supported yet

styles/schedule/highcontrast.css

Sorry, the diff of this file is not supported yet

styles/schedule/material.css

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc