@syncfusion/ej2-navigations 20.1.51 → 20.1.57

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.1.51
+*  version : 20.1.57
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-navigations@*",
-  "_id": "@syncfusion/ej2-navigations@20.1.48",
+  "_id": "@syncfusion/ej2-navigations@20.1.56",
   "_inBundle": false,
-  "_integrity": "sha512-H3R/hxCrlqznF1FsCc7FkePBLLvqh7Qlrjd4tIfByrnCmYM+VkkPYa4g7iaL2/LmkSP3j5OEHykqjxSr4FrulA==",
+  "_integrity": "sha512-RoT6jp8SVHDyaxDIiLaHFtWCg4vw2jvFabVjLMEY9NJntyCa3QHiaRO5YOdJtk0t76SgKnEEbD31PtVfc4cxng==",
   "_location": "/@syncfusion/ej2-navigations",
   "_phantomChildren": {},
   "_requested": {
@@ -37,8 +37,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-navigations"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-20.1.48.tgz",
-  "_shasum": "b1a3b45369f91ea03e1d727104e8c4a0e8d5cc44",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-20.1.56.tgz",
+  "_shasum": "314197808a4448457fd00f841b898d81a4d394d0",
   "_spec": "@syncfusion/ej2-navigations@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -49,12 +49,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.1.50",
-    "@syncfusion/ej2-buttons": "~20.1.50",
-    "@syncfusion/ej2-data": "~20.1.47",
-    "@syncfusion/ej2-inputs": "~20.1.48",
-    "@syncfusion/ej2-lists": "~20.1.47",
-    "@syncfusion/ej2-popups": "~20.1.47"
+    "@syncfusion/ej2-base": "~20.1.56",
+    "@syncfusion/ej2-buttons": "~20.1.55",
+    "@syncfusion/ej2-data": "~20.1.55",
+    "@syncfusion/ej2-inputs": "~20.1.55",
+    "@syncfusion/ej2-lists": "~20.1.55",
+    "@syncfusion/ej2-popups": "~20.1.57"
   },
   "deprecated": false,
   "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",
@@ -159,6 +159,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "20.1.51",
+  "version": "20.1.57",
   "sideEffects": false
 }

package/src/carousel/carousel.js

@@ -51,6 +51,7 @@ var CLS_HOVER = 'e-carousel-hover';
 var CLS_TEMPLATE = 'e-template';
 var CLS_SLIDE_ANIMATION = 'e-carousel-slide-animation';
 var CLS_FADE_ANIMATION = 'e-carousel-fade-animation';
+var CLS_CUSTOM_ANIMATION = 'e-carousel-custom-animation';
 var CLS_PREV_SLIDE = 'e-prev';
 var CLS_NEXT_SLIDE = 'e-next';
 var CLS_TRANSITION_START = 'e-transition-start';
@@ -431,13 +432,12 @@ var Carousel = /** @class */ (function (_super) {
     };
     Carousel.prototype.applyAnimation = function () {
         var animationTarget = this.element.querySelector("." + CLS_ITEMS);
-        removeClass([animationTarget], [CLS_FADE_ANIMATION, CLS_SLIDE_ANIMATION]);
+        removeClass([animationTarget], [CLS_CUSTOM_ANIMATION, CLS_FADE_ANIMATION, CLS_SLIDE_ANIMATION]);
         if (this.animation.customEffect) {
-            addClass([animationTarget], this.animation.customEffect);
+            addClass([animationTarget], [CLS_CUSTOM_ANIMATION, this.animation.customEffect]);
         }
         else if (this.animation.effect !== 'None') {
-            var animationClass = this.animation.effect === 'Fade' ? CLS_FADE_ANIMATION : CLS_SLIDE_ANIMATION;
-            addClass([animationTarget], animationClass);
+            addClass([animationTarget], this.animation.effect === 'Fade' ? CLS_FADE_ANIMATION : CLS_SLIDE_ANIMATION);
         }
     };
     Carousel.prototype.autoSlide = function () {
@@ -544,8 +544,15 @@ var Carousel = /** @class */ (function (_super) {
                 isSwiped: isSwiped
             };
             var slideHeight;
-            if (_this.animation.effect === 'None' || _this.animation.customEffect) {
-                _this.onTransitionEnd();
+            if (_this.animation.customEffect) {
+                if (direction === 'Previous') {
+                    addClass([args.nextSlide], CLS_NEXT_SLIDE);
+                    addClass([args.currentSlide], CLS_PREV_SLIDE);
+                }
+                else {
+                    addClass([args.currentSlide], CLS_PREV_SLIDE);
+                    addClass([args.nextSlide], CLS_NEXT_SLIDE);
+                }
             }
             else if (_this.animation.effect === 'Slide') {
                 if (direction === 'Previous') {
@@ -564,6 +571,9 @@ var Carousel = /** @class */ (function (_super) {
                 removeClass([args.currentSlide], CLS_ACTIVE);
                 addClass([args.nextSlide], CLS_ACTIVE);
             }
+            else {
+                _this.onTransitionEnd();
+            }
             _this.handleNavigatorsActions(currentIndex);
         });
     };
@@ -790,6 +800,7 @@ var Carousel = /** @class */ (function (_super) {
     Carousel.prototype.wireEvents = function () {
         EventHandler.add(this.element, 'focusin focusout', this.onFocusActions, this);
         EventHandler.add(this.element, 'mouseenter mouseleave', this.onHoverActions, this);
+        EventHandler.add(this.element.firstElementChild, 'animationend', this.onTransitionEnd, this);
         EventHandler.add(this.element.firstElementChild, 'transitionend', this.onTransitionEnd, this);
     };
     Carousel.prototype.unWireEvents = function () {
@@ -806,6 +817,7 @@ var Carousel = /** @class */ (function (_super) {
         if (playIcon) {
             EventHandler.remove(playIcon, 'click', this.playButtonClickHandler);
         }
+        EventHandler.remove(this.element.firstElementChild, 'animationend', this.onTransitionEnd);
         EventHandler.remove(this.element.firstElementChild, 'transitionend', this.onTransitionEnd);
         EventHandler.clearEvents(this.element);
     };

package/src/common/menu-base.js

@@ -41,6 +41,7 @@ var LEFTARROW = 'leftarrow';
 var RIGHTARROW = 'rightarrow';
 var HOME = 'home';
 var END = 'end';
+var TAB = 'tab';
 var CARET = 'e-caret';
 var ITEM = 'e-menu-item';
 var DISABLED = 'e-disabled';
@@ -330,6 +331,7 @@ var MenuBase = /** @class */ (function (_super) {
         if (this.isMenu) {
             keyConfigs.home = HOME;
             keyConfigs.end = END;
+            keyConfigs.tab = TAB;
         }
         new KeyboardEvents(element, {
             keyAction: this.keyBoardHandler.bind(this),
@@ -390,6 +392,7 @@ var MenuBase = /** @class */ (function (_super) {
             case UPARROW:
             case END:
             case HOME:
+            case TAB:
                 this.upDownKeyHandler(e);
                 break;
             case RIGHTARROW:
@@ -416,7 +419,7 @@ var MenuBase = /** @class */ (function (_super) {
     };
     MenuBase.prototype.upDownKeyHandler = function (e) {
         var cul = this.getUlByNavIdx();
-        var defaultIdx = (e.action === DOWNARROW || e.action === HOME) ? 0 : cul.childElementCount - 1;
+        var defaultIdx = (e.action === DOWNARROW || e.action === HOME || e.action === TAB) ? 0 : cul.childElementCount - 1;
         var fliIdx = defaultIdx;
         var fli = this.getLIByClass(cul, FOCUSED);
         if (fli) {
@@ -553,6 +556,12 @@ var MenuBase = /** @class */ (function (_super) {
             }
             if (!isClose) {
                 var liElem_1 = e && e.target && this.getLI(e.target);
+                if (liElem_1) {
+                    this.cli = liElem_1;
+                }
+                else {
+                    this.cli = ul_1.children[0];
+                }
                 item_1 = this.navIdx.length ? this.getItem(this.navIdx) : null;
                 items_1 = item_1 ? item_1.items : this.items;
                 beforeCloseArgs = { element: ul_1, parentItem: item_1, items: items_1, event: e, cancel: false, isFocused: true };
@@ -2156,6 +2165,7 @@ var MenuBase = /** @class */ (function (_super) {
                 this.clearTemplate(['template']);
             }
         }
+        this.rippleFn = null;
     };
     __decorate([
         Event()

package/src/tab/tab.js

@@ -1245,10 +1245,12 @@ var Tab = /** @class */ (function (_super) {
         var _this = this;
         if (this.allowDragAndDrop) {
             var tabHeader = this.element.querySelector('.' + CLS_HEADER);
-            var items = tabHeader.querySelectorAll('.' + CLS_TB_ITEM);
-            items.forEach(function (element) {
-                _this.initializeDrag(element);
-            });
+            if (tabHeader) {
+                var items = tabHeader.querySelectorAll('.' + CLS_TB_ITEM);
+                items.forEach(function (element) {
+                    _this.initializeDrag(element);
+                });
+            }
         }
     };
     Tab.prototype.wireEvents = function () {
@@ -1821,6 +1823,7 @@ var Tab = /** @class */ (function (_super) {
         if (isNOU(this.hdrEle)) {
             this.items = items;
             this.reRenderItems();
+            this.bindDraggable();
         }
         else {
             var itemsCount = selectAll('.e-tab-header .' + CLS_TB_ITEM, this.element).length;

package/src/treeview/treeview.js

@@ -717,7 +717,8 @@ var TreeView = /** @class */ (function (_super) {
             }
             var subChildItems = getValue(this.fields.child.toString(), childItems[index]);
             if (subChildItems && subChildItems.length) {
-                this.parentCheckData.push(treeData);
+                if (this.parentCheckData.indexOf(treeData) === -1)
+                    this.parentCheckData.push(treeData);
                 this.updateChildCheckState(subChildItems, childItems[index]);
             }
             if (count === childItems.length && this.autoCheck && this.checkedNodes.indexOf(checkedParent) === -1) {
@@ -732,7 +733,6 @@ var TreeView = /** @class */ (function (_super) {
                 }
             }
         }
-        this.parentCheckData = [];
     };
     TreeView.prototype.beforeNodeCreate = function (e) {
         if (this.showCheckBox) {

package/styles/accordion/bootstrap-dark.css

@@ -1,8 +1,7 @@
 /*! accordion icons */
 .e-accordion .e-tgl-collapse-icon::before {
-  content: '\e916';
+  content: "\e916";
 }
-
 .e-accordion .e-tgl-collapse-icon.e-expand-icon {
   transform: rotate(-180deg);
 }
@@ -12,54 +11,44 @@
 .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-size: 16px;
 }
-
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel {
   font-size: 14px;
 }
-
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
   padding: 15px 15px 15px 30px;
 }
-
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
   padding: 0 30px;
 }
-
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content {
   padding: 0;
 }
-
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion {
   border: 0;
 }
-
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
   padding: 0 30px 0 45px;
 }
-
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
   padding: 15px 15px 15px 45px;
 }
-
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-header .e-acrdn-header-content,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-header .e-acrdn-header-content {
   font-size: 14px;
 }
-
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header {
   line-height: 48px;
   min-height: 50px;
   padding: 0 30px 0 15px;
 }
-
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-toggle-icon,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-toggle-icon {
   height: 50px;
@@ -67,49 +56,40 @@
   min-width: 24px;
   right: 15px;
 }
-
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon {
   display: inline-block;
   padding: 0 10px 0 0;
 }
-
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
   padding: 15px;
 }
-
 .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content,
 .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
   padding: 15px 30px 15px 15px;
 }
-
 .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
 .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
   padding: 0 30px;
 }
-
 .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header,
 .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
   padding: 0 45px 0 30px;
 }
-
 .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
 .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
   padding: 15px 45px 15px 15px;
 }
-
 .e-bigger .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header,
 .e-accordion.e-bigger.e-rtl .e-acrdn-item .e-acrdn-header {
   padding: 0 15px 0 30px;
 }
-
 .e-bigger .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header .e-toggle-icon,
 .e-accordion.e-bigger.e-rtl .e-acrdn-item .e-acrdn-header .e-toggle-icon {
   left: 15px;
   right: auto;
 }
-
 .e-bigger .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon,
 .e-accordion.e-bigger.e-rtl .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   padding: 0 0 0 10px;
@@ -119,75 +99,58 @@
   display: block;
   position: relative;
 }
-
 .e-accordion .e-acrdn-item {
   border-radius: 4px;
   margin-top: 5px;
 }
-
 .e-accordion .e-acrdn-item .nested .e-acrdn-item + .e-acrdn-item {
   margin-top: 0;
 }
-
 .e-accordion .e-acrdn-item:not(.e-select) {
   margin-top: 5px;
 }
-
 .e-accordion .e-acrdn-item:not(.e-select) + .e-acrdn-item:not(.e-select) {
   margin-bottom: 0;
   margin-top: 0;
 }
-
 .e-accordion .e-acrdn-item:not(.e-select) + .e-acrdn-item.e-select {
   margin-top: 5px;
 }
-
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-header {
   border: 0;
 }
-
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select {
   margin: 2px;
 }
-
 .e-accordion .e-acrdn-item > .e-acrdn-header .e-acrdn-header-content {
   font-weight: normal;
 }
-
 .e-accordion .e-acrdn-item.e-selected {
   padding-top: 0;
 }
-
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header .e-acrdn-header-content {
   font-weight: normal;
 }
-
 .e-accordion .e-acrdn-item.e-overlay {
   height: auto;
 }
-
 .e-accordion .e-acrdn-item {
   overflow: hidden;
   padding-top: 0;
   position: relative;
 }
-
 .e-accordion .e-acrdn-item.e-hide {
   display: none;
 }
-
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-size: 16px;
 }
-
 .e-accordion .e-acrdn-item.e-select > .e-acrdn-header {
   cursor: pointer;
 }
-
 .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:focus .e-acrdn-header-content {
   text-decoration: underline;
 }
-
 .e-accordion .e-acrdn-item .e-acrdn-header {
   border-radius: 4px;
   line-height: 39px;
@@ -198,11 +161,9 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-
 .e-accordion .e-acrdn-item .e-acrdn-header > * {
   display: inline-block;
 }
-
 .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
   display: none;
   font-size: 12px;
@@ -213,110 +174,86 @@
   right: 15px;
   top: 0;
 }
-
 .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon .e-tgl-collapse-icon.e-icons {
   display: table-cell;
   text-align: center;
   vertical-align: middle;
 }
-
 .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-animation {
-  transition: .5s ease 0s;
+  transition: 0.5s ease 0s;
 }
-
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   display: inline-block;
   padding: 0 10px 0 0;
 }
-
 .e-accordion .e-acrdn-item .e-acrdn-panel {
   font-size: 14px;
   overflow-y: hidden;
   text-decoration: none;
   width: 100%;
 }
-
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
   padding: 15px 15px 15px 30px;
 }
-
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
   padding: 0 30px;
 }
-
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
   padding: 0;
 }
-
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-acrdn-panel.e-nested > .e-acrdn-content {
   padding: 0;
 }
-
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion {
   border: 0;
 }
-
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
   padding: 0 30px 0 45px;
 }
-
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
   padding: 15px 15px 15px 45px;
 }
-
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected .e-acrdn-header > .e-acrdn-header-content {
   font-weight: normal;
 }
-
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-nested .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-weight: normal;
 }
-
 .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
   line-height: 1.5;
   overflow: hidden;
   padding: 15px;
   text-overflow: ellipsis;
 }
-
 .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content > * {
   overflow: hidden;
   text-overflow: ellipsis;
 }
-
 .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-header-content {
   font-size: 14px;
 }
-
 .e-accordion .e-acrdn-item .e-content-hide {
   display: none;
 }
-
 .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
   padding: 15px 30px 15px 15px;
 }
-
 .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
   padding: 0 30px;
 }
-
 .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
   padding: 0 45px 0 30px;
 }
-
 .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
   padding: 15px 45px 15px 15px;
 }
-
 .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header {
   padding: 0 15px 0 30px;
 }
-
 .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header .e-toggle-icon {
   left: 15px;
   right: auto;
 }
-
 .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   padding: 0 0 0 10px;
 }
@@ -327,101 +264,76 @@
   background: #1a1a1a;
   border: 1px none #505050;
 }
-
 .e-accordion .e-active {
   background: #484848;
 }
-
 .e-accordion .e-acrdn-item.e-overlay {
   background: #1a1a1a;
 }
-
 .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:focus {
   background: transparent;
 }
-
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-header .e-acrdn-header-content {
   color: #3e98ff;
 }
-
 .e-accordion .e-acrdn-item.e-select {
   background: #1a1a1a;
   border: 1px solid #505050;
 }
-
 .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
   color: #f0f0f0;
 }
