@syncfusion/ej2-lists 32.1.23 → 32.2.3

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

@@ -1302,6 +1302,7 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
                     this.setCSSClass(oldProp.cssClass);
                     break;
                 case 'enable':
+                case 'enabled':
                     this.setEnable();
                     break;
                 case 'width':
@@ -1399,7 +1400,7 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
         this.isWindow = this.element.clientHeight ? false : true;
     };
     ListView.prototype.setEnable = function () {
-        this.enableElement(this.element, this.enable);
+        this.enableElement(this.element, this.enabled && this.enable);
     };
     ListView.prototype.setEnableRTL = function () {
         if (this.enableRtl) {
@@ -1797,7 +1798,7 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
                 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))) {
@@ -2023,7 +2024,7 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
         }
     };
     ListView.prototype.spaceKeyHandler = function (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();
             var li = this.curUL.querySelector('.' + classNames.focused);
             var checkboxElement = void 0;
@@ -2164,7 +2165,7 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
             && !li.classList.contains(classNames.disable));
     };
     ListView.prototype.setCheckboxLI = function (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);
             }
@@ -2248,7 +2249,7 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
     };
     ListView.prototype.setSelectLI = function (li, e) {
         var _this = this;
-        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();
             }
@@ -2272,7 +2273,7 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
         }
     };
     ListView.prototype.setHoverLI = function (li) {
-        if (this.isValidLI(li) && !li.classList.contains(classNames.hover) && this.enable) {
+        if (this.isValidLI(li) && !li.classList.contains(classNames.hover) && this.isComponentEnabled) {
             var lastLi = this.element.querySelectorAll('.' + classNames.hover);
             if (lastLi && lastLi.length) {
                 removeClass(lastLi, classNames.hover);
@@ -3182,9 +3183,16 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
      */
     ListView.prototype.getPersistData = function () {
         return this.addOnPersist(['cssClass', 'enableRtl', 'htmlAttributes',
-            'enable', 'fields', 'animation', 'headerTitle',
+            'enable', 'enabled', 'fields', 'animation', 'headerTitle',
             'sortOrder', 'showIcon', 'height', 'width', 'showCheckBox', 'checkBoxPosition', 'selectedId']);
     };
+    Object.defineProperty(ListView.prototype, "isComponentEnabled", {
+        get: function () {
+            return this.enabled && this.enable;
+        },
+        enumerable: true,
+        configurable: true
+    });
     __decorate([
         Property('')
     ], ListView.prototype, "cssClass", void 0);
@@ -3197,6 +3205,9 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
     __decorate([
         Property(true)
     ], ListView.prototype, "enable", void 0);
+    __decorate([
+        Property(true)
+    ], ListView.prototype, "enabled", void 0);
     __decorate([
         Property([])
     ], ListView.prototype, "dataSource", void 0);