@syncfusion/ej2-navigations - npm Package Compare versions

Comparing version 25.2.6 to 26.1.35

.eslintrc.json

@@ -18,3 +18,4 @@ {
         "sourceType": "module"
-      },
+    },
+    "ignorePatterns": ["*.d.ts", "*.js"],
     "plugins": [
@@ -188,3 +189,3 @@ "@typescript-eslint",
         ],
-        "@typescript-eslint/no-explicit-any": "error",
+        "@typescript-eslint/no-explicit-any": "warn",
         "no-cond-assign": [
@@ -191,0 +192,0 @@ "error",

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 25.2.6
+*  version : 26.1.35
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
@@ -5,0 +5,0 @@ *  Use of this code is subject to the terms of our license.

package.json

 {
   "_from": "@syncfusion/ej2-navigations@*",
-  "_id": "@syncfusion/ej2-navigations@25.2.4",
+  "_id": "@syncfusion/ej2-navigations@22.42.3",
   "_inBundle": false,
-  "_integrity": "sha512-0YDHh0Lg0SdCX3ytyP1530ZoQLDsXTqgLv4vmfKJh3Gm+KMIbshD9GnxR9i6fra3Vu6x+UkU1n/deWXbWwpgng==",
+  "_integrity": "sha512-njeItEyxrCZuEUZiO3yp5qXJC8Yhc4JQDiKTd9Y6md9msyZbKnEI00WnEgVFiZ7x0sIY2C8urWQDGXY6EI8quA==",
   "_location": "/@syncfusion/ej2-navigations",
@@ -42,6 +42,6 @@ "_phantomChildren": {},
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-25.2.4.tgz",
-  "_shasum": "6085501fa520bfa8d01bedaf6334dd0dce25740b",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-navigations/-/ej2-navigations-22.42.3.tgz",
+  "_shasum": "01a43e80a9008fe0d3598b9328be53859c08743c",
   "_spec": "@syncfusion/ej2-navigations@*",
-  "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
@@ -55,8 +55,8 @@ "name": "Syncfusion Inc."
   "dependencies": {
-    "@syncfusion/ej2-base": "~25.2.5",
-    "@syncfusion/ej2-buttons": "~25.2.6",
-    "@syncfusion/ej2-data": "~25.2.3",
-    "@syncfusion/ej2-inputs": "~25.2.6",
-    "@syncfusion/ej2-lists": "~25.2.3",
-    "@syncfusion/ej2-popups": "~25.2.6"
+    "@syncfusion/ej2-base": "~26.1.35",
+    "@syncfusion/ej2-buttons": "~26.1.35",
+    "@syncfusion/ej2-data": "~26.1.35",
+    "@syncfusion/ej2-inputs": "~26.1.35",
+    "@syncfusion/ej2-lists": "~26.1.35",
+    "@syncfusion/ej2-popups": "~26.1.35"
   },
@@ -166,4 +166,4 @@ "deprecated": false,
   "typings": "index.d.ts",
-  "version": "25.2.6",
+  "version": "26.1.35",
   "sideEffects": false
 }

src/accordion/accordion.d.ts

@@ -199,5 +199,2 @@ import { Component, EmitType } from '@syncfusion/ej2-base';
     private templateEle;
-    private isAngular;
-    private isReact;
-    private isVue;
     private headerTemplateFn;
@@ -204,0 +201,0 @@ private itemTemplateFn;

src/accordion/accordion.js

@@ -234,3 +234,3 @@ var __extends = (this && this.__extends) || (function () {
         }
-        if (this.expandedIndices.length > 0) {
+        if (!isNOU(this.expandedIndices) && this.expandedIndices.length > 0) {
             this.initExpand = this.expandedIndices;
@@ -367,3 +367,3 @@ }
         }
-        if (this.dataSource.length > 0) {
+        if (!isNOU(this.dataSource) && this.dataSource.length > 0) {
             this.dataSource.forEach(function (item, index) {
@@ -713,3 +713,3 @@ innerDataSourceItem = _this.renderInnerItem(item, index);
         var ctn = this.createElement('div', { className: CLS_CTENT });
-        if (this.dataSource.length > 0) {
+        if (!isNOU(this.dataSource) && this.dataSource.length > 0) {
             if (this.isReact) {
@@ -1341,3 +1341,3 @@ this.renderReactTemplates();
                 case 'expandMode':
-                    if (newProp.expandMode === 'Single' && this.expandedIndices.length > 1) {
+                    if (newProp.expandMode === 'Single' && !isNOU(this.expandedIndices) && this.expandedIndices.length > 1) {
                         this.expandItem(false);
@@ -1350,3 +1350,3 @@ }
             this.initExpand = [];
-            if (this.expandedIndices.length > 0) {
+            if (!isNOU(this.expandedIndices) && this.expandedIndices.length > 0) {
                 this.initExpand = this.expandedIndices;
@@ -1353,0 +1353,0 @@ }

src/appbar/appbar.js

@@ -72,3 +72,3 @@ var __extends = (this && this.__extends) || (function () {
         if (this.element.tagName !== 'HEADER') {
-            this.element.setAttribute('role', 'header');
+            this.element.setAttribute('role', 'banner');
         }
@@ -75,0 +75,0 @@ if (this.cssClass) {

src/breadcrumb/breadcrumb-model.d.ts

@@ -18,2 +18,9 @@ import { Component, NotifyPropertyChanges, INotifyPropertyChanged, ChildProperty, Property, Collection, append, extend, Event, EmitType, BaseEventArgs, EventHandler, closest, addClass, removeClass, detach, remove, initializeCSPTemplate, isNullOrUndefined } from '@syncfusion/ej2-base';import { ListBase, ListBaseOptions } from '@syncfusion/ej2-lists';import { Popup } from '@syncfusion/ej2-popups';
     /**
+     * Specifies the id of the Breadcrumb item.
+     *
+     * @default ''
+     */
+    id?: string;
+
+    /**
      * Specifies the Url of the Breadcrumb item that will be activated when clicked.
@@ -20,0 +27,0 @@ *

src/breadcrumb/breadcrumb.d.ts

@@ -42,2 +42,8 @@ import { Component, INotifyPropertyChanged, ChildProperty, EmitType, BaseEventArgs } from '@syncfusion/ej2-base';
     /**
+     * Specifies the id of the Breadcrumb item.
+     *
+     * @default ''
+     */
+    id: string;
+    /**
      * Specifies the Url of the Breadcrumb item that will be activated when clicked.
@@ -44,0 +50,0 @@ *

src/breadcrumb/breadcrumb.js

@@ -77,2 +77,5 @@ var __extends = (this && this.__extends) || (function () {
         Property('')
+    ], BreadcrumbItem.prototype, "id", void 0);
+    __decorate([
+        Property('')
     ], BreadcrumbItem.prototype, "url", void 0);
@@ -266,2 +269,5 @@ __decorate([
                     }
+                    if (eventArgs.item.id) {
+                        args.item.setAttribute('id', eventArgs.item.id);
+                    }
                     if ((eventArgs.item.disabled || _this.disabled) && args.item.children.length && !_this.itemTemplate) {
@@ -389,2 +395,5 @@ args.item.children[0].setAttribute(TABINDEX, '-1');
                 this.renderReactTemplates();
+                setTimeout(function () {
+                    _this.calculateMaxItems();
+                }, 5);
             }
@@ -395,3 +404,5 @@ if (this.overflowMode === 'Wrap') {
             this.element.appendChild(ol);
-            this.calculateMaxItems();
+            if (!this.isReact) {
+                this.calculateMaxItems();
+            }
         }
@@ -469,7 +480,6 @@ };
         var wrapElem = elem.querySelector('.e-anchor-wrap');
-        if (wrapElem && wrapElem.querySelector('.e-home')) {
+        if (wrapElem) {
             wrapElem.parentElement.setAttribute('aria-label', 'home');
-            wrapElem.parentElement.setAttribute('role', 'link');
         }
-        if (currItem.text !== prevItem.text) {
+        if (currItem.text !== prevItem.text && wrapElem) {
             wrapElem.childNodes.forEach(function (child) {
@@ -565,3 +575,5 @@ if (child.nodeType === Node.TEXT_NODE) {
             this.trigger('itemClick', { element: li, item: this.items[idx], event: e });
-            this.activeItem = this.items[idx].url || this.items[idx].text;
+            if (this.items[idx]) {
+                this.activeItem = this.items[idx].url || this.items[idx].text;
+            }
             this.dataBind();
@@ -589,3 +601,5 @@ }
             open: function () {
-                _this.popupUl.focus();
+                if (_this.popupUl) {
+                    _this.popupUl.focus();
+                }
             }
@@ -592,0 +606,0 @@ });

src/carousel/carousel.d.ts

@@ -46,2 +46,3 @@ import { Component, EmitType, INotifyPropertyChanged } from '@syncfusion/ej2-base';
  * * Mouse - Enables or disables the swiping action in mouse interaction.
+ *
  * @aspNumberEnum
@@ -48,0 +49,0 @@ */

src/carousel/carousel.js

@@ -68,2 +68,3 @@ var __extends = (this && this.__extends) || (function () {
  * * Mouse - Enables or disables the swiping action in mouse interaction.
+ *
  * @aspNumberEnum
@@ -255,5 +256,5 @@ */
                 case 'items':
-                case 'dataSource':
+                case 'dataSource': {
                     var selectedData = prop === 'dataSource' ? this.dataSource : this.items;
-                    if (selectedData.length > 0 && this.selectedIndex >= selectedData.length) {
+                    if (!isNullOrUndefined(selectedData) && selectedData.length > 0 && this.selectedIndex >= selectedData.length) {
                         this.setActiveSlide(selectedData.length - 1, 'Previous');
@@ -265,2 +266,3 @@ this.autoSlide();
                     break;
+                }
                 case 'partialVisible':
@@ -339,3 +341,3 @@ if (this.partialVisible) {
             }
-            else if (this.dataSource.length > 0) {
+            else if (!isNullOrUndefined(this.dataSource) && this.dataSource.length > 0) {
                 this.dataSource.slice(-numOfItems).forEach(function (item, index) {
@@ -352,3 +354,3 @@ _this.renderSlide(item, _this.itemTemplate, index, _this.itemsContainer, true);
         }
-        else if (this.dataSource.length > 0) {
+        else if (!isNullOrUndefined(this.dataSource) && this.dataSource.length > 0) {
             this.slideItems = this.dataSource;
@@ -365,3 +367,3 @@ this.dataSource.forEach(function (item, index) {
             }
-            else if (this.dataSource.length > 0) {
+            else if (!isNullOrUndefined(this.dataSource) && this.dataSource.length > 0) {
                 this.dataSource.slice(0, numOfItems).forEach(function (item, index) {
@@ -493,3 +495,3 @@ _this.renderSlide(item, _this.itemTemplate, index, _this.itemsContainer, true);
         var _this = this;
-        if (!this.showIndicators) {
+        if (!this.showIndicators || isNullOrUndefined(this.indicatorsType)) {
             return;
@@ -617,4 +619,4 @@ }
         var itemInterval = this.interval;
-        if (this.items.length > 0 && !isNullOrUndefined(this.items[this.selectedIndex].interval)) {
-            itemInterval = this.items[this.selectedIndex].interval;
+        if (this.items.length > 0 && !isNullOrUndefined(this.items[this.selectedIndex || 0].interval)) {
+            itemInterval = this.items[this.selectedIndex || 0].interval;
         }
@@ -628,3 +630,3 @@ this.autoSlideInterval = setInterval(function () { return _this.autoSlideChange(); }, itemInterval);
     Carousel.prototype.getSlideIndex = function (direction) {
-        var currentIndex = this.selectedIndex;
+        var currentIndex = this.selectedIndex || 0;
         if (direction === 'Previous') {
@@ -650,2 +652,3 @@ currentIndex--;
         }
+        currentIndex = isNullOrUndefined(currentIndex) ? 0 : currentIndex;
         var allSlides = [].slice.call(this.element.querySelectorAll("." + CLS_ITEM + ":not(.e-cloned)"));
@@ -652,0 +655,0 @@ var activeSlide = this.element.querySelector("." + CLS_ITEM + "." + CLS_ACTIVE);

src/sidebar/sidebar-model.d.ts

@@ -166,3 +166,3 @@ import { Component, formatUnit, EventHandler, Event, isNullOrUndefined, closest, Browser } from '@syncfusion/ej2-base';import { Property, EmitType, NotifyPropertyChanges, INotifyPropertyChanged, isNullOrUndefined as isNOU } from '@syncfusion/ej2-base';import { setStyleAttribute as setStyle, addClass, removeClass, Touch, SwipeEventArgs } from '@syncfusion/ej2-base';
      *
-     * @event
+     * @event created
      *
@@ -176,3 +176,3 @@ *
      *
-     * @event
+     * @event close
      */
@@ -184,3 +184,3 @@ close?: EmitType<EventArgs>;
      *
-     * @event
+     * @event open
      */
@@ -192,3 +192,3 @@ open?: EmitType<EventArgs>;
      *
-     * @event
+     * @event change
      */
@@ -200,7 +200,6 @@ change?: EmitType<ChangeEventArgs>;
      *
-     * @event
+     * @event destroyed
      */
-    /* eslint-disable */
     destroyed?: EmitType<Object>;
 
 }

src/sidebar/sidebar.d.ts

@@ -184,3 +184,3 @@ import { Component } from '@syncfusion/ej2-base';
      *
-     * @event
+     * @event created
      *
@@ -193,3 +193,3 @@ *
      *
-     * @event
+     * @event close
      */
@@ -200,3 +200,3 @@ close: EmitType<EventArgs>;
      *
-     * @event
+     * @event open
      */
@@ -207,3 +207,3 @@ open: EmitType<EventArgs>;
      *
-     * @event
+     * @event change
      */
@@ -214,6 +214,6 @@ change: EmitType<ChangeEventArgs>;
      *
-     * @event
+     * @event destroyed
      */
     destroyed: EmitType<Object>;
-    defaultBackdropDiv: any;
+    defaultBackdropDiv: HTMLElement;
     constructor(options?: SidebarModel, element?: string | HTMLElement);
@@ -237,2 +237,3 @@ protected preRender(): void;
      *
+     * @param {Event} e - The event triggering the hide action.
      * @returns {void}
@@ -246,2 +247,3 @@ *
      *
+     * @param {Event} e - The optional event triggering the show action.
      * @returns {void}
@@ -248,0 +250,0 @@ */

src/sidebar/sidebar.js

@@ -58,3 +58,2 @@ var __extends = (this && this.__extends) || (function () {
     __extends(Sidebar, _super);
-    /* eslint-enable */
     function Sidebar(options, element) {
@@ -210,6 +209,6 @@ return _super.call(this, options, element) || this;
     };
-    /* eslint-disable */
     /**
      * Hide the Sidebar component, if it is in an open state.
      *
+     * @param {Event} e - The event triggering the hide action.
      * @returns {void}
@@ -277,6 +276,6 @@ *
     };
-    /* eslint-disable */
     /**
      * Shows the Sidebar component, if it is in closed state.
      *
+     * @param {Event} e - The optional event triggering the show action.
      * @returns {void}
@@ -283,0 +282,0 @@ */

src/stepper-base/stepper-base-model.d.ts

@@ -1,2 +0,2 @@
-import { Component, INotifyPropertyChanged, NotifyPropertyChanges, Property, ChildProperty, Collection, removeClass, Event, EmitType } from '@syncfusion/ej2-base';
+import { Component, INotifyPropertyChanged, NotifyPropertyChanges, Property, ChildProperty, Collection, Event, EmitType, isNullOrUndefined } from '@syncfusion/ej2-base';
 import {StepStatus,StepperOrientation} from "./stepper-base";
@@ -3,0 +3,0 @@ import {ComponentModel} from '@syncfusion/ej2-base';

src/stepper-base/stepper-base.d.ts

@@ -155,3 +155,3 @@ import { Component, INotifyPropertyChanged, ChildProperty, EmitType } from '@syncfusion/ej2-base';
      * @private
-     * @returns {string}
+     * @returns {string} - It returns the current module name.
      */
@@ -163,3 +163,3 @@ getModuleName(): string;
      * @private
-     * @returns {string}
+     * @returns {string} - It returns the persisted data.
      */
@@ -180,4 +180,4 @@ protected getPersistData(): string;
      *
-     * @param newProp
-     * @param oldProp
+     * @param  {StepperBaseModel} newProp - Specifies new properties
+     * @param  {StepperBaseModel} oldProp - Specifies old properties
      * @private
@@ -184,0 +184,0 @@ * @returns {void}

src/stepper-base/stepper-base.js

@@ -20,3 +20,3 @@ var __extends = (this && this.__extends) || (function () {
 };
-import { Component, NotifyPropertyChanges, Property, ChildProperty, Collection, Event } from '@syncfusion/ej2-base';
+import { Component, NotifyPropertyChanges, Property, ChildProperty, Collection, Event, isNullOrUndefined } from '@syncfusion/ej2-base';
 var PROGRESSVALUE = '--progress-value';
@@ -111,2 +111,3 @@ /**
      */
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
     StepperBase.prototype.preRender = function () {
@@ -118,3 +119,3 @@ };
      * @private
-     * @returns {string}
+     * @returns {string} - It returns the current module name.
      */
@@ -128,3 +129,3 @@ StepperBase.prototype.getModuleName = function () {
      * @private
-     * @returns {string}
+     * @returns {string} - It returns the persisted data.
      */
@@ -140,2 +141,3 @@ StepperBase.prototype.getPersistData = function () {
      */
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
     StepperBase.prototype.render = function () {
@@ -145,5 +147,7 @@ };
         if (wrapper.classList.contains('e-horizontal') || wrapper.classList.contains('e-vertical')) {
-            wrapper.classList.contains('e-horizontal') ? wrapper.classList.remove('e-horizontal') : wrapper.classList.remove('e-vertical');
+            wrapper.classList.remove('e-horizontal', 'e-vertical');
         }
-        wrapper.classList.add('e-' + this.orientation.toLocaleLowerCase());
+        if (!(isNullOrUndefined(this.orientation))) {
+            wrapper.classList.add('e-' + this.orientation.toLocaleLowerCase());
+        }
     };
@@ -176,3 +180,3 @@ StepperBase.prototype.renderProgressBar = function (wrapper) {
         var stepItemEle = stepItemContainer.firstElementChild;
-        if (isResize != true) {
+        if (isResize !== true) {
             var topPos = 0;
@@ -201,7 +205,8 @@ if (wrapper.classList.contains('e-label-before')) {
      *
-     * @param newProp
-     * @param oldProp
+     * @param  {StepperBaseModel} newProp - Specifies new properties
+     * @param  {StepperBaseModel} oldProp - Specifies old properties
      * @private
      * @returns {void}
      */
+    // eslint-disable-next-line @typescript-eslint/no-empty-function, @typescript-eslint/no-unused-vars
     StepperBase.prototype.onPropertyChanged = function (newProp, oldProp) {
@@ -208,0 +213,0 @@ };

src/stepper/stepper-model.d.ts

@@ -80,2 +80,5 @@ import { INotifyPropertyChanged, attributes, NotifyPropertyChanges, L10n, append, isNullOrUndefined, getUniqueID, Complex, KeyboardEvents, KeyboardEventArgs, ChildProperty, Property, EventHandler, Event, EmitType, BaseEventArgs, addClass, remove, removeClass, initializeCSPTemplate, select, compile } from '@syncfusion/ej2-base';
import { StepperBase, StepStatus } from '../stepper-base/stepper-base';
import { StepModel } from '../stepper-base/stepper-base-model';
import { Tooltip } from '@syncfusion/ej2-popups';
      * @default ''
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
@@ -89,2 +92,5 @@ */
      * @default ''
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
@@ -128,3 +134,3 @@ */
     /**
-     * Event triggers after active step changed. 
+     * Event triggers after active step changed.
      *
@@ -131,0 +137,0 @@ * @event stepChanged

src/stepper/stepper.d.ts

@@ -186,2 +186,5 @@ /// <reference path="../stepper-base/stepper-base-model.d.ts" />
      * @default ''
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
@@ -194,2 +197,5 @@ */
      * @default ''
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
@@ -262,3 +268,2 @@ */
     private tooltipOpen;
-    private isReact?;
     private templateFunction;
@@ -269,3 +274,2 @@ private keyboardModuleStepper;
     private isKeyNavFocus;
-    private isAngular;
     /**
@@ -283,3 +287,3 @@ * * Constructor for creating the Stepper component.
      *
-     * @returns {string} - Module Name
+     * @returns {string} - It returns the current module name.
      * @private
@@ -286,0 +290,0 @@ */

src/stepper/stepper.js

@@ -45,3 +45,3 @@ var __extends = (this && this.__extends) || (function () {
 var HORIZSTEP = 'e-horizontal';
-var STEPICON = 'e-step-icon';
+var STEPICON = 'e-step-item';
 var STEPTEXT = 'e-step-text';
@@ -167,3 +167,3 @@ var TEXT = 'e-text';
      *
-     * @returns {string} - Module Name
+     * @returns {string} - It returns the current module name.
      * @private
@@ -245,4 +245,6 @@ */
     Stepper.prototype.updateStepType = function () {
-        if (this.stepType.toLowerCase() === 'indicator' || 'label' || 'default') {
-            this.stepType.toLowerCase() !== 'default' ? this.element.classList.add('e-step-type-' + this.stepType.toLowerCase()) : '';
+        if (!(isNullOrUndefined(this.stepType)) && (this.stepType.toLowerCase() === 'indicator' || this.stepType.toLowerCase() === 'label' || this.stepType.toLowerCase() === 'default')) {
+            if (this.stepType.toLowerCase() !== 'default') {
+                this.element.classList.add('e-step-type-' + this.stepType.toLowerCase());
+            }
             if (((this.stepType.toLowerCase() === 'indicator' || 'label') && (this.labelContainer))) {
@@ -277,3 +279,6 @@ this.clearLabelPosition();
             if (isInitial && this.activeStep === 0 && index === 0) {
+                var prevOnChange = this.isProtectedOnChange;
+                this.isProtectedOnChange = true;
                 item.status = StepStatus.InProgress;
+                this.isProtectedOnChange = prevOnChange;
             }
@@ -323,2 +328,3 @@ if (item && status_1 !== 'notstarted' && index === this.activeStep) {
             var stepSpan = this.createElement('span', { className: 'e-step' });
+            var item = this.steps[parseInt(index.toString(), 10)];
             if (this.renderDefault(index) && (isNullOrUndefined(this.template) || this.template === '')) {
@@ -329,3 +335,3 @@ var isIndicator = (!this.element.classList.contains('e-step-type-default') && this.stepType.toLowerCase() === 'indicator') ? true : false;
                 }
-                if (!isIndicator) {
+                if (!isIndicator && item.isValid == null) {
                     stepSpan.classList.add('e-step-content');
@@ -338,11 +344,18 @@ stepSpan.innerHTML = (index + 1).toString();
                 var isRender = true;
-                var item = this.steps[parseInt(index.toString(), 10)];
-                if (item.iconCss && (((!item.text && !item.label) || !this.element.classList.contains(LABELINDICATOR)))) {
-                    var itemIcon = item.iconCss.trim().split(' ');
-                    stepSpan.classList.add(ICONCSS);
-                    for (var i = 0; i < itemIcon.length; i++) {
-                        stepSpan.classList.add(itemIcon[parseInt(i.toString(), 10)]);
+                if ((item.iconCss || (!item.iconCss && item.text && item.label)) && (((!item.text && !item.label) ||
+                    !this.element.classList.contains(LABELINDICATOR)))) {
+                    if (item.iconCss) {
+                        var itemIcon = item.iconCss.trim().split(' ');
+                        stepSpan.classList.add(ICONCSS);
+                        for (var i = 0; i < itemIcon.length; i++) {
+                            stepSpan.classList.add(itemIcon[parseInt(i.toString(), 10)]);
+                        }
+                        this.stepperItemContainer.classList.add(STEPICON);
                     }
+                    else if (!item.iconCss && item.text && item.label) {
+                        stepSpan.classList.add(ICONCSS);
+                        stepSpan.innerHTML = item.text;
+                        this.stepperItemContainer.classList.add(STEPICON);
+                    }
                     this.stepperItemContainer.appendChild(stepSpan);
-                    this.stepperItemContainer.classList.add(STEPICON);
                     if ((this.element.classList.contains(HORIZSTEP) && (this.labelPosition.toLowerCase() === 'start' || this.labelPosition.toLowerCase() === 'end') && item.label) ||
@@ -358,4 +371,9 @@ (this.element.classList.contains(VERTICALSTEP) && (this.labelPosition.toLowerCase() === 'top' || this.labelPosition.toLowerCase() === 'bottom') && item.label)) {
                 }
-                if (item.text && (!item.iconCss || !this.element.classList.contains(STEPINDICATOR)) && isRender && !(item.iconCss && item.label)) {
-                    if (!item.iconCss && this.element.classList.contains(STEPINDICATOR)) {
+                if (item.text && (!item.iconCss || !this.element.classList.contains(STEPINDICATOR)) && isRender &&
+                    !(item.iconCss && item.label)) {
+                    if ((!item.iconCss && this.element.classList.contains(STEPINDICATOR)) ||
+                        ((!item.iconCss || this.element.classList.contains(LABELINDICATOR)) && !item.label)) {
+                        if (!item.iconCss && !item.label) {
+                            this.element.classList.add('e-step-type-indicator');
+                        }
                         this.checkValidState(item, stepSpan);
@@ -368,17 +386,9 @@ var prevOnChange = this.isProtectedOnChange;
                     else {
-                        this.textContainer = this.createElement('span', { className: TEXTCSS });
                         var textSpan = this.createElement('span', { className: TEXT });
                         if (!item.label) {
                             textSpan.innerText = item.text;
-                            (item.isValid !== null && (!item.iconCss || this.element.classList.contains(LABELINDICATOR))) ? this.textContainer.appendChild(textSpan) : textSpan.classList.add(TEXTCSS);
-                            this.stepperItemContainer.appendChild((item.isValid !== null && (!item.iconCss || this.element.classList.contains(LABELINDICATOR))) ? this.textContainer : textSpan);
+                            textSpan.classList.add(TEXTCSS);
+                            this.stepperItemContainer.appendChild(textSpan);
                             this.stepperItemContainer.classList.add(STEPTEXT);
                         }
-                        if (!item.iconCss || this.element.classList.contains(LABELINDICATOR)) {
-                            this.stepperItemContainer.classList.add('e-step-text-only');
-                            if (!item.label && item.isValid !== null) {
-                                var iconSpan = this.createElement('span', { className: 'e-step-validation-icon e-icons' });
-                                this.textContainer.appendChild(iconSpan);
-                            }
-                        }
                         if (item.label && this.element.classList.contains(LABELINDICATOR)) {
@@ -393,9 +403,2 @@ textSpan.innerText = item.label;
                 }
-                if (item.cssClass) {
-                    addClass([this.stepperItemContainer], item.cssClass.trim().split(' '));
-                }
-                if (item.disabled) {
-                    this.stepperItemContainer.classList[item.disabled ? 'add' : 'remove'](DISABLED);
-                    attributes(this.stepperItemContainer, { 'tabindex': '-1', 'aria-disabled': 'true' });
-                }
                 if (item.label && (!item.iconCss || !this.element.classList.contains(STEPINDICATOR)) && isRender) {
@@ -405,3 +408,4 @@ if (!item.iconCss && !item.text && this.element.classList.contains(STEPINDICATOR)) {
                     }
-                    else if ((!((this.element.classList.contains(LABELINDICATOR)) && item.text)) || (this.element.classList.contains(LABELINDICATOR) && item.label)) {
+                    else if ((!((this.element.classList.contains(LABELINDICATOR)) && item.text)) ||
+                        (this.element.classList.contains(LABELINDICATOR) && item.label)) {
                         this.labelContainer = this.createElement('span', { className: STEPLABEL });
@@ -413,3 +417,4 @@ var labelSpan = this.createElement('span', { className: LABEL });
                         this.updateLabelPosition();
-                        if ((!item.iconCss && !item.text) || this.element.classList.contains(LABELINDICATOR)) {
+                        if ((!item.iconCss && !item.text && !this.stepperItemContainer.classList.contains(STEPICON)) ||
+                            this.element.classList.contains(LABELINDICATOR)) {
                             this.stepperItemContainer.classList.add('e-step-label-only');
@@ -423,20 +428,35 @@ if (item.isValid !== null) {
                 }
-                if (item.optional) {
-                    var optionalSpan = this.createElement('span', { className: OPTIONAL });
-                    this.l10n.setLocale(this.locale);
-                    var optionalContent = this.l10n.getConstant('optional');
-                    optionalSpan.innerText = optionalContent;
-                    if (item.label && (this.labelContainer && ((this.element.classList.contains(LABELAFTER) && !this.stepperItemContainer.classList.contains('e-step-label-only'))
-                        || (this.element.classList.contains(HORIZSTEP) && this.element.classList.contains(LABELBEFORE) && !this.stepperItemContainer.classList.contains('e-step-label-only'))))
-                        || (this.element.classList.contains(VERTICALSTEP) && this.element.classList.contains(LABELBEFORE))) {
-                        this.labelContainer.appendChild(optionalSpan);
-                    }
-                    else {
-                        this.stepperItemContainer.appendChild(optionalSpan);
-                    }
+            }
+            if (item.optional) {
+                var optionalSpan = this.createElement('span', { className: OPTIONAL });
+                this.l10n.setLocale(this.locale);
+                var optionalContent = this.l10n.getConstant('optional');
+                optionalSpan.innerText = optionalContent;
+                if (item.label && (this.labelContainer && ((this.element.classList.contains(LABELAFTER) && !this.stepperItemContainer.classList.contains('e-step-label-only'))
+                    || (this.element.classList.contains(HORIZSTEP) && this.element.classList.contains(LABELBEFORE) && !this.stepperItemContainer.classList.contains('e-step-label-only'))))
+                    || (this.element.classList.contains(VERTICALSTEP) && this.element.classList.contains(LABELBEFORE))) {
+                    this.labelContainer.appendChild(optionalSpan);
                 }
+                else {
+                    this.stepperItemContainer.appendChild(optionalSpan);
+                }
                 if (item.isValid !== null) {
-                    item.isValid ? this.stepperItemContainer.classList.add('e-step-valid') : this.stepperItemContainer.classList.add('e-step-error');
+                    this.stepperItemContainer.classList.add(item.isValid ? 'e-step-valid' : 'e-step-error');
                 }
             }
+            if (item.cssClass) {
+                addClass([this.stepperItemContainer], item.cssClass.trim().split(' '));
+            }
+            if (item.disabled) {
+                this.stepperItemContainer.classList[item.disabled ? 'add' : 'remove'](DISABLED);
+                attributes(this.stepperItemContainer, { 'tabindex': '-1', 'aria-disabled': 'true' });
+            }
+            if (item.isValid !== null) {
+                if (item.isValid) {
+                    this.stepperItemContainer.classList.add('e-step-valid');
+                }
+                else {
+                    this.stepperItemContainer.classList.add('e-step-error');
+                }
+            }
             this.renderItemContent(index, false);
@@ -478,3 +498,5 @@ if (this.stepperItemContainer.classList.contains(INPROGRESS)) {
         if (isStepVertical) {
-            var iconOnly = (this.stepperItemContainer.classList.contains(STEPICON) && !this.stepperItemContainer.classList.contains(STEPTEXT) && !this.stepperItemContainer.classList.contains(STEPSLABEL)) ? true : false;
+            var iconOnly = (this.stepperItemContainer.classList.contains(STEPICON) &&
+                !this.stepperItemContainer.classList.contains(STEPTEXT) &&
+                !this.stepperItemContainer.classList.contains(STEPSLABEL)) ? true : false;
             var textEle = (this.stepperItemContainer.querySelector('.' + TEXTCSS));
@@ -536,3 +558,8 @@ if (textEle) {
         if (this.labelPosition.toLowerCase() === 'start' && this.orientation.toLowerCase() === 'vertical') {
-            this.stepperItemContainer.firstChild ? this.stepperItemContainer.firstChild.before(this.labelContainer) : this.stepperItemContainer.appendChild(this.labelContainer);
+            if (this.stepperItemContainer.firstChild) {
+                this.stepperItemContainer.firstChild.before(this.labelContainer);
+            }
+            else {
+                this.stepperItemContainer.appendChild(this.labelContainer);
+            }
         }
@@ -564,2 +591,5 @@ else {
                 }
+                if (!indicatorEle && this.element.classList.contains(STEPINDICATOR) && this.renderDefault(index)) {
+                    indicatorEle = itemElement.querySelector('.' + INDICATORICON);
+                }
                 var textLabelIcon = itemElement.querySelector('.e-step-validation-icon');
@@ -569,8 +599,21 @@ var itemIcon = item.iconCss.trim().split(' ');
                 if (indicatorEle) {
-                    indicatorEle.classList.add('e-icons', validStep ? 'e-check' : 'e-circle-info');
+                    indicatorEle.classList.remove(INDICATORICON);
+                    if (indicatorEle.innerHTML !== '') {
+                        indicatorEle.innerHTML = '';
+                    }
+                    indicatorEle.classList.add('e-icons', validStep ? 'e-check' : 'e-circle-info', ICONCSS);
                 }
+                if (this.renderDefault(index) && !this.element.classList.contains(STEPINDICATOR)) {
+                    var stepSpan = itemElement.querySelector('.e-step');
+                    stepSpan.classList.add('e-icons', validStep ? 'e-check' : 'e-circle-info', ICONCSS);
+                }
                 if (iconEle) {
-                    for (var i = 0; i < itemIcon.length; i++) {
-                        iconEle.classList.remove(itemIcon[parseInt(i.toString(), 10)]);
+                    if (iconEle.innerHTML !== '') {
+                        iconEle.innerHTML = '';
                     }
+                    else if (itemIcon.length > 0) {
+                        for (var i = 0; i < itemIcon.length; i++) {
+                            iconEle.classList.remove(itemIcon[parseInt(i.toString(), 10)]);
+                        }
+                    }
                     iconEle.classList.add('e-icons', validStep ? 'e-check' : 'e-circle-info');
@@ -631,3 +674,3 @@ }
                 if (this.stepType.toLocaleLowerCase() !== 'label' && ((this.stepType.toLocaleLowerCase() === 'indicator') ||
-                    (currentStep.label !== '' && currentStep.iconCss !== ''))) {
+                    (currentStep.label !== '' && currentStep.iconCss !== '') || (currentStep.label === null && currentStep.iconCss === '' && currentStep.text !== ''))) {
                     var tooltipPopupClass = currentStep.status.toLowerCase() === 'inprogress' ?
@@ -684,4 +727,8 @@ STEPPERTOOLTIP + " " + STEPPERIPROGRESSTIP + " " + (this.cssClass ? this.cssClass : '') : STEPPERTOOLTIP + " " + (this.cssClass ? this.cssClass : '');
         if (this.template) {
-            isrerender ? listItems[parseInt((index).toString(), 10)].classList.add(TEMPLATE) :
+            if (isrerender) {
+                listItems[parseInt((index).toString(), 10)].classList.add(TEMPLATE);
+            }
+            else {
                 this.stepperItemContainer.classList.add(TEMPLATE);
+            }
             var item = this.steps[parseInt(index.toString(), 10)];
@@ -743,3 +790,3 @@ append(this.templateFunction({ step: item, currentStep: index }, this, 'stepperTemplate', (this.element.id + '_stepperTemplate'), this.isStringTemplate), isrerender ? listItems[parseInt((index).toString(), 10)] : this.stepperItemContainer);
         };
-        if (isUpdated != false) {
+        if (isUpdated !== false) {
             var previousStep_1 = this.activeStep;
@@ -781,9 +828,13 @@ this.trigger('stepChanging', eventArgs, function (args) {
                 if (this.element.classList.contains(HORIZSTEP)) {
-                    if ((this.element.classList.contains(LABELBEFORE) || this.element.classList.contains(LABELAFTER)) && !this.element.classList.contains(STEPINDICATOR) &&
+                    if ((this.element.classList.contains(LABELBEFORE) || this.element.classList.contains(LABELAFTER)) &&
+                        !this.element.classList.contains(STEPINDICATOR) &&
                         this.stepperItemElements[parseInt(this.activeStep.toString(), 10)].classList.contains(STEPICON)) {
                         var progressPos = this.element.querySelector('.e-stepper-progressbar');
-                        var selectedEle = this.stepperItemElements[parseInt(this.activeStep.toString(), 10)].firstChild;
-                        var value = this.activeStep === 0 ? 0 : (selectedEle.offsetLeft - progressPos.offsetLeft + (selectedEle.offsetWidth / 2)) / progressPos.offsetWidth * 100;
+                        var selectedEle = this.stepperItemElements[parseInt(this.activeStep.toString(), 10)]
+                            .firstChild;
+                        var value = this.activeStep === 0 ? 0 : (selectedEle.offsetLeft - progressPos.offsetLeft +
+                            (selectedEle.offsetWidth / 2)) / progressPos.offsetWidth * 100;
                         if (this.element.classList.contains(RTL)) {
-                            value = (progressPos.getBoundingClientRect().right - selectedEle.getBoundingClientRect().right + (selectedEle.offsetWidth / 2)) / progressPos.offsetWidth * 100;
+                            value = (progressPos.getBoundingClientRect().right - selectedEle.getBoundingClientRect().right +
+                                (selectedEle.offsetWidth / 2)) / progressPos.offsetWidth * 100;
                             this.progressbar.style.setProperty(PROGRESSVALUE, (value) + '%');
@@ -802,11 +853,15 @@ }
                                 if (j < this.activeStep) {
-                                    activeLiWidth = activeLiWidth + this.stepperItemElements[parseInt(j.toString(), 10)].offsetWidth;
+                                    activeLiWidth = activeLiWidth +
+                                        this.stepperItemElements[parseInt(j.toString(), 10)].offsetWidth;
                                 }
-                                else if (j == this.activeStep && j !== 0) {
-                                    activeLiWidth = activeLiWidth + (this.stepperItemElements[parseInt(j.toString(), 10)].offsetWidth / 2);
+                                else if (j === this.activeStep && j !== 0) {
+                                    activeLiWidth = activeLiWidth +
+                                        (this.stepperItemElements[parseInt(j.toString(), 10)].offsetWidth / 2);
                                 }
                             }
                         }
-                        var spaceWidth = (this.stepperItemList.offsetWidth - totalLiWidth) / (this.stepperItemElements.length - 1);
-                        var progressValue = ((activeLiWidth + (spaceWidth * this.activeStep)) / this.stepperItemList.offsetWidth) * 100;
+                        var spaceWidth = (this.stepperItemList.offsetWidth - totalLiWidth) /
+                            (this.stepperItemElements.length - 1);
+                        var progressValue = ((activeLiWidth + (spaceWidth * this.activeStep)) /
+                            this.stepperItemList.offsetWidth) * 100;
                         this.progressbar.style.setProperty(PROGRESSVALUE, (progressValue) + '%');
@@ -840,3 +895,3 @@ }
             if (isUpdated !== false) {
-                if (i < this.activeStep || (this.steps.length - 1 === this.activeStep && item.status.toLowerCase() === "completed")) {
+                if (i < this.activeStep || (this.steps.length - 1 === this.activeStep && item.status.toLowerCase() === 'completed')) {
                     item.status = StepStatus.Completed;
@@ -853,7 +908,7 @@ }
                 }
-                if (item.status.toLowerCase() === "completed") {
+                if (item.status.toLowerCase() === 'completed') {
                     itemElement.classList.remove(SELECTED, INPROGRESS, NOTSTARTED);
                     itemElement.classList.add(COMPLETED);
                 }
-                if (item.status.toLowerCase() === "notstarted") {
+                if (item.status.toLowerCase() === 'notstarted') {
                     itemElement.classList.remove(SELECTED, INPROGRESS, COMPLETED);
@@ -864,3 +919,3 @@ itemElement.classList.add(NOTSTARTED);
             this.isProtectedOnChange = prevOnChange_1;
-            if (this.renderDefault(i) && this.element.classList.contains(STEPINDICATOR)) {
+            if (this.renderDefault(i) && this.element.classList.contains(STEPINDICATOR) && !itemElement.classList.contains('e-step-valid') && !itemElement.classList.contains('e-step-error')) {
                 if (itemElement.classList.contains(COMPLETED)) {
@@ -1005,6 +1060,6 @@ itemElement.firstChild.classList.remove('e-icons', 'e-step-indicator');
                 if (e.action === 'home') {
-                    isRTL ? index = stepItems.length - 1 : index = 0;
+                    index = isRTL ? stepItems.length - 1 : 0;
                 }
                 else {
-                    isRTL ? index = 0 : index = stepItems.length - 1;
+                    index = isRTL ? 0 : stepItems.length - 1;
                 }
@@ -1039,6 +1094,14 @@ }
         this.element.querySelector('.e-stepper-progressbar').remove();
-        isUpdate ? this.updatePosition() : null;
-        isStepType ? this.updateStepType() : null;
-        this.readOnly ? (!this.element.classList.contains(READONLY)) ? this.element.classList.add(READONLY) : null : null;
-        this.enableRtl ? (!this.element.classList.contains(RTL)) ? this.element.classList.add(RTL) : null : null;
+        if (isUpdate) {
+            this.updatePosition();
+        }
+        if (isStepType) {
+            this.updateStepType();
+        }
+        if (this.readOnly && !this.element.classList.contains(READONLY)) {
+            this.element.classList.add(READONLY);
+        }
+        if (this.enableRtl && !this.element.classList.contains(RTL)) {
+            this.element.classList.add(RTL);
+        }
         this.updateOrientaion(this.element);
@@ -1098,4 +1161,6 @@ this.renderItems();
                 case 'activeStep':
-                    this.activeStep = (newProp.activeStep > this.steps.length - 1 || newProp.activeStep < -1) ? oldProp.activeStep : this.activeStep;
-                    if (this.activeStep >= 0 && this.stepperItemElements[parseInt(this.activeStep.toString(), 10)].classList.contains(DISABLED)) {
+                    this.activeStep = (newProp.activeStep > this.steps.length - 1 || newProp.activeStep < -1) ?
+                        oldProp.activeStep : this.activeStep;
+                    if (this.activeStep >= 0 && this.stepperItemElements[parseInt(this.activeStep.toString(), 10)]
+                        .classList.contains(DISABLED)) {
                         this.activeStep = oldProp.activeStep;
@@ -1102,0 +1167,0 @@ }

src/tab/tab-model.d.ts

@@ -157,3 +157,3 @@ import { Component, Property, Event, EmitType, closest, Collection, Complex, attributes, detach, Instance, isNullOrUndefined, animationMode } from '@syncfusion/ej2-base';import { INotifyPropertyChanged, NotifyPropertyChanges, ChildProperty, select, isVisible } from '@syncfusion/ej2-base';import { KeyboardEvents, KeyboardEventArgs, MouseEventArgs, Effect, Browser, formatUnit, DomElements, L10n } from '@syncfusion/ej2-base';import { setStyleAttribute as setStyle, isNullOrUndefined as isNOU, selectAll, addClass, removeClass, remove } from '@syncfusion/ej2-base';import { EventHandler, rippleEffect, Touch, SwipeEventArgs, compile, Animation, AnimationModel, BaseEventArgs } from '@syncfusion/ej2-base';import { getRandomId, SanitizeHtmlHelper, Draggable, DragEventArgs as DragArgs, DropEventArgs } from '@syncfusion/ej2-base';import { Base } from '@syncfusion/ej2-base';import { Popup, PopupModel } from '@syncfusion/ej2-popups';import { Toolbar, OverflowMode, ClickEventArgs } from '../toolbar/toolbar';
      */
-    tabIndex?: number
+    tabIndex?: number;
 
@@ -160,0 +160,0 @@ }

src/tab/tab.d.ts

@@ -292,5 +292,2 @@ import { Component, EmitType } from '@syncfusion/ej2-base';
     private tbId;
-    private isAngular;
-    private isReact;
-    private isVue;
     private resizeContext;
@@ -297,0 +294,0 @@ /**

src/toolbar/toolbar-model.d.ts

@@ -239,3 +239,3 @@ import { Component, EventHandler, Property, Event, EmitType, BaseEventArgs } from '@syncfusion/ej2-base';import { addClass, removeClass, isVisible, closest, attributes, detach, classList, KeyboardEvents } from '@syncfusion/ej2-base';import { selectAll, setStyleAttribute as setStyle, KeyboardEventArgs, select } from '@syncfusion/ej2-base';import { isNullOrUndefined as isNOU, getUniqueID, formatUnit, Collection, compile as templateCompiler } from '@syncfusion/ej2-base';import { INotifyPropertyChanged, NotifyPropertyChanges, ChildProperty, Browser, SanitizeHtmlHelper } from '@syncfusion/ej2-base';import { Popup } from '@syncfusion/ej2-popups';import { calculatePosition } from '@syncfusion/ej2-popups';import { Button, IconPosition } from '@syncfusion/ej2-buttons';import { HScroll } from '../common/h-scroll';import { VScroll } from '../common/v-scroll';
      * {% codeBlock src='toolbar/scrollStep/index.md' %}{% endcodeBlock %}
-     * 
+     *
      * @default null
@@ -242,0 +242,0 @@ */

src/treeview/treeview-model.d.ts

@@ -1,2 +0,2 @@
-import { Component, EmitType, isUndefined, Browser, compile, isNullOrUndefined, SanitizeHtmlHelper, animationMode } from '@syncfusion/ej2-base';import { Property, INotifyPropertyChanged, NotifyPropertyChanges, ChildProperty, Complex } from '@syncfusion/ej2-base';import { Event, EventHandler, KeyboardEvents, KeyboardEventArgs } from '@syncfusion/ej2-base';import { rippleEffect, Effect, Animation, AnimationOptions, RippleOptions, remove  } from '@syncfusion/ej2-base';import { Draggable, DragEventArgs, Droppable, DropEventArgs } from '@syncfusion/ej2-base';import { getElement  } from '@syncfusion/ej2-base';import { addClass, removeClass, closest, matches, detach, select, selectAll, isVisible, append } from '@syncfusion/ej2-base';import { DataManager, Query } from '@syncfusion/ej2-data';import { isNullOrUndefined as isNOU, Touch, TapEventArgs, getValue, setValue, extend, merge, attributes } from '@syncfusion/ej2-base';import { ListBase, ListBaseOptions, AriaAttributesMapping, FieldsMapping } from '@syncfusion/ej2-lists';import { createCheckBox, rippleMouseHandler } from '@syncfusion/ej2-buttons';import { Input, InputObject } from '@syncfusion/ej2-inputs';import { createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';
+import { Component, EmitType, isUndefined, Browser, compile, isNullOrUndefined, SanitizeHtmlHelper, animationMode } from '@syncfusion/ej2-base';import { Property, INotifyPropertyChanged, NotifyPropertyChanges, ChildProperty, Complex } from '@syncfusion/ej2-base';import { Event, EventHandler, KeyboardEvents, KeyboardEventArgs } from '@syncfusion/ej2-base';import { rippleEffect, Effect, Animation, AnimationOptions, RippleOptions, remove } from '@syncfusion/ej2-base';import { Draggable, DragEventArgs, Droppable, DropEventArgs } from '@syncfusion/ej2-base';import { getElement } from '@syncfusion/ej2-base';import { addClass, removeClass, closest, matches, detach, select, selectAll, isVisible, append } from '@syncfusion/ej2-base';import { DataManager, Query } from '@syncfusion/ej2-data';import { isNullOrUndefined as isNOU, Touch, TapEventArgs, getValue, setValue, extend, merge, attributes } from '@syncfusion/ej2-base';import { ListBase, ListBaseOptions, AriaAttributesMapping, FieldsMapping } from '@syncfusion/ej2-lists';import { createCheckBox, rippleMouseHandler } from '@syncfusion/ej2-buttons';import { Input, InputObject } from '@syncfusion/ej2-inputs';import { createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';
 import {ExpandOnSettings,SortOrder,FailureEventArgs,DataBoundEventArgs,DataSourceChangedEventArgs,DrawNodeEventArgs,NodeKeyPressEventArgs,NodeCheckEventArgs,NodeClickEventArgs,NodeExpandEventArgs,DragAndDropEventArgs,NodeEditEventArgs,NodeSelectEventArgs} from "./treeview";
@@ -228,2 +228,3 @@ import {ComponentModel} from '@syncfusion/ej2-base';
      * ```
+     *
      * @default []
@@ -253,2 +254,3 @@ */
      * ```
+     *
      * @default ''
@@ -285,2 +287,3 @@ */
      * ```
+     *
      * @default null
@@ -303,2 +306,3 @@ */
      * ```
+     *
      * @default true
@@ -333,2 +337,3 @@ */
      * ```
+     *
      * @default []
@@ -356,2 +361,3 @@ */
      * ```
+     *
      * @default 'Auto'
@@ -428,2 +434,3 @@ */
      * ```
+     *
      * @default []
@@ -468,6 +475,6 @@ */
     /**
-     * Event callback that is raised while any TreeView action failed to fetch the desired results.
+     * Event callback that is raised while any TreeView action failed to fetch the desired results.
      *
-     * @event
-     */
+     * @event actionFailure
+     */
     actionFailure?: EmitType<FailureEventArgs>;
@@ -478,3 +485,3 @@
      *
-     * @event
+     * @event created
      */
@@ -484,14 +491,14 @@ created?: EmitType<Object>;
     /**
-     * Event callback that is raised when data source is populated in the TreeView.
+     * Event callback that is raised when data source is populated in the TreeView.
      *
-     * @event
-     */
+     * @event dataBound
+     */
     dataBound?: EmitType<DataBoundEventArgs>;
 
     /**
-     * Event callback that is raised when data source is changed in the TreeView. The data source will be changed after performing some operation like
+     * Event callback that is raised when data source is changed in the TreeView. The data source will be changed after performing some operation like
      * drag and drop, node editing, adding and removing node.
      *
-     * @event
-     */
+     * @event dataSourceChanged
+     */
     dataSourceChanged?: EmitType<DataSourceChangedEventArgs>;
@@ -502,3 +509,3 @@
      *
-     * @event
+     * @event drawNode
      */
@@ -510,3 +517,3 @@ drawNode?: EmitType<DrawNodeEventArgs>;
      *
-     * @event
+     * @event destroyed
      */
@@ -518,3 +525,3 @@ destroyed?: EmitType<Object>;
      *
-     * @event
+     * @event keyPress
      */
@@ -526,3 +533,3 @@ keyPress?: EmitType<NodeKeyPressEventArgs>;
      *
-     * @event
+     * @event nodeChecked
      */
@@ -534,3 +541,3 @@ nodeChecked?: EmitType<NodeCheckEventArgs>;
      *
-     * @event
+     * @event nodeChecking
      */
@@ -542,3 +549,3 @@ nodeChecking?: EmitType<NodeCheckEventArgs>;
      *
-     * @event
+     * @event nodeClicked
      */
@@ -548,86 +555,86 @@ nodeClicked?: EmitType<NodeClickEventArgs>;
     /**
-     * Event callback that is raised when the TreeView node collapses successfully.
+     * Event callback that is raised when the TreeView node collapses successfully.
      *
-     * @event
-     */
+     * @event nodeCollapsed
+     */
     nodeCollapsed?: EmitType<NodeExpandEventArgs>;
 
     /**
-     * Event callback that is raised before the TreeView node collapses.
+     * Event callback that is raised before the TreeView node collapses.
      *
-     * @event
-     */
+     * @event nodeCollapsing
+     */
     nodeCollapsing?: EmitType<NodeExpandEventArgs>;
 
     /**
-     * Event callback that is raised when the TreeView node is dragged (moved) continuously.
+     * Event callback that is raised when the TreeView node is dragged (moved) continuously.
      *
 
-     * @event
-     */
+     * @event nodeDragging
+     */
     nodeDragging?: EmitType<DragAndDropEventArgs>;
 
     /**
-     * Event callback that is raised when the TreeView node drag (move) starts.
+     * Event callback that is raised when the TreeView node drag (move) starts.
      *
-     * @event
-     */
+     * @event nodeDragStart
+     */
     nodeDragStart?: EmitType<DragAndDropEventArgs>;
 
     /**
-     * Event callback that is raised when the TreeView node drag (move) is stopped.
+     * Event callback that is raised when the TreeView node drag (move) is stopped.
      *
-     * @event
-     */
+     * @event nodeDragStop
+     */
     nodeDragStop?: EmitType<DragAndDropEventArgs>;
 
     /**
-     * Event callback that is raised when the TreeView node is dropped on target element successfully.
+     * Event callback that is raised when the TreeView node is dropped on target element successfully.
      *
-     * @event
-     */
+     * @event nodeDropped
+     */
     nodeDropped?: EmitType<DragAndDropEventArgs>;
 
     /**
-     * Event callback that is raised when the TreeView node is renamed successfully.
+     * Event callback that is raised when the TreeView node is renamed successfully.
      *
-     * @event
-     */
+     * @event nodeEdited
+     */
     nodeEdited?: EmitType<NodeEditEventArgs>;
 
     /**
-     * Event callback that is raised before the TreeView node is renamed.
+     * Event callback that is raised before the TreeView node is renamed.
      *
-     * @event
-     */
+     * @event nodeEditing
+     */
     nodeEditing?: EmitType<NodeEditEventArgs>;
 
     /**
-     * Event callback that is raised when the TreeView node expands successfully.
+     * Event callback that is raised when the TreeView node expands successfully.
      *
-     * @event
-     */
+     * @event nodeExpanded
+     */
     nodeExpanded?: EmitType<NodeExpandEventArgs>;
 
     /**
-     * Event callback that is raised before the TreeView node is to be expanded.
+     * Event callback that is raised before the TreeView node is to be expanded.
      *
-     * @event
-     */
+     * @event nodeExpanding
+     */
     nodeExpanding?: EmitType<NodeExpandEventArgs>;
 
     /**
-     * Event callback that is raised when the TreeView node is selected/unselected successfully.
+     * Event callback that is raised when the TreeView node is selected/unselected successfully.
      *
-     * @event
-     */
+     * @event nodeSelected
+     */
     nodeSelected?: EmitType<NodeSelectEventArgs>;
 
     /**
-     * Event callback that is raised before the TreeView node is selected/unselected.
+     * Event callback that is raised before the TreeView node is selected/unselected.
      *
-     * @event
-     */
+     * @event nodeSelecting
+     */
     nodeSelecting?: EmitType<NodeSelectEventArgs>;
 
 }

src/treeview/treeview.d.ts

@@ -548,2 +548,3 @@ import { Component, EmitType } from '@syncfusion/ej2-base';
     private mouseDownStatus;
+    private isDropIn;
     /**
@@ -613,2 +614,3 @@ * Indicates whether the TreeView allows drag and drop of nodes. To drag and drop a node in
      * ```
+     *
      * @default []
@@ -637,2 +639,3 @@ */
      * ```
+     *
      * @default ''
@@ -667,2 +670,3 @@ */
      * ```
+     *
      * @default null
@@ -684,2 +688,3 @@ */
      * ```
+     *
      * @default true
@@ -712,2 +717,3 @@ */
      * ```
+     *
      * @default []
@@ -734,2 +740,3 @@ */
      * ```
+     *
      * @default 'Auto'
@@ -800,2 +807,3 @@ */
      * ```
+     *
      * @default []
@@ -837,3 +845,3 @@ */
      *
-     * @event
+     * @event actionFailure
      */
@@ -844,3 +852,3 @@ actionFailure: EmitType<FailureEventArgs>;
      *
-     * @event
+     * @event created
      */
@@ -851,3 +859,3 @@ created: EmitType<Object>;
      *
-     * @event
+     * @event dataBound
      */
@@ -859,3 +867,3 @@ dataBound: EmitType<DataBoundEventArgs>;
      *
-     * @event
+     * @event dataSourceChanged
      */
@@ -866,3 +874,3 @@ dataSourceChanged: EmitType<DataSourceChangedEventArgs>;
      *
-     * @event
+     * @event drawNode
      */
@@ -873,3 +881,3 @@ drawNode: EmitType<DrawNodeEventArgs>;
      *
-     * @event
+     * @event destroyed
      */
@@ -880,3 +888,3 @@ destroyed: EmitType<Object>;
      *
-     * @event
+     * @event keyPress
      */
@@ -887,3 +895,3 @@ keyPress: EmitType<NodeKeyPressEventArgs>;
      *
-     * @event
+     * @event nodeChecked
      */
@@ -894,3 +902,3 @@ nodeChecked: EmitType<NodeCheckEventArgs>;
      *
-     * @event
+     * @event nodeChecking
      */
@@ -901,3 +909,3 @@ nodeChecking: EmitType<NodeCheckEventArgs>;
      *
-     * @event
+     * @event nodeClicked
      */
@@ -908,3 +916,3 @@ nodeClicked: EmitType<NodeClickEventArgs>;
      *
-     * @event
+     * @event nodeCollapsed
      */
@@ -915,3 +923,3 @@ nodeCollapsed: EmitType<NodeExpandEventArgs>;
      *
-     * @event
+     * @event nodeCollapsing
      */
@@ -923,3 +931,3 @@ nodeCollapsing: EmitType<NodeExpandEventArgs>;
 
-     * @event
+     * @event nodeDragging
      */
@@ -930,3 +938,3 @@ nodeDragging: EmitType<DragAndDropEventArgs>;
      *
-     * @event
+     * @event nodeDragStart
      */
@@ -937,3 +945,3 @@ nodeDragStart: EmitType<DragAndDropEventArgs>;
      *
-     * @event
+     * @event nodeDragStop
      */
@@ -944,3 +952,3 @@ nodeDragStop: EmitType<DragAndDropEventArgs>;
      *
-     * @event
+     * @event nodeDropped
      */
@@ -951,3 +959,3 @@ nodeDropped: EmitType<DragAndDropEventArgs>;
      *
-     * @event
+     * @event nodeEdited
      */
@@ -958,3 +966,3 @@ nodeEdited: EmitType<NodeEditEventArgs>;
      *
-     * @event
+     * @event nodeEditing
      */
@@ -965,3 +973,3 @@ nodeEditing: EmitType<NodeEditEventArgs>;
      *
-     * @event
+     * @event nodeExpanded
      */
@@ -972,3 +980,3 @@ nodeExpanded: EmitType<NodeExpandEventArgs>;
      *
-     * @event
+     * @event nodeExpanding
      */
@@ -979,3 +987,3 @@ nodeExpanding: EmitType<NodeExpandEventArgs>;
      *
-     * @event
+     * @event nodeSelected
      */
@@ -986,3 +994,3 @@ nodeSelected: EmitType<NodeSelectEventArgs>;
      *
-     * @event
+     * @event nodeSelecting
      */
@@ -1033,2 +1041,4 @@ nodeSelecting: EmitType<NodeSelectEventArgs>;
      * Update the checkedNodes from datasource at initial rendering
+     *
+     * @returns {void}
      */
@@ -1038,2 +1048,7 @@ private updateCheckedStateFromDS;
      * To check whether the list data has sub child and to change the parent check state accordingly
+     *
+     * @param {FieldsSettingsModel} mapper - The mapper object containing field settings.
+     * @param {Object[]} checkNodes - The array of checked nodes.
+     * @returns {void}
+     * @private
      */
@@ -1043,2 +1058,5 @@ private getCheckedNodeDetails;
      * Update the checkedNodes and parent state when all the child Nodes are in checkedstate at initial rendering
+     *
+     * @returns {void}
+     * @private
      */
@@ -1048,2 +1066,6 @@ private updateParentCheckState;
      * Change the parent to indeterminate state whenever the child is in checked state which is not rendered in DOM
+     *
+     * @param {Object} data - The data object to check for indeterminate state.
+     * @returns {void}
+     * @private
      */
@@ -1053,2 +1075,7 @@ private checkIndeterminateState;
      * Update the checkedNodes for child and subchild from datasource (hierarchical datasource) at initial rendering
+     *
+     * @param {Object[]} childItems - The array of child items to update the checked state.
+     * @param {Object} treeData - The tree data object containing field values.
+     * @returns {void}
+     * @private
      */
@@ -1071,2 +1098,7 @@ private updateChildCheckState;
      * Changes the parent and child  check state while changing the checkedNodes via setmodel
+     *
+     * @param {string} node - The unique identifier of the node.
+     * @param {boolean} doCheck - A boolean value indicating whether to check or uncheck the node.
+     * @returns {void}
+     * @private
      */
@@ -1076,2 +1108,7 @@ private dynamicCheckState;
      * updates the parent and child  check state while changing the checkedNodes via setmodel for listData
+     *
+     * @param {string} node - The unique identifier of the node.
+     * @param {boolean} doCheck - A boolean value indicating whether to check or uncheck the node.
+     * @returns {void}
+     * @private
      */
@@ -1081,2 +1118,10 @@ private updateIndeterminate;
      * updates the parent and child  check state while changing the checkedNodes via setmodel for hierarchical data
+     *
+     * @param {Object[]} subChild - Array of child nodes
+     * @param {string} parent - Parent identifier
+     * @param {string} node - Current node identifier
+     * @param {boolean} doCheck - Boolean indicating whether to perform a check
+     * @param {string} [child] - Optional child identifier
+     * @returns {void}
+     * @private
      */
@@ -1117,2 +1162,5 @@ private updateChildIndeterminate;
      * Sets the child Item in selectedState while rendering the child node
+     *
+     * @param {Object[]} nodes - Array of nodes
+     * @returns {void}
      */
@@ -1153,2 +1201,6 @@ private setSelectionForChildNodes;
      * Update checkedNodes when UI interaction happens before the child node renders in DOM
+     *
+     * @param {Element} li - The list item element
+     * @param {boolean} [doCheck] - Optional parameter to specify whether to perform a check
+     * @returns {void}
      */
@@ -1159,2 +1211,8 @@ private ensureStateChange;
      * Update checkedNodes when UI interaction happens before the child node renders in DOM for hierarchical DS
+     *
+     * @param {Object[]} childItems - Array of child items
+     * @param {string} parent - Parent identifier
+     * @param {Element} childElement - Child DOM element
+     * @param {boolean} [doCheck] - Optional parameter to specify whether to perform a check
+     * @returns {void}
      */
@@ -1266,2 +1324,6 @@ private childStateChange;
      * Checks whether the checkedNodes entered are valid and sets the valid checkedNodes while changing via setmodel
+     *
+     * @param {string} node - The unique identifier of the node.
+     * @returns {void}
+     * @private
      */
@@ -1271,2 +1333,8 @@ private setValidCheckedNode;
      * Checks whether the checkedNodes entered are valid and sets the valid checkedNodes while changing via setmodel(for hierarchical DS)
+     *
+     * @param {Object[]} childItems - The child items to check.
+     * @param {string} node - The node to set the check state for.
+     * @param {Object} [treeData] - The optional tree data.
+     * @returns {void}
+     * @private
      */
@@ -1287,5 +1355,6 @@ private setChildCheckState;
      * Called internally if any of the property value changed.
-     * @param  {TreeView} newProp
-     * @param  {TreeView} oldProp
-     * @returns void
+     *
+     * @param {TreeViewModel} newProp - The new property value.
+     * @param {TreeViewModel} oldProp - The old property value.
+     * @returns {void}
      * @private
@@ -1296,2 +1365,4 @@ */
      * Removes the component from the DOM and detaches all its related event handlers. It also removes the attributes and classes.
+     *
+     * @returns {void}
      */
@@ -1302,6 +1373,8 @@ destroy(): void;
      * then the nodes are added as children of the given parentID or in the root level of TreeView.
-     * @param  { { [key: string]: Object }[] } nodes - Specifies the array of JSON data that has to be added.
+     *
+     * @param  { object } nodes - Specifies the array of JSON data that has to be added.
      * @param  { string | Element } target - Specifies ID of TreeView node/TreeView node as target element.
      * @param  { number } index - Specifies the index to place the newly added nodes in the target element.
      * @param { boolean } preventTargetExpand - If set to true, the target parent node will be prevented from auto expanding.
+     * @returns {void}
      */
@@ -1315,3 +1388,5 @@ addNodes(nodes: {
      * will be created for the particular node thus allowing us to edit it.
+     *
      * @param  {string | Element} node - Specifies ID of TreeView node/TreeView node.
+     * @returns {void}
      */
@@ -1322,3 +1397,5 @@ beginEdit(node: string | Element): void;
      * as argument to this method.
+     *
      * @param  {string[] | Element[]} nodes - Specifies the array of TreeView nodes ID/array of TreeView node.
+     * @returns {void}
      */
@@ -1330,5 +1407,7 @@ checkAll(nodes?: string[] | Element[]): void;
      * a specific level of nodes, set **level** as argument to collapseAll method.
+     *
      * @param  {string[] | Element[]} nodes - Specifies the array of TreeView nodes ID/ array of TreeView node.
      * @param  {number} level - TreeView nodes will collapse up to the given level.
      * @param  {boolean} excludeHiddenNodes - Whether or not to exclude hidden nodes of TreeView when collapsing all nodes.
+     * @returns {void}
      */
@@ -1338,3 +1417,5 @@ collapseAll(nodes?: string[] | Element[], level?: number, excludeHiddenNodes?: boolean): void;
      * Disables the collection of nodes by passing the ID of nodes or node elements in the array.
+     *
      * @param  {string[] | Element[]} nodes - Specifies the array of TreeView nodes ID/array of TreeView nodes.
+     * @returns {void}
      */
@@ -1344,3 +1425,5 @@ disableNodes(nodes: string[] | Element[]): void;
      * Enables the collection of disabled nodes by passing the ID of nodes or node elements in the array.
+     *
      * @param  {string[] | Element[]} nodes - Specifies the array of TreeView nodes ID/array of TreeView nodes.
+     * @returns {void}
      */
@@ -1352,3 +1435,5 @@ enableNodes(nodes: string[] | Element[]): void;
      * helps bring the node to visibility by expanding the TreeView and scrolling to the specific node.
+     *
      * @param  {string | Element} node - Specifies ID of TreeView node/TreeView nodes.
+     * @returns {void}
      */
@@ -1360,5 +1445,7 @@ ensureVisible(node: string | Element): void;
      * **excludeHiddenNodes** to true to this method. To expand a specific level of nodes, set **level** as argument to expandAll method.
+     *
      * @param  {string[] | Element[]} nodes - Specifies the array of TreeView nodes ID/array of TreeView nodes.
      * @param  {number} level - TreeView nodes will expand up to the given level.
      * @param  {boolean} excludeHiddenNodes - Whether or not to exclude hidden nodes when expanding all nodes.
+     * @returns {void}
      */
@@ -1368,11 +1455,17 @@ expandAll(nodes?: string[] | Element[], level?: number, excludeHiddenNodes?: boolean): void;
      * Gets all the checked nodes including child, whether it is loaded or not.
+     *
+     * @returns {string[]} - An array of strings representing the unique identifiers of checked nodes.
      */
     getAllCheckedNodes(): string[];
     /**
-    * Gets all the disabled nodes including child, whether it is loaded or not.
-    */
+     * Gets all the disabled nodes including child, whether it is loaded or not.
+     *
+     * @returns {string[]} An array of strings representing the unique identifiers of disabled nodes.
+     */
     getDisabledNodes(): string[];
     /**
      * Gets the node's data such as id, text, parentID, selected, isChecked, and expanded by passing the node element or it's ID.
+     *
      * @param  {string | Element} node - Specifies ID of TreeView node/TreeView node.
+     * @returns {Object} - The data associated with the specified node.
      */
@@ -1388,4 +1481,6 @@ getNode(node: string | Element): {
      * * The updated data source also contains custom attributes if you specified in data source.
+     *
      * @param  {string | Element} node - Specifies ID of TreeView node/TreeView node.
      * @isGenericType true
+     * @returns {Object} - The tree data associated with the specified node or element.
      */
@@ -1397,2 +1492,3 @@ getTreeData(node?: string | Element): {
      * Moves the collection of nodes within the same TreeView based on target or its index position.
+     *
      * @param  {string[] | Element[]} sourceNodes - Specifies the array of TreeView nodes ID/array of TreeView node.
@@ -1402,2 +1498,3 @@ * @param  {string | Element} target - Specifies ID of TreeView node/TreeView node as target element.
      * @param { boolean } preventTargetExpand - If set to true, the target parent node will be prevented from auto expanding.
+     * @returns {void}
      */
@@ -1407,4 +1504,6 @@ moveNodes(sourceNodes: string[] | Element[], target: string | Element, index: number, preventTargetExpand?: boolean): void;
      * Refreshes a particular node of the TreeView.
+     *
      * @param  {string | Element} target - Specifies the ID of TreeView node or TreeView node as target element.
-     * @param  {{ [key: string]: Object }[]} newData - Specifies the new data of TreeView node.
+     * @param  {Object[]} newData - Specifies the new data of TreeView node.
+     * @returns {void}
      */
@@ -1416,3 +1515,5 @@ refreshNode(target: string | Element, newData: {
      * Removes the collection of TreeView nodes by passing the array of node details as argument to this method.
+     *
      * @param  {string[] | Element[]} nodes - Specifies the array of TreeView nodes ID/array of TreeView node.
+     * @returns {void}
      */
@@ -1422,4 +1523,6 @@ removeNodes(nodes: string[] | Element[]): void;
      * Replaces the text of the TreeView node with the given text.
+     *
      * @param  {string | Element} target - Specifies ID of TreeView node/TreeView node as target element.
      * @param  {string} newText - Specifies the new text of TreeView node.
+     * @returns {void}
      */
@@ -1430,5 +1533,7 @@ updateNode(target: string | Element, newText: string): void;
      * as argument to this method.
+     *
      * @param  {string[] | Element[]} nodes - Specifies the array of TreeView nodes ID/array of TreeView node.
+     * @returns {void}
      */
     uncheckAll(nodes?: string[] | Element[]): void;
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

28168959

increased by12.01%

Number of package files

1267

increased by6.83%

Lines of code

500835

increased by12.21%

Dependency changes

• + Added@syncfusion/ej2-base@26.1.42(transitive)

• + Added@syncfusion/ej2-buttons@26.1.40(transitive)

• + Added@syncfusion/ej2-data@26.1.42(transitive)

• + Added@syncfusion/ej2-icons@26.1.35(transitive)

• + Added@syncfusion/ej2-inputs@26.1.42(transitive)

• + Added@syncfusion/ej2-lists@26.1.35(transitive)

• + Added@syncfusion/ej2-popups@26.1.42(transitive)

• + Added@syncfusion/ej2-splitbuttons@26.1.35(transitive)

• - Removed@syncfusion/ej2-base@25.2.7(transitive)

• - Removed@syncfusion/ej2-buttons@25.2.7(transitive)

• - Removed@syncfusion/ej2-data@25.2.3(transitive)

• - Removed@syncfusion/ej2-icons@25.2.3(transitive)

• - Removed@syncfusion/ej2-inputs@25.2.6(transitive)

• - Removed@syncfusion/ej2-lists@25.2.3(transitive)

• - Removed@syncfusion/ej2-popups@25.2.7(transitive)

• - Removed@syncfusion/ej2-splitbuttons@25.2.4(transitive)

• Updated@syncfusion/ej2-base@~26.1.35

• Updated@syncfusion/ej2-buttons@~26.1.35

• Updated@syncfusion/ej2-data@~26.1.35

• Updated@syncfusion/ej2-inputs@~26.1.35

• Updated@syncfusion/ej2-lists@~26.1.35

• Updated@syncfusion/ej2-popups@~26.1.35