@syncfusion/ej2-navigations 22.2.8 → 22.2.11

package/dist/global/index.d.ts

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

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-navigations@*",
-  "_id": "@syncfusion/ej2-navigations@22.2.7",
+  "_id": "@syncfusion/ej2-navigations@22.2.8",
   "_inBundle": false,
-  "_integrity": "sha512-7Uz9JOqY5jJxwhyzEm/75NlZPwU2FSgHGayMBKK7HD/fi4Xs7JZUrC51E6un9JZk8/QGRgqVtf5zSgLbBHAYHA==",
+  "_integrity": "sha512-GfpbncyICmmctljscMk/6Ti1+OpGGuIFBxm0Ti012hR/YP8Q45c628+mdJbbeZR98iNiukE4SivYdYxdU8z63w==",
   "_location": "/@syncfusion/ej2-navigations",
   "_phantomChildren": {},
   "_requested": {
@@ -39,8 +39,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-navigations"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-22.2.7.tgz",
-  "_shasum": "5fcaed69c7a93538c2bb9312dde3fe7375060919",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-22.2.8.tgz",
+  "_shasum": "f56389920bf2f999ea4528232b989bc2fa0b21a0",
   "_spec": "@syncfusion/ej2-navigations@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -51,12 +51,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~22.2.5",
-    "@syncfusion/ej2-buttons": "~22.2.8",
+    "@syncfusion/ej2-base": "~22.2.10",
+    "@syncfusion/ej2-buttons": "~22.2.9",
     "@syncfusion/ej2-data": "~22.2.5",
-    "@syncfusion/ej2-inputs": "~22.2.7",
-    "@syncfusion/ej2-lists": "~22.2.8",
-    "@syncfusion/ej2-popups": "~22.2.7"
+    "@syncfusion/ej2-inputs": "~22.2.9",
+    "@syncfusion/ej2-lists": "~22.2.11",
+    "@syncfusion/ej2-popups": "~22.2.11"
   },
   "deprecated": false,
   "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",
@@ -161,6 +161,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "22.2.8",
+  "version": "22.2.11",
   "sideEffects": false
 }

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

@@ -1,4 +1,4 @@
-import { Component, NotifyPropertyChanges, INotifyPropertyChanged, ChildProperty, Property, Collection, append, extend, Event, EmitType, BaseEventArgs, EventHandler, closest, addClass, removeClass, detach, remove } from '@syncfusion/ej2-base';import { ListBase, ListBaseOptions } from '@syncfusion/ej2-lists';import { Popup } from '@syncfusion/ej2-popups';
+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';
 import {BreadcrumbOverflowMode,BreadcrumbBeforeItemRenderEventArgs,BreadcrumbClickEventArgs} from "./breadcrumb";
 import {ComponentModel} from '@syncfusion/ej2-base';
 

package/src/breadcrumb/breadcrumb.js

@@ -17,7 +17,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { Component, NotifyPropertyChanges, ChildProperty, Property, Collection, append, extend, Event, EventHandler, closest, addClass, removeClass, detach, remove } from '@syncfusion/ej2-base';
+import { Component, NotifyPropertyChanges, ChildProperty, Property, Collection, append, extend, Event, EventHandler, closest, addClass, removeClass, detach, remove, initializeCSPTemplate, isNullOrUndefined } from '@syncfusion/ej2-base';
 import { ListBase } from '@syncfusion/ej2-lists';
 import { Popup } from '@syncfusion/ej2-popups';
 var ICONRIGHT = 'e-icon-right';
@@ -293,7 +293,14 @@ var Breadcrumb = /** @class */ (function (_super) {
                 if (i % 2) {
                     // separator item
                     wrapDiv = this.createElement('div', { className: 'e-breadcrumb-item-wrapper' });
-                    listBaseOptions.template = this.separatorTemplate ? this.separatorTemplate : '/';
+                    if ((this.separatorTemplate && this.separatorTemplate === '/') || isNullOrUndefined(this.separatorTemplate)) {
+                        listBaseOptions.template = initializeCSPTemplate(function () {
+                            return '/';
+                        });
+                    }
+                    else {
+                        listBaseOptions.template = this.separatorTemplate;
+                    }
                     listBaseOptions.itemClass = 'e-breadcrumb-separator';
                     isSingleLevel = false;
                     item = [{ previousItem: items[j_1], nextItem: items[j_1 + 1] }];

package/src/carousel/carousel.d.ts

@@ -376,6 +376,7 @@ export declare class Carousel extends Component<HTMLElement> implements INotifyP
     private swipStop;
     private swipeNavigation;
     private swipeModehandlers;
+    private resizeHandler;
     private wireEvents;
     private unWireEvents;
     /**

package/src/carousel/carousel.js

@@ -1092,6 +1092,13 @@ var Carousel = /** @class */ (function (_super) {
             EventHandler.add(this.itemsContainer, 'mouseup touchend', this.swipStop, this);
         }
     };
+    Carousel.prototype.resizeHandler = function () {
+        if (this.itemsContainer && this.itemsContainer.firstElementChild) {
+            var numOfItems = this.getNumOfItems();
+            var slideWidth = this.itemsContainer.firstElementChild.clientWidth;
+            this.itemsContainer.style.transform = this.getTranslateX(slideWidth, this.selectedIndex + numOfItems);
+        }
+    };
     Carousel.prototype.wireEvents = function () {
         if (!(this.animationEffect === 'Custom')) {
             this.swipeModehandlers();
@@ -1100,6 +1107,7 @@ var Carousel = /** @class */ (function (_super) {
         EventHandler.add(this.element, 'mouseenter mouseleave', this.onHoverActions, this);
         EventHandler.add(this.element.firstElementChild, 'animationend', this.onTransitionEnd, this);
         EventHandler.add(this.element.firstElementChild, 'transitionend', this.onTransitionEnd, this);
+        EventHandler.add(window, 'resize', this.resizeHandler, this);
     };
     Carousel.prototype.unWireEvents = function () {
         var _this = this;
@@ -1119,6 +1127,7 @@ var Carousel = /** @class */ (function (_super) {
         EventHandler.remove(this.element.firstElementChild, 'transitionend', this.onTransitionEnd);
         EventHandler.clearEvents(this.element);
         EventHandler.clearEvents(this.itemsContainer);
+        EventHandler.remove(window, 'resize', this.resizeHandler);
     };
     /**
      * Method to transit from the current slide to the previous slide.

package/src/tab/tab.js

@@ -316,6 +316,11 @@ var Tab = /** @class */ (function (_super) {
         this.renderContainer();
         this.wireEvents();
         this.initRender = false;
+        if (this.isReact && this.portals && this.portals.length > 0) {
+            this.renderReactTemplates(function () {
+                this.refreshActiveBorder();
+            });
+        }
     };
     Tab.prototype.renderContainer = function () {
         var ele = this.element;

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

@@ -1,4 +1,4 @@
-import { Component, EmitType, isUndefined, Browser, compile, isNullOrUndefined, SanitizeHtmlHelper  } 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 } 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';
 

package/src/treeview/treeview.js

@@ -853,6 +853,7 @@ var TreeView = /** @class */ (function (_super) {
         return list;
     };
     TreeView.prototype.finalizeNode = function (element) {
+        var _this = this;
         var iNodes = selectAll('.' + IMAGE, element);
         for (var k = 0; k < iNodes.length; k++) {
             iNodes[k].setAttribute('alt', IMAGE);
@@ -873,6 +874,9 @@ var TreeView = /** @class */ (function (_super) {
             }
         }
         var eNodes = selectAll('.' + EXPANDED, element);
+        if (!this.loadOnDemand) {
+            this.isInitalExpand = this.treeData.filter(function (e) { return e[_this.fields.expanded] == true; }).length > 0 ? true : this.isInitalExpand;
+        }
         if (!this.isInitalExpand) {
             for (var i = 0; i < eNodes.length; i++) {
                 this.renderChildNodes(eNodes[i]);
@@ -1377,7 +1381,11 @@ var TreeView = /** @class */ (function (_super) {
         }
     };
     TreeView.prototype.doExpandAction = function () {
+        var _this = this;
         var eUids = this.expandedNodes;
+        if (!this.loadOnDemand) {
+            this.isInitalExpand = this.treeData.filter(function (e) { return e[_this.fields.expanded] == true; }).length > 0 ? true : this.isInitalExpand;
+        }
         if (this.isInitalExpand && eUids.length > 0) {
             this.setProperties({ expandedNodes: [] }, true);
             /* eslint-disable */
@@ -1819,6 +1827,9 @@ var TreeView = /** @class */ (function (_super) {
         if (callback) {
             callback();
         }
+        if (expandChild) {
+            this.expandedNodes.push(parentLi.getAttribute('data-uid'));
+        }
         if (this.treeList.length === 0 && !this.isLoaded) {
             this.finalize();
         }

package/styles/accordion/material.css

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /*! component's theme wise override material-definitions and variables */
 /*! accordion icons */
 .e-accordion .e-tgl-collapse-icon::before {

package/styles/appbar/material.css

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /*! AppBar component material theme definitions and variables */
 /*! appbar component styles */
 .e-bigger .e-appbar,

package/styles/breadcrumb/material.css

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /*! breadcrumb icons */
 .e-breadcrumb .e-breadcrumb-collapsed::before,
 .e-breadcrumb .e-breadcrumb-menu::before {

package/styles/carousel/material.css

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /*! Carousel component material theme definitions and variables */
 .e-carousel .e-previous-icon::before {
   content: "\e904";

package/styles/context-menu/material.css

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /*! component's theme wise override definitions and variables */
 @keyframes hscroll-popup-shadow {
   0% {

package/styles/h-scroll/material.css

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /*! component's theme wise override definitions and variables */
 @keyframes hscroll-popup-shadow {
   0% {

package/styles/material.css

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /*! component icons */
 .e-pager .e-icon-last::before,
 .e-grid-menu .e-icon-last::before {

package/styles/menu/material.css

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /*! component's theme wise override definitions and variables */
 @keyframes hscroll-popup-shadow {
   0% {

package/styles/pager/material.css

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /*! component icons */
 .e-pager .e-icon-last::before,
 .e-grid-menu .e-icon-last::before {

package/styles/sidebar/material.css

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /*! Material theme definition's */
 /*! component's theme wise override definitions and variables */
 /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */

package/styles/tab/material.css

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /*! component's theme wise override definitions and variables */
 @keyframes tbar-popup-shadow {
   0% {

package/styles/toolbar/material.css

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /*! component's theme wise override definitions and variables */
 @keyframes hscroll-popup-shadow {
   0% {

package/styles/treeview/material.css

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {

package/styles/v-scroll/material.css

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /*! component's theme wise override definitions and variables */
 @keyframes vscroll-popup-shadow {
   0% {