Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@syncfusion/ej2-navigations

Package Overview
Dependencies
Maintainers
3
Versions
287
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@syncfusion/ej2-navigations - npm Package Compare versions

Comparing version 17.1.43 to 17.1.47

14

CHANGELOG.md

@@ -5,2 +5,16 @@ # Changelog

### Menu
#### New Features
- #230456 - Provided hamburger menu support for adaptive view.
### TreeView
#### New Features
- #227540 - Provided the support for rendering treeview data in single server request while disabling the loadOnDemand
## 17.1.43 (2019-04-30)
### Toolbar

@@ -7,0 +21,0 @@

2

dist/global/index.d.ts
/*!
* filename: index.d.ts
* version : 17.1.43
* version : 17.1.47
* Copyright Syncfusion Inc. 2001 - 2019. All rights reserved.

@@ -5,0 +5,0 @@ * Use of this code is subject to the terms of our license.

{
"name": "@syncfusion/ej2-navigations",
"version": "17.1.43",
"version": "17.1.47",
"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",

@@ -11,8 +11,8 @@ "author": "Syncfusion Inc.",

"dependencies": {
"@syncfusion/ej2-base": "~17.1.43",
"@syncfusion/ej2-data": "~17.1.42",
"@syncfusion/ej2-buttons": "~17.1.42",
"@syncfusion/ej2-popups": "~17.1.42",
"@syncfusion/ej2-lists": "~17.1.43",
"@syncfusion/ej2-inputs": "~17.1.42"
"@syncfusion/ej2-base": "~17.1.47",
"@syncfusion/ej2-data": "~17.1.47",
"@syncfusion/ej2-buttons": "~17.1.47",
"@syncfusion/ej2-popups": "~17.1.47",
"@syncfusion/ej2-lists": "~17.1.47",
"@syncfusion/ej2-inputs": "~17.1.47"
},

@@ -19,0 +19,0 @@ "devDependencies": {},

@@ -193,3 +193,3 @@ import { Component, Property, ChildProperty, NotifyPropertyChanges, INotifyPropertyChanged, AnimationModel } from '@syncfusion/ej2-base';import { Event, EventHandler, EmitType, BaseEventArgs, KeyboardEvents, KeyboardEventArgs, Touch, TapEventArgs } from '@syncfusion/ej2-base';import { attributes, 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, flip, fit, Popup } from '@syncfusion/ej2-popups';import { getScrollableParent } from '@syncfusion/ej2-popups';import { HScroll } from '../common/h-scroll';import { VScroll } from '../common/v-scroll';

* Specifies target element selector in which the ContextMenu should be opened.
* Not applicable to Menu component.
* Specifies target element to open/close Menu while click in Hamburger mode.
* @default ''

@@ -196,0 +196,0 @@ * @private

@@ -125,2 +125,4 @@ import { Component, ChildProperty, INotifyPropertyChanged } from '@syncfusion/ej2-base';

protected isMenu: boolean;
protected hamburgerMode: boolean;
protected title: string;
private rippleFn;

@@ -175,3 +177,3 @@ /**

* Specifies target element selector in which the ContextMenu should be opened.
* Not applicable to Menu component.
* Specifies target element to open/close Menu while click in Hamburger mode.
* @default ''

@@ -259,2 +261,7 @@ * @private

}, top?: number, left?: number, e?: MouseEvent | KeyboardEvent, target?: HTMLElement): void;
private calculateIndentSize;
private generatePopup;
protected createHeaderContainer(wrapper?: Element): void;
protected openHamburgerMenu(e?: MouseEvent | KeyboardEvent): void;
protected closeHamburgerMenu(e?: MouseEvent | KeyboardEvent): void;
private callFit;

@@ -272,2 +279,3 @@ private triggerBeforeOpen;

private hasField;
private menuHeaderClickHandler;
private clickHandler;

@@ -274,0 +282,0 @@ private setLISelected;

@@ -17,2 +17,8 @@ import { attributes, NotifyPropertyChanges, INotifyPropertyChanged, Property } from '@syncfusion/ej2-base';import { Browser, Complex } from '@syncfusion/ej2-base';import { MenuBase, FieldSettings } from '../common/menu-base';import { MenuItemModel, FieldSettingsModel } from '../common/menu-base-model';

/**
* Specifies target element to open/close Menu while click in Hamburger mode.
* @default ''
*/
target?: string;
/**
* Specifies the template for Menu item.

@@ -30,2 +36,14 @@ * @default null

/**
* Specifies whether to enable / disable the hamburger mode in Menu.
* @default false
*/
hamburgerMode?: boolean;
/**
* Specifies the title text for hamburger mode in Menu.
* @default 'Menu'
*/
title?: string;
/**
* Specifies mapping fields from the dataSource.

@@ -32,0 +50,0 @@ * @default { itemId: "id", text: "text", parentId: "parentId", iconCss: "iconCss", url: "url", separator: "separator",

@@ -30,2 +30,7 @@ /// <reference path="../common/menu-base-model.d.ts" />

/**
* Specifies target element to open/close Menu while click in Hamburger mode.
* @default ''
*/
target: string;
/**
* Specifies the template for Menu item.

@@ -41,2 +46,12 @@ * @default null

/**
* Specifies whether to enable / disable the hamburger mode in Menu.
* @default false
*/
hamburgerMode: boolean;
/**
* Specifies the title text for hamburger mode in Menu.
* @default 'Menu'
*/
title: string;
/**
* Specifies mapping fields from the dataSource.

@@ -74,2 +89,12 @@ * @default { itemId: "id", text: "text", parentId: "parentId", iconCss: "iconCss", url: "url", separator: "separator",

private createMenuItems;
/**
* This method is used to open the Menu in hamburger mode.
* @method open
* @returns void
*/
open(): void;
/**
* Closes the Menu if it is opened in hamburger mode.
*/
close(): void;
}

