@syncfusion/ej2-lists 27.2.3 → 28.1.33

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.
Files changed (94) hide show
  1. package/README.md +3 -3
  2. package/dist/ej2-lists.min.js +3 -3
  3. package/dist/ej2-lists.umd.min.js +3 -3
  4. package/dist/ej2-lists.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-lists.es2015.js +9 -29
  6. package/dist/es6/ej2-lists.es2015.js.map +1 -1
  7. package/dist/es6/ej2-lists.es5.js +9 -29
  8. package/dist/es6/ej2-lists.es5.js.map +1 -1
  9. package/dist/global/ej2-lists.min.js +3 -3
  10. package/dist/global/ej2-lists.min.js.map +1 -1
  11. package/dist/global/index.d.ts +2 -2
  12. package/package.json +10 -10
  13. package/src/list-view/virtualization.js +6 -4
  14. package/src/sortable/sortable.d.ts +0 -1
  15. package/src/sortable/sortable.js +3 -25
  16. package/styles/bds-lite.css +450 -0
  17. package/styles/bds-lite.scss +7 -0
  18. package/styles/bds.css +606 -0
  19. package/styles/bds.scss +8 -0
  20. package/styles/bootstrap-dark-lite.css +11 -0
  21. package/styles/bootstrap-dark.css +11 -0
  22. package/styles/bootstrap-lite.css +11 -0
  23. package/styles/bootstrap.css +11 -0
  24. package/styles/bootstrap4-lite.css +11 -0
  25. package/styles/bootstrap4.css +11 -0
  26. package/styles/bootstrap5-dark-lite.css +11 -0
  27. package/styles/bootstrap5-dark.css +11 -0
  28. package/styles/bootstrap5-lite.css +11 -0
  29. package/styles/bootstrap5.3-lite.css +11 -0
  30. package/styles/bootstrap5.3.css +11 -0
  31. package/styles/bootstrap5.css +11 -0
  32. package/styles/fabric-dark-lite.css +11 -0
  33. package/styles/fabric-dark.css +11 -0
  34. package/styles/fabric-lite.css +11 -0
  35. package/styles/fabric.css +11 -0
  36. package/styles/fluent-dark-lite.css +11 -0
  37. package/styles/fluent-dark.css +11 -0
  38. package/styles/fluent-lite.css +11 -0
  39. package/styles/fluent.css +11 -0
  40. package/styles/fluent2-lite.css +12 -1
  41. package/styles/fluent2.css +12 -1
  42. package/styles/highcontrast-light-lite.css +11 -0
  43. package/styles/highcontrast-light.css +11 -0
  44. package/styles/highcontrast-lite.css +11 -0
  45. package/styles/highcontrast.css +11 -0
  46. package/styles/list-view/_bigger.scss +70 -1
  47. package/styles/list-view/_layout.scss +27 -1
  48. package/styles/list-view/_tailwind3-definition.scss +137 -0
  49. package/styles/list-view/_theme.scss +11 -3
  50. package/styles/list-view/bds.css +577 -0
  51. package/styles/list-view/bds.scss +6 -0
  52. package/styles/list-view/bootstrap-dark.css +11 -0
  53. package/styles/list-view/bootstrap.css +11 -0
  54. package/styles/list-view/bootstrap4.css +11 -0
  55. package/styles/list-view/bootstrap5-dark.css +11 -0
  56. package/styles/list-view/bootstrap5.3.css +11 -0
  57. package/styles/list-view/bootstrap5.css +11 -0
  58. package/styles/list-view/fabric-dark.css +11 -0
  59. package/styles/list-view/fabric.css +11 -0
  60. package/styles/list-view/fluent-dark.css +11 -0
  61. package/styles/list-view/fluent.css +11 -0
  62. package/styles/list-view/fluent2.css +12 -1
  63. package/styles/list-view/highcontrast-light.css +11 -0
  64. package/styles/list-view/highcontrast.css +11 -0
  65. package/styles/list-view/icons/_tailwind3.scss +8 -0
  66. package/styles/list-view/material-dark.css +11 -0
  67. package/styles/list-view/material.css +11 -0
  68. package/styles/list-view/material3-dark.css +11 -0
  69. package/styles/list-view/material3.css +11 -0
  70. package/styles/list-view/tailwind-dark.css +11 -0
  71. package/styles/list-view/tailwind.css +11 -0
  72. package/styles/list-view/tailwind3.css +509 -0
  73. package/styles/list-view/tailwind3.scss +6 -0
  74. package/styles/material-dark-lite.css +11 -0
  75. package/styles/material-dark.css +11 -0
  76. package/styles/material-lite.css +11 -0
  77. package/styles/material.css +11 -0
  78. package/styles/material3-dark-lite.css +11 -0
  79. package/styles/material3-dark.css +11 -0
  80. package/styles/material3-lite.css +11 -0
  81. package/styles/material3.css +11 -0
  82. package/styles/sortable/_tailwind3-definition.scss +1 -0
  83. package/styles/sortable/bds.css +32 -0
  84. package/styles/sortable/bds.scss +3 -0
  85. package/styles/sortable/tailwind3.css +32 -0
  86. package/styles/sortable/tailwind3.scss +3 -0
  87. package/styles/tailwind-dark-lite.css +11 -0
  88. package/styles/tailwind-dark.css +11 -0
  89. package/styles/tailwind-lite.css +11 -0
  90. package/styles/tailwind.css +11 -0
  91. package/styles/tailwind3-lite.css +428 -0
  92. package/styles/tailwind3-lite.scss +7 -0
  93. package/styles/tailwind3.css +538 -0
  94. package/styles/tailwind3.scss +8 -0