-
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   color: #3e98ff;
 }
-
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #3e98ff;
 }
-
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: transparent;
 }
-
 .e-accordion .e-acrdn-item .e-acrdn-header:hover {
   background: transparent;
 }
-
 .e-accordion .e-acrdn-item .e-acrdn-header:active {
   background: transparent;
 }
-
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   background: transparent;
 }
-
-.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header,
-.e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header {
+.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header {
   background: #484848;
 }
-
-.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header > .e-toggle-icon,
-.e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header > .e-toggle-icon {
+.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header > .e-toggle-icon, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header > .e-toggle-icon {
   color: #fff;
 }
-
 .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-icon,
-.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content,
-.e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-icon,
+.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-icon,
 .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content {
   color: #f0f0f0;
 }
-
 .e-accordion .e-acrdn-item.e-selected {
   border: 1px solid #505050;
 }
-
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border: 1px solid #505050;
   border-top: 1px none #505050;
 }
-
 .e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header {
   background: #484848;
   border: 0;
   border-bottom: 1px solid #505050;
   border-radius: 0;
 }
-
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-panel .e-acrdn-content {
   color: #f0f0f0;
 }
-
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-panel .e-acrdn-header-content {
   color: #fff;
 }
-
 .e-accordion .e-acrdn-item .e-toggle-icon {
   color: #3e98ff;
 }
-
 .e-accordion .e-acrdn-item .e-acrdn-panel {
   font-size: 14px;
-}
+}