@syncfusion/ej2-navigations 32.2.8 → 33.1.44

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 32.2.8
+*  version : 33.1.44
 *  Copyright Syncfusion Inc. 2001 - 2025. 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,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-navigations",
-  "version": "32.2.8",
+  "version": "33.1.44",
   "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",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,12 +8,12 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-navigations.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~32.2.6",
-    "@syncfusion/ej2-buttons": "~32.2.7",
-    "@syncfusion/ej2-data": "~32.2.3",
-    "@syncfusion/ej2-inputs": "~32.2.8",
-    "@syncfusion/ej2-lists": "~32.2.7",
-    "@syncfusion/ej2-popups": "~32.2.8"
+    "@syncfusion/ej2-base": "~33.1.44",
+    "@syncfusion/ej2-buttons": "~33.1.44",
+    "@syncfusion/ej2-data": "~33.1.44",
+    "@syncfusion/ej2-inputs": "~33.1.44",
+    "@syncfusion/ej2-lists": "~33.1.44",
+    "@syncfusion/ej2-popups": "~33.1.44"
   },
   "devDependencies": {},
   "keywords": [

package/src/accordion/accordion.js

@@ -716,8 +716,13 @@ var Accordion = /** @class */ (function (_super) {
             if (this.isReact) {
                 this.renderReactTemplates();
             }
-            append(this.getItemTemplate()(this.dataSource[parseInt(index.toString(), 10)], this, 'itemTemplate', this.element.id + '_itemTemplate', false), ctn);
-            itemcnt.appendChild(ctn);
+            if (!isNOU(this.getItemTemplate())) {
+                append(this.getItemTemplate()(this.dataSource[parseInt(index.toString(), 10)], this, 'itemTemplate', this.element.id + '_itemTemplate', false), ctn);
+                itemcnt.appendChild(ctn);
+            }
+            else {
+                itemcnt.appendChild(this.fetchElement(ctn, this.dataSource[parseInt(index.toString(), 10)].content, index));
+            }
         }
         else {
             var content = this.items[parseInt(index.toString(), 10)].content;

package/src/common/menu-base.js

@@ -536,7 +536,11 @@ var MenuBase = /** @class */ (function (_super) {
         cul.children[fliIdx].classList.add(FOCUSED);
         cul.children[fliIdx].focus();
         if (closest(this.element, '.e-popup')) {
-            cul.focus();
+            var focusedLiItem = cul.children[fliIdx];
+            var focusableChild = focusedLiItem.querySelector('[tabindex], span[tabindex], a, button, [tabindex]:not([tabindex="-1"])');
+            if (!focusableChild) {
+                cul.focus();
+            }
         }
     };
     MenuBase.prototype.isValidLI = function (cli, index, action) {

package/styles/appbar/material3-dark.css

@@ -330,12 +330,10 @@
           box-shadow: 0 1.6px 3.6px rgba(0, 0, 0, 0.13), 0 0.3px 0.9px rgba(0, 0, 0, 0.1);
 }
 .e-appbar.e-light {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface));
   border: 1px solid;
   -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08));
-     border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08)));
      border-image: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08));
 }
 .e-appbar.e-light .e-appbar-separator {
@@ -358,13 +356,11 @@
 }
 .e-appbar.e-light .e-menu-wrapper.e-inherit,
 .e-appbar.e-light .e-menu-container.e-inherit {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface));
   -webkit-box-shadow: none;
           box-shadow: none;
   -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08));
-     border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08)));
      border-image: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08));
 }
 .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
@@ -447,7 +443,6 @@
 }
 
 .e-light.e-inherit.e-input-group, .e-light.e-inherit.e-input-group.e-control-wrapper, .e-light.e-inherit.e-float-input, .e-light.e-inherit.e-float-input.e-input-group, .e-light.e-inherit.e-float-input.e-control-wrapper, .e-light.e-inherit.e-float-input.e-input-group.e-control-wrapper, .e-light.e-inherit.e-input-group:not(.e-disabled) .e-input-group-icon:hover, .e-light.e-inherit.e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface));
 }

package/styles/appbar/material3.css

@@ -336,12 +336,10 @@
           box-shadow: 0 1.6px 3.6px rgba(0, 0, 0, 0.13), 0 0.3px 0.9px rgba(0, 0, 0, 0.1);
 }
 .e-appbar.e-light {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface));
   border: 1px solid;
   -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08));
-     border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08)));
      border-image: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08));
 }
 .e-appbar.e-light .e-appbar-separator {
@@ -364,13 +362,11 @@
 }
 .e-appbar.e-light .e-menu-wrapper.e-inherit,
 .e-appbar.e-light .e-menu-container.e-inherit {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface));
   -webkit-box-shadow: none;
           box-shadow: none;
   -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08));
-     border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08)));
      border-image: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08));
 }
 .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
@@ -453,7 +449,6 @@
 }
 
 .e-light.e-inherit.e-input-group, .e-light.e-inherit.e-input-group.e-control-wrapper, .e-light.e-inherit.e-float-input, .e-light.e-inherit.e-float-input.e-input-group, .e-light.e-inherit.e-float-input.e-control-wrapper, .e-light.e-inherit.e-float-input.e-input-group.e-control-wrapper, .e-light.e-inherit.e-input-group:not(.e-disabled) .e-input-group-icon:hover, .e-light.e-inherit.e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface));
 }

package/styles/bds-lite.css

@@ -896,11 +896,9 @@
   background-repeat: repeat-x;
 }
 .e-hscroll .e-scroll-overlay.e-scroll-left-overlay {
-  background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-bg-secondary), 1)), to(rgba(var(--color-sf-bg-secondary), 0)));
   background-image: linear-gradient(-270deg, rgba(var(--color-sf-bg-secondary), 1) 0%, rgba(var(--color-sf-bg-secondary), 0) 100%);
 }
 .e-hscroll .e-scroll-overlay.e-scroll-right-overlay {
-  background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-bg-secondary), 0)), to(rgba(var(--color-sf-bg-secondary), 1)));
   background-image: linear-gradient(-270deg, rgba(var(--color-sf-bg-secondary), 0) 0%, rgba(var(--color-sf-bg-secondary), 1) 100%);
 }
 .e-hscroll.e-rtl .e-scroll-nav {
@@ -1130,11 +1128,9 @@
   background-repeat: repeat-x;
 }
 .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
-  background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-bg-secondary), 1)), to(rgba(var(--color-sf-bg-secondary), 0)));
   background-image: linear-gradient(-270deg, rgba(var(--color-sf-bg-secondary), 1) 0%, rgba(var(--color-sf-bg-secondary), 0) 100%);
 }
 .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
-  background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-bg-secondary), 0)), to(rgba(var(--color-sf-bg-secondary), 1)));
   background-image: linear-gradient(-270deg, rgba(var(--color-sf-bg-secondary), 0) 0%, rgba(var(--color-sf-bg-secondary), 1) 100%);
 }
 .e-vscroll.e-rtl .e-scroll-nav {
@@ -7358,77 +7354,77 @@ ejs-sidebar {
           box-shadow: 0 0 rgba(var(--color-sf-base-black), 0);
 }
 
-.e-sidebarcontainer.e-sidebar.e-over, .e-sidebarcontainer.e-sidebar.e-auto, .e-sidebarcontainer.e-sidebar.e-push, .e-sidebarcontainer.e-sidebar.e-slide + div {
+.e-sidebarcontainer > .e-sidebar.e-over, .e-sidebarcontainer > .e-sidebar.e-auto, .e-sidebarcontainer > .e-sidebar.e-push, .e-sidebarcontainer > .e-sidebar.e-slide + div {
   -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
   transition: margin 0.5s ease, -webkit-transform 0.5s ease;
   transition: margin 0.5s ease, transform 0.5s ease;
   transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
 }
-.e-sidebarcontainer.e-left.e-open.e-auto + div {
+.e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
   margin-right: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-left: var(--sidebar-width);
 }
-.e-sidebarcontainer.e-left.e-close.e-auto + div {
+.e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
   margin-right: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-left: 0;
 }
-.e-sidebarcontainer.e-right.e-open.e-auto + div {
+.e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
   margin-left: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-right: var(--sidebar-width);
 }
-.e-sidebarcontainer.e-right.e-close.e-auto + div {
+.e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
   margin-right: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-left: 0;
 }
-.e-sidebarcontainer.e-left.e-open.e-push + div {
+.e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
   margin-right: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-left: var(--sidebar-width);
 }
-.e-sidebarcontainer.e-left.e-close.e-push + div {
+.e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
   margin-right: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-left: 0;
 }
-.e-sidebarcontainer.e-right.e-open.e-push + div {
+.e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
   margin-left: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-right: var(--sidebar-width);
 }
-.e-sidebarcontainer.e-right.e-close.e-push + div {
+.e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
   margin-right: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-left: 0;
 }
-.e-sidebarcontainer.e-left.e-open.e-slide + div {
+.e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
   margin-left: 0;
   -webkit-transform: translate(var(--sidebar-width));
           transform: translate(var(--sidebar-width));
 }
-.e-sidebarcontainer.e-left.e-close.e-slide + div {
+.e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
   margin-left: 0;
   -webkit-transform: translate(0);
           transform: translate(0);
 }
-.e-sidebarcontainer.e-right.e-open.e-slide + div {
+.e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
   margin-right: 0;
   margin-left: 0;
   -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
           transform: translate(calc(-1 * var(--sidebar-width)));
 }
-.e-sidebarcontainer.e-right.e-close.e-slide + div {
+.e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
   margin-right: 0;
   margin-left: 0;
   -webkit-transform: translate(0);

package/styles/bds.css

@@ -1161,11 +1161,9 @@
   background-repeat: repeat-x;
 }
 .e-hscroll .e-scroll-overlay.e-scroll-left-overlay {
-  background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-bg-secondary), 1)), to(rgba(var(--color-sf-bg-secondary), 0)));
   background-image: linear-gradient(-270deg, rgba(var(--color-sf-bg-secondary), 1) 0%, rgba(var(--color-sf-bg-secondary), 0) 100%);
 }
 .e-hscroll .e-scroll-overlay.e-scroll-right-overlay {
-  background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-bg-secondary), 0)), to(rgba(var(--color-sf-bg-secondary), 1)));
   background-image: linear-gradient(-270deg, rgba(var(--color-sf-bg-secondary), 0) 0%, rgba(var(--color-sf-bg-secondary), 1) 100%);
 }
 .e-hscroll.e-rtl .e-scroll-nav {
@@ -1446,11 +1444,9 @@
   background-repeat: repeat-x;
 }
 .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
-  background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-bg-secondary), 1)), to(rgba(var(--color-sf-bg-secondary), 0)));
   background-image: linear-gradient(-270deg, rgba(var(--color-sf-bg-secondary), 1) 0%, rgba(var(--color-sf-bg-secondary), 0) 100%);
 }
 .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
-  background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-bg-secondary), 0)), to(rgba(var(--color-sf-bg-secondary), 1)));
   background-image: linear-gradient(-270deg, rgba(var(--color-sf-bg-secondary), 0) 0%, rgba(var(--color-sf-bg-secondary), 1) 100%);
 }
 .e-vscroll.e-rtl .e-scroll-nav {
@@ -9628,77 +9624,77 @@ ejs-sidebar {
           box-shadow: 0 0 rgba(var(--color-sf-base-black), 0);
 }
 
-.e-sidebarcontainer.e-sidebar.e-over, .e-sidebarcontainer.e-sidebar.e-auto, .e-sidebarcontainer.e-sidebar.e-push, .e-sidebarcontainer.e-sidebar.e-slide + div {
+.e-sidebarcontainer > .e-sidebar.e-over, .e-sidebarcontainer > .e-sidebar.e-auto, .e-sidebarcontainer > .e-sidebar.e-push, .e-sidebarcontainer > .e-sidebar.e-slide + div {
   -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
   transition: margin 0.5s ease, -webkit-transform 0.5s ease;
   transition: margin 0.5s ease, transform 0.5s ease;
   transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
 }
-.e-sidebarcontainer.e-left.e-open.e-auto + div {
+.e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
   margin-right: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-left: var(--sidebar-width);
 }
-.e-sidebarcontainer.e-left.e-close.e-auto + div {
+.e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
   margin-right: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-left: 0;
 }
-.e-sidebarcontainer.e-right.e-open.e-auto + div {
+.e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
   margin-left: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-right: var(--sidebar-width);
 }
-.e-sidebarcontainer.e-right.e-close.e-auto + div {
+.e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
   margin-right: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-left: 0;
 }
-.e-sidebarcontainer.e-left.e-open.e-push + div {
+.e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
   margin-right: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-left: var(--sidebar-width);
 }
-.e-sidebarcontainer.e-left.e-close.e-push + div {
+.e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
   margin-right: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-left: 0;
 }
-.e-sidebarcontainer.e-right.e-open.e-push + div {
+.e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
   margin-left: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-right: var(--sidebar-width);
 }
-.e-sidebarcontainer.e-right.e-close.e-push + div {
+.e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
   margin-right: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-left: 0;
 }
-.e-sidebarcontainer.e-left.e-open.e-slide + div {
+.e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
   margin-left: 0;
   -webkit-transform: translate(var(--sidebar-width));
           transform: translate(var(--sidebar-width));
 }
-.e-sidebarcontainer.e-left.e-close.e-slide + div {
+.e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
   margin-left: 0;
   -webkit-transform: translate(0);
           transform: translate(0);
 }
-.e-sidebarcontainer.e-right.e-open.e-slide + div {
+.e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
   margin-right: 0;
   margin-left: 0;
   -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
           transform: translate(calc(-1 * var(--sidebar-width)));
 }
-.e-sidebarcontainer.e-right.e-close.e-slide + div {
+.e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
   margin-right: 0;
   margin-left: 0;
   -webkit-transform: translate(0);

package/styles/bootstrap-dark-lite.css

@@ -6726,77 +6726,77 @@ ejs-sidebar {
           box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
 }
 
-.e-sidebarcontainer.e-sidebar.e-over, .e-sidebarcontainer.e-sidebar.e-auto, .e-sidebarcontainer.e-sidebar.e-push, .e-sidebarcontainer.e-sidebar.e-slide + div {
+.e-sidebarcontainer > .e-sidebar.e-over, .e-sidebarcontainer > .e-sidebar.e-auto, .e-sidebarcontainer > .e-sidebar.e-push, .e-sidebarcontainer > .e-sidebar.e-slide + div {
   -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
   transition: margin 0.5s ease, -webkit-transform 0.5s ease;
   transition: margin 0.5s ease, transform 0.5s ease;
   transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
 }
-.e-sidebarcontainer.e-left.e-open.e-auto + div {
+.e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
   margin-right: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-left: var(--sidebar-width);
 }
-.e-sidebarcontainer.e-left.e-close.e-auto + div {
+.e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
   margin-right: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-left: 0;
 }
-.e-sidebarcontainer.e-right.e-open.e-auto + div {
+.e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
   margin-left: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-right: var(--sidebar-width);
 }
-.e-sidebarcontainer.e-right.e-close.e-auto + div {
+.e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
   margin-right: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-left: 0;
 }
-.e-sidebarcontainer.e-left.e-open.e-push + div {
+.e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
   margin-right: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-left: var(--sidebar-width);
 }
-.e-sidebarcontainer.e-left.e-close.e-push + div {
+.e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
   margin-right: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-left: 0;
 }
-.e-sidebarcontainer.e-right.e-open.e-push + div {
+.e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
   margin-left: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-right: var(--sidebar-width);
 }
-.e-sidebarcontainer.e-right.e-close.e-push + div {
+.e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
   margin-right: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-left: 0;
 }
-.e-sidebarcontainer.e-left.e-open.e-slide + div {
+.e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
   margin-left: 0;
   -webkit-transform: translate(var(--sidebar-width));
           transform: translate(var(--sidebar-width));
 }
-.e-sidebarcontainer.e-left.e-close.e-slide + div {
+.e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
   margin-left: 0;
   -webkit-transform: translate(0);
           transform: translate(0);
 }
-.e-sidebarcontainer.e-right.e-open.e-slide + div {
+.e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
   margin-right: 0;
   margin-left: 0;
   -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
           transform: translate(calc(-1 * var(--sidebar-width)));
 }
-.e-sidebarcontainer.e-right.e-close.e-slide + div {
+.e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
   margin-right: 0;
   margin-left: 0;
   -webkit-transform: translate(0);

package/styles/bootstrap-dark.css

@@ -8763,77 +8763,77 @@ ejs-sidebar {
           box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
 }
 
-.e-sidebarcontainer.e-sidebar.e-over, .e-sidebarcontainer.e-sidebar.e-auto, .e-sidebarcontainer.e-sidebar.e-push, .e-sidebarcontainer.e-sidebar.e-slide + div {
+.e-sidebarcontainer > .e-sidebar.e-over, .e-sidebarcontainer > .e-sidebar.e-auto, .e-sidebarcontainer > .e-sidebar.e-push, .e-sidebarcontainer > .e-sidebar.e-slide + div {
   -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
   transition: margin 0.5s ease, -webkit-transform 0.5s ease;
   transition: margin 0.5s ease, transform 0.5s ease;
   transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
 }
-.e-sidebarcontainer.e-left.e-open.e-auto + div {
+.e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
   margin-right: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-left: var(--sidebar-width);
 }
-.e-sidebarcontainer.e-left.e-close.e-auto + div {
+.e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
   margin-right: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-left: 0;
 }
-.e-sidebarcontainer.e-right.e-open.e-auto + div {
+.e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
   margin-left: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-right: var(--sidebar-width);
 }
-.e-sidebarcontainer.e-right.e-close.e-auto + div {
+.e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
   margin-right: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-left: 0;
 }
-.e-sidebarcontainer.e-left.e-open.e-push + div {
+.e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
   margin-right: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-left: var(--sidebar-width);
 }
-.e-sidebarcontainer.e-left.e-close.e-push + div {
+.e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
   margin-right: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-left: 0;
 }
-.e-sidebarcontainer.e-right.e-open.e-push + div {
+.e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
   margin-left: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-right: var(--sidebar-width);
 }
-.e-sidebarcontainer.e-right.e-close.e-push + div {
+.e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
   margin-right: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-left: 0;
 }
-.e-sidebarcontainer.e-left.e-open.e-slide + div {
+.e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
   margin-left: 0;
   -webkit-transform: translate(var(--sidebar-width));
           transform: translate(var(--sidebar-width));
 }
-.e-sidebarcontainer.e-left.e-close.e-slide + div {
+.e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
   margin-left: 0;
   -webkit-transform: translate(0);
           transform: translate(0);
 }
-.e-sidebarcontainer.e-right.e-open.e-slide + div {
+.e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
   margin-right: 0;
   margin-left: 0;
   -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
           transform: translate(calc(-1 * var(--sidebar-width)));
 }
-.e-sidebarcontainer.e-right.e-close.e-slide + div {
+.e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
   margin-right: 0;
   margin-left: 0;
   -webkit-transform: translate(0);

package/styles/bootstrap-lite.css

@@ -6743,77 +6743,77 @@ ejs-sidebar {
           box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
 }
 
-.e-sidebarcontainer.e-sidebar.e-over, .e-sidebarcontainer.e-sidebar.e-auto, .e-sidebarcontainer.e-sidebar.e-push, .e-sidebarcontainer.e-sidebar.e-slide + div {
+.e-sidebarcontainer > .e-sidebar.e-over, .e-sidebarcontainer > .e-sidebar.e-auto, .e-sidebarcontainer > .e-sidebar.e-push, .e-sidebarcontainer > .e-sidebar.e-slide + div {
   -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
   transition: margin 0.5s ease, -webkit-transform 0.5s ease;
   transition: margin 0.5s ease, transform 0.5s ease;
   transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
 }
-.e-sidebarcontainer.e-left.e-open.e-auto + div {
+.e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
   margin-right: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-left: var(--sidebar-width);
 }
-.e-sidebarcontainer.e-left.e-close.e-auto + div {
+.e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
   margin-right: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-left: 0;
 }
-.e-sidebarcontainer.e-right.e-open.e-auto + div {
+.e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
   margin-left: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-right: var(--sidebar-width);
 }
-.e-sidebarcontainer.e-right.e-close.e-auto + div {
+.e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
   margin-right: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-left: 0;
 }
-.e-sidebarcontainer.e-left.e-open.e-push + div {
+.e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
   margin-right: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-left: var(--sidebar-width);
 }
-.e-sidebarcontainer.e-left.e-close.e-push + div {
+.e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
   margin-right: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-left: 0;
 }
-.e-sidebarcontainer.e-right.e-open.e-push + div {
+.e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
   margin-left: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-right: var(--sidebar-width);
 }
-.e-sidebarcontainer.e-right.e-close.e-push + div {
+.e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
   margin-right: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-left: 0;
 }
-.e-sidebarcontainer.e-left.e-open.e-slide + div {
+.e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
   margin-left: 0;
   -webkit-transform: translate(var(--sidebar-width));
           transform: translate(var(--sidebar-width));
 }
-.e-sidebarcontainer.e-left.e-close.e-slide + div {
+.e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
   margin-left: 0;
   -webkit-transform: translate(0);
           transform: translate(0);
 }
-.e-sidebarcontainer.e-right.e-open.e-slide + div {
+.e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
   margin-right: 0;
   margin-left: 0;
   -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
           transform: translate(calc(-1 * var(--sidebar-width)));
 }
-.e-sidebarcontainer.e-right.e-close.e-slide + div {
+.e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
   margin-right: 0;
   margin-left: 0;
   -webkit-transform: translate(0);