@syncfusion/ej2-angular-navigations 19.2.60 → 19.3.45

package/styles/sidebar/bootstrap5-dark.css

@@ -0,0 +1,155 @@
+ejs-sidebar {
+  display: none;
+}
+
+.e-sidebar-display {
+  display: block;
+}
+
+.e-sidebar {
+  -webkit-tap-highlight-color: transparent;
+  background: #282d31;
+  height: 100%;
+  overflow: auto;
+  position: fixed;
+  top: 0;
+  transition: none;
+  vertical-align: middle;
+  visibility: hidden;
+  will-change: transform;
+}
+
+.e-sidebar.e-right.e-open {
+  transform: translateX(0%);
+  transition: transform .5s ease;
+  visibility: visible;
+}
+
+.e-sidebar.e-right.e-close {
+  box-shadow: none;
+  transform: translateX(100%);
+  transition: transform .5s ease, visibility 500ms;
+  visibility: hidden;
+}
+
+.e-sidebar.e-left.e-open {
+  transform: translateX(0%);
+  transition: transform .5s ease;
+  visibility: visible;
+}
+
+.e-sidebar.e-left.e-transition.e-close, .e-sidebar.e-right.e-transition.e-close {
+  transition: transform .5s ease, visibility 500ms;
+}
+
+.e-sidebar.e-left.e-close {
+  box-shadow: none;
+  transform: translateX(-100%);
+  visibility: hidden;
+}
+
+.e-sidebar.e-right.e-close {
+  box-shadow: none;
+  transform: translateX(100%);
+  transition: transform .5s ease, visibility 500ms;
+  visibility: hidden;
+}
+
+.e-sidebar.e-right {
+  border-left: 0 solid transparent;
+  left: auto;
+  right: 0;
+  top: 0;
+}
+
+.e-sidebar.e-left {
+  border-right: 0 solid transparent;
+  left: 0;
+  right: auto;
+  top: 0;
+}
+
+.e-sidebar.e-left.e-close.e-dock {
+  transform: translateX(0%);
+  transition: width .5s ease, visibility 500ms;
+  visibility: visible;
+}
+
+.e-sidebar.e-right.e-close.e-dock {
+  transform: translateX(0%);
+  transition: width .5s ease, visibility 500ms;
+  visibility: visible;
+}
+
+.e-sidebar.e-left.e-open.e-disable-animation, .e-sidebar.e-right.e-open.e-disable-animation, .e-sidebar.e-right.e-close.e-disable-animation, .e-sidebar.e-left.e-close.e-disable-animation {
+  transition: none;
+}
+
+.e-sidebar.e-visibility {
+  visibility: hidden;
+}
+
+.e-sidebar.e-over {
+  box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
+}
+
+.e-sidebar-absolute {
+  position: absolute;
+}
+
+.e-sidebar-context {
+  overflow-x: hidden;
+  position: relative;
+}
+
+.e-backdrop {
+  background-color: rgba(0, 0, 0, 0.4);
+  height: 100%;
+  left: 0;
+  opacity: .5;
+  pointer-events: auto;
+  top: 0;
+  width: auto;
+  z-index: 999;
+}
+
+.e-content-animation {
+  transition: margin .5s ease, transform .5s ease;
+}
+
+.e-content-animation.e-overlay {
+  box-sizing: border-box;
+  overflow: auto;
+  -webkit-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+
+.e-disable-interaction {
+  pointer-events: none;
+  -ms-touch-action: none;
+      touch-action: none;
+}
+
+.e-sidebar-overflow {
+  overflow-x: hidden !important;
+}
+
+.e-sidebar-overlay {
+  background-color: rgba(0, 0, 0, 0.4);
+  height: 100%;
+  left: 0;
+  pointer-events: auto;
+  position: fixed;
+  top: 0;
+  width: 100%;
+  z-index: 999;
+}
+
+.e-content-placeholder.e-sidebar.e-placeholder-sidebar {
+  left: 0;
+  position: fixed;
+  right: auto;
+  top: 0;
+  visibility: visible;
+}

package/styles/sidebar/bootstrap5-dark.scss

@@ -0,0 +1 @@
+@import 'ej2-navigations/styles/sidebar/bootstrap5-dark.scss';

package/styles/sidebar/bootstrap5.css

@@ -0,0 +1,155 @@
+ejs-sidebar {
+  display: none;
+}
+
+.e-sidebar-display {
+  display: block;
+}
+
+.e-sidebar {
+  -webkit-tap-highlight-color: transparent;
+  background: #f8f9fa;
+  height: 100%;
+  overflow: auto;
+  position: fixed;
+  top: 0;
+  transition: none;
+  vertical-align: middle;
+  visibility: hidden;
+  will-change: transform;
+}
+
+.e-sidebar.e-right.e-open {
+  transform: translateX(0%);
+  transition: transform .5s ease;
+  visibility: visible;
+}
+
+.e-sidebar.e-right.e-close {
+  box-shadow: none;
+  transform: translateX(100%);
+  transition: transform .5s ease, visibility 500ms;
+  visibility: hidden;
+}
+
+.e-sidebar.e-left.e-open {
+  transform: translateX(0%);
+  transition: transform .5s ease;
+  visibility: visible;
+}
+
+.e-sidebar.e-left.e-transition.e-close, .e-sidebar.e-right.e-transition.e-close {
+  transition: transform .5s ease, visibility 500ms;
+}
+
+.e-sidebar.e-left.e-close {
+  box-shadow: none;
+  transform: translateX(-100%);
+  visibility: hidden;
+}
+
+.e-sidebar.e-right.e-close {
+  box-shadow: none;
+  transform: translateX(100%);
+  transition: transform .5s ease, visibility 500ms;
+  visibility: hidden;
+}
+
+.e-sidebar.e-right {
+  border-left: 0 solid transparent;
+  left: auto;
+  right: 0;
+  top: 0;
+}
+
+.e-sidebar.e-left {
+  border-right: 0 solid transparent;
+  left: 0;
+  right: auto;
+  top: 0;
+}
+
+.e-sidebar.e-left.e-close.e-dock {
+  transform: translateX(0%);
+  transition: width .5s ease, visibility 500ms;
+  visibility: visible;
+}
+
+.e-sidebar.e-right.e-close.e-dock {
+  transform: translateX(0%);
+  transition: width .5s ease, visibility 500ms;
+  visibility: visible;
+}
+
+.e-sidebar.e-left.e-open.e-disable-animation, .e-sidebar.e-right.e-open.e-disable-animation, .e-sidebar.e-right.e-close.e-disable-animation, .e-sidebar.e-left.e-close.e-disable-animation {
+  transition: none;
+}
+
+.e-sidebar.e-visibility {
+  visibility: hidden;
+}
+
+.e-sidebar.e-over {
+  box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
+}
+
+.e-sidebar-absolute {
+  position: absolute;
+}
+
+.e-sidebar-context {
+  overflow-x: hidden;
+  position: relative;
+}
+
+.e-backdrop {
+  background-color: rgba(0, 0, 0, 0.5);
+  height: 100%;
+  left: 0;
+  opacity: .5;
+  pointer-events: auto;
+  top: 0;
+  width: auto;
+  z-index: 999;
+}
+
+.e-content-animation {
+  transition: margin .5s ease, transform .5s ease;
+}
+
+.e-content-animation.e-overlay {
+  box-sizing: border-box;
+  overflow: auto;
+  -webkit-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+
+.e-disable-interaction {
+  pointer-events: none;
+  -ms-touch-action: none;
+      touch-action: none;
+}
+
+.e-sidebar-overflow {
+  overflow-x: hidden !important;
+}
+
+.e-sidebar-overlay {
+  background-color: rgba(0, 0, 0, 0.5);
+  height: 100%;
+  left: 0;
+  pointer-events: auto;
+  position: fixed;
+  top: 0;
+  width: 100%;
+  z-index: 999;
+}
+
+.e-content-placeholder.e-sidebar.e-placeholder-sidebar {
+  left: 0;
+  position: fixed;
+  right: auto;
+  top: 0;
+  visibility: visible;
+}

package/styles/sidebar/bootstrap5.scss

@@ -0,0 +1 @@
+@import 'ej2-navigations/styles/sidebar/bootstrap5.scss';

package/styles/sidebar/highcontrast.css

@@ -8,7 +8,7 @@ ejs-sidebar {
 
 .e-sidebar {
   -webkit-tap-highlight-color: transparent;
-  background: #fff;
+  background: #000;
   height: 100%;
   overflow: auto;
   position: fixed;

package/styles/tab/bootstrap-dark.css

@@ -50,11 +50,11 @@
 }
 
 .e-tab.e-vertical-tab .e-tab-header .e-scroll-nav .e-nav-up-arrow::before {
-  content: '\ebba';
+  content: '\eb04';
 }
 
 .e-tab.e-vertical-tab .e-tab-header .e-scroll-nav .e-nav-down-arrow::before {
-  content: '\ebbc';
+  content: '\eb05';
 }
 
 .e-tab.e-vertical-tab .e-tab-header .e-popup-up-icon::before {
@@ -137,8 +137,8 @@
   }
 }
 
-.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active,
-.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active {
+.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active,
+.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active {
   margin: 1px 2px 0 0;
 }
 
@@ -3814,34 +3814,34 @@
   border: 0;
 }
 
-.e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
+.e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
   background: #414141;
 }
 
-.e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
-.e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text {
+.e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
+.e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text {
   color: #f0f0f0;
 }
 
-.e-tab.e-focused .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
+.e-tab.e-focused > .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
   color: #f0f0f0;
 }
 
-.e-tab.e-focused .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
-.e-tab.e-focused .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
+.e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
+.e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
   color: #f0f0f0;
 }
 
