@syncfusion/ej2-navigations 25.2.6 → 26.1.35

package/src/toolbar/toolbar.js

@@ -639,7 +639,9 @@ var Toolbar = /** @class */ (function (_super) {
             itemObj = tempItem;
         }
         var eventArgs = { originalEvent: e, item: itemObj };
-        var isClickBinded = itemObj && !isNOU(itemObj.click) && typeof itemObj.click == 'object' ? !isNOU(itemObj.click.observers) && itemObj.click.observers.length > 0 : !isNOU(itemObj) && !isNOU(itemObj.click);
+        var isClickBinded = itemObj && !isNOU(itemObj.click) && typeof itemObj.click == 'object' ?
+            !isNOU(itemObj.click.observers) && itemObj.click.observers.length > 0 :
+            !isNOU(itemObj) && !isNOU(itemObj.click);
         if (isClickBinded) {
             this.trigger('items[' + this.tbarEle.indexOf(clst) + '].click', eventArgs);
         }
@@ -1064,7 +1066,6 @@ var Toolbar = /** @class */ (function (_super) {
                 addClass([ele], this.cssClass.split(' '));
             }
             setStyle(this.element, { overflow: '' });
-            var eleStyles = window.getComputedStyle(this.element);
             var popup = new Popup(null, {
                 relateTo: this.element,
                 offsetY: (this.isVertical) ? 0 : this.getElementOffsetY(),
@@ -1292,6 +1293,7 @@ var Toolbar = /** @class */ (function (_super) {
         nav.setAttribute('role', 'button');
         element.appendChild(nav);
     };
+    // eslint-disable-next-line max-len
     Toolbar.prototype.tbarPriRef = function (inEle, indx, sepPri, el, des, elWid, wid, ig, eleStyles) {
         var ignoreCount = ig;
         var popEle = this.popObj.element;
@@ -1435,7 +1437,10 @@ var Toolbar = /** @class */ (function (_super) {
             }
             el.style.position = '';
             if (elWidth < width || destroy) {
-                var inlineStyles = { minWidth: el.style.minWidth, height: el.style.height, minHeight: el.style.minHeight };
+                var inlineStyles = {
+                    minWidth: el.style.minWidth, height: el.style.height,
+                    minHeight: el.style.minHeight
+                };
                 setStyle(el, { minWidth: '', height: '', minHeight: '' });
                 if (!el.classList.contains(CLS_POPOVERFLOW)) {
                     el.classList.remove(CLS_POPUP);
@@ -1910,8 +1915,8 @@ var Toolbar = /** @class */ (function (_super) {
         this.add(innerEle, CLS_TEMPLATE);
         var firstChild = innerEle.firstElementChild;
         if (!isNOU(firstChild)) {
-            firstChild.setAttribute('tabindex', isNOU(firstChild.getAttribute("tabIndex")) ? '-1' : this.getDataTabindex(firstChild));
-            firstChild.setAttribute('data-tabindex', isNOU(firstChild.getAttribute("tabIndex")) ? '-1' : this.getDataTabindex(firstChild));
+            firstChild.setAttribute('tabindex', isNOU(firstChild.getAttribute('tabIndex')) ? '-1' : this.getDataTabindex(firstChild));
+            firstChild.setAttribute('data-tabindex', isNOU(firstChild.getAttribute('tabIndex')) ? '-1' : this.getDataTabindex(firstChild));
         }
         this.tbarEle.push(innerEle);
     };
@@ -2049,8 +2054,8 @@ var Toolbar = /** @class */ (function (_super) {
             if (isNOU(this.trgtEle) && !curEle.parentElement.classList.contains(CLS_TEMPLATE)) {
                 if (!isNOU(this.element.querySelector('.e-hor-nav')) && this.element.querySelector('.e-hor-nav').classList.contains('e-nav-active')) {
                     this.updateTabIndex('0');
-                    this.getDataTabindex(previousEle) === '-1' ? previousEle.setAttribute('tabindex', '0') :
-                        previousEle.setAttribute('tabindex', this.getDataTabindex(previousEle));
+                    var tabindexValue = this.getDataTabindex(previousEle) === '-1' ? '0' : this.getDataTabindex(previousEle);
+                    previousEle.setAttribute('tabindex', tabindexValue);
                 }
                 else {
                     this.updateTabIndex('-1');
@@ -2058,7 +2063,7 @@ var Toolbar = /** @class */ (function (_super) {
                 curEle.removeAttribute('tabindex');
             }
             else {
-                var tabIndex = parseInt(this.getDataTabindex(this.activeEle)) + 1;
+                var tabIndex = parseInt(this.getDataTabindex(this.activeEle), 10) + 1;
                 this.activeEle.setAttribute('tabindex', tabIndex.toString());
             }
         }
@@ -2201,7 +2206,6 @@ var Toolbar = /** @class */ (function (_super) {
      */
     Toolbar.prototype.onPropertyChanged = function (newProp, oldProp) {
         var tEle = this.element;
-        var wid = tEle.offsetWidth;
         this.extendedOpen();
         for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
             var prop = _a[_i];

package/src/treeview/treeview-model.d.ts

@@ -1,4 +1,4 @@
-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";
 import {ComponentModel} from '@syncfusion/ej2-base';
 
@@ -225,6 +225,7 @@ export interface TreeViewModel extends ComponentModel{
      * });
      * treeObj.appendTo('#tree');
      * ```
+     *
      * @default []
      */
     checkedNodes?: string[];
@@ -249,6 +250,7 @@ export interface TreeViewModel extends ComponentModel{
      * padding: 10px 0;
      * }
      * ```
+     *
      * @default ''
      */
     cssClass?: string;
@@ -280,6 +282,7 @@ export interface TreeViewModel extends ComponentModel{
      * margin-left: 100px;
      * }
      * ```
+     *
      * @default null
      */
     dragArea?: HTMLElement | string;
@@ -297,6 +300,7 @@ export interface TreeViewModel extends ComponentModel{
      * });
      * treeObj.appendTo('#tree');
      * ```
+     *
      * @default true
      */
     enableHtmlSanitizer?: boolean;
@@ -326,6 +330,7 @@ export interface TreeViewModel extends ComponentModel{
      * treeObj.appendTo('#tree');
      * </script>
      * ```
+     *
      * @default []
      */
     expandedNodes?: string[];
@@ -348,6 +353,7 @@ export interface TreeViewModel extends ComponentModel{
      * });
      * treeObj.appendTo('#tree');
      * ```
+     *
      * @default 'Auto'
      */
     expandOn?: ExpandOnSettings;
@@ -419,6 +425,7 @@ export interface TreeViewModel extends ComponentModel{
      * });
      * treeObj.appendTo('#tree');
      * ```
+     *
      * @default []
      */
     selectedNodes?: string[];
@@ -458,159 +465,159 @@ export interface TreeViewModel extends ComponentModel{
     fullRowNavigable?: boolean;
 
     /**
-     * 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>;
 
     /**
      * Event callback that is raised when the TreeView component is created successfully.
      *
-     * @event
+     * @event created
      */
     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>;
 
     /**
      * Event callback that is raised before the TreeView node is appended to the TreeView element. It helps to customize specific nodes.
      *
-     * @event
+     * @event drawNode
      */
     drawNode?: EmitType<DrawNodeEventArgs>;
 
     /**
      * Event callback that is raised when the TreeView control is destroyed successfully.
      *
-     * @event
+     * @event destroyed
      */
     destroyed?: EmitType<Object>;
 
     /**
      * Event callback that is raised when key press is successful. It helps to customize the operations at key press.
      *
-     * @event
+     * @event keyPress
      */
     keyPress?: EmitType<NodeKeyPressEventArgs>;
 
     /**
      * Event callback that is raised when the TreeView node is checked/unchecked successfully.
      *
-     * @event
+     * @event nodeChecked
      */
     nodeChecked?: EmitType<NodeCheckEventArgs>;
 
     /**
      * Event callback that is raised before the TreeView node is to be checked/unchecked.
      *
-     * @event
+     * @event nodeChecking
      */
     nodeChecking?: EmitType<NodeCheckEventArgs>;
 
     /**
      * Event callback that is raised when the TreeView node is clicked successfully.
      *
-     * @event
+     * @event nodeClicked
      */
     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>;
 
 }