@syncfusion/ej2-base 19.2.57 → 19.3.53

package/src/child-property.js

@@ -2,6 +2,7 @@ import { getValue, setValue, merge, isBlazor } from './util';
 import { Base } from './base';
 /**
  * To detect the changes for inner properties.
+ *
  * @private
  */
 var ChildProperty = /** @class */ (function () {
@@ -11,7 +12,7 @@ var ChildProperty = /** @class */ (function () {
         this.changedProperties = {};
         this.childChangedProperties = {};
         this.oldProperties = {};
-        // tslint:disable-next-line:no-empty
+        // eslint-disable-next-line
         this.finalUpdate = function () { };
         this.callChildDataBind = getValue('callChildDataBind', Base);
         this.parentObj = parent;
@@ -22,9 +23,10 @@ var ChildProperty = /** @class */ (function () {
     }
     /**
      * Updates the property changes
-     * @param {boolean} val
-     * @param {string} propName
-     * @returns {void}
+     *
+     * @param {boolean} val ?
+     * @param {string} propName ?
+     * @returns {void} ?
      */
     ChildProperty.prototype.updateChange = function (val, propName) {
         if (val === true) {
@@ -39,6 +41,8 @@ var ChildProperty = /** @class */ (function () {
     };
     /**
      * Updates time out duration
+     *
+     * @returns {void} ?
      */
     ChildProperty.prototype.updateTimeOut = function () {
         if (this.parentObj.updateTimeOut) {
@@ -55,6 +59,8 @@ var ChildProperty = /** @class */ (function () {
     };
     /**
      * Clears changed properties
+     *
+     * @returns {void} ?
      */
     ChildProperty.prototype.clearChanges = function () {
         this.finalUpdate();
@@ -64,9 +70,10 @@ var ChildProperty = /** @class */ (function () {
     };
     /**
      * Set property changes
-     * @param {Object} prop
-     * @param {boolean} muteOnChange
-     * {void}
+     *
+     * @param {Object} prop ?
+     * @param {boolean} muteOnChange ?
+     * @returns {void} ?
      */
     ChildProperty.prototype.setProperties = function (prop, muteOnChange) {
         if (muteOnChange === true) {
@@ -80,6 +87,8 @@ var ChildProperty = /** @class */ (function () {
     };
     /**
      * Binds data
+     *
+     * @returns {void} ?
      */
     ChildProperty.prototype.dataBind = function () {
         this.callChildDataBind(this.childChangedProperties, this);
@@ -98,10 +107,12 @@ var ChildProperty = /** @class */ (function () {
     };
     /**
      * Saves changes to newer values
-     * @param {string} key
-     * @param {Object} newValue
-     * @param {Object} oldValue
-     * @returns {void}
+     *
+     * @param {string} key ?
+     * @param {Object} newValue ?
+     * @param {Object} oldValue ?
+     * @param {boolean} restrictServerDataBind ?
+     * @returns {void} ?
      */
     ChildProperty.prototype.saveChanges = function (key, newValue, oldValue, restrictServerDataBind) {
         if (this.controlParent.isProtectedOnChange) {
@@ -118,7 +129,6 @@ var ChildProperty = /** @class */ (function () {
     };
     ChildProperty.prototype.serverDataBind = function (key, value, isSaveChanges, action) {
         if (isBlazor() && !this.parentObj.isComplexArraySetter) {
-            // tslint:disable-next-line:no-any
             var parent_1;
             var newChanges = {};
             var parentKey = isSaveChanges ? this.getParentKey(true) + '.' + key : key;
@@ -146,7 +156,7 @@ var ChildProperty = /** @class */ (function () {
         }
     };
     ChildProperty.prototype.getParentKey = function (isSaveChanges) {
-        // tslint:disable-next-line:no-any
+        // eslint-disable-next-line
         var index = '';
         var propName = this.propName;
         /* istanbul ignore next */

package/src/component-model.d.ts

@@ -1,4 +1,4 @@
-import { isUndefined, getValue, isNullOrUndefined, setValue, uniqueID, isBlazor } from './util';import { ModuleLoader, ModuleDeclaration } from './module-loader';import { Base } from './base';import { Observer, BoundOptions } from './observer';import { ChildProperty } from './child-property';import { Property, NotifyPropertyChanges } from './notify-property-change';import { onIntlChange, rightToLeft, defaultCulture } from './internationalization';import { createElement, addClass, removeClass, ElementProperties, select } from './dom';import { VirtualDOM } from './virtual-dom';import { getRandomId } from './template-engine';
+import { isUndefined, getValue, isNullOrUndefined, setValue, uniqueID, isBlazor } from './util';import { ModuleLoader, ModuleDeclaration } from './module-loader';import { Base } from './base';import { Observer, BoundOptions } from './observer';import { ChildProperty } from './child-property';import { Property, NotifyPropertyChanges } from './notify-property-change';import { onIntlChange, rightToLeft, defaultCulture } from './internationalization';import { createElement, addClass, removeClass, ElementProperties, select } from './dom';
 
 /**
  * Interface for a class Component
@@ -7,18 +7,21 @@ export interface ComponentModel {
 
     /**
      * Enable or disable persisting component's state between page reloads.
+     *
      * @default false
      */
     enablePersistence?: boolean;
 
     /**
      * Enable or disable rendering component in right to left direction.
+     *
      * @default false
      */
     enableRtl?: boolean;
 
     /**
      * Overrides the global culture and localization value for this component. Default global culture is 'en-US'.
+     *
      * @default ''
      */
     locale?: string;

package/src/component.d.ts

@@ -5,6 +5,7 @@ import { ElementProperties } from './dom';
 export declare let versionBasedStatePersistence: boolean;
 /**
  * To enable or disable version based statePersistence functionality for all components globally.
+ *
  * @param {boolean} status - Optional argument Specifies the status value to enable or disable versionBasedStatePersistence option.
  * @returns {void}
  */
@@ -18,21 +19,25 @@ export declare abstract class Component<ElementType extends HTMLElement> extends
     ej2StatePersistenceVersion: string;
     /**
      * Enable or disable persisting component's state between page reloads.
+     *
      * @default false
      */
     enablePersistence: boolean;
     /**
      * Enable or disable rendering component in right to left direction.
+     *
      * @default false
      */
     enableRtl: boolean;
     /**
      * Overrides the global culture and localization value for this component. Default global culture is 'en-US'.
+     *
      * @default ''
      */
     locale: string;
     /**
      * string template option for Blazor template rendering
+     *
      * @private
      */
     isStringTemplate: boolean;
@@ -52,82 +57,114 @@ export declare abstract class Component<ElementType extends HTMLElement> extends
     protected requiredModules(): ModuleDeclaration[];
     /**
      * Destroys the sub modules while destroying the widget
+     *
+     * @returns {void} ?
      */
     protected destroy(): void;
     /**
      * Applies all the pending property changes and render the component again.
+     *
+     * @returns {void} ?
      */
     refresh(): void;
     private accessMount;
     /**
      * Returns the route element of the component
+     *
+     * @returns {HTMLElement} ?
      */
     getRootElement(): HTMLElement;
     /**
      * Returns the persistence data for component
+     *
+     * @returns {any} ?
      */
     getLocalData(): any;
     /**
      * Appends the control within the given HTML element
+     *
      * @param {string | HTMLElement} selector - Target element where control needs to be appended
+     * @returns {void} ?
      */
     appendTo(selector?: string | HTMLElement): void;
     /**
      * It is used to process the post rendering functionalities to a component.
+     *
+     * @param {Node} wrapperElement ?
+     * @returns {void} ?
      */
     protected renderComplete(wrapperElement?: Node): void;
     /**
      * When invoked, applies the pending property changes immediately to the component.
+     *
+     * @returns {void} ?
      */
     dataBind(): void;
     /**
      * Attach one or more  event handler to the current component context.
      * It is used for internal handling event internally within the component only.
+     *
      * @param {BoundOptions[]| string} event - It is  optional type either to  Set the collection of event list or the eventName.
      * @param {Function} handler - optional parameter Specifies the handler to run when the event occurs
      * @param {Object} context - optional parameter Specifies the context to be bind in the handler.
-     * @return {void}
+     * @returns {void} ?
      * @private
      */
     on(event: BoundOptions[] | string, handler?: Function, context?: Object): void;
     /**
      * To remove one or more event handler that has been attached with the on() method.
+     *
      * @param {BoundOptions[]| string} event - It is  optional type either to  Set the collection of event list or the eventName.
      * @param {Function} handler - optional parameter Specifies the function to run when the event occurs
-     * @return {void}
+     * @returns {void} ?
      * @private
      */
     off(event: BoundOptions[] | string, handler?: Function): void;
     /**
      * To notify the handlers in the specified event.
+     *
      * @param {string} property - Specifies the event to be notify.
      * @param {Object} argument - Additional parameters to pass while calling the handler.
-     * @return {void}
+     * @returns {void} ?
      * @private
      */
     notify(property: string, argument: Object): void;
     /**
      * Get injected modules
+     *
+     * @returns {Function} ?
      * @private
      */
     getInjectedModules(): Function[];
     /**
      * Dynamically injects the required modules to the component.
+     *
+     * @param {Function} moduleList ?
+     * @returns {void} ?
      */
     static Inject(...moduleList: Function[]): void;
     /**
      * Initialize the constructor for component base
+     *
+     * @param {Object} options ?
+     * @param {string} selector ?
      */
     constructor(options?: Object, selector?: string | ElementType);
     /**
      * This is a instance method to create an element.
+     *
+     * @param {string} tagName ?
+     * @param {ElementProperties} prop ?
+     * @param {boolean} isVDOM ?
+     * @returns {any} ?
      * @private
      */
     createElement(tagName: string, prop?: ElementProperties, isVDOM?: boolean): any;
     /**
      *
-     * @param handler - handler to be triggered after state Updated.
-     * @param argument - Arguments to be passed to caller.
+     * @param {Function} handler - handler to be triggered after state Updated.
+     * @param {any} argument - Arguments to be passed to caller.
+     * @returns {void} .
      * @private
      */
     triggerStateChange(handler?: Function, argument?: any): void;

package/src/component.js

@@ -25,18 +25,16 @@ import { ChildProperty } from './child-property';
 import { Property, NotifyPropertyChanges } from './notify-property-change';
 import { onIntlChange, rightToLeft, defaultCulture } from './internationalization';
 import { createElement, addClass, removeClass, select } from './dom';
-import { VirtualDOM } from './virtual-dom';
-import { getRandomId } from './template-engine';
 var componentCount = 0;
 var lastPageID;
 var lastHistoryLen = 0;
 export var versionBasedStatePersistence = false;
 /**
  * To enable or disable version based statePersistence functionality for all components globally.
+ *
  * @param {boolean} status - Optional argument Specifies the status value to enable or disable versionBasedStatePersistence option.
  * @returns {void}
  */
-/* istanbul ignore next */
 export function enableVersionBasedPersistence(status) {
     versionBasedStatePersistence = status;
 }
@@ -47,12 +45,16 @@ var Component = /** @class */ (function (_super) {
     __extends(Component, _super);
     /**
      * Initialize the constructor for component base
+     *
+     * @param {Object} options ?
+     * @param {string} selector ?
      */
     function Component(options, selector) {
         var _this = _super.call(this, options, selector) || this;
         _this.randomId = uniqueID();
         /**
          * string template option for Blazor template rendering
+         *
          * @private
          */
         _this.isStringTemplate = false;
@@ -76,9 +78,10 @@ var Component = /** @class */ (function (_super) {
     Component.prototype.requiredModules = function () {
         return [];
     };
-    ;
     /**
      * Destroys the sub modules while destroying the widget
+     *
+     * @returns {void} ?
      */
     Component.prototype.destroy = function () {
         if (this.isDestroyed) {
@@ -99,6 +102,8 @@ var Component = /** @class */ (function (_super) {
     };
     /**
      * Applies all the pending property changes and render the component again.
+     *
+     * @returns {void} ?
      */
     Component.prototype.refresh = function () {
         this.refreshing = true;
@@ -111,7 +116,6 @@ var Component = /** @class */ (function (_super) {
         this.render();
         this.refreshing = false;
     };
-    /* istanbul ignore next */
     Component.prototype.accessMount = function () {
         if (this.mount && !this.isReactHybrid) {
             this.mount();
@@ -119,10 +123,12 @@ var Component = /** @class */ (function (_super) {
     };
     /**
      * Returns the route element of the component
+     *
+     * @returns {HTMLElement} ?
      */
-    /* istanbul ignore next */
     Component.prototype.getRootElement = function () {
         if (this.isReactHybrid) {
+            // eslint-disable-next-line
             return this.actualElement;
         }
         else {
@@ -131,9 +137,10 @@ var Component = /** @class */ (function (_super) {
     };
     /**
      * Returns the persistence data for component
+     *
+     * @returns {any} ?
      */
-    /* istanbul ignore next */
-    //tslint:disable:no-any
+    // eslint-disable-next-line
     Component.prototype.getLocalData = function () {
         var eleId = this.getModuleName() + this.element.id;
         if (versionBasedStatePersistence) {
@@ -145,7 +152,9 @@ var Component = /** @class */ (function (_super) {
     };
     /**
      * Appends the control within the given HTML element
+     *
      * @param {string | HTMLElement} selector - Target element where control needs to be appended
+     * @returns {void} ?
      */
     Component.prototype.appendTo = function (selector) {
         if (!isNullOrUndefined(selector) && typeof (selector) === 'string') {
@@ -182,30 +191,35 @@ var Component = /** @class */ (function (_super) {
     };
     /**
      * It is used to process the post rendering functionalities to a component.
+     *
+     * @param {Node} wrapperElement ?
+     * @returns {void} ?
      */
     Component.prototype.renderComplete = function (wrapperElement) {
         if (isBlazor()) {
             var sfBlazor = 'sfBlazor';
-            // tslint:disable-next-line:no-any
+            // eslint-disable-next-line
             window[sfBlazor].renderComplete(this.element, wrapperElement);
         }
         this.isRendered = true;
     };
     /**
      * When invoked, applies the pending property changes immediately to the component.
+     *
+     * @returns {void} ?
      */
     Component.prototype.dataBind = function () {
         this.injectModules();
         _super.prototype.dataBind.call(this);
     };
-    ;
     /**
      * Attach one or more  event handler to the current component context.
      * It is used for internal handling event internally within the component only.
+     *
      * @param {BoundOptions[]| string} event - It is  optional type either to  Set the collection of event list or the eventName.
      * @param {Function} handler - optional parameter Specifies the handler to run when the event occurs
      * @param {Object} context - optional parameter Specifies the context to be bind in the handler.
-     * @return {void}
+     * @returns {void} ?
      * @private
      */
     Component.prototype.on = function (event, handler, context) {
@@ -221,9 +235,10 @@ var Component = /** @class */ (function (_super) {
     };
     /**
      * To remove one or more event handler that has been attached with the on() method.
+     *
      * @param {BoundOptions[]| string} event - It is  optional type either to  Set the collection of event list or the eventName.
      * @param {Function} handler - optional parameter Specifies the function to run when the event occurs
-     * @return {void}
+     * @returns {void} ?
      * @private
      */
     Component.prototype.off = function (event, handler) {
@@ -239,9 +254,10 @@ var Component = /** @class */ (function (_super) {
     };
     /**
      * To notify the handlers in the specified event.
+     *
      * @param {string} property - Specifies the event to be notify.
      * @param {Object} argument - Additional parameters to pass while calling the handler.
-     * @return {void}
+     * @returns {void} ?
      * @private
      */
     Component.prototype.notify = function (property, argument) {
@@ -251,14 +267,18 @@ var Component = /** @class */ (function (_super) {
     };
     /**
      * Get injected modules
+     *
+     * @returns {Function} ?
      * @private
      */
     Component.prototype.getInjectedModules = function () {
         return this.injectedModules;
     };
-    ;
     /**
      * Dynamically injects the required modules to the component.
+     *
+     * @param {Function} moduleList ?
+     * @returns {void} ?
      */
     Component.Inject = function () {
         var moduleList = [];
@@ -276,33 +296,28 @@ var Component = /** @class */ (function (_super) {
     };
     /**
      * This is a instance method to create an element.
+     *
+     * @param {string} tagName ?
+     * @param {ElementProperties} prop ?
+     * @param {boolean} isVDOM ?
+     * @returns {any} ?
      * @private
      */
-    /* istanbul ignore next */
-    //tslint:disable:no-any
+    // eslint-disable-next-line
     Component.prototype.createElement = function (tagName, prop, isVDOM) {
-        if (isVDOM && this.isReactHybrid) {
-            if (prop) {
-                prop = {};
-            }
-            prop['data-id'] = getRandomId();
-            return VirtualDOM.createElement(tagName, prop);
-        }
-        else {
-            return createElement(tagName, prop);
-        }
+        return createElement(tagName, prop);
     };
     /**
      *
-     * @param handler - handler to be triggered after state Updated.
-     * @param argument - Arguments to be passed to caller.
+     * @param {Function} handler - handler to be triggered after state Updated.
+     * @param {any} argument - Arguments to be passed to caller.
+     * @returns {void} .
      * @private
      */
-    /* istanbul ignore next */
-    //tslint:disable:no-any
+    // eslint-disable-next-line
     Component.prototype.triggerStateChange = function (handler, argument) {
         if (this.isReactHybrid) {
-            //tslint:disable:no-any
+            // eslint-disable-next-line
             this.setState();
             this.currentContext = { calls: handler, args: argument };
         }
@@ -334,7 +349,8 @@ var Component = /** @class */ (function (_super) {
     Component.prototype.setPersistData = function () {
         if (!this.isDestroyed) {
             if (versionBasedStatePersistence) {
-                window.localStorage.setItem(this.getModuleName() + this.element.id + this.ej2StatePersistenceVersion, this.getPersistData());
+                window.localStorage.setItem(this.getModuleName() +
+                    this.element.id + this.ej2StatePersistenceVersion, this.getPersistData());
             }
             else {
                 window.localStorage.setItem(this.getModuleName() + this.element.id, this.getPersistData());
@@ -345,7 +361,7 @@ var Component = /** @class */ (function (_super) {
     Component.prototype.renderReactTemplates = function () {
         //No Code
     };
-    //tslint:disable-next-line
+    // eslint-disable-next-line
     Component.prototype.clearTemplate = function (templateName, index) {
         //No Code
     };
@@ -378,6 +394,7 @@ var Component = /** @class */ (function (_super) {
         for (var _i = 0, options_1 = options; _i < options_1.length; _i++) {
             var key = options_1[_i];
             var objValue = void 0;
+            // eslint-disable-next-line
             objValue = getValue(key, this);
             if (!isUndefined(objValue)) {
                 setValue(key, this.getActualProperties(objValue), persistObj);
@@ -402,7 +419,7 @@ var Component = /** @class */ (function (_super) {
         var newObj = {};
         var _loop_1 = function (key) {
             if (ignoreList.indexOf(key) === -1) {
-                // tslint:disable-next-line:no-any
+                // eslint-disable-next-line
                 var value = obj[key];
                 if (typeof value === 'object' && !(value instanceof Array)) {
                     var newList = ignoreList.filter(function (str) {
@@ -439,7 +456,7 @@ var Component = /** @class */ (function (_super) {
     return Component;
 }(Base));
 export { Component };
-//Function handling for page navigation detection 
+//Function handling for page navigation detection
 /* istanbul ignore next */
 (function () {
     if (typeof window !== 'undefined') {