@syncfusion/ej2-angular-navigations 26.1.35 → 26.1.38-ngcc

package/styles/bootstrap.css

@@ -2823,9 +2823,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: transparent;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: transparent;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2902,10 +2902,10 @@
   color: #333;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #ddd;

package/styles/bootstrap4.css

@@ -2823,9 +2823,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: #f8f9fa;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: #f8f9fa;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2902,10 +2902,10 @@
   color: #007bff;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #000 #000 rgba(0, 0, 0, 0.13);

package/styles/bootstrap5-dark.css

@@ -2899,9 +2899,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: none;
   -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
           box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
-  background: none;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2978,10 +2978,10 @@
   color: #6ea8fe;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
-          box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
+          box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #444c54;

package/styles/bootstrap5.css

@@ -2899,9 +2899,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: none;
   -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
           box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
-  background: none;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2978,10 +2978,10 @@
   color: #0c63e4;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
-          box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
+          box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #dee2e6;

package/styles/fabric-dark.css

@@ -2819,9 +2819,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 1px solid #414040;
+  background: #414040;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: #414040;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2898,10 +2898,10 @@
   color: #dadada;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #414040;

package/styles/fabric.css

@@ -2821,9 +2821,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 1px solid #f4f4f4;
+  background: #f4f4f4;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: #f4f4f4;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2900,10 +2900,10 @@
   color: #333;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #eaeaea;

package/styles/fluent-dark.css

@@ -2872,9 +2872,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 1px solid #f3f2f1;
+  background: #252423;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: #252423;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2951,10 +2951,10 @@
   color: #a19f9d;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #292827;

package/styles/fluent.css

@@ -2872,9 +2872,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 1px solid #201f1e;
+  background: #f3f2f1;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: #f3f2f1;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2951,10 +2951,10 @@
   color: #605e5c;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #edebe9;

package/styles/fluent2.css

@@ -8120,15 +8120,19 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
-  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
-          box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
   background: transparent;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-toggle-icon {
   color: var(--color-sf-content-text-color);
 }
+.e-accordion .e-acrdn-item .e-acrdn-header:focus-visible {
+  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
+          box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
+}
 .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-acrdn-header-content {
   color: var(--color-sf-content-text-color);
 }
@@ -8199,10 +8203,14 @@
   color: var(--color-sf-icon-color);
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
-          box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus-visible {
+  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
+          box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: transparent;
@@ -17682,7 +17690,7 @@
 }
 .e-bigger .e-treeview .e-list-item .e-checkbox-wrapper + .e-list-text,
 .e-treeview.e-bigger .e-list-item .e-checkbox-wrapper + .e-list-text {
-  padding: 0 12px;
+  padding: 0 8px;
 }
 .e-bigger .e-treeview .e-icon-collapsible,
 .e-bigger .e-treeview .e-icon-expandable,
