@syncfusion/ej2-navigations - npm Package Compare versions

Comparing version 15.4.26 to 15.4.27

CHANGELOG.md

@@ -5,2 +5,10 @@ # Changelog
 
+### Tab
+
+#### Bug Fixes
+
+- Separate item change for active content issue with Tab fixed.
+
+## 15.4.26-preview (2018-01-23)
+
 ### ContextMenu
@@ -7,0 +15,0 @@

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 15.4.25
+*  version : 15.4.26
 *  Copyright Syncfusion Inc. 2001 - 2017. All rights reserved.
@@ -5,0 +5,0 @@ *  Use of this code is subject to the terms of our license.

package.json

 {
   "name": "@syncfusion/ej2-navigations",
-  "version": "15.4.26",
+  "version": "15.4.27",
   "description": "Essential JS 2 Navigation Components",
@@ -13,4 +13,4 @@ "author": "Syncfusion Inc.",
     "@syncfusion/ej2-data": "^15.4.23",
-    "@syncfusion/ej2-buttons": "^15.4.26",
-    "@syncfusion/ej2-popups": "^15.4.23",
+    "@syncfusion/ej2-buttons": "^15.4.27",
+    "@syncfusion/ej2-popups": "^15.4.27",
     "@syncfusion/ej2-lists": "^15.4.26",
@@ -17,0 +17,0 @@ "@syncfusion/ej2-inputs": "^15.4.24"

src/sidebar/sidebar-model.d.ts

@@ -44,3 +44,3 @@ import { Component, formatUnit, EventHandler, Event, isNullOrUndefined } from '@syncfusion/ej2-base';import { Property, EmitType, NotifyPropertyChanges, INotifyPropertyChanged, Browser } from '@syncfusion/ej2-base';import { setStyleAttribute as setStyle, addClass, removeClass, createElement, Touch, SwipeEventArgs } from '@syncfusion/ej2-base';
      */
-    animation?: boolean;
+    animate?: boolean;
 
@@ -47,0 +47,0 @@ /**

src/sidebar/sidebar.d.ts

@@ -47,3 +47,3 @@ import { Component } from '@syncfusion/ej2-base';
      */
-    animation: boolean;
+    animate: boolean;
     /**
@@ -161,3 +161,3 @@ * Specifies the height of the Sidebar.
     onPropertyChanged(newProp: SidebarModel, oldProp: SidebarModel): void;
-    protected changeType(type?: string): void;
+    protected setType(type?: string): void;
     /**
@@ -164,0 +164,0 @@ * Removes the control from the DOM and removes all its related events

src/sidebar/sidebar.js

@@ -34,4 +34,6 @@ var __extends = (this && this.__extends) || (function () {
     var VISIBILITY = 'e-visibility';
-    var CONTENT = 'e-content';
+    var MAINCONTENTANIMATION = 'e-content-animation';
     var DISABLEANIMATION = 'e-disable-animation';
+    var CONTEXT = 'e-sidebar-context';
+    var SIDEBARABSOLUTE = 'e-sidebar-absolute';
     var Sidebar = (function (_super) {
@@ -58,3 +60,3 @@ __extends(Sidebar, _super);
             this.setMediaQuery();
-            this.changeType(this.type);
+            this.setType(this.type);
         };
@@ -64,4 +66,4 @@ Sidebar.prototype.setContext = function () {
                 this.contextTo.insertAdjacentElement('afterbegin', this.element);
-                ej2_base_3.addClass([this.element], 'e-context-absolute');
-                ej2_base_3.addClass([this.contextTo], 'e-context-relative');
+                ej2_base_3.addClass([this.element], SIDEBARABSOLUTE);
+                ej2_base_3.addClass([this.contextTo], CONTEXT);
             }
@@ -84,3 +86,7 @@ };
         Sidebar.prototype.addClass = function () {
-            ej2_base_3.addClass([this.element.nextElementSibling], CONTENT);
+            var classELement = document.querySelector('.e-main-content');
+            if (!ej2_base_1.isNullOrUndefined((classELement ||
+                this.element.nextElementSibling))) {
+                ej2_base_3.addClass([classELement || this.element.nextElementSibling], [MAINCONTENTANIMATION]);
+            }
             if (!this.enableDock && this.type !== 'auto') {
@@ -100,4 +106,5 @@ ej2_base_3.addClass([this.element], [VISIBILITY]);
         Sidebar.prototype.destroyBackDrop = function () {
-            if (this.contextTo && this.showBackdrop) {
-                var sibling = this.element.nextElementSibling;
+            var sibling = document.querySelector('.e-main-content') ||
+                this.element.nextElementSibling;
+            if (this.contextTo && this.showBackdrop && sibling) {
                 ej2_base_3.removeClass([sibling], CONTEXTBACKDROP);
@@ -124,7 +131,8 @@ }
             this.barWidth = this.element.getBoundingClientRect().width;
-            this.changeType(this.type);
-            var sibling = this.element.nextElementSibling;
+            this.setType(this.type);
+            var sibling = document.querySelector('.e-main-content') ||
+                this.element.nextElementSibling;
             if (!this.enableDock && sibling) {
                 sibling.style.transform = 'translateX(' + 0 + 'px)';
-                sibling.style.margin = '0px';
+                this.position === 'left' ? sibling.style.marginLeft = '0px' : sibling.style.marginRight = '0px';
             }
@@ -154,3 +162,3 @@ this.setDock();
             this.barWidth = this.element.getBoundingClientRect().width;
-            this.changeType(this.type);
+            this.setType(this.type);
             this.createBackDrop();
@@ -166,3 +174,3 @@ this.eventArguments.name = 'open';
         Sidebar.prototype.setAnimation = function () {
-            if (this.animation) {
+            if (this.animate) {
                 ej2_base_3.removeClass([this.element], DISABLEANIMATION);
@@ -187,3 +195,4 @@ }
             if (this.contextTo && this.showBackdrop) {
-                var sibling = this.element.nextElementSibling;
+                var sibling = document.querySelector('.e-main-content') ||
+                    this.element.nextElementSibling;
                 ej2_base_3.addClass([sibling], CONTEXTBACKDROP);
@@ -287,3 +296,3 @@ }
                         break;
-                    case 'animation':
+                    case 'animate':
                         this.setAnimation();
@@ -294,6 +303,12 @@ break;
                         this.addClass();
-                        this.changeType(this.type);
+                        this.setType(this.type);
                         break;
                     case 'position':
                         this.element.style.transform = '';
+                        var sibling = void 0;
+                        sibling = document.querySelector('.e-main-content') ||
+                            this.element.nextElementSibling;
+                        if (sibling) {
+                            this.position === 'left' ? sibling.style.marginRight = '0px' : sibling.style.marginLeft = '0px';
+                        }
                         if (this.position === 'right') {
@@ -307,3 +322,3 @@ ej2_base_3.removeClass([this.element], LEFT);
                         }
-                        this.changeType(this.type);
+                        this.setType(this.type);
                         break;
@@ -322,2 +337,10 @@ case 'showBackdrop':
                         break;
+                    case 'closeOnDocumentClick':
+                        if (this.closeOnDocumentClick) {
+                            ej2_base_1.EventHandler.add(document, 'mousedown', this.documentclickHandler, this);
+                        }
+                        else {
+                            ej2_base_1.EventHandler.remove(document, 'mousedown', this.documentclickHandler);
+                        }
+                        break;
                     case 'enableDock':
@@ -340,3 +363,3 @@ if (!this.isOpen()) {
         };
-        Sidebar.prototype.changeType = function (type) {
+        Sidebar.prototype.setType = function (type) {
             this.setZindex();
@@ -346,8 +369,9 @@ if (this.enableDock) {
             }
-            var sibling = this.element.nextElementSibling;
+            var sibling = document.querySelector('.e-main-content') ||
+                this.element.nextElementSibling;
             if (sibling) {
                 sibling.style.transform = 'translateX(' + 0 + 'px)';
-                sibling.style.margin = '0px';
+                this.position === 'left' ? sibling.style.marginLeft = '0px' : sibling.style.marginRight = '0px';
             }
-            var margin = this.position === 'left' ? '0px 0px 0px ' + this.barWidth + 'px' : '0px ' + this.barWidth + 'px 0px 0px';
+            var margin = this.position === 'left' ? this.barWidth + 'px' : this.barWidth + 'px';
             var tempWidth = this.position === 'left' ? this.barWidth : -(this.barWidth);
@@ -359,3 +383,3 @@ ej2_base_3.removeClass([this.element], [PUSH, OVER, SLIDE]);
                     if (sibling && (this.enableDock || this.element.classList.contains(OPEN))) {
-                        sibling.style.margin = margin;
+                        this.position === 'left' ? sibling.style.marginLeft = margin : sibling.style.marginRight = margin;
                     }
@@ -373,3 +397,3 @@ break;
                         if (sibling) {
-                            sibling.style.margin = margin;
+                            this.position === 'left' ? sibling.style.marginLeft = margin : sibling.style.marginRight = margin;
                         }
@@ -381,3 +405,3 @@ }
                         if (sibling && (this.enableDock) && !this.isOpen()) {
-                            sibling.style.margin = margin;
+                            this.position === 'left' ? sibling.style.marginLeft = margin : sibling.style.marginRight = margin;
                             ej2_base_3.addClass([this.element], PUSH);
@@ -392,3 +416,3 @@ }
                         if (sibling && (this.enableDock || this.element.classList.contains(OPEN))) {
-                            sibling.style.margin = margin;
+                            this.position === 'left' ? sibling.style.marginLeft = margin : sibling.style.marginRight = margin;
                         }
@@ -409,5 +433,7 @@ }
             this.element.style.transform = '';
-            if (!ej2_base_1.isNullOrUndefined(this.element.nextElementSibling)) {
-                this.element.nextElementSibling.style.margin = '';
-                this.element.nextElementSibling.style.transform = '';
+            var sibling = document.querySelector('.e-main-content')
+                || this.element.nextElementSibling;
+            if (!ej2_base_1.isNullOrUndefined(sibling)) {
+                sibling.style.margin = '';
+                sibling.style.transform = '';
             }
@@ -433,3 +459,3 @@ this.unWireEvents();
             ej2_base_2.Property(true)
-        ], Sidebar.prototype, "animation", void 0);
+        ], Sidebar.prototype, "animate", void 0);
         __decorate([
@@ -436,0 +462,0 @@ ej2_base_2.Property('auto')

src/tab/tab.js

@@ -305,4 +305,5 @@ var __extends = (this && this.__extends) || (function () {
                 }
+                var wrapAttrs = (item.disabled) ? {} : { tabIndex: '-1' };
                 var tCont = ej2_base_4.createElement('div', { className: CLS_TEXT_WRAP, innerHTML: inHTML + '' + _this.btnCls }).outerHTML;
-                var wrap = ej2_base_4.createElement('div', { className: CLS_WRAP, innerHTML: tCont, attrs: { tabIndex: '-1' } });
+                var wrap = ej2_base_4.createElement('div', { className: CLS_WRAP, innerHTML: tCont, attrs: wrapAttrs });
                 var attrObj = {
@@ -1001,3 +1002,3 @@ id: CLS_ITEM + '_' + id, role: 'tab', 'aria-selected': 'false'
             this.prevItem = this.tbItem[this.prevIndex];
-            if (!ej2_base_4.isNullOrUndefined(this.prevItem)) {
+            if (!ej2_base_4.isNullOrUndefined(this.prevItem) && !this.prevItem.classList.contains(CLS_DISABLE)) {
                 this.prevItem.children.item(0).setAttribute('tabindex', '-1');
@@ -1017,2 +1018,13 @@ }
             if (typeof args === 'number') {
+                if (!ej2_base_4.isNullOrUndefined(this.tbItem[args]) && this.tbItem[args].classList.contains(CLS_DISABLE)) {
+                    for (var i = args + 1; i < this.items.length; i++) {
+                        if (this.items[i].disabled === false) {
+                            args = i;
+                            break;
+                        }
+                        else {
+                            args = 0;
+                        }
+                    }
+                }
                 if (this.tbItem.length > args && args >= 0 && !isNaN(args)) {
@@ -1107,2 +1119,3 @@ this.prevIndex = this.selectedItem;
                                 this.setItems(newProp.items);
+                                ej2_base_2.select('.' + CLS_TAB + ' > .' + CLS_CONTENT, this.element).innerHTML = '';
                                 this.select(this.selectedItem);
@@ -1109,0 +1122,0 @@ }

New alerts

License Policy Violation

License

This 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

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

13381558

increased by0.2%

Lines of code

138708

increased by0.14%

Number of medium supply chain risk alerts

0

decreased by-100%

Dependency changes

• Updated@syncfusion/ej2-buttons@^15.4.27

• Updated@syncfusion/ej2-popups@^15.4.27