@syncfusion/ej2-navigations 20.1.57 → 20.1.61

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.1.57
+*  version : 20.1.61
 *  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.56",
+  "_id": "@syncfusion/ej2-navigations@20.1.60",
   "_inBundle": false,
-  "_integrity": "sha512-RoT6jp8SVHDyaxDIiLaHFtWCg4vw2jvFabVjLMEY9NJntyCa3QHiaRO5YOdJtk0t76SgKnEEbD31PtVfc4cxng==",
+  "_integrity": "sha512-96Gqo3fqKiMJzZ/WyRRb+EDfOaHZjSyADT5ztCEl3VMLb/t6oSQnrv1M3To+zLLA9IlLLpB40lxbINF/Zcy6yg==",
   "_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.56.tgz",
-  "_shasum": "314197808a4448457fd00f841b898d81a4d394d0",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-20.1.60.tgz",
+  "_shasum": "444b889578b064b01248c5e4912ff739c38ff991",
   "_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.56",
-    "@syncfusion/ej2-buttons": "~20.1.55",
+    "@syncfusion/ej2-base": "~20.1.61",
+    "@syncfusion/ej2-buttons": "~20.1.61",
     "@syncfusion/ej2-data": "~20.1.55",
-    "@syncfusion/ej2-inputs": "~20.1.55",
+    "@syncfusion/ej2-inputs": "~20.1.61",
     "@syncfusion/ej2-lists": "~20.1.55",
-    "@syncfusion/ej2-popups": "~20.1.57"
+    "@syncfusion/ej2-popups": "~20.1.58"
   },
   "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.57",
+  "version": "20.1.61",
   "sideEffects": false
 }

package/src/sidebar/sidebar.d.ts

@@ -200,6 +200,7 @@ export declare class Sidebar extends Component<HTMLElement> implements INotifyPr
      * @event
      */
     destroyed: EmitType<Object>;
+    defaultBackdropDiv: any;
     constructor(options?: SidebarModel, element?: string | HTMLElement);
     protected preRender(): void;
     protected render(): void;

package/src/sidebar/sidebar.js

