@syncfusion/ej2-angular-navigations 21.2.9-ngcc → 22.1.34-ngcc

package/styles/accordion/tailwind.css

@@ -24,6 +24,7 @@
 }
 .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 {
+  box-shadow: none;
   padding: 12px 0 12px 28px;
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
@@ -118,6 +119,9 @@
 .e-accordion .e-acrdn-item.e-select.e-selected:last-child {
   border-bottom: 1px solid #e5e7eb;
 }
+.e-accordion .e-acrdn-item:first-child {
+  margin-top: 0;
+}
 .e-accordion .e-acrdn-item:not(.e-select) + .e-acrdn-item:not(.e-select) {
   margin-bottom: 0;
   margin-top: 0;
@@ -207,6 +211,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
   padding: 8px 0 8px 26px;
 }
+.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
+  box-shadow: none;
+}
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
   padding: 0;
 }
@@ -385,6 +392,7 @@
   color: #111827;
   background: none;
   border-top: 0;
+  border-bottom: 0;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   color: #111827;
@@ -488,6 +496,8 @@
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
   box-shadow: none;
+  position: relative;
+  z-index: 2;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #e5e7eb;

package/styles/appbar/bootstrap-dark.css

@@ -69,12 +69,16 @@
   right: auto;
 }
 .e-appbar .e-appbar-separator {
-  height: 32px;
+  height: 24px;
 }
 .e-appbar .e-appbar-spacer {
   -ms-flex-positive: 1;
       flex-grow: 1;
 }
