@syncfusion/ej2-lists 32.1.24 → 32.2.3

package/dist/es6/ej2-lists.es2015.js

@@ -1277,6 +1277,7 @@ let ListView = class ListView extends Component {
                     this.setCSSClass(oldProp.cssClass);
                     break;
                 case 'enable':
+                case 'enabled':
                     this.setEnable();
                     break;
                 case 'width':
@@ -1374,7 +1375,7 @@ let ListView = class ListView extends Component {
         this.isWindow = this.element.clientHeight ? false : true;
     }
     setEnable() {
-        this.enableElement(this.element, this.enable);
+        this.enableElement(this.element, this.enabled && this.enable);
     }
     setEnableRTL() {
         if (this.enableRtl) {
@@ -1770,7 +1771,7 @@ let ListView = class ListView extends Component {
                 li = target;
             }
             this.removeFocus();
-            if (this.enable && this.showCheckBox && this.isValidLI(li)) {
+            if (this.isComponentEnabled && this.showCheckBox && this.isValidLI(li)) {
                 if (e.target.classList.contains(classNames.checkboxIcon)) {
                     li.classList.add(classNames.focused);
                     if (isNullOrUndefined(li.querySelector('.' + classNames.checked))) {
@@ -1995,7 +1996,7 @@ let ListView = class ListView extends Component {
         }
     }
     spaceKeyHandler(e) {
-        if (this.enable && this.showCheckBox && Object.keys(this.dataSource).length && this.curUL) {
+        if (this.isComponentEnabled && this.showCheckBox && Object.keys(this.dataSource).length && this.curUL) {
             e.preventDefault();
             const li = this.curUL.querySelector('.' + classNames.focused);
             let checkboxElement;
@@ -2134,7 +2135,7 @@ let ListView = class ListView extends Component {
             && !li.classList.contains(classNames.disable));
     }
     setCheckboxLI(li, e) {
-        if (this.isValidLI(li) && this.enable && this.showCheckBox) {
+        if (this.isValidLI(li) && this.isComponentEnabled && this.showCheckBox) {
             if (this.curUL.querySelector('.' + classNames.focused)) {
                 this.curUL.querySelector('.' + classNames.focused).classList.remove(classNames.focused);
             }
@@ -2217,7 +2218,7 @@ let ListView = class ListView extends Component {
         }
     }
     setSelectLI(li, e) {
-        if (this.isValidLI(li) && !li.classList.contains(classNames.selected) && this.enable) {
+        if (this.isValidLI(li) && !li.classList.contains(classNames.selected) && this.isComponentEnabled) {
             if (!this.showCheckBox) {
                 this.removeSelect();
             }
@@ -2241,7 +2242,7 @@ let ListView = class ListView extends Component {
         }
     }
     setHoverLI(li) {
-        if (this.isValidLI(li) && !li.classList.contains(classNames.hover) && this.enable) {
+        if (this.isValidLI(li) && !li.classList.contains(classNames.hover) && this.isComponentEnabled) {
             const lastLi = this.element.querySelectorAll('.' + classNames.hover);
             if (lastLi && lastLi.length) {
                 removeClass(lastLi, classNames.hover);
@@ -3144,9 +3145,12 @@ let ListView = class ListView extends Component {
      */
     getPersistData() {
         return this.addOnPersist(['cssClass', 'enableRtl', 'htmlAttributes',
-            'enable', 'fields', 'animation', 'headerTitle',
+            'enable', 'enabled', 'fields', 'animation', 'headerTitle',
             'sortOrder', 'showIcon', 'height', 'width', 'showCheckBox', 'checkBoxPosition', 'selectedId']);
     }
+    get isComponentEnabled() {
+        return this.enabled && this.enable;
+    }
 };
 __decorate([
     Property('')
@@ -3160,6 +3164,9 @@ __decorate([
 __decorate([
     Property(true)
 ], ListView.prototype, "enable", void 0);
+__decorate([
+    Property(true)
+], ListView.prototype, "enabled", void 0);
 __decorate([
     Property([])
 ], ListView.prototype, "dataSource", void 0);