@syncfusion/ej2-schedule 20.4.44 → 20.4.48
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +9 -1
- package/dist/ej2-schedule.min.js +2 -2
- package/dist/ej2-schedule.umd.min.js +2 -2
- package/dist/ej2-schedule.umd.min.js.map +1 -1
- package/dist/es6/ej2-schedule.es2015.js +55 -26
- package/dist/es6/ej2-schedule.es2015.js.map +1 -1
- package/dist/es6/ej2-schedule.es5.js +55 -26
- package/dist/es6/ej2-schedule.es5.js.map +1 -1
- package/dist/global/ej2-schedule.min.js +2 -2
- package/dist/global/ej2-schedule.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +15 -15
- package/src/schedule/actions/action-base.d.ts +0 -1
- package/src/schedule/actions/action-base.js +1 -6
- package/src/schedule/actions/drag.js +4 -3
- package/src/schedule/actions/resize.js +3 -3
- package/src/schedule/actions/touch.js +2 -1
- package/src/schedule/event-renderer/event-base.d.ts +2 -0
- package/src/schedule/event-renderer/event-base.js +28 -4
- package/src/schedule/popups/quick-popups.js +17 -9
- package/styles/bootstrap-dark.css +1 -1
- package/styles/bootstrap.css +1 -1
- package/styles/bootstrap4.css +1 -1
- package/styles/bootstrap5-dark.css +1 -1
- package/styles/bootstrap5.css +1 -1
- package/styles/fabric-dark.css +1 -1
- package/styles/fabric.css +1 -1
- package/styles/fluent-dark.css +1 -1
- package/styles/fluent.css +1 -1
- package/styles/highcontrast-light.css +1 -1
- package/styles/highcontrast.css +1 -1
- package/styles/material-dark.css +1 -1
- package/styles/material.css +1 -1
- package/styles/schedule/_layout.scss +1 -1
- package/styles/schedule/bootstrap-dark.css +1 -1
- package/styles/schedule/bootstrap.css +1 -1
- package/styles/schedule/bootstrap4.css +1 -1
- package/styles/schedule/bootstrap5-dark.css +1 -1
- package/styles/schedule/bootstrap5.css +1 -1
- package/styles/schedule/fabric-dark.css +1 -1
- package/styles/schedule/fabric.css +1 -1
- package/styles/schedule/fluent-dark.css +1 -1
- package/styles/schedule/fluent.css +1 -1
- package/styles/schedule/highcontrast-light.css +1 -1
- package/styles/schedule/highcontrast.css +1 -1
- package/styles/schedule/material-dark.css +1 -1
- package/styles/schedule/material.css +1 -1
- package/styles/schedule/tailwind-dark.css +1 -1
- package/styles/schedule/tailwind.css +1 -1
- package/styles/tailwind-dark.css +1 -1
- package/styles/tailwind.css +1 -1
package/dist/global/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* filename: index.d.ts
|
|
3
|
-
* version : 20.4.
|
|
3
|
+
* version : 20.4.48
|
|
4
4
|
* Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
|
|
5
5
|
* Use of this code is subject to the terms of our license.
|
|
6
6
|
* A copy of the current license can be obtained at any time by e-mailing
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"_from": "@syncfusion/ej2-schedule@*",
|
|
3
|
-
"_id": "@syncfusion/ej2-schedule@20.4.
|
|
3
|
+
"_id": "@syncfusion/ej2-schedule@20.4.44",
|
|
4
4
|
"_inBundle": false,
|
|
5
|
-
"_integrity": "sha512-
|
|
5
|
+
"_integrity": "sha512-Chq8toDzHoZudpLLXZJKy5ukF5rES4F/VFTDj6WA4uPjMKy9rjXd5yVDSy5qyZr5B9jr2rpBzaRALo6KlTaG3w==",
|
|
6
6
|
"_location": "/@syncfusion/ej2-schedule",
|
|
7
7
|
"_phantomChildren": {},
|
|
8
8
|
"_requested": {
|
|
@@ -23,8 +23,8 @@
|
|
|
23
23
|
"/@syncfusion/ej2-react-schedule",
|
|
24
24
|
"/@syncfusion/ej2-vue-schedule"
|
|
25
25
|
],
|
|
26
|
-
"_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-20.4.
|
|
27
|
-
"_shasum": "
|
|
26
|
+
"_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-20.4.44.tgz",
|
|
27
|
+
"_shasum": "8b8beacb4ec2f56791c78378307c65f2c4da000b",
|
|
28
28
|
"_spec": "@syncfusion/ej2-schedule@*",
|
|
29
29
|
"_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
|
|
30
30
|
"author": {
|
|
@@ -35,16 +35,16 @@
|
|
|
35
35
|
},
|
|
36
36
|
"bundleDependencies": false,
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@syncfusion/ej2-base": "~20.4.
|
|
39
|
-
"@syncfusion/ej2-buttons": "~20.4.
|
|
40
|
-
"@syncfusion/ej2-calendars": "~20.4.
|
|
41
|
-
"@syncfusion/ej2-data": "~20.4.
|
|
42
|
-
"@syncfusion/ej2-dropdowns": "~20.4.
|
|
43
|
-
"@syncfusion/ej2-excel-export": "~20.4.
|
|
44
|
-
"@syncfusion/ej2-inputs": "~20.4.
|
|
45
|
-
"@syncfusion/ej2-lists": "~20.4.
|
|
46
|
-
"@syncfusion/ej2-navigations": "~20.4.
|
|
47
|
-
"@syncfusion/ej2-popups": "~20.4.
|
|
38
|
+
"@syncfusion/ej2-base": "~20.4.48",
|
|
39
|
+
"@syncfusion/ej2-buttons": "~20.4.48",
|
|
40
|
+
"@syncfusion/ej2-calendars": "~20.4.48",
|
|
41
|
+
"@syncfusion/ej2-data": "~20.4.48",
|
|
42
|
+
"@syncfusion/ej2-dropdowns": "~20.4.48",
|
|
43
|
+
"@syncfusion/ej2-excel-export": "~20.4.48",
|
|
44
|
+
"@syncfusion/ej2-inputs": "~20.4.48",
|
|
45
|
+
"@syncfusion/ej2-lists": "~20.4.48",
|
|
46
|
+
"@syncfusion/ej2-navigations": "~20.4.48",
|
|
47
|
+
"@syncfusion/ej2-popups": "~20.4.48"
|
|
48
48
|
},
|
|
49
49
|
"deprecated": false,
|
|
50
50
|
"description": "Flexible scheduling library with more built-in features and enhanced customization options similar to outlook and google calendar, allowing the users to plan and manage their appointments with efficient data-binding support.",
|
|
@@ -73,6 +73,6 @@
|
|
|
73
73
|
"url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
|
|
74
74
|
},
|
|
75
75
|
"typings": "index.d.ts",
|
|
76
|
-
"version": "20.4.
|
|
76
|
+
"version": "20.4.48",
|
|
77
77
|
"sideEffects": false
|
|
78
78
|
}
|
|
@@ -22,7 +22,6 @@ export declare class ActionBase {
|
|
|
22
22
|
saveChangedData(eventArgs: DragEventArgs | ResizeEventArgs, isMultiSelect?: boolean): void;
|
|
23
23
|
calculateIntervalTime(date: Date): Date;
|
|
24
24
|
getContentAreaDimension(): Record<string, any>;
|
|
25
|
-
getPageCoordinates(e: MouseEvent & TouchEvent): (MouseEvent & TouchEvent) | Touch;
|
|
26
25
|
getIndex(index: number): number;
|
|
27
26
|
updateTimePosition(date: Date, multiData?: Record<string, any>[]): void;
|
|
28
27
|
getResourceElements(table: HTMLTableCellElement[]): HTMLTableCellElement[];
|
|
@@ -109,11 +109,6 @@ var ActionBase = /** @class */ (function () {
|
|
|
109
109
|
};
|
|
110
110
|
return viewDimension;
|
|
111
111
|
};
|
|
112
|
-
ActionBase.prototype.getPageCoordinates = function (e) {
|
|
113
|
-
var eventArgs = e.event;
|
|
114
|
-
return eventArgs && eventArgs.changedTouches ? eventArgs.changedTouches[0] : e.changedTouches ? e.changedTouches[0] :
|
|
115
|
-
eventArgs || e;
|
|
116
|
-
};
|
|
117
112
|
ActionBase.prototype.getIndex = function (index) {
|
|
118
113
|
var contentElements = [].slice.call(this.parent.getContentTable().querySelector('tr').children);
|
|
119
114
|
var indexes = { minIndex: 0, maxIndex: contentElements.length - 1 };
|
|
@@ -250,7 +245,7 @@ var ActionBase = /** @class */ (function () {
|
|
|
250
245
|
}
|
|
251
246
|
};
|
|
252
247
|
ActionBase.prototype.getCursorElement = function (e) {
|
|
253
|
-
var pages = this.getPageCoordinates(e);
|
|
248
|
+
var pages = this.parent.eventBase.getPageCoordinates(e);
|
|
254
249
|
return document.elementFromPoint(pages.clientX, pages.clientY);
|
|
255
250
|
};
|
|
256
251
|
ActionBase.prototype.autoScroll = function () {
|
|
@@ -292,7 +292,7 @@ var DragAndDrop = /** @class */ (function (_super) {
|
|
|
292
292
|
return;
|
|
293
293
|
}
|
|
294
294
|
var eventObj = extend({}, this.actionObj.event, null, true);
|
|
295
|
-
var eventArgs = this.getPageCoordinates(e);
|
|
295
|
+
var eventArgs = this.parent.eventBase.getPageCoordinates(e);
|
|
296
296
|
this.actionObj.Y = this.actionObj.pageY = eventArgs.pageY;
|
|
297
297
|
this.actionObj.X = this.actionObj.pageX = eventArgs.pageX;
|
|
298
298
|
this.actionObj.target = e.target;
|
|
@@ -435,7 +435,8 @@ var DragAndDrop = /** @class */ (function (_super) {
|
|
|
435
435
|
this.timelineEventModule.dateRender = this.parent.activeView.renderDates;
|
|
436
436
|
this.timelineEventModule.cellWidth = this.actionObj.cellWidth;
|
|
437
437
|
this.timelineEventModule.getSlotDates();
|
|
438
|
-
this.actionObj.cellWidth = this.isHeaderRows ? this.timelineEventModule.cellWidth :
|
|
438
|
+
this.actionObj.cellWidth = this.isHeaderRows ? this.timelineEventModule.cellWidth :
|
|
439
|
+
this.parent.element.querySelector('.' + cls.WORK_CELLS_CLASS).getBoundingClientRect().width;
|
|
439
440
|
this.calculateTimelineTime(e);
|
|
440
441
|
}
|
|
441
442
|
else {
|
|
@@ -1188,7 +1189,7 @@ var DragAndDrop = /** @class */ (function (_super) {
|
|
|
1188
1189
|
return 0;
|
|
1189
1190
|
};
|
|
1190
1191
|
DragAndDrop.prototype.getColumnIndex = function (offsetLeft) {
|
|
1191
|
-
var index = Math.floor(offsetLeft / this.actionObj.cellWidth);
|
|
1192
|
+
var index = Math.floor(offsetLeft / Math.trunc(this.actionObj.cellWidth));
|
|
1192
1193
|
if (this.isHeaderRows) {
|
|
1193
1194
|
return index;
|
|
1194
1195
|
}
|
|
@@ -97,7 +97,7 @@ var Resize = /** @class */ (function (_super) {
|
|
|
97
97
|
_this.actionObj.cellWidth = trRect.width / noOfDays;
|
|
98
98
|
_this.actionObj.cellHeight = trRect.height;
|
|
99
99
|
}
|
|
100
|
-
var pages = _this.getPageCoordinates(e);
|
|
100
|
+
var pages = _this.parent.eventBase.getPageCoordinates(e);
|
|
101
101
|
_this.actionObj.X = pages.pageX;
|
|
102
102
|
_this.actionObj.Y = pages.pageY;
|
|
103
103
|
_this.actionObj.groupIndex = parseInt(_this.actionObj.element.getAttribute('data-group-index') || '0', 10);
|
|
@@ -126,7 +126,7 @@ var Resize = /** @class */ (function (_super) {
|
|
|
126
126
|
if ((!isNullOrUndefined(e.target)) && e.target.classList.contains(cls.DISABLE_DATES)) {
|
|
127
127
|
return;
|
|
128
128
|
}
|
|
129
|
-
var pages = this.getPageCoordinates(e);
|
|
129
|
+
var pages = this.parent.eventBase.getPageCoordinates(e);
|
|
130
130
|
if (this.parent.currentView === 'Month' || this.parent.currentView === 'TimelineYear') {
|
|
131
131
|
var doc = document.documentElement;
|
|
132
132
|
var left = (window.pageXOffset || doc.scrollLeft) - (doc.clientLeft || 0);
|
|
@@ -559,7 +559,7 @@ var Resize = /** @class */ (function (_super) {
|
|
|
559
559
|
return styles;
|
|
560
560
|
};
|
|
561
561
|
Resize.prototype.resizeValidation = function (e) {
|
|
562
|
-
var pages = this.getPageCoordinates(e);
|
|
562
|
+
var pages = this.parent.eventBase.getPageCoordinates(e);
|
|
563
563
|
var viewDimension = this.getContentAreaDimension();
|
|
564
564
|
var isTimeScale = this.parent.activeView.isTimelineView() && this.parent.activeViewOptions.timeScale.enable;
|
|
565
565
|
var cellWidth = this.actionObj.cellWidth;
|
|
@@ -94,7 +94,7 @@ var ScheduleTouch = /** @class */ (function () {
|
|
|
94
94
|
if (offsetDist > time || (e.distanceX > (this.parent.element.offsetWidth / 2))) {
|
|
95
95
|
this.swapPanels(e.swipeDirection);
|
|
96
96
|
if (offsetDist > time && (e.distanceX > (this.parent.element.offsetWidth / 2))) {
|
|
97
|
-
this.element.style.transitionDuration = ((offsetDist / time) / 10) + 's';
|
|
97
|
+
this.element.style.transitionDuration = (((Browser.isDevice ? e.distanceX : offsetDist) / time) / 10) + 's';
|
|
98
98
|
}
|
|
99
99
|
this.confirmSwipe(e.swipeDirection);
|
|
100
100
|
}
|
|
@@ -224,6 +224,7 @@ var ScheduleTouch = /** @class */ (function () {
|
|
|
224
224
|
this.nextPanel = null;
|
|
225
225
|
this.timeStampStart = null;
|
|
226
226
|
this.element.style.transform = '';
|
|
227
|
+
this.element.style.transitionDuration = '';
|
|
227
228
|
util.removeChildren(this.element);
|
|
228
229
|
removeClass([this.element], cls.TRANSLATE_CLASS);
|
|
229
230
|
};
|
|
@@ -29,6 +29,7 @@ export declare class EventBase {
|
|
|
29
29
|
filterEventsByResource(resourceTdData: TdData, appointments?: Record<string, any>[]): Record<string, any>[];
|
|
30
30
|
sortByTime(appointmentsCollection: Record<string, any>[]): Record<string, any>[];
|
|
31
31
|
sortByDateTime(appointments: Record<string, any>[]): Record<string, any>[];
|
|
32
|
+
private customSorting;
|
|
32
33
|
getSmallestMissingNumber(array: number[]): number;
|
|
33
34
|
splitEventByDay(event: Record<string, any>): Record<string, any>[];
|
|
34
35
|
splitEvent(event: Record<string, any>, dateRender: Date[]): Record<string, any>[];
|
|
@@ -85,6 +86,7 @@ export declare class EventBase {
|
|
|
85
86
|
allDayExpandScroll(dateHeader: HTMLElement): void;
|
|
86
87
|
updateEventMinimumDuration(startEndHours: Record<string, Date>, startTime: Date, endTime: Date): Record<string, Date>;
|
|
87
88
|
createEventWrapper(type?: string, index?: number): HTMLElement;
|
|
89
|
+
getPageCoordinates(e: MouseEvent & TouchEvent): (MouseEvent & TouchEvent) | Touch;
|
|
88
90
|
private unWireEvents;
|
|
89
91
|
destroy(): void;
|
|
90
92
|
}
|
|
@@ -284,8 +284,8 @@ var EventBase = /** @class */ (function () {
|
|
|
284
284
|
return filteredCollection;
|
|
285
285
|
};
|
|
286
286
|
EventBase.prototype.sortByTime = function (appointmentsCollection) {
|
|
287
|
-
if (this.parent.eventSettings.sortComparer) {
|
|
288
|
-
appointmentsCollection = this.
|
|
287
|
+
if (this.parent.eventSettings.sortComparer && (typeof (this.parent.eventSettings.sortComparer) === 'function' || typeof (this.parent.eventSettings.sortComparer) === 'string')) {
|
|
288
|
+
appointmentsCollection = this.customSorting(appointmentsCollection);
|
|
289
289
|
}
|
|
290
290
|
else {
|
|
291
291
|
var fieldMappings_1 = this.parent.eventFields;
|
|
@@ -298,8 +298,8 @@ var EventBase = /** @class */ (function () {
|
|
|
298
298
|
return appointmentsCollection;
|
|
299
299
|
};
|
|
300
300
|
EventBase.prototype.sortByDateTime = function (appointments) {
|
|
301
|
-
if (this.parent.eventSettings.sortComparer) {
|
|
302
|
-
appointments = this.
|
|
301
|
+
if (this.parent.eventSettings.sortComparer && (typeof (this.parent.eventSettings.sortComparer) === 'function' || typeof (this.parent.eventSettings.sortComparer) === 'string')) {
|
|
302
|
+
appointments = this.customSorting(appointments);
|
|
303
303
|
}
|
|
304
304
|
else {
|
|
305
305
|
var fieldMapping_1 = this.parent.eventFields;
|
|
@@ -315,6 +315,22 @@ var EventBase = /** @class */ (function () {
|
|
|
315
315
|
}
|
|
316
316
|
return appointments;
|
|
317
317
|
};
|
|
318
|
+
EventBase.prototype.customSorting = function (appointments) {
|
|
319
|
+
if (typeof (this.parent.eventSettings.sortComparer) === 'function') {
|
|
320
|
+
return this.parent.eventSettings.sortComparer.call(this.parent, appointments);
|
|
321
|
+
}
|
|
322
|
+
else if (typeof (this.parent.eventSettings.sortComparer) === 'string') {
|
|
323
|
+
var splits = this.parent.eventSettings.sortComparer.split('.');
|
|
324
|
+
var sortFn = void 0;
|
|
325
|
+
if (!isNullOrUndefined(window)) {
|
|
326
|
+
sortFn = window[splits[splits.length - 1]];
|
|
327
|
+
}
|
|
328
|
+
if (sortFn) {
|
|
329
|
+
return sortFn(appointments);
|
|
330
|
+
}
|
|
331
|
+
}
|
|
332
|
+
return appointments;
|
|
333
|
+
};
|
|
318
334
|
EventBase.prototype.getSmallestMissingNumber = function (array) {
|
|
319
335
|
var large = Math.max.apply(Math, array);
|
|
320
336
|
for (var i = 0; i < large; i++) {
|
|
@@ -1279,6 +1295,14 @@ var EventBase = /** @class */ (function () {
|
|
|
1279
1295
|
}
|
|
1280
1296
|
return tr;
|
|
1281
1297
|
};
|
|
1298
|
+
EventBase.prototype.getPageCoordinates = function (e) {
|
|
1299
|
+
if (isNullOrUndefined(e)) {
|
|
1300
|
+
return e;
|
|
1301
|
+
}
|
|
1302
|
+
var eventArgs = e.event;
|
|
1303
|
+
return eventArgs && eventArgs.changedTouches ? eventArgs.changedTouches[0] : e.changedTouches ? e.changedTouches[0] :
|
|
1304
|
+
eventArgs || e;
|
|
1305
|
+
};
|
|
1282
1306
|
EventBase.prototype.unWireEvents = function () {
|
|
1283
1307
|
var appElements = [].slice.call(this.parent.element.querySelectorAll('.' + cls.APPOINTMENT_CLASS));
|
|
1284
1308
|
for (var _i = 0, appElements_1 = appElements; _i < appElements_1.length; _i++) {
|
|
@@ -393,7 +393,7 @@ var QuickPopups = /** @class */ (function () {
|
|
|
393
393
|
if (deleteIcon) {
|
|
394
394
|
this.renderButton('e-flat e-round e-small', cls.ICON + ' ' + cls.DELETE_ICON_CLASS, deleteAction, deleteIcon, this.deleteClick);
|
|
395
395
|
}
|
|
396
|
-
this.beforeQuickPopupOpen(target, e);
|
|
396
|
+
this.beforeQuickPopupOpen(target, this.parent.eventBase.getPageCoordinates(e));
|
|
397
397
|
};
|
|
398
398
|
QuickPopups.prototype.isCellBlocked = function (args) {
|
|
399
399
|
var tempObj = {};
|
|
@@ -480,7 +480,7 @@ var QuickPopups = /** @class */ (function () {
|
|
|
480
480
|
this.quickPopup.content = quickCellPopup;
|
|
481
481
|
this.quickPopup.relateTo = target;
|
|
482
482
|
this.quickPopup.dataBind();
|
|
483
|
-
this.beforeQuickPopupOpen(target, args.event);
|
|
483
|
+
this.beforeQuickPopupOpen(target, this.parent.eventBase.getPageCoordinates(args.event));
|
|
484
484
|
};
|
|
485
485
|
QuickPopups.prototype.isSameEventClick = function (events) {
|
|
486
486
|
var isSameTarget = this.quickPopup.relateTo === closest(events.element, '.' + cls.APPOINTMENT_CLASS);
|
|
@@ -557,7 +557,7 @@ var QuickPopups = /** @class */ (function () {
|
|
|
557
557
|
this.quickPopup.relateTo = this.parent.isAdaptive ? document.body :
|
|
558
558
|
closest(events.element, '.' + cls.APPOINTMENT_CLASS);
|
|
559
559
|
this.quickPopup.dataBind();
|
|
560
|
-
this.beforeQuickPopupOpen(events.element, events.originalEvent);
|
|
560
|
+
this.beforeQuickPopupOpen(events.element, this.parent.eventBase.getPageCoordinates(events.originalEvent));
|
|
561
561
|
}
|
|
562
562
|
};
|
|
563
563
|
QuickPopups.prototype.getPopupHeader = function (headerType, headerData) {
|
|
@@ -1098,22 +1098,30 @@ var QuickPopups = /** @class */ (function () {
|
|
|
1098
1098
|
_this.quickPopup.dataBind();
|
|
1099
1099
|
_this.quickPopup.refreshPosition(null, true);
|
|
1100
1100
|
}
|
|
1101
|
-
if (_this.quickPopup.position.X === 'center' && _this.quickPopup.position.Y === 'center' && !isNullOrUndefined(originalEvent)
|
|
1101
|
+
if (_this.quickPopup.position.X === 'center' && _this.quickPopup.position.Y === 'center' && !isNullOrUndefined(originalEvent) &&
|
|
1102
|
+
originalEvent.clientX && originalEvent.clientY) {
|
|
1103
|
+
var clientX = originalEvent.clientX;
|
|
1104
|
+
var clientY = originalEvent.clientY;
|
|
1105
|
+
var targetRect = target.getBoundingClientRect();
|
|
1106
|
+
var offsetY = originalEvent.offsetY || Math.ceil(clientY - targetRect.y);
|
|
1102
1107
|
var previousOffset = _this.quickPopup.offsetY;
|
|
1103
|
-
var collision = isCollide(
|
|
1108
|
+
var collision = isCollide(_this.quickPopup.element, target);
|
|
1104
1109
|
var popupRect = _this.quickPopup.element.getBoundingClientRect();
|
|
1105
|
-
|
|
1106
|
-
|
|
1110
|
+
var targetEle = document.elementFromPoint(clientX, clientY);
|
|
1111
|
+
if (collision.indexOf('top') > -1 || collision.indexOf('bottom') > -1 || closest(targetEle, '.' + cls.POPUP_WRAPPER_CLASS)) {
|
|
1112
|
+
if (popupRect.top <= clientY &&
|
|
1113
|
+
clientY <= popupRect.top + popupRect.height) {
|
|
1107
1114
|
_this.quickPopup.offsetY = previousOffset - popupRect.height - 10;
|
|
1108
1115
|
_this.quickPopup.dataBind();
|
|
1109
1116
|
collision = isCollide(_this.quickPopup.element, _this.parent.element);
|
|
1110
1117
|
if (collision.indexOf('top') > -1) {
|
|
1111
|
-
_this.quickPopup.offsetY = previousOffset +
|
|
1118
|
+
_this.quickPopup.offsetY = previousOffset + offsetY + 10;
|
|
1112
1119
|
_this.quickPopup.dataBind();
|
|
1113
1120
|
}
|
|
1114
1121
|
}
|
|
1115
1122
|
else if (isCollide(_this.quickPopup.element, _this.parent.element).indexOf('bottom') > -1) {
|
|
1116
|
-
_this.quickPopup.offsetY =
|
|
1123
|
+
_this.quickPopup.offsetY =
|
|
1124
|
+
previousOffset - offsetY - Math.ceil(popupRect.height) - 10;
|
|
1117
1125
|
_this.quickPopup.dataBind();
|
|
1118
1126
|
}
|
|
1119
1127
|
}
|
package/styles/bootstrap.css
CHANGED
package/styles/bootstrap4.css
CHANGED
package/styles/bootstrap5.css
CHANGED
package/styles/fabric-dark.css
CHANGED
package/styles/fabric.css
CHANGED
package/styles/fluent-dark.css
CHANGED
package/styles/fluent.css
CHANGED
package/styles/highcontrast.css
CHANGED
package/styles/material-dark.css
CHANGED
package/styles/material.css
CHANGED
package/styles/tailwind-dark.css
CHANGED
package/styles/tailwind.css
CHANGED