@syncfusion/ej2-navigations
Advanced tools
Comparing version 17.1.43 to 17.1.47
@@ -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 @@ |
/*! | ||
* 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
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
10993359
170558