@syncfusion/ej2-lists 21.1.37 → 21.1.41
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 +26 -0
- package/dist/ej2-lists.min.js +2 -2
- package/dist/ej2-lists.umd.min.js +2 -2
- package/dist/ej2-lists.umd.min.js.map +1 -1
- package/dist/es6/ej2-lists.es2015.js +39 -2
- package/dist/es6/ej2-lists.es2015.js.map +1 -1
- package/dist/es6/ej2-lists.es5.js +39 -2
- package/dist/es6/ej2-lists.es5.js.map +1 -1
- package/dist/global/ej2-lists.min.js +2 -2
- package/dist/global/ej2-lists.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +7 -7
- package/src/list-view/list-view.js +9 -1
- package/src/list-view/virtualization.js +2 -0
- package/src/sortable/sortable-model.d.ts +1 -1
- package/src/sortable/sortable.d.ts +3 -0
- package/src/sortable/sortable.js +29 -2
- package/styles/bootstrap-dark.css +1 -1
- package/styles/bootstrap.css +1 -1
- package/styles/bootstrap4.css +1 -1
- package/styles/bootstrap5-dark.css +3 -3
- package/styles/bootstrap5.css +3 -3
- 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/list-view/_theme.scss +1 -1
- package/styles/list-view/bootstrap-dark.css +1 -1
- package/styles/list-view/bootstrap.css +1 -1
- package/styles/list-view/bootstrap4.css +1 -1
- package/styles/list-view/bootstrap5-dark.css +3 -3
- package/styles/list-view/bootstrap5.css +3 -3
- package/styles/list-view/fabric-dark.css +1 -1
- package/styles/list-view/fabric.css +1 -1
- package/styles/list-view/fluent-dark.css +1 -1
- package/styles/list-view/fluent.css +1 -1
- package/styles/list-view/highcontrast-light.css +1 -1
- package/styles/list-view/highcontrast.css +1 -1
- package/styles/list-view/material-dark.css +1 -1
- package/styles/list-view/material.css +1 -1
- package/styles/list-view/tailwind-dark.css +2 -2
- package/styles/list-view/tailwind.css +2 -2
- package/styles/material-dark.css +1 -1
- package/styles/material.css +1 -1
- package/styles/tailwind-dark.css +2 -2
- package/styles/tailwind.css +2 -2
|
@@ -1979,6 +1979,7 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
|
|
|
1979
1979
|
EventHandler.remove(this.element, 'mouseover', this.hoverHandler);
|
|
1980
1980
|
EventHandler.remove(this.element, 'mouseout', this.leaveHandler);
|
|
1981
1981
|
this.touchModule.destroy();
|
|
1982
|
+
this.touchModule = null;
|
|
1982
1983
|
};
|
|
1983
1984
|
ListView.prototype.removeFocus = function () {
|
|
1984
1985
|
var focusedLI = this.element.querySelectorAll('.' + classNames.focused);
|
|
@@ -2458,6 +2459,13 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
|
|
|
2458
2459
|
this.element.removeAttribute('tabindex');
|
|
2459
2460
|
this.curUL = this.ulElement = this.liCollection = this.headerEle = undefined;
|
|
2460
2461
|
this.element.innerHTML = '';
|
|
2462
|
+
this.contentContainer = null;
|
|
2463
|
+
this.selectedItems = null;
|
|
2464
|
+
this.selectedLI = null;
|
|
2465
|
+
this.liElement = null;
|
|
2466
|
+
this.targetElement = null;
|
|
2467
|
+
this.currentLiElements = null;
|
|
2468
|
+
this.virtualCheckBox = null;
|
|
2461
2469
|
_super.prototype.destroy.call(this);
|
|
2462
2470
|
};
|
|
2463
2471
|
/**
|
|
@@ -2594,7 +2602,7 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
|
|
|
2594
2602
|
var liCollection = this.curUL.getElementsByClassName(classNames.selected);
|
|
2595
2603
|
for (var i = 0; i < liCollection.length; i++) {
|
|
2596
2604
|
var tempData = this.getItemData(liCollection[i]);
|
|
2597
|
-
if (tempData[this.listBaseOption.fields.id]) {
|
|
2605
|
+
if (!isNullOrUndefined(tempData) && tempData[this.listBaseOption.fields.id]) {
|
|
2598
2606
|
this.selectedId.push(tempData[this.listBaseOption.fields.id]);
|
|
2599
2607
|
}
|
|
2600
2608
|
}
|
|
@@ -4263,6 +4271,8 @@ var Virtualization = /** @__PURE__ @class */ (function () {
|
|
|
4263
4271
|
};
|
|
4264
4272
|
Virtualization.prototype.destroy = function () {
|
|
4265
4273
|
this.wireScrollEvent(true);
|
|
4274
|
+
this.topElement = null;
|
|
4275
|
+
this.bottomElement = null;
|
|
4266
4276
|
};
|
|
4267
4277
|
return Virtualization;
|
|
4268
4278
|
}());
|
|
@@ -4482,7 +4492,8 @@ var Sortable = /** @__PURE__ @class */ (function (_super) {
|
|
|
4482
4492
|
target: e.target, droppedElement: _this.target, helper: e.helper, cancel: false
|
|
4483
4493
|
};
|
|
4484
4494
|
_this.trigger('beforeDrop', beforeDropArgs, function (observedArgs) {
|
|
4485
|
-
if (dropInst.element === e.target
|
|
4495
|
+
if ((dropInst.element === e.target || e.target.className.indexOf('e-list-nrt') > -1 || e.target.className.indexOf('e-list-nr-template') > -1
|
|
4496
|
+
|| e.target.closest('.e-list-nr-template')) && !observedArgs.cancel) {
|
|
4486
4497
|
_this.updateItemClass(dropInst);
|
|
4487
4498
|
dropInst.element.appendChild(_this.target);
|
|
4488
4499
|
_this.trigger('drop', {
|
|
@@ -4524,6 +4535,31 @@ var Sortable = /** @__PURE__ @class */ (function (_super) {
|
|
|
4524
4535
|
queryPositionInfo: this.queryPositionInfo,
|
|
4525
4536
|
distance: 5
|
|
4526
4537
|
});
|
|
4538
|
+
this.wireEvents();
|
|
4539
|
+
};
|
|
4540
|
+
Sortable.prototype.wireEvents = function () {
|
|
4541
|
+
var wrapper = this.element;
|
|
4542
|
+
EventHandler.add(wrapper, 'keydown', this.keyDownHandler, this);
|
|
4543
|
+
};
|
|
4544
|
+
Sortable.prototype.unwireEvents = function () {
|
|
4545
|
+
var wrapper = this.element;
|
|
4546
|
+
EventHandler.remove(wrapper, 'keydown', this.keyDownHandler);
|
|
4547
|
+
};
|
|
4548
|
+
Sortable.prototype.keyDownHandler = function (e) {
|
|
4549
|
+
if (e.keyCode === 27) {
|
|
4550
|
+
var dragStop = getComponent(this.element, 'draggable');
|
|
4551
|
+
if (dragStop) {
|
|
4552
|
+
dragStop.intDestroy(null);
|
|
4553
|
+
}
|
|
4554
|
+
var dragWrapper = document.getElementsByClassName('e-sortableclone')[0];
|
|
4555
|
+
if (dragWrapper) {
|
|
4556
|
+
dragWrapper.remove();
|
|
4557
|
+
}
|
|
4558
|
+
var dragPlaceholder = document.getElementsByClassName('e-sortable-placeholder')[0];
|
|
4559
|
+
if (dragPlaceholder) {
|
|
4560
|
+
dragPlaceholder.remove();
|
|
4561
|
+
}
|
|
4562
|
+
}
|
|
4527
4563
|
};
|
|
4528
4564
|
Sortable.prototype.getPlaceHolder = function (target, instance) {
|
|
4529
4565
|
if (instance.placeHolder) {
|
|
@@ -4631,6 +4667,7 @@ var Sortable = /** @__PURE__ @class */ (function (_super) {
|
|
|
4631
4667
|
* It is used to destroy the Sortable library.
|
|
4632
4668
|
*/
|
|
4633
4669
|
Sortable.prototype.destroy = function () {
|
|
4670
|
+
this.unwireEvents();
|
|
4634
4671
|
if (this.itemClass === 'e-sort-item') {
|
|
4635
4672
|
this.itemClass = null;
|
|
4636
4673
|
this.dataBind();
|