@syncfusion/ej2-navigations - npm Package Compare versions

Comparing version 17.1.40 to 17.1.41

CHANGELOG.md

@@ -5,2 +5,8 @@ # Changelog
 
+### Accordion
+
+#### Bug Fixes
+
+- Content value getting changed while updating header dynamically issue has been fixed.
+
 ### TreeView
@@ -10,4 +16,18 @@
 
+- #231497 - Now the selected node background color is removed before collapsing the parent node with out removing 'e-active' class.
+
+## 17.1.40 (2019-04-09)
+
+### TreeView
+
+#### Bug Fixes
+
 - Now the selected node background color is removed before collapsing the parent node.
 
+### Tab
+
+#### Bug Fixes
+
+- Support to restrict add and remove functionalities of Tab has been provided.
+
 ## 17.1.38 (2019-03-29)
@@ -14,0 +34,0 @@

dist/global/index.d.ts

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

package.json

 {
   "name": "@syncfusion/ej2-navigations",
-  "version": "17.1.40",
+  "version": "17.1.41",
   "description": "A package of Essential JS 2 navigation components such as Tree-view, Tab, Toolbar, Context-menu, and Accordion which is used to navigate from one page to another",
@@ -12,7 +12,7 @@ "author": "Syncfusion Inc.",
     "@syncfusion/ej2-base": "~17.1.38",
-    "@syncfusion/ej2-data": "~17.1.38",
+    "@syncfusion/ej2-data": "~17.1.41",
     "@syncfusion/ej2-buttons": "~17.1.40",
     "@syncfusion/ej2-popups": "~17.1.40",
     "@syncfusion/ej2-lists": "~17.1.40",
-    "@syncfusion/ej2-inputs": "~17.1.40"
+    "@syncfusion/ej2-inputs": "~17.1.41"
   },
@@ -19,0 +19,0 @@ "devDependencies": {},

src/accordion/accordion.d.ts

@@ -312,2 +312,3 @@ import { Component, EmitType } from '@syncfusion/ej2-base';
     private destroyItems;
+    private restoreContent;
     private updateItem;
@@ -314,0 +315,0 @@ protected getPersistData(): string;

src/accordion/accordion.js

@@ -149,7 +149,3 @@ var __extends = (this && this.__extends) || (function () {
         this.isDestroy = true;
-        this.templateEle.forEach(function (eleStr) {
-            if (!isNOU(_this.element.querySelector(eleStr))) {
-                document.body.appendChild(_this.element.querySelector(eleStr)).style.display = 'none';
-            }
-        });
+        this.restoreContent(null);
         while (ele.firstChild) {
@@ -580,3 +576,5 @@ ele.removeChild(ele.firstChild);
         if (!isNOU(temString)) {
-            this.templateEle.push(value);
+            if (this.templateEle.indexOf(value) === -1) {
+                this.templateEle.push(value);
+            }
         }
@@ -842,2 +840,3 @@ return ele;
         }
+        this.restoreContent(index);
         detach(ele);
@@ -965,4 +964,21 @@ this.items.splice(index, 1);
     Accordion.prototype.destroyItems = function () {
-        [].slice.call(this.element.querySelectorAll('.' + CLS_ITEM)).forEach(function (el) { detach(el); });
+        this.restoreContent(null);
+        [].slice.call(this.element.querySelectorAll('.' + CLS_ITEM)).forEach(function (el) {
+            detach(el);
+        });
     };
+    Accordion.prototype.restoreContent = function (index) {
+        var ctnElePos;
+        if (isNOU(index)) {
+            ctnElePos = this.element;
+        }
+        else {
+            ctnElePos = this.element.querySelectorAll('.' + CLS_ITEM)[index];
+        }
+        this.templateEle.forEach(function (eleStr) {
+            if (!isNOU(ctnElePos.querySelector(eleStr))) {
+                document.body.appendChild(ctnElePos.querySelector(eleStr)).style.display = 'none';
+            }
+        });
+    };
     Accordion.prototype.updateItem = function (item, index) {
@@ -972,2 +988,3 @@ if (!isNOU(item)) {
             this.items.splice(index, 1);
+            this.restoreContent(index);
             detach(item);
@@ -974,0 +991,0 @@ this.addItem(itemObj, index);

src/sidebar/sidebar-model.d.ts

@@ -13,3 +13,3 @@ import { Component, formatUnit, EventHandler, Event, isNullOrUndefined, closest } from '@syncfusion/ej2-base';import { Property, EmitType, NotifyPropertyChanges, INotifyPropertyChanged, Browser } from '@syncfusion/ej2-base';import { setStyleAttribute as setStyle, addClass, removeClass, createElement, Touch, SwipeEventArgs } from '@syncfusion/ej2-base';
      * > For more details about dockSize refer to 
-     * [`Dock`](https://ej2.syncfusion.com/documentation/sidebar/docking-sidebar/) documentation.
+     * [`Dock`](../../sidebar/docking-sidebar#dock) documentation.
      * @default 'auto'
@@ -27,3 +27,3 @@ */
      * > For more details about mediaQuery refer to 
-     * [`Auto Close`](https://ej2.syncfusion.com/documentation/sidebar/auto-close/) documentation.
+     * [`Auto Close`](../../sidebar/auto-close#auto-close) documentation.
      * @default null
@@ -37,3 +37,3 @@ * @aspType string
      * > For more details about enableDock refer to 
-     * [`Dock`](https://ej2.syncfusion.com/documentation/sidebar/docking-sidebar/) documentation.
+     * [`Dock`](../../sidebar/docking-sidebar/#dock) documentation.
      * @default false
@@ -101,3 +101,3 @@ */
      * > For more details about SidebarPosition refer to 
-     * [`position`](https://ej2.syncfusion.com/documentation/sidebar/getting-started/#position) documentation.
+     * [`position`](../../sidebar/getting-started#position) documentation.
      * @default 'Left'
@@ -110,3 +110,3 @@ */
      * > For more details about target refer to 
-     * [`Custom Context`](https://ej2.syncfusion.com/documentation/sidebar/custom-context/) documentation.
+     * [`Custom Context`](../../sidebar/custom-context#target) documentation.
      * @default null
@@ -119,3 +119,3 @@ */
      * > For more details about showBackdrop refer to 
-     * [`Backdrop`](https://ej2.syncfusion.com/documentation/sidebar/getting-started/#enable-backdrop) documentation.
+     * [`Backdrop`](../../sidebar/getting-started/#enable-backdrop) documentation.
      * @default false
@@ -133,3 +133,3 @@ */
      * > For more details about SidebarType refer to 
-     * [`SidebarType`](./variations.html#types) documentation.
+     * [`SidebarType`](../../sidebar/variations/#types) documentation.
      * @default 'Auto'
@@ -136,0 +136,0 @@ */

src/sidebar/sidebar.d.ts

@@ -35,3 +35,3 @@ import { Component } from '@syncfusion/ej2-base';
      * > For more details about dockSize refer to
-     * [`Dock`](https://ej2.syncfusion.com/documentation/sidebar/docking-sidebar/) documentation.
+     * [`Dock`](../../sidebar/docking-sidebar#dock) documentation.
      * @default 'auto'
@@ -48,3 +48,3 @@ */
      * > For more details about mediaQuery refer to
-     * [`Auto Close`](https://ej2.syncfusion.com/documentation/sidebar/auto-close/) documentation.
+     * [`Auto Close`](../../sidebar/auto-close#auto-close) documentation.
      * @default null
@@ -57,3 +57,3 @@ * @aspType string
      * > For more details about enableDock refer to
-     * [`Dock`](https://ej2.syncfusion.com/documentation/sidebar/docking-sidebar/) documentation.
+     * [`Dock`](../../sidebar/docking-sidebar/#dock) documentation.
      * @default false
@@ -112,3 +112,3 @@ */
      * > For more details about SidebarPosition refer to
-     * [`position`](https://ej2.syncfusion.com/documentation/sidebar/getting-started/#position) documentation.
+     * [`position`](../../sidebar/getting-started#position) documentation.
      * @default 'Left'
@@ -120,3 +120,3 @@ */
      * > For more details about target refer to
-     * [`Custom Context`](https://ej2.syncfusion.com/documentation/sidebar/custom-context/) documentation.
+     * [`Custom Context`](../../sidebar/custom-context#target) documentation.
      * @default null
@@ -128,3 +128,3 @@ */
      * > For more details about showBackdrop refer to
-     * [`Backdrop`](https://ej2.syncfusion.com/documentation/sidebar/getting-started/#enable-backdrop) documentation.
+     * [`Backdrop`](../../sidebar/getting-started/#enable-backdrop) documentation.
      * @default false
@@ -141,3 +141,3 @@ */
      * > For more details about SidebarType refer to
-     * [`SidebarType`](./variations.html#types) documentation.
+     * [`SidebarType`](../../sidebar/variations/#types) documentation.
      * @default 'Auto'
@@ -144,0 +144,0 @@ */

src/tab/tab-model.d.ts

@@ -1,3 +0,3 @@
-import { Component, Property, Event, EmitType, closest, Collection, Complex, attributes, detach, Instance } from '@syncfusion/ej2-base';import { INotifyPropertyChanged, NotifyPropertyChanges, ChildProperty, AnimationOptions, 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 } from '@syncfusion/ej2-base';import { EventHandler, rippleEffect, Touch, SwipeEventArgs, compile, Animation, AnimationModel, BaseEventArgs } from '@syncfusion/ej2-base';import { Popup, PopupModel } from '@syncfusion/ej2-popups';import { Toolbar, OverflowMode, ClickEventArgs } from '../toolbar/toolbar';
-import {HeaderPosition,HeightStyles,SelectingEventArgs,SelectEventArgs,RemoveEventArgs} from "./tab";
+import { Component, Property, Event, EmitType, closest, Collection, Complex, attributes, detach, Instance } from '@syncfusion/ej2-base';import { INotifyPropertyChanged, NotifyPropertyChanges, ChildProperty, AnimationOptions, 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 { Popup, PopupModel } from '@syncfusion/ej2-popups';import { Toolbar, OverflowMode, ClickEventArgs } from '../toolbar/toolbar';
+import {HeaderPosition,HeightStyles,AddEventArgs,SelectingEventArgs,SelectEventArgs,RemoveEventArgs} from "./tab";
 import {ComponentModel} from '@syncfusion/ej2-base';
@@ -236,3 +236,3 @@
      */
-    adding?: EmitType<Event>;
+    adding?: EmitType<AddEventArgs>;
 
@@ -243,3 +243,3 @@ /**
      */
-    added?: EmitType<Event>;
+    added?: EmitType<AddEventArgs>;
 
@@ -246,0 +246,0 @@ /**

src/tab/tab.d.ts

@@ -45,3 +45,11 @@ import { Component, EmitType } from '@syncfusion/ej2-base';
     removedIndex: number;
+    /** Defines the prevent action. */
+    cancel?: boolean;
 }
+export interface AddEventArgs extends BaseEventArgs {
+    /** Defines the added Tab item element */
+    addedItems: TabItemModel[];
+    /** Defines the prevent action. */
+    cancel?: boolean;
+}
 export declare class TabActionSettings extends ChildProperty<TabActionSettings> {
@@ -291,3 +299,3 @@ /**
      */
-    adding: EmitType<Event>;
+    adding: EmitType<AddEventArgs>;
     /**
@@ -297,3 +305,3 @@ * The event will be fired after adding the item to the Tab.
      */
-    added: EmitType<Event>;
+    added: EmitType<AddEventArgs>;
     /**
@@ -300,0 +308,0 @@ * The event will be fired before the item gets selected.

src/treeview/treeview-model.d.ts

@@ -63,5 +63,5 @@ import { Component, EmitType, isUndefined, Browser, compile, isNullOrUndefined } 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 } from '@syncfusion/ej2-base';import { Draggable, DragEventArgs, Droppable, DropEventArgs } from '@syncfusion/ej2-base';import { addClass, removeClass, closest, matches, detach, select, selectAll, isVisible, createElement, append } from '@syncfusion/ej2-base';import { DataManager, Query } from '@syncfusion/ej2-data';import { isNullOrUndefined as isNOU, Touch, TapEventArgs, getValue, setValue } 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';
     /**
-     * Defines the external [`Query`](http://ej2.syncfusion.com/documentation/data/api-query.html) 
-     * that will execute along with data processing.    
-     * @default null    
+     * Defines the external [`Query`](http://ej2.syncfusion.com/documentation/data/api-query.html)
+     * that will execute along with data processing.
+     * @default null
      */
@@ -150,3 +150,3 @@ query?: Query;
      * the mouse. For touch devices, drag and drop operation is performed by touch, touch move
-     * and touch end. For more information on drag and drop nodes concept, refer to 
+     * and touch end. For more information on drag and drop nodes concept, refer to
      * [Drag and Drop](../treeview/drag-and-drop/).
@@ -158,3 +158,3 @@ * @default false
     /**
-     * Enables or disables editing of the text in the TreeView node. When `allowEditing` property is set 
+     * Enables or disables editing of the text in the TreeView node. When `allowEditing` property is set
      * to true, the TreeView allows you to edit the node by double clicking the node or by navigating to
@@ -172,4 +172,4 @@ * the node and pressing **F2** key. For more information on node editing, refer
      * and click the last node to select.
-     * 
-     * For more information on multi-selection, refer to 
+     *
+     * For more information on multi-selection, refer to
      * [Multi-Selection](../treeview/multiple-selection/).
@@ -219,3 +219,3 @@ * @default false
     /**
-     * Represents the expanded nodes in the TreeView component. We can set the nodes that need to be 
+     * Represents the expanded nodes in the TreeView component. We can set the nodes that need to be
      * expanded or get the ID of the nodes that are currently expanded by using this property.
@@ -247,3 +247,3 @@ * @default []
     /**
-     * On enabling this property, the entire row of the TreeView node gets selected by clicking a node. 
+     * On enabling this property, the entire row of the TreeView node gets selected by clicking a node.
      * When disabled only the corresponding node's text gets selected.
@@ -264,5 +264,5 @@ * For more information on Fields concept, refer to
     /**
-     * Specifies a template to render customized content for all the nodes. If the `nodeTemplate` property 
+     * Specifies a template to render customized content for all the nodes. If the `nodeTemplate` property
      * is set, the template content overrides the displayed node text. The property accepts template string
-     * [template string](http://ej2.syncfusion.com/documentation/base/template-engine.html) 
+     * [template string](http://ej2.syncfusion.com/documentation/base/template-engine.html)
      * or HTML element ID holding the content. For more information on template concept, refer to
@@ -275,7 +275,7 @@ * [Template](../treeview/template/).
     /**
-     * Represents the selected nodes in the TreeView component. We can set the nodes that need to be 
-     * selected or get the ID of the nodes that are currently selected by using this property. 
-     * On enabling `allowMultiSelection` property we can select multiple nodes and on disabling 
+     * Represents the selected nodes in the TreeView component. We can set the nodes that need to be
+     * selected or get the ID of the nodes that are currently selected by using this property.
+     * On enabling `allowMultiSelection` property we can select multiple nodes and on disabling
      * it we can select only a single node.
-     * For more information on selectedNodes, refer to 
+     * For more information on selectedNodes, refer to
      * [selectedNodes](../treeview/multiple-selection#selected-nodes).
@@ -318,3 +318,3 @@ * @default []
      * Triggers when data source is populated in the TreeView.
-     * @event 
+     * @event
      */
@@ -326,3 +326,3 @@ dataBound?: EmitType<DataBoundEventArgs>;
      * drag and drop, node editing, adding and removing node.
-     * @event 
+     * @event
      */
@@ -351,3 +351,3 @@ dataSourceChanged?: EmitType<DataSourceChangedEventArgs>;
      * Triggers when the TreeView node is checked/unchecked successfully.
-     * @event 
+     * @event
      */
@@ -358,3 +358,3 @@ nodeChecked?: EmitType<NodeCheckEventArgs>;
      * Triggers before the TreeView node is to be checked/unchecked.
-     * @event 
+     * @event
      */
@@ -371,3 +371,3 @@ nodeChecking?: EmitType<NodeCheckEventArgs>;
      * Triggers when the TreeView node collapses successfully.
-     * @event 
+     * @event
      */
@@ -378,3 +378,3 @@ nodeCollapsed?: EmitType<NodeExpandEventArgs>;
      * Triggers before the TreeView node collapses.
-     * @event 
+     * @event
      */
@@ -385,3 +385,3 @@ nodeCollapsing?: EmitType<NodeExpandEventArgs>;
      * Triggers when the TreeView node is dragged (moved) continuously.
-     * @event 
+     * @event
      */
@@ -392,3 +392,3 @@ nodeDragging?: EmitType<DragAndDropEventArgs>;
      * Triggers when the TreeView node drag (move) starts.
-     * @event 
+     * @event
      */
@@ -399,3 +399,3 @@ nodeDragStart?: EmitType<DragAndDropEventArgs>;
      * Triggers when the TreeView node drag (move) is stopped.
-     * @event 
+     * @event
      */
@@ -406,3 +406,3 @@ nodeDragStop?: EmitType<DragAndDropEventArgs>;
      * Triggers when the TreeView node is dropped on target element successfully.
-     * @event 
+     * @event
      */
@@ -413,3 +413,3 @@ nodeDropped?: EmitType<DragAndDropEventArgs>;
      * Triggers when the TreeView node is renamed successfully.
-     * @event 
+     * @event
      */
@@ -420,3 +420,3 @@ nodeEdited?: EmitType<NodeEditEventArgs>;
      * Triggers before the TreeView node is renamed.
-     * @event 
+     * @event
      */
@@ -427,3 +427,3 @@ nodeEditing?: EmitType<NodeEditEventArgs>;
      * Triggers when the TreeView node expands successfully.
-     * @event 
+     * @event
      */
@@ -434,3 +434,3 @@ nodeExpanded?: EmitType<NodeExpandEventArgs>;
      * Triggers before the TreeView node is to be expanded.
-     * @event 
+     * @event
      */
@@ -441,3 +441,3 @@ nodeExpanding?: EmitType<NodeExpandEventArgs>;
      * Triggers when the TreeView node is selected/unselected successfully.
-     * @event 
+     * @event
      */
@@ -448,3 +448,3 @@ nodeSelected?: EmitType<NodeSelectEventArgs>;
      * Triggers before the TreeView node is selected/unselected.
-     * @event 
+     * @event
      */
@@ -451,0 +451,0 @@ nodeSelecting?: EmitType<NodeSelectEventArgs>;

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

10746289

increased by0.2%

Lines of code

165844

increased by0.18%

Dependency changes

• Updated@syncfusion/ej2-data@~17.1.41

• Updated@syncfusion/ej2-inputs@~17.1.41