-.e-tab.e-focused .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow {
+.e-tab.e-focused > .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow {
   border: 0;
 }
 
-.e-tab.e-focused .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon,
-.e-tab.e-focused .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon {
+.e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon,
+.e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon {
   border: 0;
 }
 
-.e-tab.e-focused .e-tab-header.e-vertical .e-hor-nav:focus {
+.e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav:focus {
   outline: 0;
 }
 
@@ -4044,7 +4044,7 @@
 
 .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-close-icon {
-  color: #002957;
+  color: #fff;
 }
 
 .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-text,
@@ -4063,6 +4063,7 @@
 
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active {
   border: 0;
+  margin: 0;
 }
 
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
@@ -4076,7 +4077,7 @@
 }
 
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon {
-  color: #393939;
+  color: #fff;
 }
 
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {

package/styles/tab/bootstrap.css

@@ -143,8 +143,8 @@
   }
 }
 
-.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active,
-.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active {
+.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active,
+.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active {
   margin: 1px 2px 0 0;
 }
 
@@ -3820,34 +3820,34 @@
   border: 0;
 }
 
-.e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
+.e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
   background: #eee;
 }
 
-.e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
-.e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text {
+.e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
+.e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text {
   color: #1f496e;
 }
 
-.e-tab.e-focused .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
+.e-tab.e-focused > .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
   color: #333;
 }
 
