@syncfusion/ej2-navigations 28.1.41 → 28.2.3-1479479

package/src/common/menu-base-model.d.ts

@@ -1,4 +1,4 @@
-import { Component, Property, ChildProperty, NotifyPropertyChanges, INotifyPropertyChanged, AnimationModel, isBlazor } from '@syncfusion/ej2-base';import { Event, EventHandler, EmitType, BaseEventArgs, KeyboardEvents, KeyboardEventArgs, Touch, TapEventArgs } from '@syncfusion/ej2-base';import { Animation, AnimationOptions, TouchEventArgs, MouseEventArgs } from '@syncfusion/ej2-base';import { Browser, Collection, setValue, getValue, getUniqueID, getInstance, isNullOrUndefined } from '@syncfusion/ej2-base';import { select, selectAll, closest, detach, append, rippleEffect, isVisible, Complex, addClass, removeClass } from '@syncfusion/ej2-base';import { ListBase, ListBaseOptions } from '@syncfusion/ej2-lists';import { getZindexPartial, calculatePosition, OffsetPosition, isCollide, fit, Popup } from '@syncfusion/ej2-popups';import { SanitizeHtmlHelper } from '@syncfusion/ej2-base';import { getScrollableParent } from '@syncfusion/ej2-popups';import { HScroll } from '../common/h-scroll';import { VScroll } from '../common/v-scroll';import { addScrolling, destroyScroll } from '../common/menu-scroll';
+import { Component, Property, ChildProperty, NotifyPropertyChanges, INotifyPropertyChanged, AnimationModel, isBlazor } from '@syncfusion/ej2-base';
 import {MenuEffect,MenuEventArgs,BeforeOpenCloseMenuEventArgs,OpenCloseMenuEventArgs} from "./menu-base";
 import {ComponentModel} from '@syncfusion/ej2-base';
 
@@ -8,53 +8,53 @@ import {ComponentModel} from '@syncfusion/ej2-base';
 export interface FieldSettingsModel {
 
     /**
-     * Specifies the itemId field for Menu item.
-     *
-     * @default 'id'
-     */
-    itemId?: string | string[];
+     * Specifies the itemId field for Menu item.
+     *
+     * @default 'id'
+     */
+    itemId?: string | string[];
 
     /**
-     * Specifies the parentId field for Menu item.
-     *
-     * @default 'parentId'
-     */
-    parentId?: string | string[];
+     * Specifies the parentId field for Menu item.
+     *
+     * @default 'parentId'
+     */
+    parentId?: string | string[];
 
     /**
-     * Specifies the text field for Menu item.
-     *
-     * @default 'text'
-     */
-    text?: string | string[];
+     * Specifies the text field for Menu item.
+     *
+     * @default 'text'
+     */
+    text?: string | string[];
 
     /**
-     * Specifies the css icon field for Menu item.
-     *
-     * @default 'iconCss'
-     */
-    iconCss?: string | string[];
+     * Specifies the css icon field for Menu item.
+     *
+     * @default 'iconCss'
+     */
+    iconCss?: string | string[];
 
     /**
-     * Specifies the Url field for Menu item.
-     *
-     * @default 'url'
-     */
-    url?: string | string[];
+     * Specifies the Url field for Menu item.
+     *
+     * @default 'url'
+     */
+    url?: string | string[];
 
     /**
-     * Specifies the separator field for Menu item.
-     *
-     * @default 'separator'
-     */
-    separator?: string | string[];
+     * Specifies the separator field for Menu item.
+     *
+     * @default 'separator'
+     */
+    separator?: string | string[];
 
     /**
-     * Specifies the children field for Menu item.
-     *
-     * @default 'items'
-     */
-    children?: string | string[];
+     * Specifies the children field for Menu item.
+     *
+     * @default 'items'
+     */
+    children?: string | string[];
 
 }
 
@@ -64,54 +64,54 @@ export interface FieldSettingsModel {
 export interface MenuItemModel {
 
     /**
-     * Defines class/multiple classes separated by a space for the menu Item that is used to include an icon.
-     * Menu Item can include font icon and sprite image.
-     *
-     * @default null
-     */
-    iconCss?: string;
+     * Defines class/multiple classes separated by a space for the menu Item that is used to include an icon.
+     * Menu Item can include font icon and sprite image.
+     *
+     * @default null
+     */
+    iconCss?: string;
 
     /**
-     * Specifies the id for menu item.
-     *
-     * @default ''
-     */
-    id?: string;
+     * Specifies the id for menu item.
+     *
+     * @default ''
+     */
+    id?: string;
 
     /**
-     * Specifies separator between the menu items. Separator are either horizontal or vertical lines used to group menu items.
-     *
-     * @default false
-     */
-    separator?: boolean;
+     * Specifies separator between the menu items. Separator are either horizontal or vertical lines used to group menu items.
+     *
+     * @default false
+     */
+    separator?: boolean;
 
     /**
-     * Specifies the sub menu items that is the array of MenuItem model.
-     *
-     * @default []
-     */
-    items?: MenuItemModel[];
+     * Specifies the sub menu items that is the array of MenuItem model.
+     *
+     * @default []
+     */
+    items?: MenuItemModel[];
 
     /**
-     * Specifies text for menu item.
-     *
-     * @default ''
-     */
-    text?: string;
+     * Specifies text for menu item.
+     *
+     * @default ''
+     */
+    text?: string;
 
     /**
-     * Specifies url for menu item that creates the anchor link to navigate to the url provided.
-     *
-     * @default ''
-     */
-    url?: string;
+     * Specifies url for menu item that creates the anchor link to navigate to the url provided.
+     *
+     * @default ''
+     */
+    url?: string;
 
     /**
-     * Specifies the htmlAttributes property to support adding custom attributes to the menu items in the menu component.
-     *
-     * @default null
-     */
-    htmlAttributes?: Record<string, string>;
+     * Specifies the htmlAttributes property to support adding custom attributes to the menu items in the menu component.
+     *
+     * @default null
+     */
+    htmlAttributes?: Record<string, string>;
 
 }
 
@@ -121,33 +121,33 @@ export interface MenuItemModel {
 export interface MenuAnimationSettingsModel {
 
     /**
-     * Specifies the effect that shown in the sub menu transform.
-     * The possible effects are:
-     * * None: Specifies the sub menu transform with no animation effect.
-     * * SlideDown: Specifies the sub menu transform with slide down effect.
-     * * ZoomIn: Specifies the sub menu transform with zoom in effect.
-     * * FadeIn: Specifies the sub menu transform with fade in effect.
-     *
-     * @default 'SlideDown'
-     * @aspType Syncfusion.EJ2.Navigations.MenuEffect
-     * @blazorType Syncfusion.EJ2.Navigations.MenuEffect
-     * @isEnumeration true
-     */
-    effect?: MenuEffect;
+     * Specifies the effect that shown in the sub menu transform.
+     * The possible effects are:
+     * * None: Specifies the sub menu transform with no animation effect.
+     * * SlideDown: Specifies the sub menu transform with slide down effect.
+     * * ZoomIn: Specifies the sub menu transform with zoom in effect.
+     * * FadeIn: Specifies the sub menu transform with fade in effect.
+     *
+     * @default 'SlideDown'
+     * @aspType Syncfusion.EJ2.Navigations.MenuEffect
+     * @blazorType Syncfusion.EJ2.Navigations.MenuEffect
+     * @isEnumeration true
+     */
+    effect?: MenuEffect;
 
     /**
-     * Specifies the time duration to transform object.
-     *
-     * @default 400
-     */
-    duration?: number;
+     * Specifies the time duration to transform object.
+     *
+     * @default 400
+     */
+    duration?: number;
 
     /**
-     * Specifies the easing effect applied while transform.
-     *
-     * @default 'ease'
-     */
-    easing?: string;
+     * Specifies the easing effect applied while transform.
+     *
+     * @default 'ease'
+     */
+    easing?: string;
 
 }
 
@@ -158,151 +158,151 @@ export interface MenuAnimationSettingsModel {
 export interface MenuBaseModel extends ComponentModel{
 
     /**
-     * Triggers while rendering each menu item.
-     *
-     * @event beforeItemRender
-     * @blazorProperty 'OnItemRender'
-     */
-    beforeItemRender?: EmitType<MenuEventArgs>;
+     * Triggers while rendering each menu item.
+     *
+     * @event beforeItemRender
+     * @blazorProperty 'OnItemRender'
+     */
+    beforeItemRender?: EmitType<MenuEventArgs>;
 
     /**
-     * Triggers before opening the menu item.
-     *
-     * @event beforeOpen
-     * @blazorProperty 'OnOpen'
-     */
-    beforeOpen?: EmitType<BeforeOpenCloseMenuEventArgs>;
+     * Triggers before opening the menu item.
+     *
+     * @event beforeOpen
+     * @blazorProperty 'OnOpen'
+     */
+    beforeOpen?: EmitType<BeforeOpenCloseMenuEventArgs>;
 
     /**
-     * Triggers while opening the menu item.
-     *
-     * @event onOpen
-     * @blazorProperty 'Opened'
-     */
-    onOpen?: EmitType<OpenCloseMenuEventArgs>;
+     * Triggers while opening the menu item.
+     *
+     * @event onOpen
+     * @blazorProperty 'Opened'
+     */
+    onOpen?: EmitType<OpenCloseMenuEventArgs>;
 
     /**
-     * Triggers before closing the menu.
-     *
-     * @event beforeClose
-     * @blazorProperty 'OnClose'
-     */
-    beforeClose?: EmitType<BeforeOpenCloseMenuEventArgs>;
-
-    /**
-     * Triggers while closing the menu.
-     *
-     * @event onClose
-     * @blazorProperty 'Closed'
-     */
-    onClose?: EmitType<OpenCloseMenuEventArgs>;
-
+     * Triggers before closing the menu.
+     *
+     * @event beforeClose
+     * @blazorProperty 'OnClose'
+     */
+    beforeClose?: EmitType<BeforeOpenCloseMenuEventArgs>;
+
+    /**
+     * Triggers while closing the menu.
+     *
+     * @event onClose
+     * @blazorProperty 'Closed'
+     */
+    onClose?: EmitType<OpenCloseMenuEventArgs>;
+
     /**
-     * Triggers while selecting menu item.
-     *
-     * @event select
-     * @blazorProperty 'ItemSelected'
-     */
-    select?: EmitType<MenuEventArgs>;
-
-    /**
-     * Triggers once the component rendering is completed.
-     *
-     * @event created
-     * @blazorProperty 'Created'
-     */
-    created?: EmitType<Event>;
-
-    /**
-     * Defines class/multiple classes separated by a space in the Menu wrapper.
-     *
-     * @default ''
-     */
-    cssClass?: string;
-
-    /**
-     * If hoverDelay is set by particular number, the menu will open after that period.
-     *
-     * @default 0
-     */
-    hoverDelay?: number;
-
-    /**
-     * Specifies whether to show the sub menu or not on click.
-     * When set to true, the sub menu will open only on mouse click.
-     *
-     * @default false
-     */
-    showItemOnClick?: boolean;
-
-    /**
-     * Specifies target element selector in which the ContextMenu should be opened.
-     * Specifies target element to open/close Menu while click in Hamburger mode.
-     *
-     * @default ''
-     * @private
-     */
-    target?: string;
-
-    /**
-     * Specifies the filter selector for elements inside the target in that the context menu will be opened.
-     * Not applicable to Menu component.
-     *
-     * @default ''
-     * @private
-     */
-    filter?: string;
-
-    /**
-     * Specifies the template for Menu item.
-     * Not applicable to ContextMenu component.
-     *
-     * @default null
-     * @aspType string
-     * @private
-     */
-    template?: string | Function;
-
-    /**
-     * Specifies whether to enable / disable the scrollable option in Menu.
-     * Not applicable to ContextMenu component.
-     *
-     * @default false
-     * @private
-     */
-    enableScrolling?: boolean;
-
-    /**
-     * Specifies whether to enable the rendering of untrusted HTML values in the Context Menu component.
-     * If 'enableHtmlSanitizer' set to true, the component will sanitize any suspected untrusted strings and scripts before rendering them.
-     *
-     * @default true
-     */
-    enableHtmlSanitizer?: boolean;
-
-    /**
-     * Specifies mapping fields from the dataSource.
-     * Not applicable to ContextMenu component.
-     *
-     * @default { itemId: "id", text: "text", parentId: "parentId", iconCss: "iconCss", url: "url", separator: "separator",
-     * children: "items" }
-     * @private
-     */
-    // eslint:disable-next-line
-    fields?: FieldSettingsModel;
-
-    /**
-     * Specifies menu items with its properties which will be rendered as Menu.
-     *
-     * @default []
-     */
-    items?: MenuItemModel[] | { [key: string]: Object }[];
-
-    /**
-     * Specifies the animation settings for the sub menu open.
-     *
-     * @default { duration: 400, easing: 'ease', effect: 'SlideDown' }
-     */
-    animationSettings?: MenuAnimationSettingsModel;
+     * Triggers while selecting menu item.
+     *
+     * @event select
+     * @blazorProperty 'ItemSelected'
+     */
+    select?: EmitType<MenuEventArgs>;
+
+    /**
+     * Triggers once the component rendering is completed.
+     *
+     * @event created
+     * @blazorProperty 'Created'
+     */
+    created?: EmitType<Event>;
+
+    /**
+     * Defines class/multiple classes separated by a space in the Menu wrapper.
+     *
+     * @default ''
+     */
+    cssClass?: string;
+
+    /**
+     * If hoverDelay is set by particular number, the menu will open after that period.
+     *
+     * @default 0
+     */
+    hoverDelay?: number;
+
+    /**
+     * Specifies whether to show the sub menu or not on click.
+     * When set to true, the sub menu will open only on mouse click.
+     *
+     * @default false
+     */
+    showItemOnClick?: boolean;
+
+    /**
+     * Specifies target element selector in which the ContextMenu should be opened.
+     * Specifies target element to open/close Menu while click in Hamburger mode.
+     *
+     * @default ''
+     * @private
+     */
+    target?: string;
+
+    /**
+     * Specifies the filter selector for elements inside the target in that the context menu will be opened.
+     * Not applicable to Menu component.
+     *
+     * @default ''
+     * @private
+     */
+    filter?: string;
+
+    /**
+     * Specifies the template for Menu item.
+     * Not applicable to ContextMenu component.
+     *
+     * @default null
+     * @aspType string
+     * @private
+     */
+    template?: string | Function;
+
+    /**
+     * Specifies whether to enable / disable the scrollable option in Menu.
+     * Not applicable to ContextMenu component.
+     *
+     * @default false
+     * @private
+     */
+    enableScrolling?: boolean;
+
+    /**
+     * Specifies whether to enable the rendering of untrusted HTML values in the Context Menu component.
+     * If 'enableHtmlSanitizer' set to true, the component will sanitize any suspected untrusted strings and scripts before rendering them.
+     *
+     * @default true
+     */
+    enableHtmlSanitizer?: boolean;
+
+    /**
+     * Specifies mapping fields from the dataSource.
+     * Not applicable to ContextMenu component.
+     *
+     * @default { itemId: "id", text: "text", parentId: "parentId", iconCss: "iconCss", url: "url", separator: "separator",
+     * children: "items" }
+     * @private
+     */
+    // eslint:disable-next-line
+    fields?: FieldSettingsModel;
+
+    /**
+     * Specifies menu items with its properties which will be rendered as Menu.
+     *
+     * @default []
+     */
+    items?: MenuItemModel[] | { [key: string]: Object }[];
+
+    /**
+     * Specifies the animation settings for the sub menu open.
+     *
+     * @default { duration: 400, easing: 'ease', effect: 'SlideDown' }
+     */
+    animationSettings?: MenuAnimationSettingsModel;
 
 }

package/src/common/menu-base.js

@@ -1,22 +1,22 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    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;
-};
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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, Property, ChildProperty, NotifyPropertyChanges, isBlazor } from '@syncfusion/ej2-base';
 import { Event, EventHandler, KeyboardEvents, Touch } from '@syncfusion/ej2-base';
 import { Animation } from '@syncfusion/ej2-base';
@@ -1996,6 +1996,13 @@ var MenuBase = /** @class */ (function (_super) {
     MenuBase.prototype.toggleAnimation = function (ul, isMenuOpen) {
         var _this = this;
         if (isMenuOpen === void 0) { isMenuOpen = true; }
+        var menuWrapper = this.getWrapper();
+        if (menuWrapper) {
+            var activeMenuElements = menuWrapper.querySelectorAll('.e-menu-parent');
+            activeMenuElements.forEach(function (menuElement) {
+                Animation.stop(menuElement);
+            });
+        }
         var pUlHeight;
         var pElement;
         var animateElement = (this.enableScrolling && !this.isMenu && closest(ul, '.e-menu-vscroll'))

package/src/common/v-scroll-model.d.ts

@@ -1,4 +1,4 @@
-import { Touch, ScrollEventArgs, TouchEventArgs, Component, EventHandler, selectAll, getUniqueID, removeClass } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, INotifyPropertyChanged, Property, Browser, detach, createElement as buildTag } from '@syncfusion/ej2-base';import { classList, SwipeEventArgs, isNullOrUndefined } from '@syncfusion/ej2-base';
+import { Touch, ScrollEventArgs, TouchEventArgs, Component, EventHandler, selectAll, getUniqueID, removeClass } from '@syncfusion/ej2-base';
 import {ComponentModel} from '@syncfusion/ej2-base';
 
 /**
@@ -7,10 +7,10 @@ import {ComponentModel} from '@syncfusion/ej2-base';
 export interface VScrollModel extends ComponentModel{
 
     /**
-     * Specifies the up or down scrolling distance of the vertical scrollbar moving.
-     *
-     * @default null
-     */
-    scrollStep?: number;
+     * Specifies the up or down scrolling distance of the vertical scrollbar moving.
+     *
+     * @default null
+     */
+    scrollStep?: number;
 
 }

package/src/common/v-scroll.js

@@ -1,22 +1,22 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    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;
-};
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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 { Touch, Component, EventHandler, selectAll, getUniqueID, removeClass } from '@syncfusion/ej2-base';
 import { NotifyPropertyChanges, Property, Browser, detach, createElement as buildTag } from '@syncfusion/ej2-base';
 import { classList, isNullOrUndefined } from '@syncfusion/ej2-base';