@@ -17754,7 +17762,7 @@
 .e-treeview.e-bigger .e-list-text {
   line-height: 38px;
   min-height: 38px;
-  padding: 0 12px;
+  padding: 0 16px;
 }
 .e-bigger .e-treeview .e-list-text .e-input-group,
 .e-treeview.e-bigger .e-list-text .e-input-group {
@@ -17777,7 +17785,13 @@
 .e-bigger .e-treeview .e-list-img,
 .e-treeview.e-bigger .e-list-icon,
 .e-treeview.e-bigger .e-list-img {
-  margin: 0 0 0 12px;
+  margin: 0 0 0 16px;
+}
+.e-bigger .e-treeview .e-list-icon + .e-list-text,
+.e-bigger .e-treeview .e-list-img + .e-list-text,
+.e-treeview.e-bigger .e-list-icon + .e-list-text,
+.e-treeview.e-bigger .e-list-img + .e-list-text {
+  padding: 0 16px;
 }
 .e-bigger .e-treeview .e-list-icon + .e-list-icon, .e-bigger .e-treeview .e-list-icon + .e-list-img,
 .e-bigger .e-treeview .e-list-img + .e-list-icon,
@@ -17837,7 +17851,7 @@
 .e-bigger .e-treeview.e-rtl .e-list-img,
 .e-treeview.e-bigger.e-rtl .e-list-icon,
 .e-treeview.e-bigger.e-rtl .e-list-img {
-  margin: 0 12px 0 0;
+  margin: 0 16px 0 0;
 }
 .e-bigger .e-treeview.e-rtl .e-list-icon + .e-list-icon, .e-bigger .e-treeview.e-rtl .e-list-icon + .e-list-img,
 .e-bigger .e-treeview.e-rtl .e-list-img + .e-list-icon,
@@ -17986,7 +18000,7 @@
   margin: 0 0 0 4px;
 }
 .e-treeview .e-checkbox-wrapper + .e-list-text {
-  padding: 0 12px;
+  padding: 0 4px;
 }
 .e-treeview .e-checkbox-wrapper .e-ripple-container {
   bottom: -7px;
@@ -18020,7 +18034,7 @@
 .e-treeview .e-list-img {
   display: inline-block;
   height: 18px;
-  margin: 0 0 0 6px;
+  margin: 0 0 0 12px;
   vertical-align: middle;
   width: 18px;
 }

package/styles/highcontrast-light.css

@@ -2819,9 +2819,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 2px dashed #000;
+  background: inherit;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: inherit;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2898,10 +2898,10 @@
   color: #000;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #757575;

package/styles/highcontrast.css

@@ -2821,9 +2821,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 2px dashed #fff;
+  background: inherit;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: inherit;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2900,10 +2900,10 @@
   color: #fff;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #969696;

package/styles/material-dark.css

@@ -2948,9 +2948,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: rgba(255, 255, 255, 0.05);
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: rgba(255, 255, 255, 0.05);
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -3027,10 +3027,10 @@
   color: rgba(255, 255, 255, 0.7);
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: transparent transparent #616161;

package/styles/material.css

@@ -2950,9 +2950,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: #eee;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: #eee;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -3029,10 +3029,10 @@
   color: rgba(0, 0, 0, 0.54);
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: transparent transparent rgba(0, 0, 0, 0.12);

package/styles/material3-dark.css

@@ -3477,9 +3477,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: rgba(var(--color-sf-on-surface), 0.04);
   -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
           box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
-  background: rgba(var(--color-sf-on-surface), 0.04);
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -3556,10 +3556,10 @@
   color: rgba(var(--color-sf-primary));
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
-          box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
+          box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: rgba(var(--color-sf-outline-variant));

package/styles/material3.css

@@ -4037,9 +4037,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: rgba(var(--color-sf-on-surface), 0.04);
   -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
           box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
-  background: rgba(var(--color-sf-on-surface), 0.04);
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -4116,10 +4116,10 @@
   color: rgba(var(--color-sf-primary));
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
-          box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
+          box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: rgba(var(--color-sf-outline-variant));

package/styles/tailwind-dark.css

@@ -2979,9 +2979,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: #4b5563;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: #4b5563;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -3058,10 +3058,10 @@
   color: #d1d5db;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #4b5563;

package/styles/tailwind.css

@@ -2979,9 +2979,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: #f3f4f6;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: #f3f4f6;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -3058,10 +3058,10 @@
   color: #6b7280;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #e5e7eb;

package/styles/treeview/fluent2.css

@@ -1294,7 +1294,7 @@
 }
 .e-bigger .e-treeview .e-list-item .e-checkbox-wrapper + .e-list-text,
 .e-treeview.e-bigger .e-list-item .e-checkbox-wrapper + .e-list-text {
-  padding: 0 12px;
+  padding: 0 8px;
 }
 .e-bigger .e-treeview .e-icon-collapsible,
 .e-bigger .e-treeview .e-icon-expandable,
@@ -1366,7 +1366,7 @@
 .e-treeview.e-bigger .e-list-text {
   line-height: 38px;
   min-height: 38px;
-  padding: 0 12px;
+  padding: 0 16px;
 }
 .e-bigger .e-treeview .e-list-text .e-input-group,
 .e-treeview.e-bigger .e-list-text .e-input-group {
@@ -1389,7 +1389,13 @@
 .e-bigger .e-treeview .e-list-img,
 .e-treeview.e-bigger .e-list-icon,
 .e-treeview.e-bigger .e-list-img {
-  margin: 0 0 0 12px;
+  margin: 0 0 0 16px;
+}
+.e-bigger .e-treeview .e-list-icon + .e-list-text,
+.e-bigger .e-treeview .e-list-img + .e-list-text,
+.e-treeview.e-bigger .e-list-icon + .e-list-text,
+.e-treeview.e-bigger .e-list-img + .e-list-text {
+  padding: 0 16px;
 }
 .e-bigger .e-treeview .e-list-icon + .e-list-icon, .e-bigger .e-treeview .e-list-icon + .e-list-img,
 .e-bigger .e-treeview .e-list-img + .e-list-icon,
@@ -1449,7 +1455,7 @@
 .e-bigger .e-treeview.e-rtl .e-list-img,
 .e-treeview.e-bigger.e-rtl .e-list-icon,
 .e-treeview.e-bigger.e-rtl .e-list-img {
-  margin: 0 12px 0 0;
+  margin: 0 16px 0 0;
 }
 .e-bigger .e-treeview.e-rtl .e-list-icon + .e-list-icon, .e-bigger .e-treeview.e-rtl .e-list-icon + .e-list-img,
 .e-bigger .e-treeview.e-rtl .e-list-img + .e-list-icon,
@@ -1598,7 +1604,7 @@
   margin: 0 0 0 4px;
 }
 .e-treeview .e-checkbox-wrapper + .e-list-text {
-  padding: 0 12px;
+  padding: 0 4px;
 }
 .e-treeview .e-checkbox-wrapper .e-ripple-container {
   bottom: -7px;
@@ -1632,7 +1638,7 @@
 .e-treeview .e-list-img {
   display: inline-block;
   height: 18px;
-  margin: 0 0 0 6px;
+  margin: 0 0 0 12px;
   vertical-align: middle;
   width: 18px;
 }