@syncfusion/ej2-dropdowns 20.3.60 → 20.4.40

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.3.60
+*  version : 20.4.40
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-dropdowns@*",
-  "_id": "@syncfusion/ej2-dropdowns@20.3.59",
+  "_id": "@syncfusion/ej2-dropdowns@20.4.38",
   "_inBundle": false,
-  "_integrity": "sha512-3KOrC1GdJj32XxkzIJxQd8zP9Dbp7L/0/AWOUu3LZF+4B+6Xther2bXQ6t1Gt4nstmFHbiXDrrTVE8YJbsYKUA==",
+  "_integrity": "sha512-rAiQm0Rcd5vCy3J2y8nEDrU0uB+utV3odQhDB2dfiSB3n9XOjhhojtBUZ9q0dv4DM9/Y5ouMdaz7H/aK299erw==",
   "_location": "/@syncfusion/ej2-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -33,8 +33,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-dropdowns"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-20.3.59.tgz",
-  "_shasum": "9a67584709f1877eda262c63bf59a2c61d33f8de",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-20.4.38.tgz",
+  "_shasum": "4be33a2afcb91461e4a7ccf53d2db9364f655411",
   "_spec": "@syncfusion/ej2-dropdowns@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -42,12 +42,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.3.56",
-    "@syncfusion/ej2-data": "~20.3.60",
-    "@syncfusion/ej2-inputs": "~20.3.57",
-    "@syncfusion/ej2-lists": "~20.3.56",
-    "@syncfusion/ej2-navigations": "~20.3.60",
-    "@syncfusion/ej2-popups": "~20.3.60"
+    "@syncfusion/ej2-base": "~20.4.40",
+    "@syncfusion/ej2-data": "~20.4.40",
+    "@syncfusion/ej2-inputs": "~20.4.40",
+    "@syncfusion/ej2-lists": "~20.4.40",
+    "@syncfusion/ej2-navigations": "~20.4.40",
+    "@syncfusion/ej2-popups": "~20.4.40"
   },
   "deprecated": false,
   "description": "Essential JS 2 DropDown Components",
@@ -72,6 +72,7 @@
   "module": "./index.js",
   "name": "@syncfusion/ej2-dropdowns",
   "typings": "index.d.ts",
-  "version": "20.3.60",
-  "sideEffects": false
+  "version": "20.4.40",
+  "sideEffects": false,
+  "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/auto-complete/auto-complete-model.d.ts

