@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.
- package/README.md +3 -3
- package/dist/ej2-lists.min.js +3 -3
- package/dist/ej2-lists.umd.min.js +3 -3
- package/dist/ej2-lists.umd.min.js.map +1 -1
- package/dist/es6/ej2-lists.es2015.js +5 -26
- package/dist/es6/ej2-lists.es2015.js.map +1 -1
- package/dist/es6/ej2-lists.es5.js +5 -26
- package/dist/es6/ej2-lists.es5.js.map +1 -1
- package/dist/global/ej2-lists.min.js +3 -3
- package/dist/global/ej2-lists.min.js.map +1 -1
- package/dist/global/index.d.ts +2 -2
- package/package.json +10 -12
- package/src/sortable/sortable.d.ts +0 -1
- package/src/sortable/sortable.js +5 -26
- package/styles/bds-lite.css +450 -0
- package/styles/bds-lite.scss +7 -0
- package/styles/bds.css +606 -0
- package/styles/bds.scss +8 -0
- package/styles/bootstrap-dark-lite.css +11 -0
- package/styles/bootstrap-dark.css +11 -0
- package/styles/bootstrap-lite.css +11 -0
- package/styles/bootstrap.css +11 -0
- package/styles/bootstrap4-lite.css +11 -0
- package/styles/bootstrap4.css +11 -0
- package/styles/bootstrap5-dark-lite.css +11 -0
- package/styles/bootstrap5-dark.css +11 -0
- package/styles/bootstrap5-lite.css +11 -0
- package/styles/bootstrap5.3-lite.css +11 -0
- package/styles/bootstrap5.3.css +11 -0
- package/styles/bootstrap5.css +11 -0
- package/styles/fabric-dark-lite.css +11 -0
- package/styles/fabric-dark.css +11 -0
- package/styles/fabric-lite.css +11 -0
- package/styles/fabric.css +11 -0
- package/styles/fluent-dark-lite.css +11 -0
- package/styles/fluent-dark.css +11 -0
- package/styles/fluent-lite.css +11 -0
- package/styles/fluent.css +11 -0
- package/styles/fluent2-lite.css +12 -1
- package/styles/fluent2.css +12 -1
- package/styles/highcontrast-light-lite.css +11 -0
- package/styles/highcontrast-light.css +11 -0
- package/styles/highcontrast-lite.css +11 -0
- package/styles/highcontrast.css +11 -0
- package/styles/list-view/_bigger.scss +70 -1
- package/styles/list-view/_layout.scss +27 -1
- package/styles/list-view/_tailwind3-definition.scss +137 -0
- package/styles/list-view/_theme.scss +11 -3
- package/styles/list-view/bds.css +577 -0
- package/styles/list-view/bds.scss +6 -0
- package/styles/list-view/bootstrap-dark.css +11 -0
- package/styles/list-view/bootstrap.css +11 -0
- package/styles/list-view/bootstrap4.css +11 -0
- package/styles/list-view/bootstrap5-dark.css +11 -0
- package/styles/list-view/bootstrap5.3.css +11 -0
- package/styles/list-view/bootstrap5.css +11 -0
- package/styles/list-view/fabric-dark.css +11 -0
- package/styles/list-view/fabric.css +11 -0
- package/styles/list-view/fluent-dark.css +11 -0
- package/styles/list-view/fluent.css +11 -0
- package/styles/list-view/fluent2.css +12 -1
- package/styles/list-view/highcontrast-light.css +11 -0
- package/styles/list-view/highcontrast.css +11 -0
- package/styles/list-view/icons/_tailwind3.scss +8 -0
- package/styles/list-view/material-dark.css +11 -0
- package/styles/list-view/material.css +11 -0
- package/styles/list-view/material3-dark.css +11 -0
- package/styles/list-view/material3.css +11 -0
- package/styles/list-view/tailwind-dark.css +11 -0
- package/styles/list-view/tailwind.css +11 -0
- package/styles/list-view/tailwind3.css +509 -0
- package/styles/list-view/tailwind3.scss +6 -0
- package/styles/material-dark-lite.css +11 -0
- package/styles/material-dark.css +11 -0
- package/styles/material-lite.css +11 -0
- package/styles/material.css +11 -0
- package/styles/material3-dark-lite.css +11 -0
- package/styles/material3-dark.css +11 -0
- package/styles/material3-lite.css +11 -0
- package/styles/material3.css +11 -0
- package/styles/sortable/_tailwind3-definition.scss +1 -0
- package/styles/sortable/bds.css +32 -0
- package/styles/sortable/bds.scss +3 -0
- package/styles/sortable/tailwind3.css +32 -0
- package/styles/sortable/tailwind3.scss +3 -0
- package/styles/tailwind-dark-lite.css +11 -0
- package/styles/tailwind-dark.css +11 -0
- package/styles/tailwind-lite.css +11 -0
- package/styles/tailwind.css +11 -0
- package/styles/tailwind3-lite.css +428 -0
- package/styles/tailwind3-lite.scss +7 -0
- package/styles/tailwind3.css +538 -0
- 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
|
-
|
|
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
|
-
|
|
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)
|
|
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
|
-
|
|
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;
|