@syncfusion/ej2-navigations
Advanced tools
@syncfusion/ej2-navigations - npm Package Compare versions
Comparing version 1.0.22 to 1.0.25
@@ -241,3 +241,5 @@ var __extends = (this && this.__extends) || (function () { | ||
| fli.classList.add(SELECTED); | ||
| this.trigger('select', { element: fli, item: this.toRawObject([item]) }); | ||
| if (e.action === ENTER) { | ||
| this.trigger('select', { element: fli, item: this.toRawObject([item]) }); | ||
| } | ||
| fli.focus(); | ||
@@ -375,4 +377,4 @@ this.navIdx.push(fliIdx); | ||
| var px = 'px'; | ||
| this.toggleVisiblity(ul); | ||
| if (ul === this.element) { | ||
| this.toggleVisiblity(ul); | ||
| var collide = isCollide(ul, null, left, top); | ||
@@ -391,3 +393,2 @@ if (collide.indexOf('right') > -1) { | ||
| } | ||
| this.toggleVisiblity(ul, false); | ||
| } | ||
@@ -404,16 +405,18 @@ else { | ||
| left = offset.left; | ||
| this.toggleVisiblity(ul); | ||
| var collide = isCollide(ul, null, this.enableRtl ? left - ul.offsetWidth : left, top); | ||
| this.toggleVisiblity(ul, false); | ||
| if (collide.length) { | ||
| var xCollision = collide.indexOf('left') > -1 || collide.indexOf('right') > -1; | ||
| if (xCollision) { | ||
| offset = calculatePosition(li, this.enableRtl ? 'right' : 'left', 'top'); | ||
| left = offset.left; | ||
| } | ||
| if (this.enableRtl || collide.length) { | ||
| this.toggleVisiblity(ul); | ||
| left = (this.enableRtl && collide.length) ? left : left - ul.offsetWidth; | ||
| this.toggleVisiblity(ul, false); | ||
| if (this.enableRtl || xCollision) { | ||
| left = (this.enableRtl && xCollision) ? left : left - ul.offsetWidth; | ||
| } | ||
| if (collide.indexOf('bottom') > -1) { | ||
| offset = fit(ul, null, { X: false, Y: true }, { top: top, left: left }); | ||
| top = offset.top; | ||
| } | ||
| } | ||
| } | ||
| this.toggleVisiblity(ul, false); | ||
| ul.style.top = top + px; | ||
@@ -506,3 +509,4 @@ ul.style.left = left + px; | ||
| var cli = this.getLI(trgt); | ||
| if (cli && e.type === 'click' && !cli.querySelector('.' + CARET)) { | ||
| var isInstLI = cli && !isNullOrUndefined(closest(cli, '.' + WRAPPER)); | ||
| if (isInstLI && e.type === 'click' && !cli.classList.contains(HEADER)) { | ||
| this.setLISelected(cli); | ||
@@ -513,3 +517,3 @@ var navIdx = this.getIndex(cli.textContent); | ||
| } | ||
| if (cli && closest(cli, '.' + WRAPPER) && (e.type === 'mouseover' || Browser.isDevice || this.showItemOnClick)) { | ||
| if (isInstLI && (e.type === 'mouseover' || Browser.isDevice || this.showItemOnClick)) { | ||
| var ul = void 0; | ||
@@ -546,25 +550,16 @@ if (cli.classList.contains(HEADER)) { | ||
| if (showSubMenu) { | ||
| var count = 0; | ||
| var idx = this.navIdx.concat(cliIdx); | ||
| for (var i = 0; i < idx.length; i++) { | ||
| if (isNullOrUndefined(idx[i])) { | ||
| count = i; | ||
| var item = this.getItem(idx); | ||
| if (item.items.length) { | ||
| if (e.type === 'mouseover') { | ||
| this.setLISelected(cli); | ||
| } | ||
| cli.setAttribute('aria-expanded', 'true'); | ||
| this.openMenu(cli, item, null, null, e); | ||
| this.navIdx.push(cliIdx); | ||
| } | ||
| if (!isNullOrUndefined(idx[count])) { | ||
| var item = this.getItem(idx); | ||
| if (item.items.length) { | ||
| this.setLISelected(cli); | ||
| var navIdx = this.getIndex(cli.textContent); | ||
| var liItem = this.getItem(navIdx); | ||
| this.trigger('select', { element: cli, item: liItem }); | ||
| cli.setAttribute('aria-expanded', 'true'); | ||
| this.openMenu(cli, item, null, null, e); | ||
| this.navIdx.push(cliIdx); | ||
| else { | ||
| if (e.type !== 'mouseover') { | ||
| this.closeMenu(); | ||
| } | ||
| else { | ||
| if (e.type !== 'mouseover') { | ||
| this.closeMenu(); | ||
| } | ||
| } | ||
| } | ||
@@ -693,6 +688,4 @@ } | ||
| begin: function (options) { | ||
| if (isMenuOpen) { | ||
| options.element.style.display = 'block'; | ||
| options.element.style.maxHeight = options.element.getBoundingClientRect().height + 'px'; | ||
| } | ||
| options.element.style.display = 'block'; | ||
| options.element.style.maxHeight = options.element.getBoundingClientRect().height + 'px'; | ||
| }, | ||
@@ -708,2 +701,3 @@ end: function (options) { | ||
| ul.style.display = 'block'; | ||
| ul.style.maxHeight = ''; | ||
| this.trigger('onOpen', { element: ul }); | ||
@@ -747,51 +741,32 @@ if (ul.querySelector('.' + FOCUSED)) { | ||
| }; | ||
| ContextMenu.prototype.checkIndex = function (data, items) { | ||
| var index = -1; | ||
| for (var i = 0; i < items.length; i++) { | ||
| if (items[i].text === data) { | ||
| index = i; | ||
| ContextMenu.prototype.getIndex = function (data, items, navIdx, isCallBack) { | ||
| if (items === void 0) { items = this.items; } | ||
| if (navIdx === void 0) { navIdx = []; } | ||
| if (isCallBack === void 0) { isCallBack = false; } | ||
| var item; | ||
| for (var i = 0, len = items.length; i < len; i++) { | ||
| item = items[i]; | ||
| if (item.text === data) { | ||
| navIdx.push(i); | ||
| break; | ||
| } | ||
| } | ||
| return index; | ||
| }; | ||
| ContextMenu.prototype.getIndex = function (data) { | ||
| var _this = this; | ||
| var index = []; | ||
| var count = 0; | ||
| var indexCount = 0; | ||
| var items = this.items; | ||
| index.push(this.checkIndex(data, items)); | ||
| if (index.indexOf(-1) < 0) { | ||
| return index; | ||
| } | ||
| else { | ||
| index = []; | ||
| items = items.filter(function (item) { return item.items.length > 0; }); | ||
| items.forEach(function (item) { | ||
| index.push(_this.items.indexOf(item)); | ||
| index.push(_this.checkIndex(data, item.items)); | ||
| }); | ||
| if (index.indexOf(-1) < 0) { | ||
| return index; | ||
| else if (item.items.length) { | ||
| navIdx = this.getIndex(data, item.items, navIdx, true); | ||
| if (navIdx[navIdx.length - 1] === -1) { | ||
| if (i !== len - 1) { | ||
| navIdx.pop(); | ||
| } | ||
| } | ||
| else { | ||
| navIdx.unshift(i); | ||
| break; | ||
| } | ||
| } | ||
| else { | ||
| index.pop(); | ||
| var _loop_1 = function (k) { | ||
| var itemss; | ||
| itemss = items[k].items; | ||
| itemss.forEach(function (item) { | ||
| index.push(itemss.indexOf(item)); | ||
| index.push(_this.checkIndex(data, item.items)); | ||
| if (index.indexOf(-1) > -1) { | ||
| index.pop(); | ||
| index.pop(); | ||
| } | ||
| }); | ||
| }; | ||
| for (var k = 0; k < items.length; k++) { | ||
| _loop_1(k); | ||
| if (i === len - 1) { | ||
| navIdx.push(-1); | ||
| } | ||
| } | ||
| } | ||
| return index; | ||
| return (!isCallBack && navIdx[0] === -1) ? [] : navIdx; | ||
| }; | ||
@@ -798,0 +773,0 @@ ContextMenu.prototype.enableItems = function (items, enable) { |
@@ -157,3 +157,4 @@ var __extends = (this && this.__extends) || (function () { | ||
| } | ||
| if ((e.keyCode === 40 || e.keyCode === 38) && !isNOU(this.popObj) && isVisible(this.popObj.element)) { | ||
| var keyCheck = (e.keyCode === 40 || e.keyCode === 38 || e.keyCode === 35 || e.keyCode === 36); | ||
| if (keyCheck) { | ||
| e.preventDefault(); | ||
@@ -295,3 +296,3 @@ } | ||
| } | ||
| else if (e.action === 'moveDown') { | ||
| else if (e.action === 'moveDown' && popObj && isVisible(popObj.element)) { | ||
| this.elementFocus(clst); | ||
@@ -366,2 +367,5 @@ } | ||
| var elem = Object(closest.parentElement)[pos + 'ElementSibling']; | ||
| if (!isNOU(elem) && elem.children.length === 0) { | ||
| elem = Object(elem)[pos + 'ElementSibling']; | ||
| } | ||
| if (!isNOU(elem) && elem.children.length > 0) { | ||
@@ -394,2 +398,3 @@ if (pos === 'next') { | ||
| var ele = this.element; | ||
| var isPopupElement = !isNOU(closest(trgt, '.' + CLS_POPUPCLASS)); | ||
| var popupNav = closest(trgt, ('.' + CLS_TBARNAV)); | ||
@@ -415,2 +420,5 @@ if (!popupNav) { | ||
| this.trigger('clicked', eventArgs); | ||
| if (isPopupElement && !eventArgs.cancel) { | ||
| this.popObj.hide({ name: 'SlideUp', duration: 100 }); | ||
| } | ||
| }; | ||
@@ -478,3 +486,3 @@ ; | ||
| [].slice.call(selectAll('.' + CLS_ITEM), items).forEach(function (el) { | ||
| width += el.offsetWidth; | ||
| width += (el.offsetWidth + parseFloat(window.getComputedStyle(el).marginRight)); | ||
| }); | ||
@@ -922,3 +930,5 @@ return width; | ||
| tbarWid -= popupNav.offsetWidth; | ||
| innerItem[2].style.right = popupNav.offsetWidth + 'px'; | ||
| var popWid = popupNav.offsetWidth + 'px'; | ||
| innerItem[2].removeAttribute('style'); | ||
| this.enableRtl ? innerItem[2].style.left = popWid : innerItem[2].style.right = popWid; | ||
| } | ||
@@ -1149,4 +1159,8 @@ if (tbarWid <= margin) { | ||
| } | ||
| if (!isNOU(templateFn) && templateFn().length > 0) { | ||
| [].slice.call(templateFn()).forEach(function (ele) { | ||
| var tempArray = void 0; | ||
| if (!isNOU(templateFn)) { | ||
| tempArray = templateFn({}, this, 'template'); | ||
| } | ||
| if (!isNOU(tempArray) && tempArray.length > 0) { | ||
| [].slice.call(tempArray).forEach(function (ele) { | ||
| if (!isNOU(ele.tagName)) { | ||
@@ -1349,2 +1363,5 @@ ele.style.display = ''; | ||
| } | ||
| if (this.tbarAlign) { | ||
| this.itemPositioning(); | ||
| } | ||
| break; | ||
@@ -1351,0 +1368,0 @@ } |
| { | ||
| "name": "@syncfusion/ej2-navigations", | ||
| "version": "1.0.22", | ||
| "version": "1.0.25", | ||
| "description": "Essential JS 2 Navigation Components", | ||
@@ -9,5 +9,5 @@ "author": "Syncfusion Inc.", | ||
| "dependencies": { | ||
| "@syncfusion/ej2-base": "^1.0.22", | ||
| "@syncfusion/ej2-base": "^1.0.25", | ||
| "@syncfusion/ej2-data": "^1.0.19", | ||
| "@syncfusion/ej2-buttons": "^1.0.22", | ||
| "@syncfusion/ej2-buttons": "^1.0.25", | ||
| "@syncfusion/ej2-popups": "^1.0.22", | ||
@@ -14,0 +14,0 @@ "@syncfusion/ej2-lists": "^1.0.19" |
@@ -282,3 +282,3 @@ import { Component, EmitType } from '@syncfusion/ej2-base'; | ||
| * @param {number} index - Number value that determines which item to be hide/show. | ||
| * @param {Boolean} isHidden - Boolean value that determines the action either hide(false) or show(true). Default value is false. | ||
| * @param {Boolean} isHidden - Boolean value that determines the action either hide(true) or show(false). Default value is false. | ||
| * `isHidden` value is false then the item is shown or else item is hidden. | ||
@@ -285,0 +285,0 @@ * @returns void |
@@ -205,4 +205,3 @@ import { Component, ChildProperty, INotifyPropertyChanged } from '@syncfusion/ej2-base'; | ||
| protected getModuleName(): string; | ||
| private checkIndex(data, items); | ||
| private getIndex(data); | ||
| private getIndex(data, items?, navIdx?, isCallBack?); | ||
| /** | ||
@@ -209,0 +208,0 @@ * This method is used to enable or disable the menu items in the ContextMenu based on the items and enable argument. |
@@ -237,3 +237,5 @@ var __extends = (this && this.__extends) || (function () { | ||
| fli.classList.add(SELECTED); | ||
| this.trigger('select', { element: fli, item: this.toRawObject([item]) }); | ||
| if (e.action === ENTER) { | ||
| this.trigger('select', { element: fli, item: this.toRawObject([item]) }); | ||
| } | ||
| fli.focus(); | ||
@@ -371,4 +373,4 @@ this.navIdx.push(fliIdx); | ||
| var px = 'px'; | ||
| this.toggleVisiblity(ul); | ||
| if (ul === this.element) { | ||
| this.toggleVisiblity(ul); | ||
| var collide = ej2_popups_1.isCollide(ul, null, left, top); | ||
@@ -387,3 +389,2 @@ if (collide.indexOf('right') > -1) { | ||
| } | ||
| this.toggleVisiblity(ul, false); | ||
| } | ||
@@ -400,16 +401,18 @@ else { | ||
| left = offset.left; | ||
| this.toggleVisiblity(ul); | ||
| var collide = ej2_popups_1.isCollide(ul, null, this.enableRtl ? left - ul.offsetWidth : left, top); | ||
| this.toggleVisiblity(ul, false); | ||
| if (collide.length) { | ||
| var xCollision = collide.indexOf('left') > -1 || collide.indexOf('right') > -1; | ||
| if (xCollision) { | ||
| offset = ej2_popups_1.calculatePosition(li, this.enableRtl ? 'right' : 'left', 'top'); | ||
| left = offset.left; | ||
| } | ||
| if (this.enableRtl || collide.length) { | ||
| this.toggleVisiblity(ul); | ||
| left = (this.enableRtl && collide.length) ? left : left - ul.offsetWidth; | ||
| this.toggleVisiblity(ul, false); | ||
| if (this.enableRtl || xCollision) { | ||
| left = (this.enableRtl && xCollision) ? left : left - ul.offsetWidth; | ||
| } | ||
| if (collide.indexOf('bottom') > -1) { | ||
| offset = ej2_popups_1.fit(ul, null, { X: false, Y: true }, { top: top, left: left }); | ||
| top = offset.top; | ||
| } | ||
| } | ||
| } | ||
| this.toggleVisiblity(ul, false); | ||
| ul.style.top = top + px; | ||
@@ -502,3 +505,4 @@ ul.style.left = left + px; | ||
| var cli = this.getLI(trgt); | ||
| if (cli && e.type === 'click' && !cli.querySelector('.' + CARET)) { | ||
| var isInstLI = cli && !ej2_base_3.isNullOrUndefined(ej2_base_5.closest(cli, '.' + WRAPPER)); | ||
| if (isInstLI && e.type === 'click' && !cli.classList.contains(HEADER)) { | ||
| this.setLISelected(cli); | ||
@@ -509,3 +513,3 @@ var navIdx = this.getIndex(cli.textContent); | ||
| } | ||
| if (cli && ej2_base_5.closest(cli, '.' + WRAPPER) && (e.type === 'mouseover' || ej2_base_4.Browser.isDevice || this.showItemOnClick)) { | ||
| if (isInstLI && (e.type === 'mouseover' || ej2_base_4.Browser.isDevice || this.showItemOnClick)) { | ||
| var ul = void 0; | ||
@@ -542,25 +546,16 @@ if (cli.classList.contains(HEADER)) { | ||
| if (showSubMenu) { | ||
| var count = 0; | ||
| var idx = this.navIdx.concat(cliIdx); | ||
| for (var i = 0; i < idx.length; i++) { | ||
| if (ej2_base_3.isNullOrUndefined(idx[i])) { | ||
| count = i; | ||
| var item = this.getItem(idx); | ||
| if (item.items.length) { | ||
| if (e.type === 'mouseover') { | ||
| this.setLISelected(cli); | ||
| } | ||
| cli.setAttribute('aria-expanded', 'true'); | ||
| this.openMenu(cli, item, null, null, e); | ||
| this.navIdx.push(cliIdx); | ||
| } | ||
| if (!ej2_base_3.isNullOrUndefined(idx[count])) { | ||
| var item = this.getItem(idx); | ||
| if (item.items.length) { | ||
| this.setLISelected(cli); | ||
| var navIdx = this.getIndex(cli.textContent); | ||
| var liItem = this.getItem(navIdx); | ||
| this.trigger('select', { element: cli, item: liItem }); | ||
| cli.setAttribute('aria-expanded', 'true'); | ||
| this.openMenu(cli, item, null, null, e); | ||
| this.navIdx.push(cliIdx); | ||
| else { | ||
| if (e.type !== 'mouseover') { | ||
| this.closeMenu(); | ||
| } | ||
| else { | ||
| if (e.type !== 'mouseover') { | ||
| this.closeMenu(); | ||
| } | ||
| } | ||
| } | ||
@@ -689,6 +684,4 @@ } | ||
| begin: function (options) { | ||
| if (isMenuOpen) { | ||
| options.element.style.display = 'block'; | ||
| options.element.style.maxHeight = options.element.getBoundingClientRect().height + 'px'; | ||
| } | ||
| options.element.style.display = 'block'; | ||
| options.element.style.maxHeight = options.element.getBoundingClientRect().height + 'px'; | ||
| }, | ||
@@ -704,2 +697,3 @@ end: function (options) { | ||
| ul.style.display = 'block'; | ||
| ul.style.maxHeight = ''; | ||
| this.trigger('onOpen', { element: ul }); | ||
@@ -743,51 +737,32 @@ if (ul.querySelector('.' + FOCUSED)) { | ||
| }; | ||
| ContextMenu.prototype.checkIndex = function (data, items) { | ||
| var index = -1; | ||
| for (var i = 0; i < items.length; i++) { | ||
| if (items[i].text === data) { | ||
| index = i; | ||
| ContextMenu.prototype.getIndex = function (data, items, navIdx, isCallBack) { | ||
| if (items === void 0) { items = this.items; } | ||
| if (navIdx === void 0) { navIdx = []; } | ||
| if (isCallBack === void 0) { isCallBack = false; } | ||
| var item; | ||
| for (var i = 0, len = items.length; i < len; i++) { | ||
| item = items[i]; | ||
| if (item.text === data) { | ||
| navIdx.push(i); | ||
| break; | ||
| } | ||
| } | ||
| return index; | ||
| }; | ||
| ContextMenu.prototype.getIndex = function (data) { | ||
| var _this = this; | ||
| var index = []; | ||
| var count = 0; | ||
| var indexCount = 0; | ||
| var items = this.items; | ||
| index.push(this.checkIndex(data, items)); | ||
| if (index.indexOf(-1) < 0) { | ||
| return index; | ||
| } | ||
| else { | ||
| index = []; | ||
| items = items.filter(function (item) { return item.items.length > 0; }); | ||
| items.forEach(function (item) { | ||
| index.push(_this.items.indexOf(item)); | ||
| index.push(_this.checkIndex(data, item.items)); | ||
| }); | ||
| if (index.indexOf(-1) < 0) { | ||
| return index; | ||
| else if (item.items.length) { | ||
| navIdx = this.getIndex(data, item.items, navIdx, true); | ||
| if (navIdx[navIdx.length - 1] === -1) { | ||
| if (i !== len - 1) { | ||
| navIdx.pop(); | ||
| } | ||
| } | ||
| else { | ||
| navIdx.unshift(i); | ||
| break; | ||
| } | ||
| } | ||
| else { | ||
| index.pop(); | ||
| var _loop_1 = function (k) { | ||
| var itemss; | ||
| itemss = items[k].items; | ||
| itemss.forEach(function (item) { | ||
| index.push(itemss.indexOf(item)); | ||
| index.push(_this.checkIndex(data, item.items)); | ||
| if (index.indexOf(-1) > -1) { | ||
| index.pop(); | ||
| index.pop(); | ||
| } | ||
| }); | ||
| }; | ||
| for (var k = 0; k < items.length; k++) { | ||
| _loop_1(k); | ||
| if (i === len - 1) { | ||
| navIdx.push(-1); | ||
| } | ||
| } | ||
| } | ||
| return index; | ||
| return (!isCallBack && navIdx[0] === -1) ? [] : navIdx; | ||
| }; | ||
@@ -794,0 +769,0 @@ ContextMenu.prototype.enableItems = function (items, enable) { |
@@ -79,3 +79,3 @@ import{Tab} from "./tab"; | ||
| - Content - Based on the corresponding content height, content panel height is set. | ||
| - Fill - Based on the parent height, content panel hight is set. | ||
| - Fill - Based on the parent height, content panel height is set. | ||
| */ | ||
@@ -82,0 +82,0 @@ heightAdjustMode(value:heightStyles): BuilderProperties; |
@@ -180,3 +180,3 @@ import { Component, Property, Event, EmitType, closest, Collection, Complex, CreateBuilder, attributes } from '@syncfusion/ej2-base';import { INotifyPropertyChanged, NotifyPropertyChanges, ChildProperty, AnimationOptions, select, isVisible } from '@syncfusion/ej2-base';import { KeyboardEvents, KeyboardEventArgs, MouseEventArgs, Effect, Browser, formatUnit, DomElements, L10n } from '@syncfusion/ej2-base';import { createElement as buildTag, setStyleAttribute as setStyle, isNullOrUndefined as isNOU, selectAll } from '@syncfusion/ej2-base';import { EventHandler, rippleEffect, Touch, SwipeEventArgs, compile, Animation, AnimationModel, BaseEventArgs } from '@syncfusion/ej2-base';import { Popup } from '@syncfusion/ej2-popups';import { Toolbar, OverflowMode, ClickEventArgs } from '../toolbar/toolbar';import { TabHelper } from './tab-builder'; | ||
| * - Content - Based on the corresponding content height, content panel height is set. | ||
| * - Fill - Based on the parent height, content panel hight is set. | ||
| * - Fill - Based on the parent height, content panel height is set. | ||
| * @default 'Content' | ||
@@ -183,0 +183,0 @@ */ |
@@ -219,3 +219,3 @@ import { Component, EmitType } from '@syncfusion/ej2-base'; | ||
| * - Content - Based on the corresponding content height, content panel height is set. | ||
| * - Fill - Based on the parent height, content panel hight is set. | ||
| * - Fill - Based on the parent height, content panel height is set. | ||
| * @default 'Content' | ||
@@ -356,3 +356,3 @@ */ | ||
| * @param {TabItemsModel[]} items - An array of item which to be added to the tab. | ||
| * @param {number} index - Number value that determines where the items to be added. By default index is 0. | ||
| * @param {number} index - Number value that determines where the items to be added. By default item is added in last index. | ||
| * @returns void | ||
@@ -370,3 +370,3 @@ */ | ||
| * @param {number} index - Index value of target item. | ||
| * @param {boolean} value - Based on this boolean value, item will be hide(false) or show(true). By default value is true. | ||
| * @param {boolean} value - Based on this boolean value, item will be hide(true) or show(false). By default value is true. | ||
| * @returns void | ||
@@ -373,0 +373,0 @@ */ |
@@ -22,11 +22,9 @@ import { Component, EmitType, BaseEventArgs } from '@syncfusion/ej2-base'; | ||
| export declare type ItemAlign = 'left' | 'center' | 'right'; | ||
| /** @hidden */ | ||
| export interface ToolbarItemAlignIn { | ||
| lefts: HTMLElement[]; | ||
| centers: HTMLElement[]; | ||
| rights: HTMLElement[]; | ||
| } | ||
| export interface ClickEventArgs extends BaseEventArgs { | ||
| /** Defines the current Toolbar Item Object. */ | ||
| item: ItemModel; | ||
| /** Defines the current Event arguments. */ | ||
| originalEvent: Event; | ||
| /** Defines the prevent action. */ | ||
| cancel?: boolean; | ||
| } | ||
@@ -307,4 +305,4 @@ /** | ||
| * Removes the items from the toolbar. Acceptable arguments are index of item / HTMLElement / Node list. | ||
| * @param {number|HTMLElement|NodeList|HTMLElement[]} | ||
| * @args - Index or DOM element or an Array of item which is to be removed from the toolbar. | ||
| * @param {number|HTMLElement|NodeList|HTMLElement[]} args | ||
| * Index or DOM element or an Array of item which is to be removed from the toolbar. | ||
| * @returns void | ||
@@ -311,0 +309,0 @@ */ |
@@ -151,3 +151,4 @@ var __extends = (this && this.__extends) || (function () { | ||
| } | ||
| if ((e.keyCode === 40 || e.keyCode === 38) && !ej2_base_4.isNullOrUndefined(this.popObj) && ej2_base_2.isVisible(this.popObj.element)) { | ||
| var keyCheck = (e.keyCode === 40 || e.keyCode === 38 || e.keyCode === 35 || e.keyCode === 36); | ||
| if (keyCheck) { | ||
| e.preventDefault(); | ||
@@ -289,3 +290,3 @@ } | ||
| } | ||
| else if (e.action === 'moveDown') { | ||
| else if (e.action === 'moveDown' && popObj && ej2_base_2.isVisible(popObj.element)) { | ||
| this.elementFocus(clst); | ||
@@ -360,2 +361,5 @@ } | ||
| var elem = Object(closest.parentElement)[pos + 'ElementSibling']; | ||
| if (!ej2_base_4.isNullOrUndefined(elem) && elem.children.length === 0) { | ||
| elem = Object(elem)[pos + 'ElementSibling']; | ||
| } | ||
| if (!ej2_base_4.isNullOrUndefined(elem) && elem.children.length > 0) { | ||
@@ -388,2 +392,3 @@ if (pos === 'next') { | ||
| var ele = this.element; | ||
| var isPopupElement = !ej2_base_4.isNullOrUndefined(ej2_base_2.closest(trgt, '.' + CLS_POPUPCLASS)); | ||
| var popupNav = ej2_base_2.closest(trgt, ('.' + CLS_TBARNAV)); | ||
@@ -409,2 +414,5 @@ if (!popupNav) { | ||
| this.trigger('clicked', eventArgs); | ||
| if (isPopupElement && !eventArgs.cancel) { | ||
| this.popObj.hide({ name: 'SlideUp', duration: 100 }); | ||
| } | ||
| }; | ||
@@ -472,3 +480,3 @@ ; | ||
| [].slice.call(ej2_base_3.selectAll('.' + CLS_ITEM), items).forEach(function (el) { | ||
| width += el.offsetWidth; | ||
| width += (el.offsetWidth + parseFloat(window.getComputedStyle(el).marginRight)); | ||
| }); | ||
@@ -916,3 +924,5 @@ return width; | ||
| tbarWid -= popupNav.offsetWidth; | ||
| innerItem[2].style.right = popupNav.offsetWidth + 'px'; | ||
| var popWid = popupNav.offsetWidth + 'px'; | ||
| innerItem[2].removeAttribute('style'); | ||
| this.enableRtl ? innerItem[2].style.left = popWid : innerItem[2].style.right = popWid; | ||
| } | ||
@@ -1143,4 +1153,8 @@ if (tbarWid <= margin) { | ||
| } | ||
| if (!ej2_base_4.isNullOrUndefined(templateFn) && templateFn().length > 0) { | ||
| [].slice.call(templateFn()).forEach(function (ele) { | ||
| var tempArray = void 0; | ||
| if (!ej2_base_4.isNullOrUndefined(templateFn)) { | ||
| tempArray = templateFn({}, this, 'template'); | ||
| } | ||
| if (!ej2_base_4.isNullOrUndefined(tempArray) && tempArray.length > 0) { | ||
| [].slice.call(tempArray).forEach(function (ele) { | ||
| if (!ej2_base_4.isNullOrUndefined(ele.tagName)) { | ||
@@ -1343,2 +1357,5 @@ ele.style.display = ''; | ||
| } | ||
| if (this.tbarAlign) { | ||
| this.itemPositioning(); | ||
| } | ||
| break; | ||
@@ -1345,0 +1362,0 @@ } |
@@ -5,4 +5,3 @@ import{TreeView} from "./treeview"; | ||
| import { DataManager, Query } from '@syncfusion/ej2-data'; | ||
| import { ListBase, ListBaseOptions, SortOrder, AriaAttributesMapping, FieldsMapping } from '@syncfusion/ej2-lists'; | ||
| import{ ExpandOnSettings} from "./treeview"; | ||
| import{ ExpandOnSettings, SortOrder} from "./treeview"; | ||
@@ -170,7 +169,7 @@ export interface TreeViewHelper { | ||
| /** | ||
| * Specifies child dataSource field that mapped in dataSource | ||
| * Specifies the animation settings for collapsing node. | ||
| */ | ||
| collapse(value: (val:ActionSettingsModel) => void | Object): NodeAnimationSettingsModel; | ||
| /** | ||
| * Specifies child dataSource field that mapped in dataSource | ||
| * Specifies the animation settings for expanding node. | ||
| */ | ||
@@ -177,0 +176,0 @@ expand(value: (val:ActionSettingsModel) => void | Object): NodeAnimationSettingsModel; |
@@ -1,3 +0,3 @@ | ||
| import { Component, EmitType, isUndefined, CreateBuilder, Browser, compile } 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 } from '@syncfusion/ej2-base';import { Draggable, DragEventArgs, Droppable, DropEventArgs } from '@syncfusion/ej2-base';import { addClass, removeClass, closest, matches, detach, select, selectAll, isVisible, createElement, append } from '@syncfusion/ej2-base';import { DataManager, Query } from '@syncfusion/ej2-data';import { isNullOrUndefined as isNOU, Touch, TapEventArgs } from '@syncfusion/ej2-base';import { ListBase, ListBaseOptions, SortOrder, AriaAttributesMapping, FieldsMapping } from '@syncfusion/ej2-lists';import { createCheckBox } from '@syncfusion/ej2-buttons';import { TreeViewHelper } from './treeview-builder'; | ||
| import {ExpandOnSettings,DataBoundEventArgs,DrawNodeEventArgs,NodeKeyPressEventArgs,NodeCheckEventArgs,NodeClickEventArgs,NodeExpandEventArgs,DragAndDropEventArgs,NodeEditEventArgs,NodeSelectEventArgs} from "./treeview"; | ||
| import { Component, EmitType, isUndefined, CreateBuilder, Browser, compile } 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 } from '@syncfusion/ej2-base';import { Draggable, DragEventArgs, Droppable, DropEventArgs } from '@syncfusion/ej2-base';import { addClass, removeClass, closest, matches, detach, select, selectAll, isVisible, createElement, append } from '@syncfusion/ej2-base';import { DataManager, Query } from '@syncfusion/ej2-data';import { isNullOrUndefined as isNOU, Touch, TapEventArgs } from '@syncfusion/ej2-base';import { ListBase, ListBaseOptions, AriaAttributesMapping, FieldsMapping } from '@syncfusion/ej2-lists';import { createCheckBox } from '@syncfusion/ej2-buttons';import { TreeViewHelper } from './treeview-builder'; | ||
| import {ExpandOnSettings,SortOrder,DataBoundEventArgs,DrawNodeEventArgs,NodeKeyPressEventArgs,NodeCheckEventArgs,NodeClickEventArgs,NodeExpandEventArgs,DragAndDropEventArgs,NodeEditEventArgs,NodeSelectEventArgs} from "./treeview"; | ||
| import {ComponentModel} from '@syncfusion/ej2-base'; | ||
@@ -126,3 +126,3 @@ | ||
| /** | ||
| * Specifies child dataSource field that mapped in dataSource | ||
| * Specifies the animation settings for collapsing node. | ||
| * @default { effect: 'SlideDown', duration: 400, easing: 'linear' } | ||
@@ -133,3 +133,3 @@ */ | ||
| /** | ||
| * Specifies child dataSource field that mapped in dataSource | ||
| * Specifies the animation settings for expanding node. | ||
| * @default { effect: 'SlideDown', duration: 400, easing: 'linear' } | ||
@@ -136,0 +136,0 @@ */ |
@@ -6,3 +6,3 @@ import { Component, EmitType } from '@syncfusion/ej2-base'; | ||
| import { DataManager, Query } from '@syncfusion/ej2-data'; | ||
| import { ListBaseOptions, SortOrder, FieldsMapping } from '@syncfusion/ej2-lists'; | ||
| import { ListBaseOptions, FieldsMapping } from '@syncfusion/ej2-lists'; | ||
| import { TreeViewModel, FieldsSettingsModel, NodeAnimationSettingsModel, ActionSettingsModel } from './treeview-model'; | ||
@@ -268,2 +268,6 @@ import { TreeViewHelper } from './treeview-builder'; | ||
| export declare type ExpandOnSettings = 'auto' | 'click' | 'dblclick'; | ||
| export declare type SortOrder = 'None' | 'Ascending' | 'Descending'; | ||
| /** | ||
| * Configures the animation settings for TreeView node. | ||
| */ | ||
| export declare class ActionSettings extends ChildProperty<ActionSettings> { | ||
@@ -286,5 +290,8 @@ /** | ||
| } | ||
| /** | ||
| * Configures the animation settings for expanding and collapsing node in TreeView. | ||
| */ | ||
| export declare class NodeAnimationSettings extends ChildProperty<NodeAnimationSettings> { | ||
| /** | ||
| * Specifies child dataSource field that mapped in dataSource | ||
| * Specifies the animation settings for collapsing node. | ||
| * @default { effect: 'SlideDown', duration: 400, easing: 'linear' } | ||
@@ -294,3 +301,3 @@ */ | ||
| /** | ||
| * Specifies child dataSource field that mapped in dataSource | ||
| * Specifies the animation settings for expanding node. | ||
| * @default { effect: 'SlideDown', duration: 400, easing: 'linear' } | ||
@@ -297,0 +304,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 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 too big to display
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 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
New alerts
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
Fixed alerts
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
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by0.25%
16194864
- Lines of code
- increased by0.41%
160760
- Number of medium supply chain risk alerts
- decreased by-100%
0