@@ -3266,9 +3266,10 @@ var Virtualization = /** @__PURE__ @class */ (function () {
3266
3266
  */
3267
3267
  Virtualization.prototype.uiVirtualization = function () {
3268
3268
  this.wireScrollEvent(false);
3269
- var isRendered = this.listViewInstance.isRendered;
3270
- var firstIndex = isRendered && !isNullOrUndefined(this.uiFirstIndex) ? this.uiFirstIndex : 0;
3271
3269
  var curViewDS = this.listViewInstance.curViewDS;
3270
+ var isRendered = this.listViewInstance.isRendered;
3271
+ var firstIndex = isRendered && !isNullOrUndefined(this.uiFirstIndex) && this.uiLastIndex <= Object.keys(curViewDS).length
3272
+ ? this.uiFirstIndex : 0;
3272
3273
  var firstDs = curViewDS.slice(firstIndex, firstIndex + 1);
3273
3274
  this.listViewInstance.ulElement = this.listViewInstance.curUL = ListBase.createList(this.listViewInstance.createElement, firstDs, this.listViewInstance.listBaseOption, null, this.listViewInstance);
3274
3275
  this.listViewInstance.contentContainer = this.listViewInstance.createElement('div', { className: classNames.container });
@@ -3277,7 +3278,8 @@ var Virtualization = /** @__PURE__ @class */ (function () {
3277
3278
  this.listItemHeight = this.listViewInstance.ulElement.firstElementChild.getBoundingClientRect().height;
3278
3279
  this.expectedDomItemCount = this.ValidateItemCount(10000);
3279
3280
  this.updateDOMItemCount();
3280
- var lastIndex = isRendered && !isNullOrUndefined(this.uiLastIndex) ? this.uiLastIndex : this.domItemCount - 1;
3281
+ var lastIndex = isRendered && !isNullOrUndefined(this.uiLastIndex) && this.listDiff !== 0
3282
+ ? this.uiLastIndex : this.domItemCount - 1;
3281
3283
  this.uiFirstIndex = firstIndex;
3282
3284
  this.uiLastIndex = lastIndex;
3283
3285
  var otherDs = curViewDS.slice(firstIndex + 1, lastIndex + 1);
@@ -3293,7 +3295,7 @@ var Virtualization = /** @__PURE__ @class */ (function () {
3293
3295
  this.bottomElement.style.height = isRendered ? (this.totalHeight - this.topElementHeight) + 'px' : this.totalHeight + 'px';
3294
3296
  this.topElementHeight = isRendered ? this.topElementHeight : 0;
3295
3297
  this.bottomElementHeight = isRendered ? (this.totalHeight - this.topElementHeight) : this.totalHeight;
3296
- this.listDiff = isRendered ? this.listDiff : 0;
3298
+ this.listDiff = isRendered && Object.keys(curViewDS).length !== this.domItemCount ? this.listDiff : 0;
3297
3299
  if (isRendered) {
3298
3300
  this.listViewInstance.element.scrollTop = this.listViewInstance.previousScrollTop;
3299
3301
  }
@@ -4200,7 +4202,7 @@ var Sortable = /** @__PURE__ @class */ (function (_super) {
4200
4202
  return;
4201
4203
  }
4202
4204
  if (isPlaceHolderPresent) {
4203
- remove(newInst.placeHolderElement);
4205
+ _this.removePlaceHolder(newInst);
4204
4206
  }
4205
4207
  newInst.placeHolderElement = placeHolder;
4206
4208
  if (e.target && typeof e.target.className === 'string' && e.target.className.indexOf('e-list-group-item') > -1) {
@@ -4212,7 +4214,6 @@ var Sortable = /** @__PURE__ @class */ (function (_super) {
4212
4214
  else {
4213
4215
  newInst.element.insertBefore(newInst.placeHolderElement, newInst.element.children[newIdx]);
4214
4216
  }
4215
- _this.refreshDisabled(oldIdx, newIdx, newInst);
4216
4217
  }
4217
4218
  else {
4218
4219
  oldIdx = isNullOrUndefined(oldIdx) ? _this.getIndex(_this.target) :
@@ -4221,7 +4222,6 @@ var Sortable = /** @__PURE__ @class */ (function (_super) {
4221
4222
  var idx = newInst.element !== _this.element ? newIdx : oldIdx < newIdx ? newIdx + 1 : newIdx;
4222
4223
  _this.updateItemClass(newInst);
4223
4224
  newInst.element.insertBefore(_this.target, newInst.element.children[idx]);
4224
- _this.refreshDisabled(oldIdx, newIdx, newInst);
4225
4225
  _this.curTarget = _this.target;
4226
4226
  _this.trigger('drop', {
4227
4227
  droppedElement: _this.target, element: newInst.element, previousIndex: oldIdx, currentIndex: newIdx,
@@ -4230,7 +4230,7 @@ var Sortable = /** @__PURE__ @class */ (function (_super) {
4230
4230
  }
4231
4231
  }
4232
4232
  else if (_this.curTarget !== _this.target && _this.scope && _this.curTarget !== target && !isNullOrUndefined(newInst.placeHolder)) {
4233
- remove(_this.getSortableInstance(_this.curTarget).placeHolderElement);
4233
+ _this.removePlaceHolder(_this.getSortableInstance(_this.curTarget));
4234
4234
  _this.curTarget = _this.target;
4235
4235
  }
4236
4236
  newInst = _this.getSortableInstance(_this.curTarget);
@@ -4306,7 +4306,7 @@ var Sortable = /** @__PURE__ @class */ (function (_super) {
4306
4306
  target: e.target, helper: e.helper, droppedElement: _this.target, scopeName: _this.scope, handled: handled
4307
4307
  });
4308
4308
  }
4309
- remove(dropInst.placeHolderElement);
4309
+ _this.removePlaceHolder(dropInst);
4310
4310
  });
4311
4311
  }
4312
4312
  dropInst = _this.getSortableInstance(e.target);
@@ -4425,26 +4425,6 @@ var Sortable = /** @__PURE__ @class */ (function (_super) {
4425
4425
  return this;
4426
4426
  }
4427
4427
  };
4428
- Sortable.prototype.refreshDisabled = function (oldIdx, newIdx, instance) {
4429
- if (instance === this) {
4430
- var element = void 0;
4431
- var increased = oldIdx < newIdx;
4432
- var disabledIdx = void 0;
4433
- var start = increased ? oldIdx : newIdx;
4434
- var end = increased ? newIdx : oldIdx;
4435
- while (start <= end) {
4436
- element = this.element.children[start];
4437
- if (element.classList.contains('e-disabled')) {
4438
- disabledIdx = this.getIndex(element);
4439
- this.element.insertBefore(element, this.element.children[increased ? disabledIdx + 2 : disabledIdx - 1]);
4440
- start = increased ? disabledIdx + 2 : disabledIdx + 1;
4441
- }
4442
- else {
4443
- start++;
4444
- }
4445
- }
4446
- }
4447
- };
4448
4428
  Sortable.prototype.getIndex = function (target, instance, e) {
4449
4429
  if (instance === void 0) { instance = this; }
4450
4430
  var idx;