@syncfusion/ej2-navigations 20.2.36 → 20.2.43

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.2.36
+*  version : 20.2.43
 *  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@19.45.0",
+  "_id": "@syncfusion/ej2-navigations@20.2.39",
   "_inBundle": false,
-  "_integrity": "sha512-XnIhDfeIIUUx5SiPisCYOa1ktvH7pjIboJ7SrYfxUud5Macoq4odTlv/QS+foBE7QOPNiiCB2bnvRP4FA1YfNA==",
+  "_integrity": "sha512-kKgkOkUbYyrMWXyxBVMO87FcHCPZ3tkTFMn7UAm3FYFJi8T7lQPBaly781bN1Oj2/4yITfVya62c5i3oqEoP/Q==",
   "_location": "/@syncfusion/ej2-navigations",
   "_phantomChildren": {},
   "_requested": {
@@ -37,8 +37,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-navigations"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-navigations/-/ej2-navigations-19.45.0.tgz",
-  "_shasum": "ef79fb3ae2f8377b41562129e6e7c4b86a04b933",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-20.2.39.tgz",
+  "_shasum": "76eeaf8b39b5e3feb71437549424e8c94bfffafb",
   "_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.2.36",
-    "@syncfusion/ej2-buttons": "~20.2.36",
-    "@syncfusion/ej2-data": "~20.2.36",
-    "@syncfusion/ej2-inputs": "~20.2.36",
-    "@syncfusion/ej2-lists": "~20.2.36",
-    "@syncfusion/ej2-popups": "~20.2.36"
+    "@syncfusion/ej2-base": "~20.2.43",
+    "@syncfusion/ej2-buttons": "~20.2.43",
+    "@syncfusion/ej2-data": "~20.2.43",
+    "@syncfusion/ej2-inputs": "~20.2.43",
+    "@syncfusion/ej2-lists": "~20.2.43",
+    "@syncfusion/ej2-popups": "~20.2.43"
   },
   "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.2.36",
+  "version": "20.2.43",
   "sideEffects": false
 }

package/src/carousel/carousel-model.d.ts

@@ -57,7 +57,7 @@ export interface CarouselModel extends ComponentModel{
      *  * Custom
      * 
      *  @default 'Slide'
-     * */
+     */
     animationEffect?: CarouselAnimationEffect;
 
     /**

package/src/carousel/carousel.d.ts

@@ -23,6 +23,7 @@ export declare type CarouselButtonVisibility = 'Hidden' | 'Visible' | 'VisibleOn
  * * `None` - The carousel item transition happens without animation.
  * * `Slide` - The carousel item transition happens with slide animation.
  * * `Fade` - The Carousel item transition happens with fade animation.
+ * * `Custom` - The Carousel item transition happens with custom animation.
  */
 export declare type CarouselAnimationEffect = 'None' | 'Fade' | 'Slide' | 'Custom';
 /** An interface that holds details when changing the slide. */
@@ -106,7 +107,7 @@ export declare class Carousel extends Component<HTMLElement> implements INotifyP
      *  * Custom
      *
      *  @default 'Slide'
-     * */
+     */
     animationEffect: CarouselAnimationEffect;
     /**
      * Accepts the template for previous navigation button.

package/src/carousel/carousel.js

@@ -52,7 +52,7 @@ 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_ANIMATION_NONE = "e-carousel-animation-none";
+var CLS_ANIMATION_NONE = 'e-carousel-animation-none';
 var CLS_PREV_SLIDE = 'e-prev';
 var CLS_NEXT_SLIDE = 'e-next';
 var CLS_TRANSITION_START = 'e-transition-start';

package/src/common/menu-base.d.ts

@@ -169,6 +169,7 @@ export declare abstract class MenuBase extends Component<HTMLUListElement> imple
     private showSubMenuOn;
     private defaultOption;
     private timer;
+    private currentTarget;
     /**
      * Triggers while rendering each menu item.
      *

package/src/common/menu-base.js

@@ -520,6 +520,7 @@ var MenuBase = /** @class */ (function (_super) {
     };
     MenuBase.prototype.cmenuHandler = function (e) {
         e.preventDefault();
+        this.currentTarget = e.target;
         this.isCMenu = true;
         this.pageX = e.changedTouches ? e.changedTouches[0].pageX + 1 : e.pageX + 1;
         this.pageY = e.changedTouches ? e.changedTouches[0].pageY + 1 : e.pageY + 1;
@@ -1662,6 +1663,14 @@ var MenuBase = /** @class */ (function (_super) {
                             navIdx.length = 0;
                         }
                     }
+                    if (this_1.enableScrolling) {
+                        if (this_1.element.classList.contains('e-vertical')) {
+                            addScrolling(this_1.createElement, wrapper, this_1.element, 'vscroll', this_1.enableRtl);
+                        }
+                        else {
+                            addScrolling(this_1.createElement, wrapper, this_1.element, 'hscroll', this_1.enableRtl);
+                        }
+                    }
                     break;
                 }
             }
@@ -1824,12 +1833,16 @@ var MenuBase = /** @class */ (function (_super) {
                 ul.querySelector('.' + FOCUSED).focus();
             }
             else {
-                var ele = this.getWrapper().children[this.getIdx(this.getWrapper(), ul) - 1];
-                if (ele) {
-                    ele.querySelector('.' + SELECTED).focus();
-                }
-                else {
-                    this.element.focus();
+                if (this.currentTarget) {
+                    if (!(this.currentTarget.classList.contains("e-numerictextbox") || this.currentTarget.classList.contains("e-textbox"))) {
+                        var ele = this.getWrapper().children[this.getIdx(this.getWrapper(), ul) - 1];
+                        if (ele) {
+                            ele.querySelector('.' + SELECTED).focus();
+                        }
+                        else {
+                            this.element.focus();
+                        }
+                    }
                 }
             }
         }

package/src/tab/tab.js

@@ -1668,7 +1668,7 @@ var Tab = /** @class */ (function (_super) {
                 }
             }
             else {
-                this.dragItem.parentNode.insertBefore(dropItem, this.dragItem);
+                this.dragItem.parentNode.insertBefore(this.dragItem, dropItem.nextElementSibling);
             }
         }
     };
@@ -1849,8 +1849,9 @@ var Tab = /** @class */ (function (_super) {
                 if (_this.allowDragAndDrop && (index !== Array.prototype.indexOf.call(_this.itemIndexArray, trg.id))) {
                     index = Array.prototype.indexOf.call(_this.itemIndexArray, trg.id);
                 }
-                _this.items.splice(index, 1);
-                _this.itemIndexArray.splice(index, 1);
+                var targetEleIndex = _this.itemIndexArray.indexOf(trg.id);
+                _this.items.splice(targetEleIndex, 1);
+                _this.itemIndexArray.splice(targetEleIndex, 1);
                 _this.refreshActiveBorder();
                 var cntTrg = select('#' + CLS_CONTENT + _this.tabId + '_' + _this.extIndex(trg.id), select('.' + CLS_CONTENT, _this.element));
                 if (!isNOU(cntTrg)) {

package/styles/carousel/fluent-dark.css

@@ -168,7 +168,7 @@
   padding: 6px;
 }
 .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator div {
-  border: 1px solid rgba(255, 255, 255, 0.4);
+  border: 1px solid rgba(27, 26, 25, 0.4);
   border-radius: 50%;
   height: 12px;
   transition-duration: 0.6s;
@@ -189,7 +189,7 @@
 .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled) .e-btn-icon,
 .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled) .e-btn-icon,
 .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled) .e-btn-icon {
-  color: #fff;
+  color: #1b1a19;
 }
 .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):active, .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):focus, .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):hover,
 .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):active,
@@ -198,7 +198,7 @@
 .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):active,
 .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):focus,
 .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):hover {
-  background-color: rgba(255, 255, 255, 0.4);
+  background-color: rgba(27, 26, 25, 0.4);
   outline: none;
 }
 .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator {
@@ -207,8 +207,8 @@
   box-shadow: none;
 }
 .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator div {
-  background-color: #fff;
-  border-color: #fff;
+  background-color: #1b1a19;
+  border-color: #1b1a19;
 }
 .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:active, .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:focus, .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:hover {
   background-color: transparent;

package/styles/fluent-dark.css

@@ -2776,7 +2776,7 @@
   padding: 6px;
 }
 .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator div {
-  border: 1px solid rgba(255, 255, 255, 0.4);
+  border: 1px solid rgba(27, 26, 25, 0.4);
   border-radius: 50%;
   height: 12px;
   transition-duration: 0.6s;
@@ -2797,7 +2797,7 @@
 .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled) .e-btn-icon,
 .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled) .e-btn-icon,
 .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled) .e-btn-icon {
-  color: #fff;
+  color: #1b1a19;
 }
 .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):active, .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):focus, .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):hover,
 .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):active,
@@ -2806,7 +2806,7 @@
 .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):active,
 .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):focus,
 .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):hover {
-  background-color: rgba(255, 255, 255, 0.4);
+  background-color: rgba(27, 26, 25, 0.4);
   outline: none;
 }
 .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator {
@@ -2815,8 +2815,8 @@
   box-shadow: none;
 }
 .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator div {
-  background-color: #fff;
-  border-color: #fff;
+  background-color: #1b1a19;
+  border-color: #1b1a19;
 }
 .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:active, .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:focus, .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:hover {
   background-color: transparent;
@@ -6421,20 +6421,20 @@
   border-radius: 0;
 }
 .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text, .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
-  color: #fff;
+  color: #1b1a19;
 }
 .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
   margin-top: 0;
 }
 .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-text,
 .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