@@ -197,7 +197,7 @@ var Sidebar = /** @class */ (function (_super) {
     Sidebar.prototype.destroyBackDrop = function () {
         var sibling = document.querySelector('.e-main-content') || this.targetEle;
         if (this.target && this.showBackdrop && sibling) {
-            removeClass([sibling], CONTEXTBACKDROP);
+            sibling.removeChild(this.defaultBackdropDiv);
         }
         else if (this.showBackdrop && this.modal) {
             this.modal.style.display = 'none';
@@ -335,8 +335,12 @@ var Sidebar = /** @class */ (function (_super) {
     };
     Sidebar.prototype.createBackDrop = function () {
         if (this.target && this.showBackdrop && this.getState()) {
+            var targetString = this.target;
             var sibling = document.querySelector('.e-main-content') || this.targetEle;
-            addClass([sibling], CONTEXTBACKDROP);
+            this.defaultBackdropDiv = this.createElement('div');
+            addClass([this.defaultBackdropDiv], DEFAULTBACKDROP);
+            setStyle(this.defaultBackdropDiv, { height: targetString.style.height });
+            sibling.appendChild(this.defaultBackdropDiv);
         }
         else if (this.showBackdrop && !this.modal && this.getState()) {
             this.modal = this.createElement('div');

package/src/tab/tab.js

@@ -219,7 +219,7 @@ var Tab = /** @class */ (function (_super) {
             this.tbObj = null;
         }
         this.unWireEvents();
-        ['role', 'aria-disabled', 'aria-activedescendant', 'tabindex', 'aria-orientation'].forEach(function (val) {
+        ['role', 'aria-disabled', 'aria-activedescendant', 'tabindex', 'aria-orientation', 'aria-owns'].forEach(function (val) {
             _this.element.removeAttribute(val);
         });
         this.expTemplateContent();
@@ -300,7 +300,7 @@ var Tab = /** @class */ (function (_super) {
         var css = (name === 'msie') ? 'e-ie' : (name === 'edge') ? 'e-edge' : (name === 'safari') ? 'e-safari' : '';
         setStyle(this.element, { 'width': formatUnit(this.width), 'height': formatUnit(this.height) });
         this.setCssClass(this.element, this.cssClass, true);
-        attributes(this.element, { role: 'tablist', 'aria-disabled': 'false', 'aria-activedescendant': '' });
+        attributes(this.element, { role: 'tablist', 'aria-disabled': 'false', 'aria-activedescendant': '', 'aria-owns': this.element.id + '_' + 'tab_header_items' });
         this.setCssClass(this.element, css, true);
         this.updatePopAnimationConfig();
     };
@@ -485,6 +485,10 @@ var Tab = /** @class */ (function (_super) {
         attributes(this.hdrEle, { 'aria-label': 'tab-header' });
         this.updateOrientationAttribute();
         this.setCloseButton(this.showCloseButton);
+        var toolbarHeader = this.tbObj.element.querySelector('.' + CLS_TB_ITEMS);
+        if (!isNOU(toolbarHeader)) {
+            toolbarHeader.id = this.element.id + '_' + 'tab_header_items';
+        }
     };
     Tab.prototype.renderContent = function () {
         this.cntEle = select('.' + CLS_CONTENT, this.element);
@@ -1844,7 +1848,7 @@ var Tab = /** @class */ (function (_super) {
             }
             this.tbItems = select('.' + CLS_TB_ITEMS, this.getTabHeader());
             this.isAdd = true;
-            var tabItems = this.parseObject(items, index);
+            var tabItems_2 = this.parseObject(items, index);
             this.isAdd = false;
             var i_1 = 0;
             var textValue_1;
@@ -1852,6 +1856,12 @@ var Tab = /** @class */ (function (_super) {
                 textValue_1 = item.headerTemplate || item.header.text;
                 if (!(isNOU(item.headerTemplate || item.header) || isNOU(textValue_1) ||
                     (textValue_1.length === 0) && !isNOU(item.header) && isNOU(item.header.iconCss))) {
+                    if (tabItems_2[place]) {
+                        if (isNOU(item.id)) {
+                            item.id = TABITEMPREFIX + (lastEleIndex + place).toString();
+                        }
+                        tabItems_2[place].htmlAttributes['data-id'] = item.id;
+                    }
                     _this.items.splice((index + i_1), 0, item);
                     i_1++;
                 }
@@ -1866,7 +1876,7 @@ var Tab = /** @class */ (function (_super) {
                     _this.getContent(eleTrg, item.content, 'render', index);
                 }
             });
-            this.tbObj.addItems(tabItems, index);
+            this.tbObj.addItems(tabItems_2, index);
             if (!this.isReplace) {
                 this.trigger('added', { addedItems: items });
             }
@@ -1875,6 +1885,7 @@ var Tab = /** @class */ (function (_super) {
             }
             else {
                 this.setActiveBorder();
+                this.tbItem = selectAll('.' + CLS_TB_ITEM, this.getTabHeader());
             }
             this.bindDraggable();
         }

package/src/treeview/treeview.js

@@ -3658,8 +3658,23 @@ var TreeView = /** @class */ (function (_super) {
             dropUl = dropEle;
         }
         var refNode = dropUl.childNodes[index];
-        for (var i = 0; i < li.length; i++) {
-            dropUl.insertBefore(li[i], refNode);
+        if (refNode || this.sortOrder === 'None') {
+            for (var i = 0; i < li.length; i++) {
+                dropUl.insertBefore(li[i], refNode);
+            }
+        }
+        if (!refNode && ((this.sortOrder === 'Ascending') || (this.sortOrder === 'Descending'))) {
+            var cNodes = dropUl.childNodes;
+            for (var i = 0; i < li.length; i++) {
+                for (var j = 0; j < cNodes.length; j++) {
+                    var returnValue = (this.sortOrder === 'Ascending') ? cNodes[j].textContent.toUpperCase() > li[i].innerText.toUpperCase() : cNodes[j].textContent.toUpperCase() < li[i].innerText.toUpperCase();
+                    if (returnValue) {
+                        dropUl.insertBefore(li[i], cNodes[j]);
+                        break;
+                    }
+                    dropUl.insertBefore(li[i], cNodes[cNodes.length]);
+                }
+            }
         }
         var id = this.getId(dropLi);
         if (this.dataType === 1) {

package/styles/bootstrap-dark.css

@@ -1991,8 +1991,7 @@
   width: 100%;
 }
 .e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   display: none;
   float: left;
   height: 100%;

package/styles/bootstrap.css

@@ -453,9 +453,7 @@
   content: "";
 }
 
-/*! component's theme wise override definitions and variables */
-/*! component's theme wise override definitions and variables */
-/*! component's theme wise override definitions and variables */
+/*! component's theme wise override definitions and variables */ /*! component's theme wise override definitions and variables */ /*! component's theme wise override definitions and variables */
 /*! toolbar icons */
 .e-toolbar .e-popup-down-icon::before {
   content: "\e83d";
@@ -1997,8 +1995,7 @@
   width: 100%;
 }
 .e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   display: none;
   float: left;
   height: 100%;
@@ -2513,8 +2510,7 @@
   border-bottom-color: #e6e6e6;
 }
 
-/*! component's theme wise override definitions and variables */
-/*! Bootstrap theme definition's */
+/*! component's theme wise override definitions and variables */ /*! Bootstrap theme definition's */
 /*! component's theme wise override definitions and variables */
 /*! Horizontal Tab */
 /*! Bootstrap specific themes definition's */
@@ -6954,8 +6950,7 @@ ejs-sidebar {
   visibility: visible;
 }
 
-/*! component's theme wise override definitions and variables */
-/*! component's theme wise override definitions and variables */
+/*! component's theme wise override definitions and variables */ /*! component's theme wise override definitions and variables */
 /*! menu layout */
 .e-menu-wrapper ul.e-vertical .e-menu-item .e-caret::before,
 .e-menu-container ul.e-vertical .e-menu-item .e-caret::before {

package/styles/bootstrap4.css

@@ -459,8 +459,7 @@
   content: "";
 }
 
-/*! component's theme wise override definitions and variables */
-/*! component's theme wise override definitions and variables */
+/*! component's theme wise override definitions and variables */ /*! component's theme wise override definitions and variables */
 /*! toolbar icons */
 .e-toolbar .e-popup-down-icon::before {
   content: "\e744";
@@ -2082,8 +2081,7 @@
   width: 100%;
 }
 .e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   display: none;
   float: left;
   height: 100%;
@@ -7170,8 +7168,7 @@ ejs-sidebar {
   visibility: visible;
 }
 
-/*! component's theme wise override definitions and variables */
-/*! component's theme wise override definitions and variables */
+/*! component's theme wise override definitions and variables */ /*! component's theme wise override definitions and variables */
 /*! menu layout */
 .e-menu-wrapper ul.e-vertical .e-menu-item .e-caret::before,
 .e-menu-container ul.e-vertical .e-menu-item .e-caret::before {

package/styles/bootstrap5-dark.css

@@ -484,8 +484,7 @@
     box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
   }
 }
-/*! component's theme wise override definitions and variables */
-/*! Toolbar's bootstrap5 theme wise override definitions and variables */
+/*! component's theme wise override definitions and variables */ /*! Toolbar's bootstrap5 theme wise override definitions and variables */
 /*! toolbar icons */
 .e-toolbar .e-popup-down-icon::before {
   content: "\e729";
@@ -2020,8 +2019,7 @@
   width: 100%;
 }
 .e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   display: none;
   float: left;
   height: 100%;
@@ -2539,8 +2537,7 @@
   border-bottom-color: #444c54;
 }
 
-/*! Toolbar's bootstrap5 theme wise override definitions and variables */
-/*! Tab's bootstrap5 theme wise override definitions and variables */
+/*! Toolbar's bootstrap5 theme wise override definitions and variables */ /*! Tab's bootstrap5 theme wise override definitions and variables */
 /*! Horizontal Tab */
 /*! Bootstrap specific themes definition's */
 /*! Vertical Tab */
@@ -6625,7 +6622,7 @@
 .e-treeview .e-icon-expandable {
   display: inline-block;
   height: 20px;
-  margin: 0 0 0 -20px;
+  margin: 0 2px 0 -25px;
   vertical-align: middle;
   width: 20px;
 }

package/styles/bootstrap5.css

@@ -484,8 +484,7 @@
     box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
   }
 }
-/*! component's theme wise override definitions and variables */
-/*! Toolbar's bootstrap5 theme wise override definitions and variables */
+/*! component's theme wise override definitions and variables */ /*! Toolbar's bootstrap5 theme wise override definitions and variables */
 /*! toolbar icons */
 .e-toolbar .e-popup-down-icon::before {
   content: "\e729";
@@ -2020,8 +2019,7 @@
   width: 100%;
 }
 .e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   display: none;
   float: left;
   height: 100%;
@@ -2539,8 +2537,7 @@
   border-bottom-color: #dee2e6;
 }
 
-/*! Toolbar's bootstrap5 theme wise override definitions and variables */
-/*! Tab's bootstrap5 theme wise override definitions and variables */
+/*! Toolbar's bootstrap5 theme wise override definitions and variables */ /*! Tab's bootstrap5 theme wise override definitions and variables */
 /*! Horizontal Tab */
 /*! Bootstrap specific themes definition's */
 /*! Vertical Tab */
@@ -6625,7 +6622,7 @@
 .e-treeview .e-icon-expandable {
   display: inline-block;
   height: 20px;
-  margin: 0 0 0 -20px;
+  margin: 0 2px 0 -25px;
   vertical-align: middle;
   width: 20px;
 }

package/styles/carousel/bootstrap-dark.css

@@ -34,8 +34,7 @@
   width: 100%;
 }
 .e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   display: none;
   float: left;
   height: 100%;

package/styles/carousel/bootstrap.css

@@ -34,8 +34,7 @@
   width: 100%;
 }
 .e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   display: none;
   float: left;
   height: 100%;

package/styles/carousel/bootstrap4.css

@@ -34,8 +34,7 @@
   width: 100%;
 }
 .e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   display: none;
   float: left;
   height: 100%;

package/styles/carousel/bootstrap5-dark.css

@@ -34,8 +34,7 @@
   width: 100%;
 }
 .e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   display: none;
   float: left;
   height: 100%;

package/styles/carousel/bootstrap5.css

@@ -34,8 +34,7 @@
   width: 100%;
 }
 .e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   display: none;
   float: left;
   height: 100%;

package/styles/carousel/fabric-dark.css

@@ -34,8 +34,7 @@
   width: 100%;
 }
 .e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   display: none;
   float: left;
   height: 100%;

package/styles/carousel/fabric.css

@@ -34,8 +34,7 @@
   width: 100%;
 }
 .e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   display: none;
   float: left;
   height: 100%;

package/styles/carousel/fluent-dark.css

@@ -34,8 +34,7 @@
   width: 100%;
 }
 .e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   display: none;
   float: left;
   height: 100%;

package/styles/carousel/fluent.css

@@ -34,8 +34,7 @@
   width: 100%;
 }
 .e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   display: none;
   float: left;
   height: 100%;

package/styles/carousel/highcontrast-light.css

@@ -34,8 +34,7 @@
   width: 100%;
 }
 .e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   display: none;
   float: left;
   height: 100%;

