@syncfusion/ej2-lists 21.2.9 → 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 +8 -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 +4 -4
- package/dist/es6/ej2-lists.es2015.js.map +1 -1
- package/dist/es6/ej2-lists.es5.js +4 -4
- 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 +2 -2
- package/src/list-view/virtualization.js +1 -1
- package/src/sortable/sortable-model.d.ts +1 -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
|
@@ -1011,7 +1011,7 @@ function getFieldValues(dataItem, fields) {
|
|
|
1011
1011
|
function compileTemplate(template) {
|
|
1012
1012
|
if (template) {
|
|
1013
1013
|
try {
|
|
1014
|
-
if (document.querySelector(template)) {
|
|
1014
|
+
if (typeof template !== 'function' && document.querySelector(template)) {
|
|
1015
1015
|
return compile(document.querySelector(template).innerHTML.trim());
|
|
1016
1016
|
}
|
|
1017
1017
|
else {
|
|
@@ -1065,7 +1065,7 @@ const classNames = {
|
|
|
1065
1065
|
headerTemplateText: 'e-headertemplate-text',
|
|
1066
1066
|
text: 'e-text',
|
|
1067
1067
|
disable: 'e-disabled',
|
|
1068
|
-
|
|
1068
|
+
container: 'e-list-container',
|
|
1069
1069
|
icon: 'e-icons',
|
|
1070
1070
|
backIcon: 'e-icon-back',
|
|
1071
1071
|
backButton: 'e-back-button',
|
|
@@ -2368,7 +2368,7 @@ let ListView = class ListView extends Component {
|
|
|
2368
2368
|
}
|
|
2369
2369
|
else {
|
|
2370
2370
|
this.createList();
|
|
2371
|
-
this.contentContainer = this.createElement('div', { className: classNames.
|
|
2371
|
+
this.contentContainer = this.createElement('div', { className: classNames.container });
|
|
2372
2372
|
this.element.appendChild(this.contentContainer);
|
|
2373
2373
|
this.renderIntoDom(this.ulElement);
|
|
2374
2374
|
// eslint-disable-next-line
|
|
@@ -3114,7 +3114,7 @@ class Virtualization {
|
|
|
3114
3114
|
this.listViewInstance.ulElement = this.listViewInstance.curUL = ListBase.createList(
|
|
3115
3115
|
// eslint-disable-next-line
|
|
3116
3116
|
this.listViewInstance.createElement, firstDs, this.listViewInstance.listBaseOption, null, this.listViewInstance);
|
|
3117
|
-
this.listViewInstance.contentContainer = this.listViewInstance.createElement('div', { className: classNames.
|
|
3117
|
+
this.listViewInstance.contentContainer = this.listViewInstance.createElement('div', { className: classNames.container });
|
|
3118
3118
|
this.listViewInstance.element.appendChild(this.listViewInstance.contentContainer);
|
|
3119
3119
|
this.listViewInstance.contentContainer.appendChild(this.listViewInstance.ulElement);
|
|
3120
3120
|
this.listItemHeight = this.listViewInstance.ulElement.firstElementChild.getBoundingClientRect().height;
|