-  color: #fff;
+  color: #1b1a19;
 }
 .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-close-icon {
-  color: #fff;
+  color: #1b1a19;
 }
 .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-close-icon:hover {
-  color: #fff;
+  color: #1b1a19;
 }
 .e-tab.e-fill .e-tab-header.e-horizontal-bottom {
   border-bottom: 0;
@@ -6501,7 +6501,7 @@
   background: inherit;
 }
 .e-tab.e-background .e-tab-header .e-indicator {
-  background: #fff;
+  background: #1b1a19;
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item {
   border: 0;
@@ -6518,24 +6518,24 @@
   color: #004578;
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon:hover {
-  color: #fff;
+  color: #1b1a19;
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
   background: #005ba1;
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
 .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
-  color: #fff;
+  color: #1b1a19;
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
 .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon,
 .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
-  color: #fff;
+  color: #1b1a19;
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active {
   border: 0;
   margin: 0;
-  background: #fff;
+  background: #1b1a19;
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
   background: none;
@@ -6548,7 +6548,7 @@
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
-  color: #fff;
+  color: #1b1a19;
   color: #0078d4;
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
@@ -6556,20 +6556,20 @@
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
-  color: #fff;
+  color: #1b1a19;
   color: #0078d4;
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-text,
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
-  color: #fff;
+  color: #1b1a19;
   color: #0078d4;
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-close-icon {
-  color: #fff;
+  color: #1b1a19;
   color: #0078d4;
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-close-icon:hover {
-  color: #fff;
+  color: #1b1a19;
   color: #0078d4;
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active.e-itop .e-tab-wrap, .e-tab.e-background .e-tab-header .e-toolbar-item.e-active.e-ibottom .e-tab-wrap {
@@ -6598,7 +6598,7 @@
 .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
 .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-icon,
 .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
-  color: #fff;
+  color: #1b1a19;
   color: #f3f2f1;
 }
 .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav,
@@ -6607,22 +6607,22 @@
 }
 .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow,
 .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow {
-  color: #fff;
+  color: #1b1a19;
 }
 .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:hover,
 .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow:hover {
   background: inherit;
   background: #005ba1;
-  color: #fff;
+  color: #1b1a19;
 }
 .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow,
 .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
-  color: #fff;
+  color: #1b1a19;
 }
 .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:hover,
 .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow:hover {
   background: inherit;
-  color: #fff;
+  color: #1b1a19;
 }
 .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active::after,
 .e-tab.e-background .e-tab-header .e-scroll-nav:active::after {
@@ -6630,7 +6630,7 @@
 }
 .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav.e-overlay .e-nav-arrow,
 .e-tab.e-background .e-tab-header .e-scroll-nav.e-overlay .e-nav-arrow {
-  color: #fff;
+  color: #1b1a19;
 }
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav),
 .e-tab.e-background .e-tab-header .e-hor-nav {
@@ -6640,21 +6640,21 @@
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon {
-  color: #fff;
-  color: #fff;
+  color: #1b1a19;
+  color: #1b1a19;
 }
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon:hover,
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:hover,
 .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
 .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon:hover {
   background: inherit;
-  color: #fff;
+  color: #1b1a19;
 }
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
-  color: #fff;
+  color: #1b1a19;
   background: #005ba1;
 }
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):active::after,
@@ -6667,13 +6667,13 @@
 }
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-popup-up-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav.e-nav-active .e-popup-up-icon {
-  color: #fff;
+  color: #1b1a19;
 }
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-popup-up-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-popup-down-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav.e-nav-active .e-popup-up-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav.e-nav-active .e-popup-down-icon {
-  color: #fff;
+  color: #1b1a19;
 }
 .e-tab.e-background .e-tab-header.e-vertical .e-scroll-nav .e-nav-arrow {
   border: 0;
@@ -6685,7 +6685,7 @@
   background: none;
 }
 .e-tab.e-background .e-tab-header.e-vertical .e-scroll-nav:hover .e-nav-arrow {
-  color: #fff;
+  color: #1b1a19;
 }
 .e-tab.e-background .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon,
 .e-tab.e-background .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon {
@@ -6743,10 +6743,10 @@
 .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text,
 .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-close-icon {
   color: #004578;
-  color: #fff;
+  color: #1b1a19;
 }
 .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
-  background: #fff;
+  background: #1b1a19;
 }
 .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
 .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
@@ -6754,7 +6754,7 @@
   color: #0078d4;
 }
 .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover {
-  background: #fff;
+  background: #1b1a19;
 }
 .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
 .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon,
@@ -7640,8 +7640,8 @@
 }
 .e-treeview.e-drag-item .e-drop-count {
   background-color: #0078d4;
-  border-color: #fff;
-  color: #fff;
+  border-color: #1b1a19;
+  color: #1b1a19;
 }
 .e-treeview.e-drag-item.e-rtl .e-sibling {
   border: 1px solid #0078d4;