@@ -14,7 +14,7 @@ export interface AutoCompleteModel extends ComboBoxModel{
      * * groupBy - Group the list items with it's related items by mapping groupBy field
      *
      * {% codeBlock src='autocomplete/fields/index.md' %}{% endcodeBlock %}
-     * 
+     *
      * > For more details about the field mapping refer to [`Data binding`](../../auto-complete/data-binding) documentation.
      *
      * @default { value: null, iconCss: null, groupBy: null}

package/src/combo-box/combo-box.js

@@ -226,7 +226,7 @@ var ComboBox = /** @class */ (function (_super) {
     };
     ComboBox.prototype.getFocusElement = function () {
         var dataItem = this.isSelectCustom ? { text: '' } : this.getItemData();
-        var selected = this.list.querySelector('.' + dropDownListClasses.selected);
+        var selected = !isNullOrUndefined(this.list) ? this.list.querySelector('.' + dropDownListClasses.selected) : this.list;
         var isSelected = dataItem.text === this.inputElement.value && !isNullOrUndefined(selected);
         if (isSelected) {
             return selected;
@@ -386,9 +386,11 @@ var ComboBox = /** @class */ (function (_super) {
         }
         else if (this.inputElement.value === '') {
             this.activeIndex = null;
-            this.list.scrollTop = 0;
-            var focusItem = this.list.querySelector('.' + dropDownListClasses.li);
-            this.setHoverList(focusItem);
+            if (!isNullOrUndefined(this.list)) {
+                this.list.scrollTop = 0;
+                var focusItem = this.list.querySelector('.' + dropDownListClasses.li);
+                this.setHoverList(focusItem);
+            }
         }
         else {
             this.activeIndex = null;
@@ -687,7 +689,7 @@ var ComboBox = /** @class */ (function (_super) {
                 this.removeFillSelection();
             }
             var dataItem = this.isSelectCustom ? { text: '' } : this.getItemData();
-            var selected = this.list.querySelector('.' + dropDownListClasses.selected);
+            var selected = !isNullOrUndefined(this.list) ? this.list.querySelector('.' + dropDownListClasses.selected) : null;
             if (this.inputElement && dataItem.text === this.inputElement.value && !isNullOrUndefined(selected)) {
                 if (this.isSelected) {
                     this.onChangeEvent(e);

package/src/drop-down-base/drop-down-base-model.d.ts

@@ -74,16 +74,6 @@ export interface DropDownBaseModel extends ComponentModel{
      */
     fields?: FieldSettingsModel;
 
-    /**
-     * Enable or disable persisting component's state between page reloads.
-     * If enabled, following list of states will be persisted.
-     * 1. value
-     *
-     * @default false
-
-     */
-    enablePersistence?: boolean;
-
     /**
      * Accepts the template design and assigns it to each list item present in the popup.
      * We have built-in `template engine`
@@ -135,14 +125,6 @@ export interface DropDownBaseModel extends ComponentModel{
      */
     sortOrder?: SortOrder;
 
-    /**
-     * Specifies a value that indicates whether the component is enabled or not.
-     *
-     * @default true
-
-     */
-    enabled?: boolean;
-
     /**
      * Accepts the list items either through local or remote service and binds it to the component.
      * It can be an array of JSON Objects or an instance of

package/src/drop-down-base/drop-down-base.d.ts

@@ -239,15 +239,6 @@ export declare class DropDownBase extends Component<HTMLElement> implements INot
 
      */
     fields: FieldSettingsModel;
-    /**
-     * Enable or disable persisting component's state between page reloads.
-     * If enabled, following list of states will be persisted.
-     * 1. value
-     *
-     * @default false
-
-     */
-    enablePersistence: boolean;
     /**
      * Accepts the template design and assigns it to each list item present in the popup.
      * We have built-in `template engine`
@@ -294,13 +285,6 @@ export declare class DropDownBase extends Component<HTMLElement> implements INot
 
      */
     sortOrder: SortOrder;
-    /**
-     * Specifies a value that indicates whether the component is enabled or not.
-     *
-     * @default true
-
-     */
-    enabled: boolean;
     /**
      * Accepts the list items either through local or remote service and binds it to the component.
      * It can be an array of JSON Objects or an instance of
@@ -467,12 +451,6 @@ export declare class DropDownBase extends Component<HTMLElement> implements INot
      * @returns {string} Returns the persisted data of the component.
      */
     protected getPersistData(): string;
-    /**
-     * Sets the enabled state to DropDownBase.
-     *
-     * @returns {void}
-     */
-    protected setEnabled(): void;
     /**
      * Sets the enabled state to DropDownBase.
      *

package/src/drop-down-base/drop-down-base.js

@@ -273,7 +273,9 @@ var DropDownBase = /** @class */ (function (_super) {
                 liElem.setAttribute('role', 'option');
             }
             else {
-                ele.innerHTML = content;
+                if (!isNullOrUndefined(ele)) {
+                    ele.innerHTML = content;
+                }
             }
         }
     };
@@ -304,14 +306,16 @@ var DropDownBase = /** @class */ (function (_super) {
      * @returns {void}
      */
     DropDownBase.prototype.setEnableRtl = function () {
-        if (this.list) {
-            this.enableRtlElements.push(this.list);
-        }
-        if (this.enableRtl) {
-            addClass(this.enableRtlElements, dropDownBaseClasses.rtl);
-        }
-        else {
-            removeClass(this.enableRtlElements, dropDownBaseClasses.rtl);
+        if (!isNullOrUndefined(this.enableRtlElements)) {
+            if (this.list) {
+                this.enableRtlElements.push(this.list);
+            }
+            if (this.enableRtl) {
+                addClass(this.enableRtlElements, dropDownBaseClasses.rtl);
+            }
+            else {
+                removeClass(this.enableRtlElements, dropDownBaseClasses.rtl);
+            }
         }
     };
     /**
@@ -349,14 +353,6 @@ var DropDownBase = /** @class */ (function (_super) {
     DropDownBase.prototype.getPersistData = function () {
         return this.addOnPersist([]);
     };
-    /**
-     * Sets the enabled state to DropDownBase.
-     *
-     * @returns {void}
-     */
-    DropDownBase.prototype.setEnabled = function () {
-        this.element.setAttribute('aria-disabled', (this.enabled) ? 'false' : 'true');
-    };
     /**
      * Sets the enabled state to DropDownBase.
      *
@@ -578,7 +574,9 @@ var DropDownBase = /** @class */ (function (_super) {
         this.liCollections = [];
         this.trigger('actionFailure', e);
         this.l10nUpdate(true);
-        addClass([this.list], dropDownBaseClasses.noData);
+        if (!isNullOrUndefined(this.list)) {
+            addClass([this.list], dropDownBaseClasses.noData);
+        }
     };
     /* eslint-disable @typescript-eslint/no-unused-vars */
     DropDownBase.prototype.onActionComplete = function (ulElement, list, e) {
@@ -708,10 +706,12 @@ var DropDownBase = /** @class */ (function (_super) {
         if (!isNullOrUndefined(this.list) && !this.list.classList.contains(dropDownBaseClasses.noData)) {
             if (isNullOrUndefined(this.fixedHeaderElement)) {
                 this.fixedHeaderElement = this.createElement('div', { className: dropDownBaseClasses.fixedHead });
-                if (!this.list.querySelector('li').classList.contains(dropDownBaseClasses.group)) {
+                if (!isNullOrUndefined(this.list) && !this.list.querySelector('li').classList.contains(dropDownBaseClasses.group)) {
                     this.fixedHeaderElement.style.display = 'none';
                 }
-                prepend([this.fixedHeaderElement], this.list);
+                if (!isNullOrUndefined(this.fixedHeaderElement) && !isNullOrUndefined(this.list)) {
+                    prepend([this.fixedHeaderElement], this.list);
+                }
                 this.setFixedHeader();
             }
             if (!isNullOrUndefined(this.fixedHeaderElement) && this.fixedHeaderElement.style.zIndex === '0') {
@@ -802,7 +802,9 @@ var DropDownBase = /** @class */ (function (_super) {
         return item;
     };
     DropDownBase.prototype.setFixedHeader = function () {
-        this.list.parentElement.style.display = 'block';
+        if (!isNullOrUndefined(this.list)) {
+            this.list.parentElement.style.display = 'block';
+        }
         var borderWidth = 0;
         if (this.list && this.list.parentElement) {
             borderWidth = parseInt(document.defaultView.getComputedStyle(this.list.parentElement, null).getPropertyValue('border-width'), 10);
@@ -817,8 +819,10 @@ var DropDownBase = /** @class */ (function (_super) {
                 borderWidth = (borderTopWidth + borderBottomWidth + borderLeftWidth + borderRightWidth);
             }
         }
-        var liWidth = this.getValidLi().offsetWidth - borderWidth;
-        this.fixedHeaderElement.style.width = liWidth.toString() + 'px';
+        if (!isNullOrUndefined(this.liCollections)) {
+            var liWidth = this.getValidLi().offsetWidth - borderWidth;
+            this.fixedHeaderElement.style.width = liWidth.toString() + 'px';
+        }
         setStyleAttribute(this.fixedHeaderElement, { zIndex: 10 });
         var firstLi = this.ulElement.querySelector('.' + dropDownBaseClasses.group + ':not(.e-hide-listitem)');
         this.fixedHeaderElement.innerHTML = firstLi.innerHTML;
@@ -962,9 +966,6 @@ var DropDownBase = /** @class */ (function (_super) {
                 case 'enableRtl':
                     this.setEnableRtl();
                     break;
-                case 'enabled':
-                    this.setEnabled();
-                    break;
                 case 'groupTemplate':
                     this.renderGroupTemplate(this.list);
                     if (this.ulElement && this.fixedHeaderElement) {
@@ -1013,7 +1014,6 @@ var DropDownBase = /** @class */ (function (_super) {
             wrapperElement.appendChild(this.list);
         }
         this.setEnableRtl();
-        this.setEnabled();
         if (!isEmptyData) {
             this.initialize(e);
         }
@@ -1105,11 +1105,17 @@ var DropDownBase = /** @class */ (function (_super) {
             this.trigger('beforeItemRender', { element: li, item: item });
         }
         if (itemsCount === 0 && isNullOrUndefined(this.list.querySelector('ul'))) {
-            this.list.innerHTML = '';
-            this.list.classList.remove(dropDownBaseClasses.noData);
-            this.list.appendChild(this.ulElement);
+            if (!isNullOrUndefined(this.list)) {
+                this.list.innerHTML = '';
+                this.list.classList.remove(dropDownBaseClasses.noData);
+                if (!isNullOrUndefined(this.ulElement)) {
+                    this.list.appendChild(this.ulElement);
+                }
+            }
             this.liCollections = liCollections;
-            append(liCollections, this.ulElement);
+            if (!isNullOrUndefined(liCollections) && !isNullOrUndefined(this.ulElement)) {
+                append(liCollections, this.ulElement);
+            }
             this.updateAddItemList(this.list, itemsCount);
         }
         else {
@@ -1230,14 +1236,16 @@ var DropDownBase = /** @class */ (function (_super) {
             }
             detach(this.list);
         }
+        this.liCollections = null;
+        this.ulElement = null;
+        this.list = null;
+        this.enableRtlElements = null;
+        this.rippleFun = null;
         _super.prototype.destroy.call(this);
     };
     __decorate([
         Complex({ text: null, value: null, iconCss: null, groupBy: null }, FieldSettings)
     ], DropDownBase.prototype, "fields", void 0);
-    __decorate([
-        Property(false)
-    ], DropDownBase.prototype, "enablePersistence", void 0);
     __decorate([
         Property(null)
     ], DropDownBase.prototype, "itemTemplate", void 0);
@@ -1253,9 +1261,6 @@ var DropDownBase = /** @class */ (function (_super) {
     __decorate([
         Property('None')
     ], DropDownBase.prototype, "sortOrder", void 0);
-    __decorate([
-        Property(true)
-    ], DropDownBase.prototype, "enabled", void 0);
     __decorate([
         Property([])
     ], DropDownBase.prototype, "dataSource", void 0);

package/src/drop-down-list/drop-down-list-model.d.ts

@@ -23,6 +23,24 @@ export interface DropDownListModel extends DropDownBaseModel{
      */
     width?: string | number;
 
+    /**
+     * Specifies a value that indicates whether the component is enabled or not.
+     *
+     * @default true
+
+     */
+    enabled?: boolean;
+
+    /**
+       * Enable or disable persisting component's state between page reloads.
+       * If enabled, following list of states will be persisted.
+       * 1. value
+       *
+       * @default false
+
+       */
+    enablePersistence?: boolean;
+
     /**
      * Specifies the height of the popup list.
      * > For more details about the popup configuration refer to

package/src/drop-down-list/drop-down-list.d.ts

@@ -119,6 +119,22 @@ export declare class DropDownList extends DropDownBase implements IInput {
      * @aspType string
      */
     width: string | number;
+    /**
+     * Specifies a value that indicates whether the component is enabled or not.
+     *
+     * @default true
+
+     */
+    enabled: boolean;
+    /**
+     * Enable or disable persisting component's state between page reloads.
+     * If enabled, following list of states will be persisted.
+     * 1. value
+     *
+     * @default false
+
+     */
+    enablePersistence: boolean;
     /**
      * Specifies the height of the popup list.
      * > For more details about the popup configuration refer to
@@ -511,6 +527,12 @@ export declare class DropDownList extends DropDownBase implements IInput {
     render(): void;
     private setFooterTemplate;
     private setHeaderTemplate;
+    /**
+     * Sets the enabled state to DropDownBase.
+     *
+     * @returns {void}
+     */
+    protected setEnabled(): void;
     protected setOldText(text: string): void;
     protected setOldValue(value: string | number | boolean): void;
     protected refreshPopup(): void;