@@ -26,2 +26,3 @@ var __extends = (this && this.__extends) || (function () {

var SCROLLABLE = 'e-scrollable';
var HAMBURGER = 'e-hamburger';
/**

@@ -85,2 +86,5 @@ * The Menu is a graphical user interface that serve as navigation headers for your application or site.

this.element.classList.add(VMENU);
if (this.hamburgerMode && !this.target) {
this.element.previousElementSibling.classList.add(VMENU);
}
this.element.setAttribute('aria-orientation', 'vertical');

@@ -93,2 +97,8 @@ }

}
if (this.hamburgerMode) {
this.element.parentElement.classList.add(HAMBURGER);
if (this.orientation === 'Horizontal') {
this.element.classList.add('e-hide-menu');
}
}
};

@@ -116,2 +126,8 @@ Menu.prototype.updateMenuItems = function (items) {

this.element.classList.add(VMENU);
if (this.hamburgerMode) {
if (!this.target) {
this.element.previousElementSibling.classList.add(VMENU);
}
this.element.classList.remove('e-hide-menu');
}
this.element.setAttribute('aria-orientation', 'vertical');

@@ -121,2 +137,8 @@ }

this.element.classList.remove(VMENU);
if (this.hamburgerMode) {
if (!this.target) {
this.element.previousElementSibling.classList.remove(VMENU);
}
this.element.classList.add('e-hide-menu');
}
this.element.removeAttribute('aria-orientation');

@@ -130,2 +152,51 @@ }

break;
case 'hamburgerMode':
if (!this.element.previousElementSibling) {
_super.prototype.createHeaderContainer.call(this);
}
if (newProp.hamburgerMode) {
this.element.parentElement.classList.add(HAMBURGER);
}
else {
this.element.parentElement.classList.remove(HAMBURGER);
}
if (this.orientation === 'Vertical') {
if (!this.target) {
this.element.previousElementSibling.classList.add(VMENU);
}
this.element.classList.remove('e-hide-menu');
}
else {
if (this.target) {
this.element.previousElementSibling.classList.add(VMENU);
}
else {
this.element.previousElementSibling.classList.remove(VMENU);
}
this.element.classList[newProp.hamburgerMode ? 'add' : 'remove']('e-hide-menu');
}
break;
case 'title':
if (this.hamburgerMode && this.element.previousElementSibling) {
this.element.previousElementSibling.querySelector('.e-menu-title').innerHTML = newProp.title;
}
break;
case 'target':
if (this.hamburgerMode) {
this.unWireEvents(oldProp.target);
this.wireEvents();
if (this.orientation === 'Horizontal') {
if (!newProp.target) {
if (!this.element.previousElementSibling) {
_super.prototype.createHeaderContainer.call(this);
}
this.element.previousElementSibling.classList.remove(VMENU);
}
else {
this.element.previousElementSibling.classList.add(VMENU);
}
this.element.classList.add('e-hide-menu');
}
}
break;
}

@@ -155,2 +226,16 @@ }

};
/**
* This method is used to open the Menu in hamburger mode.
* @method open
* @returns void
*/
Menu.prototype.open = function () {
_super.prototype.openHamburgerMenu.call(this);
};
/**
* Closes the Menu if it is opened in hamburger mode.
*/
Menu.prototype.close = function () {
_super.prototype.closeHamburgerMenu.call(this);
};
__decorate([

@@ -160,2 +245,5 @@ Property('Horizontal')

__decorate([
Property('')
], Menu.prototype, "target", void 0);
__decorate([
Property(null)

@@ -167,2 +255,8 @@ ], Menu.prototype, "template", void 0);

__decorate([
Property(false)
], Menu.prototype, "hamburgerMode", void 0);
__decorate([
Property('Menu')
], Menu.prototype, "title", void 0);
__decorate([
Complex({}, FieldSettings)

@@ -169,0 +263,0 @@ ], Menu.prototype, "fields", void 0);

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc