@syncfusion/ej2-navigations 19.3.54 → 19.4.40

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.3.54
+*  version : 19.4.40
 *  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@19.3.53",
+  "_id": "@syncfusion/ej2-navigations@19.4.38",
   "_inBundle": false,
-  "_integrity": "sha512-W+iY46QKyyO2BsX/Bbso1/57mqqNxh2AQOifeI9Xpy08QlAy9b3VzRwCXyUfnxjXxCch+OOaVFW67+Dz6cteYw==",
+  "_integrity": "sha512-V1MWh85d2OGxWxp8RoXCR/YWybolm9vsDEQi8xDwE51CHbHTbVtttMpk5HKp0rm/Th2cCGD0wE7D/PKTQlTC1Q==",
   "_location": "/@syncfusion/ej2-navigations",
   "_phantomChildren": {},
   "_requested": {
@@ -24,7 +24,6 @@
     "/@syncfusion/ej2-diagrams",
     "/@syncfusion/ej2-documenteditor",
     "/@syncfusion/ej2-dropdowns",
-    "/@syncfusion/ej2-filemanager",
     "/@syncfusion/ej2-gantt",
     "/@syncfusion/ej2-grids",
     "/@syncfusion/ej2-inplace-editor",
@@ -37,8 +36,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-navigations"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-navigations/-/ej2-navigations-19.3.53.tgz",
-  "_shasum": "384c384d332aaeba0e4cc90439c4a65ac5f62c5c",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-19.4.38.tgz",
+  "_shasum": "7fa223bf7f8cfb9b9bd16719c61286e3452a7dbe",
   "_spec": "@syncfusion/ej2-navigations@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -49,12 +48,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.3.54",
-    "@syncfusion/ej2-buttons": "~19.3.53",
-    "@syncfusion/ej2-data": "~19.3.53",
-    "@syncfusion/ej2-inputs": "~19.3.53",
-    "@syncfusion/ej2-lists": "~19.3.53",
-    "@syncfusion/ej2-popups": "~19.3.53"
+    "@syncfusion/ej2-base": "~19.4.38",
+    "@syncfusion/ej2-buttons": "~19.4.38",
+    "@syncfusion/ej2-data": "~19.4.38",
+    "@syncfusion/ej2-inputs": "~19.4.38",
+    "@syncfusion/ej2-lists": "~19.4.38",
+    "@syncfusion/ej2-popups": "~19.4.38"
   },
   "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",
@@ -159,6 +158,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "19.3.54",
+  "version": "19.4.40",
   "sideEffects": false
 }

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

@@ -241,35 +241,35 @@ export interface AccordionModel extends ComponentModel{
     /**
      * The event will be fired while clicking anywhere within the Accordion.
      *
-     * @event
+     * @event clicked
      */
     clicked?: EmitType<AccordionClickArgs>;
 
     /**
      * The event will be fired before the item gets collapsed/expanded.
      *
-     * @event
+     * @event expanding
      */
     expanding?: EmitType<ExpandEventArgs>;
 
     /**
      * The event will be fired after the item gets collapsed/expanded.
      *
-     * @event
+     * @event expanded
      */
     expanded?: EmitType<ExpandedEventArgs>;
 
     /**
      * The event will be fired once the control rendering is completed.
      *
-     * @event
+     * @event created
      */
     created?: EmitType<Event>;
 
     /**
      * The event will be fired when the control gets destroyed.
      *
-     * @event
+     * @event destroyed
      */
     destroyed?: EmitType<Event>;
 

package/src/accordion/accordion.d.ts

@@ -275,31 +275,31 @@ export declare class Accordion extends Component<HTMLElement> implements INotify
     /**
      * The event will be fired while clicking anywhere within the Accordion.
      *
-     * @event
+     * @event clicked
      */
     clicked: EmitType<AccordionClickArgs>;
     /**
      * The event will be fired before the item gets collapsed/expanded.
      *
-     * @event
+     * @event expanding
      */
     expanding: EmitType<ExpandEventArgs>;
     /**
      * The event will be fired after the item gets collapsed/expanded.
      *
-     * @event
+     * @event expanded
      */
     expanded: EmitType<ExpandedEventArgs>;
     /**
      * The event will be fired once the control rendering is completed.
      *
-     * @event
+     * @event created
      */
     created: EmitType<Event>;
     /**
      * The event will be fired when the control gets destroyed.
      *
-     * @event
+     * @event destroyed
      */
     destroyed: EmitType<Event>;
     /**

package/src/accordion/accordion.js

@@ -17,6 +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;
 };
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { Component, EventHandler, Property, Event, KeyboardEvents, rippleEffect } from '@syncfusion/ej2-base';
 import { getUniqueID, compile as templateCompiler } from '@syncfusion/ej2-base';
 import { isVisible, closest, attributes, detach, select, addClass, append } from '@syncfusion/ej2-base';
@@ -299,11 +300,9 @@ var Accordion = /** @class */ (function (_super) {
             this.itemTemplateFn = this.templateParser(this.itemTemplate);
         }
     };
-    /* eslint-disable */
     Accordion.prototype.getHeaderTemplate = function () {
         return this.headerTemplateFn;
     };
-    /* eslint-disable */
     Accordion.prototype.getItemTemplate = function () {
         return this.itemTemplateFn;
     };
@@ -324,7 +323,6 @@ var Accordion = /** @class */ (function (_super) {
             innerEles = this.element.children;
         }
         var items = [];
-        /* eslint-disable */
         [].slice.call(innerEles).forEach(function (el) {
             items.push({
                 header: (el.childElementCount > 0 && el.children[0]) ? (el.children[0]) : '',
@@ -332,7 +330,6 @@ var Accordion = /** @class */ (function (_super) {
             });
             el.parentNode.removeChild(el);
         });
-        /* eslint-enable */
         if (rootEle) {
             this.element.removeChild(rootEle);
         }
@@ -357,7 +354,6 @@ var Accordion = /** @class */ (function (_super) {
                 this.expandItem(true, this.initExpand[i]);
             }
         }
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         if (this.isReact) {
             this.renderReactTemplates();
         }
@@ -393,7 +389,6 @@ var Accordion = /** @class */ (function (_super) {
                 });
             }
         }
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         if (this.isReact) {
             this.renderReactTemplates();
         }
@@ -439,7 +434,6 @@ var Accordion = /** @class */ (function (_super) {
         else {
             this.afterContentRender(trgt, eventArgs, acrdnItem, acrdnHdr, acrdnCtn, acrdnCtnItem);
         }
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         if (this.isReact) {
             this.renderReactTemplates();
         }
@@ -647,7 +641,6 @@ var Accordion = /** @class */ (function (_super) {
     };
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     Accordion.prototype.fetchElement = function (ele, value, index, isHeader) {
-        /* eslint-disable */
         var templateFn;
         var temString;
         try {
@@ -661,12 +654,10 @@ var Accordion = /** @class */ (function (_super) {
         catch (e) {
             if (typeof (value) === 'string') {
                 ele.innerHTML = SanitizeHtmlHelper.sanitize(value);
-                /* eslint-disable */
             }
             else if (!isNOU(this.trgtEle) && (value instanceof (HTMLElement))) {
                 ele.appendChild(value);
                 ele.firstElementChild.style.display = '';
-                /* eslint-enable */
             }
             else {
                 templateFn = templateCompiler(value);
@@ -674,7 +665,6 @@ var Accordion = /** @class */ (function (_super) {
         }
         var tempArray;
         if (!isNOU(templateFn)) {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             if (this.isReact) {
                 this.renderReactTemplates();
             }
@@ -720,7 +710,6 @@ var Accordion = /** @class */ (function (_super) {
         attributes(itemcnt, { 'aria-hidden': 'true' });
         var ctn = this.createElement('div', { className: CLS_CTENT });
         if (this.dataSource.length > 0) {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             if (this.isReact) {
                 this.renderReactTemplates();
             }
@@ -870,7 +859,7 @@ var Accordion = /** @class */ (function (_super) {
         this.trigger('expanding', eventArgs, function (expandArgs) {
             if (!expandArgs.cancel) {
                 _this.expandedItemsPop(trgtItemEle);
-                trgtItemEle.classList.add(CLS_EXPANDSTATE);
+                trgtItemEle.classList.remove(CLS_EXPANDSTATE);
                 icon.classList.add(CLS_TOGANIMATE);
                 if ((animation.name === 'None')) {
                     _this.collapseProgress('begin', icon, trgt, trgtItemEle, expandArgs);
@@ -1000,7 +989,6 @@ var Accordion = /** @class */ (function (_super) {
                 }
             });
         }
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         if (this.isReact) {
             this.renderReactTemplates();
         }
@@ -1022,7 +1010,6 @@ var Accordion = /** @class */ (function (_super) {
      * @returns {void}.
      */
     Accordion.prototype.removeItem = function (index) {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         if (this.isReact) {
             this.clearTemplate(['headerTemplate', 'itemTemplate'], index);
         }
@@ -1170,14 +1157,12 @@ var Accordion = /** @class */ (function (_super) {
                 this.collapse(ctn);
             }
         }
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         if (this.isReact) {
             this.renderReactTemplates();
         }
     };
     Accordion.prototype.destroyItems = function () {
         this.restoreContent(null);
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         if (this.isReact) {
             this.clearTemplate();
         }
@@ -1212,12 +1197,10 @@ var Accordion = /** @class */ (function (_super) {
     Accordion.prototype.setTemplate = function (template, toElement, index) {
         toElement.innerHTML = '';
         this.templateCompile(toElement, template, index);
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         if (this.isReact) {
             this.renderReactTemplates();
         }
     };
-    // eslint-disable-next-line
     Accordion.prototype.templateCompile = function (ele, cnt, index) {
         var tempEle = this.createElement('div');
         this.fetchElement(tempEle, cnt, index, 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 } from '@syncfusion/ej2-base';import { ListBase, ListBaseOptions } from '@syncfusion/ej2-lists';
+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 {BreadcrumbOverflowMode,BreadcrumbBeforeItemRenderEventArgs,BreadcrumbClickEventArgs} from "./breadcrumb";
 import {ComponentModel} from '@syncfusion/ej2-base';
 
@@ -28,6 +28,13 @@ export interface BreadcrumbItemModel {
      */
     iconCss?: string;
 
+    /**
+     * Enable or disable the breadcrumb item, when set to true, the breadcrumb item will be disabled.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+
 }
 
 /**
@@ -59,7 +66,8 @@ export interface BreadcrumbModel extends ComponentModel{
     /**
      * Specifies an integer to enable overflow behavior when the Breadcrumb items count exceeds and it is based on the overflowMode property.
      *
-     * @default 0
+     * @default -1
+     * @aspType int
      */
     maxItems?: number;
 
@@ -67,8 +75,12 @@ export interface BreadcrumbModel extends ComponentModel{
      * Specifies the overflow mode of the Breadcrumb item when it exceeds maxItems count. The possible values are,
      * - Default: Specified maxItems count will be visible and the remaining items will be hidden. While clicking on the previous item, the hidden item will become visible.
      * - Collapsed: Only the first and last items will be visible, and the remaining items will be hidden in the collapsed icon. When the collapsed icon is clicked, all items become visible.
-     *
-     * @default 'Default'
+     * - Menu: Shows the number of breadcrumb items that can be accommodated within the container space, and creates a sub menu with the remaining items.
+     * - Wrap: Wraps the items on multiple lines when the Breadcrumb’s width exceeds the container space.
+     * - Scroll: Shows an HTML scroll bar when the Breadcrumb’s width exceeds the container space.
+     * - None: Shows all the items on a single line.
+     * 
+     * @default 'Menu'
      */
     overflowMode?: BreadcrumbOverflowMode;
 
@@ -79,13 +91,6 @@ export interface BreadcrumbModel extends ComponentModel{
      */
     cssClass?: string;
 
-    /**
-     * Specifies the width for the Breadcrumb component container element. If the Breadcrumb items overflow, the browsers horizontal scroll will be activated based on the device.
-     *
-     * @default ''
-     */
-    width?: string;
-
     /**
      * Specifies the template for Breadcrumb item.
      *
@@ -114,6 +119,13 @@ export interface BreadcrumbModel extends ComponentModel{
      */
     enableActiveItemNavigation?: boolean;
 
+    /**
+     * Enable or disable the breadcrumb, when set to true, the breadcrumb will be disabled.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+
     /**
      * Overrides the global culture and localization value for this component. Default global culture is 'en-US'.
      *

package/src/breadcrumb/breadcrumb.d.ts

@@ -3,7 +3,7 @@ import { BreadcrumbModel, BreadcrumbItemModel } from './breadcrumb-model';
 /**
  * Defines the Breadcrumb overflow modes.
  */
-export declare type BreadcrumbOverflowMode = 'Default' | 'Collapsed';
+export declare type BreadcrumbOverflowMode = 'Hidden' | 'Collapsed' | 'Menu' | 'Wrap' | 'Scroll' | 'None';
 export declare class BreadcrumbItem extends ChildProperty<BreadcrumbItem> {
     /**
      * Specifies the text content of the Breadcrumb item.
@@ -23,6 +23,12 @@ export declare class BreadcrumbItem extends ChildProperty<BreadcrumbItem> {
      * @default null
      */
     iconCss: string;
+    /**
+     * Enable or disable the breadcrumb item, when set to true, the breadcrumb item will be disabled.
+     *
+     * @default false
+     */
+    disabled: boolean;
 }
 /**
  * Interface for item click event.
@@ -53,6 +59,10 @@ export interface BreadcrumbBeforeItemRenderEventArgs extends BaseEventArgs {
      * Specifies the Breadcrumb item.
      */
     item: BreadcrumbItemModel;
+    /**
+     * Cancels the Breadcrumb item rendering.
+     */
+    cancel: boolean;
 }
 /**
  * Breadcrumb is a graphical user interface that helps to identify or highlight the current location within a hierarchical structure of websites.
@@ -72,6 +82,9 @@ export declare class Breadcrumb extends Component<HTMLElement> implements INotif
     private startIndex;
     private endIndex;
     private _maxItems;
+    private popupObj;
+    private popupUl;
+    private delegateClickHanlder;
     /**
      * Defines the Url based on which the Breadcrumb items are generated.
      *
@@ -93,15 +106,20 @@ export declare class Breadcrumb extends Component<HTMLElement> implements INotif
     /**
      * Specifies an integer to enable overflow behavior when the Breadcrumb items count exceeds and it is based on the overflowMode property.
      *
-     * @default 0
+     * @default -1
+     * @aspType int
      */
     maxItems: number;
     /**
      * Specifies the overflow mode of the Breadcrumb item when it exceeds maxItems count. The possible values are,
      * - Default: Specified maxItems count will be visible and the remaining items will be hidden. While clicking on the previous item, the hidden item will become visible.
      * - Collapsed: Only the first and last items will be visible, and the remaining items will be hidden in the collapsed icon. When the collapsed icon is clicked, all items become visible.
+     * - Menu: Shows the number of breadcrumb items that can be accommodated within the container space, and creates a sub menu with the remaining items.
+     * - Wrap: Wraps the items on multiple lines when the Breadcrumb’s width exceeds the container space.
+     * - Scroll: Shows an HTML scroll bar when the Breadcrumb’s width exceeds the container space.
+     * - None: Shows all the items on a single line.
      *
-     * @default 'Default'
+     * @default 'Menu'
      */
     overflowMode: BreadcrumbOverflowMode;
     /**
@@ -110,12 +128,6 @@ export declare class Breadcrumb extends Component<HTMLElement> implements INotif
      * @default ''
      */
     cssClass: string;
-    /**
-     * Specifies the width for the Breadcrumb component container element. If the Breadcrumb items overflow, the browsers horizontal scroll will be activated based on the device.
-     *
-     * @default ''
-     */
-    width: string;
     /**
      * Specifies the template for Breadcrumb item.
      *
@@ -140,6 +152,12 @@ export declare class Breadcrumb extends Component<HTMLElement> implements INotif
      * @default false
      */
     enableActiveItemNavigation: boolean;
+    /**
+     * Enable or disable the breadcrumb, when set to true, the breadcrumb will be disabled.
+     *
+     * @default false
+     */
+    disabled: boolean;
     /**
      * Overrides the global culture and localization value for this component. Default global culture is 'en-US'.
      *
@@ -188,17 +206,21 @@ export declare class Breadcrumb extends Component<HTMLElement> implements INotif
     protected render(): void;
     private initialize;
     private initPvtProps;
-    private setWidth;
+    private getEndIndex;
     private initItems;
     private renderItems;
     private calculateMaxItems;
     private hasField;
+    private getMenuElement;
     private beforeItemRenderChanges;
     private reRenderItems;
     private clickHandler;
+    private renderPopup;
+    private documentClickHandler;
     private resize;
     private expandHandler;
     private keyDownHandler;
+    private popupKeyDownHandler;
     /**
      * Called internally if any of the property value changed.
      *
@@ -209,6 +231,7 @@ export declare class Breadcrumb extends Component<HTMLElement> implements INotif
      */
     onPropertyChanged(newProp: BreadcrumbModel, oldProp: BreadcrumbModel): void;
     private wireEvents;
+    private popupWireEvents;
     private unWireEvents;
     /**
      * Get the properties to be maintained in the persisted state.