@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.
- 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 +9 -29
- package/dist/es6/ej2-lists.es2015.js.map +1 -1
- package/dist/es6/ej2-lists.es5.js +9 -29
- 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 -10
- package/src/list-view/virtualization.js +6 -4
- package/src/sortable/sortable.d.ts +0 -1
- package/src/sortable/sortable.js +3 -25
- 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
|
@@ -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)
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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;
|