@syncfusion/ej2-lists 27.2.5 → 28.1.37

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 (93) 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 +5 -26
  6. package/dist/es6/ej2-lists.es2015.js.map +1 -1
  7. package/dist/es6/ej2-lists.es5.js +5 -26
  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 -12
  13. package/src/sortable/sortable.d.ts +0 -1
  14. package/src/sortable/sortable.js +5 -26
  15. package/styles/bds-lite.css +450 -0
  16. package/styles/bds-lite.scss +7 -0
  17. package/styles/bds.css +606 -0
  18. package/styles/bds.scss +8 -0
  19. package/styles/bootstrap-dark-lite.css +11 -0
  20. package/styles/bootstrap-dark.css +11 -0
  21. package/styles/bootstrap-lite.css +11 -0
  22. package/styles/bootstrap.css +11 -0
  23. package/styles/bootstrap4-lite.css +11 -0
  24. package/styles/bootstrap4.css +11 -0
  25. package/styles/bootstrap5-dark-lite.css +11 -0
  26. package/styles/bootstrap5-dark.css +11 -0
  27. package/styles/bootstrap5-lite.css +11 -0
  28. package/styles/bootstrap5.3-lite.css +11 -0
  29. package/styles/bootstrap5.3.css +11 -0
  30. package/styles/bootstrap5.css +11 -0
  31. package/styles/fabric-dark-lite.css +11 -0
  32. package/styles/fabric-dark.css +11 -0
  33. package/styles/fabric-lite.css +11 -0
  34. package/styles/fabric.css +11 -0
  35. package/styles/fluent-dark-lite.css +11 -0
  36. package/styles/fluent-dark.css +11 -0
  37. package/styles/fluent-lite.css +11 -0
  38. package/styles/fluent.css +11 -0
  39. package/styles/fluent2-lite.css +12 -1
  40. package/styles/fluent2.css +12 -1
  41. package/styles/highcontrast-light-lite.css +11 -0
  42. package/styles/highcontrast-light.css +11 -0
  43. package/styles/highcontrast-lite.css +11 -0
  44. package/styles/highcontrast.css +11 -0
  45. package/styles/list-view/_bigger.scss +70 -1
  46. package/styles/list-view/_layout.scss +27 -1
  47. package/styles/list-view/_tailwind3-definition.scss +137 -0
  48. package/styles/list-view/_theme.scss +11 -3
  49. package/styles/list-view/bds.css +577 -0
  50. package/styles/list-view/bds.scss +6 -0
  51. package/styles/list-view/bootstrap-dark.css +11 -0
  52. package/styles/list-view/bootstrap.css +11 -0
  53. package/styles/list-view/bootstrap4.css +11 -0
  54. package/styles/list-view/bootstrap5-dark.css +11 -0
  55. package/styles/list-view/bootstrap5.3.css +11 -0
  56. package/styles/list-view/bootstrap5.css +11 -0
  57. package/styles/list-view/fabric-dark.css +11 -0
  58. package/styles/list-view/fabric.css +11 -0
  59. package/styles/list-view/fluent-dark.css +11 -0
  60. package/styles/list-view/fluent.css +11 -0
  61. package/styles/list-view/fluent2.css +12 -1
  62. package/styles/list-view/highcontrast-light.css +11 -0
  63. package/styles/list-view/highcontrast.css +11 -0
  64. package/styles/list-view/icons/_tailwind3.scss +8 -0
  65. package/styles/list-view/material-dark.css +11 -0
  66. package/styles/list-view/material.css +11 -0
  67. package/styles/list-view/material3-dark.css +11 -0
  68. package/styles/list-view/material3.css +11 -0
  69. package/styles/list-view/tailwind-dark.css +11 -0
  70. package/styles/list-view/tailwind.css +11 -0
  71. package/styles/list-view/tailwind3.css +509 -0
  72. package/styles/list-view/tailwind3.scss +6 -0
  73. package/styles/material-dark-lite.css +11 -0
  74. package/styles/material-dark.css +11 -0
  75. package/styles/material-lite.css +11 -0
  76. package/styles/material.css +11 -0
  77. package/styles/material3-dark-lite.css +11 -0
  78. package/styles/material3-dark.css +11 -0
  79. package/styles/material3-lite.css +11 -0
  80. package/styles/material3.css +11 -0
  81. package/styles/sortable/_tailwind3-definition.scss +1 -0
  82. package/styles/sortable/bds.css +32 -0
  83. package/styles/sortable/bds.scss +3 -0
  84. package/styles/sortable/tailwind3.css +32 -0
  85. package/styles/sortable/tailwind3.scss +3 -0
  86. package/styles/tailwind-dark-lite.css +11 -0
  87. package/styles/tailwind-dark.css +11 -0
  88. package/styles/tailwind-lite.css +11 -0
  89. package/styles/tailwind.css +11 -0
  90. package/styles/tailwind3-lite.css +428 -0
  91. package/styles/tailwind3-lite.scss +7 -0
  92. package/styles/tailwind3.css +538 -0
  93. package/styles/tailwind3.scss +8 -0
@@ -4141,7 +4141,7 @@ let Sortable = Sortable_1 = class Sortable extends Base {
4141
4141
  return;
4142
4142
  }
