@syncfusion/ej2-lists 21.2.6 → 22.1.34
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/.eslintrc.json +1 -0
- package/CHANGELOG.md +22 -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 +7 -6
- package/dist/es6/ej2-lists.es2015.js.map +1 -1
- package/dist/es6/ej2-lists.es5.js +7 -6
- 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 +8 -8
- package/src/common/list-base.d.ts +11 -5
- package/src/common/list-base.js +1 -1
- package/src/list-view/list-view-model.d.ts +9 -0
- package/src/list-view/list-view.d.ts +23 -31
- package/src/list-view/list-view.js +3 -3
- package/src/list-view/virtualization.js +1 -1
- package/src/sortable/sortable.js +2 -1
- package/styles/bootstrap-dark.css +1 -1
- package/styles/bootstrap.css +1 -1
- package/styles/bootstrap4.css +1 -1
- package/styles/bootstrap5-dark.css +1 -1
- package/styles/bootstrap5.css +1 -1
- 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/_layout.scss +12 -1
- package/styles/list-view/_material3-dark-definition.scss +1 -0
- package/styles/list-view/_material3-definition.scss +134 -0
- package/styles/list-view/_theme.scss +13 -4
- 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 +1 -1
- package/styles/list-view/bootstrap5.css +1 -1
- 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/icons/_material3-dark.scss +1 -0
- package/styles/list-view/material-dark.css +1 -1
- package/styles/list-view/material.css +1 -1
- package/styles/list-view/material3-dark.css +516 -0
- package/styles/list-view/material3-dark.scss +6 -0
- package/styles/list-view/material3.css +572 -0
- package/styles/list-view/material3.scss +6 -0
- package/styles/list-view/tailwind-dark.css +1 -1
- package/styles/list-view/tailwind.css +1 -1
- package/styles/material-dark.css +1 -1
- package/styles/material.css +1 -1
- package/styles/material3-dark.css +544 -0
- package/styles/material3-dark.scss +4 -0
- package/styles/material3.css +600 -0
- package/styles/material3.scss +4 -0
- package/styles/sortable/_material3-dark-definition.scss +1 -0
- package/styles/sortable/_material3-definition.scss +1 -0
- package/styles/sortable/material3-dark.css +83 -0
- package/styles/sortable/material3-dark.scss +4 -0
- package/styles/sortable/material3.css +139 -0
- package/styles/sortable/material3.scss +4 -0
- package/styles/tailwind-dark.css +1 -1
- package/styles/tailwind.css +1 -1
|
@@ -1015,7 +1015,7 @@ function getFieldValues(dataItem, fields) {
|
|
|
1015
1015
|
function compileTemplate(template) {
|
|
1016
1016
|
if (template) {
|
|
1017
1017
|
try {
|
|
1018
|
-
if (document.querySelector(template)) {
|
|
1018
|
+
if (typeof template !== 'function' && document.querySelector(template)) {
|
|
1019
1019
|
return compile(document.querySelector(template).innerHTML.trim());
|
|
1020
1020
|
}
|
|
1021
1021
|
else {
|
|
@@ -1082,7 +1082,7 @@ var classNames = {
|
|
|
1082
1082
|
headerTemplateText: 'e-headertemplate-text',
|
|
1083
1083
|
text: 'e-text',
|
|
1084
1084
|
disable: 'e-disabled',
|
|
1085
|
-
|
|
1085
|
+
container: 'e-list-container',
|
|
1086
1086
|
icon: 'e-icons',
|
|
1087
1087
|
backIcon: 'e-icon-back',
|
|
1088
1088
|
backButton: 'e-back-button',
|
|
@@ -1958,7 +1958,7 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
|
|
|
1958
1958
|
var focusedElement = this.curUL.querySelector('.' + classNames.focused);
|
|
1959
1959
|
if (focusedElement) {
|
|
1960
1960
|
focusedElement.classList.remove(classNames.focused);
|
|
1961
|
-
if (!this.showCheckBox) {
|
|
1961
|
+
if (!this.showCheckBox && !isNullOrUndefined(this.selectedLI)) {
|
|
1962
1962
|
this.selectedLI.classList.add(classNames.selected);
|
|
1963
1963
|
}
|
|
1964
1964
|
}
|
|
@@ -2404,7 +2404,7 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
|
|
|
2404
2404
|
}
|
|
2405
2405
|
else {
|
|
2406
2406
|
this.createList();
|
|
2407
|
-
this.contentContainer = this.createElement('div', { className: classNames.
|
|
2407
|
+
this.contentContainer = this.createElement('div', { className: classNames.container });
|
|
2408
2408
|
this.element.appendChild(this.contentContainer);
|
|
2409
2409
|
this.renderIntoDom(this.ulElement);
|
|
2410
2410
|
// eslint-disable-next-line
|
|
@@ -3153,7 +3153,7 @@ var Virtualization = /** @__PURE__ @class */ (function () {
|
|
|
3153
3153
|
this.listViewInstance.ulElement = this.listViewInstance.curUL = ListBase.createList(
|
|
3154
3154
|
// eslint-disable-next-line
|
|
3155
3155
|
this.listViewInstance.createElement, firstDs, this.listViewInstance.listBaseOption, null, this.listViewInstance);
|
|
3156
|
-
this.listViewInstance.contentContainer = this.listViewInstance.createElement('div', { className: classNames.
|
|
3156
|
+
this.listViewInstance.contentContainer = this.listViewInstance.createElement('div', { className: classNames.container });
|
|
3157
3157
|
this.listViewInstance.element.appendChild(this.listViewInstance.contentContainer);
|
|
3158
3158
|
this.listViewInstance.contentContainer.appendChild(this.listViewInstance.ulElement);
|
|
3159
3159
|
this.listItemHeight = this.listViewInstance.ulElement.firstElementChild.getBoundingClientRect().height;
|
|
@@ -4629,7 +4629,8 @@ var Sortable = /** @__PURE__ @class */ (function (_super) {
|
|
|
4629
4629
|
}
|
|
4630
4630
|
var offset = target.getBoundingClientRect();
|
|
4631
4631
|
var clientY = offset.bottom - ((offset.bottom - offset.top) / 2);
|
|
4632
|
-
|
|
4632
|
+
var cltY = e.changedTouches ? e.changedTouches[0].clientY : e.clientY;
|
|
4633
|
+
idx = cltY <= clientY ? idx : idx + 1;
|
|
4633
4634
|
}
|
|
4634
4635
|
return;
|
|
4635
4636
|
}
|