package/styles/carousel/highcontrast.css

@@ -34,8 +34,7 @@
   width: 100%;
 }
 .e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   display: none;
   float: left;
   height: 100%;

package/styles/carousel/material-dark.css

@@ -35,8 +35,7 @@
   width: 100%;
 }
 .e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   display: none;
   float: left;
   height: 100%;

package/styles/carousel/material.css

@@ -35,8 +35,7 @@
   width: 100%;
 }
 .e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   display: none;
   float: left;
   height: 100%;

package/styles/carousel/tailwind-dark.css

@@ -35,8 +35,7 @@
   width: 100%;
 }
 .e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   display: none;
   float: left;
   height: 100%;

package/styles/carousel/tailwind.css

@@ -35,8 +35,7 @@
   width: 100%;
 }
 .e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   display: none;
   float: left;
   height: 100%;

package/styles/fabric-dark.css

@@ -1946,8 +1946,7 @@
   width: 100%;
 }
 .e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   display: none;
   float: left;
   height: 100%;

package/styles/fabric.css

@@ -1949,8 +1949,7 @@
   width: 100%;
 }
 .e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   display: none;
   float: left;
   height: 100%;

package/styles/fluent-dark.css

@@ -1953,8 +1953,7 @@
   width: 100%;
 }
 .e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   display: none;
   float: left;
   height: 100%;