4143
4143
  if (isPlaceHolderPresent) {
4144
- remove(newInst.placeHolderElement);
4144
+ this.removePlaceHolder(newInst);
4145
4145
  }
4146
4146
  newInst.placeHolderElement = placeHolder;
4147
4147
  if (e.target && typeof e.target.className === 'string' && e.target.className.indexOf('e-list-group-item') > -1) {
@@ -4153,7 +4153,6 @@ let Sortable = Sortable_1 = class Sortable extends Base {
4153
4153
  else {
4154
4154
  newInst.element.insertBefore(newInst.placeHolderElement, newInst.element.children[newIdx]);
4155
4155
  }
4156
- this.refreshDisabled(oldIdx, newIdx, newInst);
4157
4156
  }
4158
4157
  else {
4159
4158
  oldIdx = isNullOrUndefined(oldIdx) ? this.getIndex(this.target) :
@@ -4162,7 +4161,6 @@ let Sortable = Sortable_1 = class Sortable extends Base {
4162
4161
  const idx = newInst.element !== this.element ? newIdx : oldIdx < newIdx ? newIdx + 1 : newIdx;
4163
4162
  this.updateItemClass(newInst);
4164
4163
  newInst.element.insertBefore(this.target, newInst.element.children[idx]);
4165
- this.refreshDisabled(oldIdx, newIdx, newInst);
4166
4164
  this.curTarget = this.target;
4167
4165
  this.trigger('drop', {
4168
4166
  droppedElement: this.target, element: newInst.element, previousIndex: oldIdx, currentIndex: newIdx,
@@ -4171,7 +4169,7 @@ let Sortable = Sortable_1 = class Sortable extends Base {
4171
4169
  }
4172
4170
  }
4173
4171
  else if (this.curTarget !== this.target && this.scope && this.curTarget !== target && !isNullOrUndefined(newInst.placeHolder)) {
4174
- remove(this.getSortableInstance(this.curTarget).placeHolderElement);
4172
+ this.removePlaceHolder(this.getSortableInstance(this.curTarget));
4175
4173
  this.curTarget = this.target;
4176
4174
  }
4177
4175
  newInst = this.getSortableInstance(this.curTarget);
@@ -4226,6 +4224,7 @@ let Sortable = Sortable_1 = class Sortable extends Base {
4226
4224
  const isPlaceHolderPresent = this.isPlaceHolderPresent(dropInst);
4227
4225
  if (isPlaceHolderPresent) {
4228
4226
  const curIdx = this.getIndex(dropInst.placeHolderElement, dropInst);
4227
+ prevIdx = this === dropInst && (prevIdx - curIdx) >= 1 ? prevIdx - 1 : prevIdx;
4229
4228
  const args = {
4230
4229
  previousIndex: prevIdx, currentIndex: curIdx, target: e.target, droppedElement: this.target,
4231
4230
  helper: e.helper, cancel: false, handled: false
@@ -4241,13 +4240,13 @@ let Sortable = Sortable_1 = class Sortable extends Base {
4241
4240
  }
4242
4241
  dropInst.element.insertBefore(this.target, dropInst.placeHolderElement);
4243
4242
  const curIdx = this.getIndex(this.target, dropInst);
4244
- prevIdx = this === dropInst && (prevIdx - curIdx) > 1 ? prevIdx - 1 : prevIdx;
4243
+ prevIdx = this === dropInst && (prevIdx - curIdx) >= 1 ? prevIdx - 1 : prevIdx;
4245
4244
  this.trigger('drop', {
4246
4245
  event: e.event, element: dropInst.element, previousIndex: prevIdx, currentIndex: curIdx,
4247
4246
  target: e.target, helper: e.helper, droppedElement: this.target, scopeName: this.scope, handled: handled
4248
4247
  });
4249
4248
  }
4250
- remove(dropInst.placeHolderElement);
4249
+ this.removePlaceHolder(dropInst);
4251
4250
  });
4252
4251
  }
4253
4252
  dropInst = this.getSortableInstance(e.target);
@@ -4364,26 +4363,6 @@ let Sortable = Sortable_1 = class Sortable extends Base {
4364
4363
  return this;
4365
4364
  }
4366
4365
  }
4367
- refreshDisabled(oldIdx, newIdx, instance) {
4368
- if (instance === this) {
4369
- let element;
4370
- const increased = oldIdx < newIdx;
4371
- let disabledIdx;
4372
- let start = increased ? oldIdx : newIdx;
4373
- const end = increased ? newIdx : oldIdx;
4374
- while (start <= end) {
4375
- element = this.element.children[start];
4376
- if (element.classList.contains('e-disabled')) {
4377
- disabledIdx = this.getIndex(element);
4378
- this.element.insertBefore(element, this.element.children[increased ? disabledIdx + 2 : disabledIdx - 1]);
4379
- start = increased ? disabledIdx + 2 : disabledIdx + 1;
4380
- }
4381
- else {
4382
- start++;
4383
- }
4384
- }
4385
- }
4386
- }
4387
4366
  getIndex(target, instance = this, e) {
4388
4367
  let idx;
4389
4368
  let placeHolderPresent;