+.e-appbar .e-btn,
+.e-appbar .e-css.e-btn {
+  border-image: unset;
+}
 
 .e-inherit.e-menu-wrapper.e-scrollable .e-menu,
 .e-inherit.e-menu-container.e-scrollable .e-menu {
@@ -88,8 +92,8 @@
 .e-appbar.e-light {
   background: #2a2a2a;
   color: #f0f0f0;
-  border-color: #2a2a2a;
   border: none;
+  border-color: #2a2a2a;
 }
 .e-appbar.e-light .e-appbar-separator {
   border-left: 1px solid #f0f0f0;
@@ -113,8 +117,8 @@
 .e-appbar.e-light .e-menu-container.e-inherit {
   background: #2a2a2a;
   color: #f0f0f0;
-  border-color: #2a2a2a;
   box-shadow: none;
+  border-color: #2a2a2a;
 }
 .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,
 .e-appbar.e-light .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,

package/styles/appbar/bootstrap.css

@@ -69,12 +69,16 @@
   right: auto;
 }
 .e-appbar .e-appbar-separator {
-  height: 32px;
+  height: 24px;
 }
 .e-appbar .e-appbar-spacer {
   -ms-flex-positive: 1;
       flex-grow: 1;
 }
+.e-appbar .e-btn,
+.e-appbar .e-css.e-btn {
+  border-image: unset;
+}
 
 .e-inherit.e-menu-wrapper.e-scrollable .e-menu,
 .e-inherit.e-menu-container.e-scrollable .e-menu {
@@ -88,8 +92,8 @@
 .e-appbar.e-light {
   background: #f8f8f8;
   color: #555;
-  border-color: #e6e6e6;
   border: none;
+  border-color: #e6e6e6;
 }
 .e-appbar.e-light .e-appbar-separator {
   border-left: 1px solid #555;
@@ -113,8 +117,8 @@
 .e-appbar.e-light .e-menu-container.e-inherit {
   background: #f8f8f8;
   color: #555;
-  border-color: #e6e6e6;
   box-shadow: none;
+  border-color: #e6e6e6;
 }
 .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,
 .e-appbar.e-light .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,

package/styles/appbar/bootstrap4.css

@@ -69,12 +69,16 @@
   right: auto;
 }
 .e-appbar .e-appbar-separator {
-  height: 32px;
+  height: 24px;
 }
 .e-appbar .e-appbar-spacer {
   -ms-flex-positive: 1;
       flex-grow: 1;
 }
+.e-appbar .e-btn,
+.e-appbar .e-css.e-btn {
+  border-image: unset;
+}
 
 .e-inherit.e-menu-wrapper.e-scrollable .e-menu,
 .e-inherit.e-menu-container.e-scrollable .e-menu {
@@ -88,8 +92,8 @@
 .e-appbar.e-light {
   background: #f8f9fa;
   color: #212529;
-  border-color: #f8f9fa;
   border: none;
+  border-color: #f8f9fa;
 }
 .e-appbar.e-light .e-appbar-separator {
   border-left: 1px solid #212529;
@@ -113,8 +117,8 @@
 .e-appbar.e-light .e-menu-container.e-inherit {
   background: #f8f9fa;
   color: #212529;
-  border-color: #f8f9fa;
   box-shadow: none;
+  border-color: #f8f9fa;
 }
 .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,
 .e-appbar.e-light .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,

package/styles/appbar/bootstrap5-dark.css

@@ -69,12 +69,16 @@
   right: auto;
 }
 .e-appbar .e-appbar-separator {
-  height: 32px;
+  height: 24px;
 }
 .e-appbar .e-appbar-spacer {
   -ms-flex-positive: 1;
       flex-grow: 1;
 }
+.e-appbar .e-btn,
+.e-appbar .e-css.e-btn {
+  border-image: unset;
+}
 
 .e-inherit.e-menu-wrapper.e-scrollable .e-menu,
 .e-inherit.e-menu-container.e-scrollable .e-menu {
@@ -88,8 +92,8 @@
 .e-appbar.e-light {
   background: #343a40;
   color: #fff;
-  border-color: #343a40;
   border: none;
+  border-color: #343a40;
 }
 .e-appbar.e-light .e-appbar-separator {
   border-left: 1px solid #fff;
@@ -113,8 +117,8 @@
 .e-appbar.e-light .e-menu-container.e-inherit {
   background: #343a40;
   color: #fff;
-  border-color: #343a40;
   box-shadow: none;
+  border-color: #343a40;
 }
 .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,
 .e-appbar.e-light .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,

package/styles/appbar/bootstrap5.css

@@ -69,12 +69,16 @@
   right: auto;
 }
 .e-appbar .e-appbar-separator {
-  height: 32px;
+  height: 24px;
 }
 .e-appbar .e-appbar-spacer {
   -ms-flex-positive: 1;
       flex-grow: 1;
 }
+.e-appbar .e-btn,
+.e-appbar .e-css.e-btn {
+  border-image: unset;
+}
 
 .e-inherit.e-menu-wrapper.e-scrollable .e-menu,
 .e-inherit.e-menu-container.e-scrollable .e-menu {
@@ -88,8 +92,8 @@
 .e-appbar.e-light {
   background: #f8f9fa;
   color: #212529;
-  border-color: #f8f9fa;
   border: none;
+  border-color: #f8f9fa;
 }
 .e-appbar.e-light .e-appbar-separator {
   border-left: 1px solid #212529;
@@ -113,8 +117,8 @@
 .e-appbar.e-light .e-menu-container.e-inherit {
   background: #f8f9fa;
   color: #212529;
-  border-color: #f8f9fa;
   box-shadow: none;
+  border-color: #f8f9fa;
 }
 .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,
 .e-appbar.e-light .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,

package/styles/appbar/fabric-dark.css

@@ -69,12 +69,16 @@
   right: auto;
 }
 .e-appbar .e-appbar-separator {
-  height: 32px;
+  height: 24px;
 }
 .e-appbar .e-appbar-spacer {
   -ms-flex-positive: 1;
       flex-grow: 1;
 }
+.e-appbar .e-btn,
+.e-appbar .e-css.e-btn {
+  border-image: unset;
+}
 
 .e-inherit.e-menu-wrapper.e-scrollable .e-menu,
 .e-inherit.e-menu-container.e-scrollable .e-menu {
@@ -88,8 +92,8 @@
 .e-appbar.e-light {
   background: #282727;
   color: #fff;
-  border-color: #282727;
   border: none;
+  border-color: #282727;
 }
 .e-appbar.e-light .e-appbar-separator {
   border-left: 1px solid #fff;
@@ -113,8 +117,8 @@
 .e-appbar.e-light .e-menu-container.e-inherit {
   background: #282727;
   color: #fff;
-  border-color: #282727;
   box-shadow: none;
+  border-color: #282727;
 }
 .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,
 .e-appbar.e-light .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,

package/styles/appbar/fabric.css

@@ -69,12 +69,16 @@
   right: auto;
 }
 .e-appbar .e-appbar-separator {
-  height: 32px;
+  height: 24px;
 }
 .e-appbar .e-appbar-spacer {
   -ms-flex-positive: 1;
       flex-grow: 1;
 }
+.e-appbar .e-btn,
+.e-appbar .e-css.e-btn {
+  border-image: unset;
+}
 
 .e-inherit.e-menu-wrapper.e-scrollable .e-menu,
 .e-inherit.e-menu-container.e-scrollable .e-menu {
@@ -88,8 +92,8 @@
 .e-appbar.e-light {
   background: #f4f4f4;
   color: #333;
-  border-color: #f4f4f4;
   border: none;
+  border-color: #f4f4f4;
 }
 .e-appbar.e-light .e-appbar-separator {
   border-left: 1px solid #333;
@@ -113,8 +117,8 @@
 .e-appbar.e-light .e-menu-container.e-inherit {
   background: #f4f4f4;
   color: #333;
-  border-color: #f4f4f4;
   box-shadow: none;
+  border-color: #f4f4f4;
 }
 .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,
 .e-appbar.e-light .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,

package/styles/appbar/fluent-dark.css

@@ -69,12 +69,16 @@
   right: auto;
 }
 .e-appbar .e-appbar-separator {
-  height: 32px;
+  height: 24px;
 }
 .e-appbar .e-appbar-spacer {
   -ms-flex-positive: 1;
       flex-grow: 1;
 }
+.e-appbar .e-btn,
+.e-appbar .e-css.e-btn {
+  border-image: unset;
+}
 
 .e-inherit.e-menu-wrapper.e-scrollable .e-menu,
 .e-inherit.e-menu-container.e-scrollable .e-menu {
@@ -88,8 +92,8 @@
 .e-appbar.e-light {
   background: #292827;
   color: #faf9f8;
-  border-color: #292827;
   border: none;
+  border-color: #292827;
 }
 .e-appbar.e-light .e-appbar-separator {
   border-left: 1px solid #faf9f8;
@@ -113,8 +117,8 @@
 .e-appbar.e-light .e-menu-container.e-inherit {
   background: #292827;
   color: #faf9f8;
-  border-color: #292827;
   box-shadow: none;
+  border-color: #292827;
 }
 .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,
 .e-appbar.e-light .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,

package/styles/appbar/fluent.css

@@ -69,12 +69,16 @@
   right: auto;
 }
 .e-appbar .e-appbar-separator {
-  height: 32px;
+  height: 24px;
 }
 .e-appbar .e-appbar-spacer {
   -ms-flex-positive: 1;
       flex-grow: 1;
 }
+.e-appbar .e-btn,
+.e-appbar .e-css.e-btn {
+  border-image: unset;
+}
 
 .e-inherit.e-menu-wrapper.e-scrollable .e-menu,
 .e-inherit.e-menu-container.e-scrollable .e-menu {
@@ -88,8 +92,8 @@
 .e-appbar.e-light {
   background: #faf9f8;
   color: #201f1e;
-  border-color: #faf9f8;
   border: none;
+  border-color: #faf9f8;
 }
 .e-appbar.e-light .e-appbar-separator {
   border-left: 1px solid #201f1e;
@@ -113,8 +117,8 @@
 .e-appbar.e-light .e-menu-container.e-inherit {
   background: #faf9f8;
   color: #201f1e;
-  border-color: #faf9f8;
   box-shadow: none;
+  border-color: #faf9f8;
 }
 .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,
 .e-appbar.e-light .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,

package/styles/appbar/highcontrast-light.css

@@ -69,12 +69,16 @@
   right: auto;
 }
 .e-appbar .e-appbar-separator {
-  height: 32px;
+  height: 24px;
 }
 .e-appbar .e-appbar-spacer {
   -ms-flex-positive: 1;
       flex-grow: 1;
 }
+.e-appbar .e-btn,
+.e-appbar .e-css.e-btn {
+  border-image: unset;
+}
 
 .e-inherit.e-menu-wrapper.e-scrollable .e-menu,
 .e-inherit.e-menu-container.e-scrollable .e-menu {
@@ -88,8 +92,8 @@
 .e-appbar.e-light {
   background: #fff;
   color: #000;
-  border-color: #000;
   border: 1px solid;
+  border-color: #000;
 }
 .e-appbar.e-light .e-appbar-separator {
   border-left: 1px solid #000;
@@ -113,8 +117,8 @@
 .e-appbar.e-light .e-menu-container.e-inherit {
   background: #fff;
   color: #000;
-  border-color: #000;
   box-shadow: none;
+  border-color: #000;
 }
 .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,
 .e-appbar.e-light .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,

package/styles/appbar/highcontrast.css

@@ -69,12 +69,16 @@
   right: auto;
 }
 .e-appbar .e-appbar-separator {
-  height: 32px;
+  height: 24px;
 }
 .e-appbar .e-appbar-spacer {
   -ms-flex-positive: 1;
       flex-grow: 1;
 }
+.e-appbar .e-btn,
+.e-appbar .e-css.e-btn {
+  border-image: unset;
+}
 
 .e-inherit.e-menu-wrapper.e-scrollable .e-menu,
 .e-inherit.e-menu-container.e-scrollable .e-menu {
@@ -88,8 +92,8 @@
 .e-appbar.e-light {
   background: #000;
   color: #fff;
-  border-color: #fff;
   border: 1px solid;
+  border-color: #fff;
 }
 .e-appbar.e-light .e-appbar-separator {
   border-left: 1px solid #fff;
@@ -113,8 +117,8 @@
 .e-appbar.e-light .e-menu-container.e-inherit {
   background: #000;
   color: #fff;
-  border-color: #fff;
   box-shadow: none;
+  border-color: #fff;
 }
 .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,
 .e-appbar.e-light .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,

package/styles/appbar/material-dark.css

@@ -70,12 +70,16 @@
   right: auto;
 }
 .e-appbar .e-appbar-separator {
-  height: 32px;
+  height: 24px;
 }
 .e-appbar .e-appbar-spacer {
   -ms-flex-positive: 1;
       flex-grow: 1;
 }
+.e-appbar .e-btn,
+.e-appbar .e-css.e-btn {
+  border-image: unset;
+}
 
 .e-inherit.e-menu-wrapper.e-scrollable .e-menu,
 .e-inherit.e-menu-container.e-scrollable .e-menu {
@@ -89,8 +93,8 @@
 .e-appbar.e-light {
   background: #303030;
   color: #fff;
-  border-color: #303030;
   border: none;
+  border-color: #303030;
 }
 .e-appbar.e-light .e-appbar-separator {
   border-left: 1px solid #fff;
@@ -114,8 +118,8 @@
 .e-appbar.e-light .e-menu-container.e-inherit {
   background: #303030;
   color: #fff;
-  border-color: #303030;
   box-shadow: none;
+  border-color: #303030;
 }
 .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,
 .e-appbar.e-light .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,

package/styles/appbar/material.css

@@ -70,12 +70,16 @@
   right: auto;
 }
 .e-appbar .e-appbar-separator {
-  height: 32px;
+  height: 24px;
 }
 .e-appbar .e-appbar-spacer {
   -ms-flex-positive: 1;
       flex-grow: 1;
 }
+.e-appbar .e-btn,
+.e-appbar .e-css.e-btn {
+  border-image: unset;
+}
 
 .e-inherit.e-menu-wrapper.e-scrollable .e-menu,
 .e-inherit.e-menu-container.e-scrollable .e-menu {
@@ -89,8 +93,8 @@
 .e-appbar.e-light {
   background: #fff;
   color: #000;
-  border-color: #fff;
   border: none;
+  border-color: #fff;
 }
 .e-appbar.e-light .e-appbar-separator {
   border-left: 1px solid #000;
@@ -114,8 +118,8 @@
 .e-appbar.e-light .e-menu-container.e-inherit {
   background: #fff;
   color: #000;
-  border-color: #fff;
   box-shadow: none;
+  border-color: #fff;
 }
 .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,
 .e-appbar.e-light .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,