package/styles/fluent.css

@@ -1953,8 +1953,7 @@
   width: 100%;
 }
 .e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   display: none;
   float: left;
   height: 100%;

package/styles/highcontrast-light.css

@@ -2088,8 +2088,7 @@
   width: 100%;
 }
 .e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   display: none;
   float: left;
   height: 100%;

package/styles/highcontrast.css

@@ -2091,8 +2091,7 @@
   width: 100%;
 }
 .e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   display: none;
   float: left;
   height: 100%;

package/styles/material-dark.css

@@ -2027,8 +2027,7 @@
   width: 100%;
 }
 .e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   display: none;
   float: left;
   height: 100%;

package/styles/material.css

@@ -2033,8 +2033,7 @@
   width: 100%;
 }
 .e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   display: none;
   float: left;
   height: 100%;

package/styles/menu/bootstrap.css

@@ -1,5 +1,4 @@
-/*! component's theme wise override definitions and variables */
-/*! component's theme wise override definitions and variables */
+/*! component's theme wise override definitions and variables */ /*! component's theme wise override definitions and variables */
 /*! menu layout */
 .e-menu-wrapper ul.e-vertical .e-menu-item .e-caret::before,
 .e-menu-container ul.e-vertical .e-menu-item .e-caret::before {

package/styles/menu/bootstrap4.css

@@ -1,5 +1,4 @@
-/*! component's theme wise override definitions and variables */
-/*! component's theme wise override definitions and variables */
+/*! component's theme wise override definitions and variables */ /*! component's theme wise override definitions and variables */
 /*! menu layout */
 .e-menu-wrapper ul.e-vertical .e-menu-item .e-caret::before,
 .e-menu-container ul.e-vertical .e-menu-item .e-caret::before {

package/styles/tab/bootstrap.css

@@ -1,5 +1,4 @@
-/*! component's theme wise override definitions and variables */
-/*! Bootstrap theme definition's */
+/*! component's theme wise override definitions and variables */ /*! Bootstrap theme definition's */
 /*! component's theme wise override definitions and variables */
 /*! Horizontal Tab */
 /*! Bootstrap specific themes definition's */

package/styles/tab/bootstrap5-dark.css

@@ -1,5 +1,4 @@
-/*! Toolbar's bootstrap5 theme wise override definitions and variables */
-/*! Tab's bootstrap5 theme wise override definitions and variables */
+/*! Toolbar's bootstrap5 theme wise override definitions and variables */ /*! Tab's bootstrap5 theme wise override definitions and variables */
 /*! Horizontal Tab */
 /*! Bootstrap specific themes definition's */
 /*! Vertical Tab */

package/styles/tab/bootstrap5.css

@@ -1,5 +1,4 @@
-/*! Toolbar's bootstrap5 theme wise override definitions and variables */
-/*! Tab's bootstrap5 theme wise override definitions and variables */
+/*! Toolbar's bootstrap5 theme wise override definitions and variables */ /*! Tab's bootstrap5 theme wise override definitions and variables */
 /*! Horizontal Tab */
 /*! Bootstrap specific themes definition's */
 /*! Vertical Tab */