-.e-tab.e-focused .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
-.e-tab.e-focused .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
+.e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
+.e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
   color: #333;
 }
 
-.e-tab.e-focused .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow {
+.e-tab.e-focused > .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow {
   border: 0;
 }
 
-.e-tab.e-focused .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon,
-.e-tab.e-focused .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon {
+.e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon,
+.e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon {
   border: 0;
 }
 
-.e-tab.e-focused .e-tab-header.e-vertical .e-hor-nav:focus {
+.e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav:focus {
   outline: 0;
 }
 
@@ -4069,6 +4069,7 @@
 
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active {
   border: 0;
+  margin: 0;
 }
 
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
@@ -4082,7 +4083,7 @@
 }
 
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon {
-  color: #777;
+  color: #fff;
 }
 
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {

package/styles/tab/bootstrap4.css

@@ -140,8 +140,8 @@
   }
 }
 
-.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active,
-.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active {
+.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active,
+.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active {
   margin: 1px 2px 0 0;
 }
 
@@ -807,7 +807,7 @@
 .e-bigger .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::before,
 .e-tab.e-bigger .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::before,
 .e-tab.e-bigger .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::before {
-  line-height: 48px;
+  line-height: 36px;
 }
 
 .e-bigger .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after,
@@ -815,7 +815,7 @@
 .e-tab.e-bigger .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after,
 .e-tab.e-bigger .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
   font-size: 16px;
-  line-height: 48px;
+  line-height: 36px;
   margin: 0 0 0 8px;
 }
 
@@ -2334,7 +2334,7 @@
   font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
   font-size: 14px;
   font-weight: 400;
-  line-height: 36px;
+  line-height: 26px;
   text-align: left;
   text-transform: capitalize;
   transform: none;
@@ -2345,7 +2345,7 @@
 .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
   float: left;
   font-size: 12px;
-  line-height: 36px;
+  line-height: 26px;
   margin: 0 0 0 8px;
   vertical-align: initial;
 }
@@ -3849,34 +3849,34 @@
   border: 0;
 }
 
-.e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
+.e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
   background: #eee;
 }
 
-.e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
-.e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text {
+.e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
+.e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text {
   color: #0056b3;
 }
 
-.e-tab.e-focused .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
+.e-tab.e-focused > .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
   color: #fff;
 }
 
-.e-tab.e-focused .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
-.e-tab.e-focused .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
+.e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
+.e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
   color: #fff;
 }
 
-.e-tab.e-focused .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow {
+.e-tab.e-focused > .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow {
   border: 0;
 }
 
-.e-tab.e-focused .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon,
-.e-tab.e-focused .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon {
+.e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon,
+.e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon {
   border: 0;
 }
 
-.e-tab.e-focused .e-tab-header.e-vertical .e-hor-nav:focus {
+.e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav:focus {
   outline: 0;
 }
 
@@ -4112,6 +4112,7 @@
 
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active {
   border: 0;
+  margin: 0;
 }
 
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {