@syncfusion/ej2-vue-navigations 20.1.47 → 20.1.48

package/styles/fabric.css

@@ -176,6 +176,7 @@
   cursor: pointer;
   display: -ms-flexbox;
   display: flex;
+  height: 100%;
   min-height: 40px;
   overflow: hidden;
   position: absolute;
@@ -1802,10 +1803,6 @@
   outline: none;
 }
 
-.e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
-  background: transparent;
-}
-
 .e-toolbar.e-extended-toolbar .e-toolbar-pop {
   background: #fff;
 }
@@ -1942,34 +1939,24 @@
   font-size: 14px;
 }
 
-.e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content,
-.e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
-  padding: 19px 19px 19px 24px;
-}
-
-.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 {
-  padding: 0 42px 0 24px;
-}
-
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content {
   padding: 0;
 }
 
-.e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion,
-.e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion {
+.e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-acrdn-content .e-accordion,
+.e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-acrdn-content .e-accordion {
   border: 0;
 }
 
-.e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header,
-.e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
+.e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header,
+.e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
   padding: 0 42px 0 36px;
 }
 
-.e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
-.e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
-  padding: 19px 19px 19px 36px;
+.e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header,
+.e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header {
+  padding: 0 42px 0 24px;
 }
 
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-header .e-acrdn-header-content,
@@ -2003,24 +1990,49 @@
   padding: 19px;
 }
 
-.e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content,
-.e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
-  padding: 19px 24px 19px 19px;
+.e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
+.e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
+  padding: 19px 19px 19px 45px;
 }
 
-.e-bigger .e-accordion.e-rtl .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-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
-  padding: 0 24px 0 42px;
+.e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content,
+.e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
+  padding: 19px 19px 19px 60px;
+}
+
+.e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-header,
+.e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
+  padding: 0 42px 0 24px;
+}
+
+.e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel.e-nested > .e-acrdn-content,
+.e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel.e-nested > .e-acrdn-content {
+  padding: 0;
+}
+
+.e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
+.e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
+  padding: 19px 45px 19px 19px;
+}
+
+.e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel.e-nested > .e-acrdn-content,
+.e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel.e-nested > .e-acrdn-content {
+  padding: 0;
+}
+
+.e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content,
+.e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
+  padding: 19px 60px 19px 19px;
 }
 
-.e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header,
-.e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
+.e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header,
+.e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
   padding: 0 36px 0 42px;
 }
 
-.e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
-.e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
-  padding: 19px 36px 19px 19px;
+.e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header,
+.e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header {
+  padding: 0 24px 0 42px;
 }
 
 .e-bigger .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header,
@@ -2125,14 +2137,6 @@
   width: 100%;
 }
 
-.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
-  padding: 15px 15px 15px 24px;
-}
-
-.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
-  padding: 0 42px 0 24px;
-}
-
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
   padding: 0;
 }
@@ -2141,7 +2145,7 @@
   padding: 0;
 }
 
-.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion {
+.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion {
   border: 0;
 }
 
@@ -2149,10 +2153,6 @@
   padding: 0 42px 0 36px;
 }
 
-.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
-  padding: 15px 15px 15px 36px;
-}
-
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected .e-acrdn-header > .e-acrdn-header-content {
   font-weight: normal;
 }
@@ -2161,6 +2161,14 @@
   font-weight: normal;
 }
 
+.e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
+  padding: 15px 15px 15px 45px;
+}
+
+.e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
+  padding: 15px 15px 15px 60px;
+}
+
 .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
   line-height: 1.5;
   overflow: hidden;
@@ -2173,7 +2181,11 @@
   text-overflow: ellipsis;
 }
 
-.e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-header-content {
+.e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
+  padding: 0 42px 0 24px;
+}
+
+.e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header-content {
   font-size: 14px;
 }
 
@@ -2181,20 +2193,20 @@
   display: none;
 }
 
-.e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
-  padding: 15px 24px 15px 15px;
+.e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
+  padding: 0 36px 0 42px;
 }
 
-.e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
+.e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
   padding: 0 24px 0 42px;
 }
 
-.e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
-  padding: 0 36px 0 42px;
+.e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
+  padding: 15px 45px 15px 15px;
 }
 
-.e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
-  padding: 15px 36px 15px 15px;
+.e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
+  padding: 15px 60px 15px 15px;
 }
 
 .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header {
@@ -2323,7 +2335,7 @@
 }
 
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-panel .e-acrdn-header-content {
-  color: #333;
+  color: #fff;
 }
 
 .e-accordion .e-acrdn-item .e-toggle-icon {
@@ -2334,243 +2346,6 @@
   font-size: 13px;
 }
 
-/*! Carousel component fabric theme definitions and variables */
-.e-carousel .e-previous-icon::before {
-  content: '\e654';
-}
-
-.e-carousel .e-next-icon::before {
-  content: '\e219';
-}
-
-.e-carousel .e-play-icon::before {
-  content: '\e327';
-}
-
-.e-carousel .e-pause-icon::before {
-  content: '\e325';
-}
-
-.e-carousel.e-rtl .e-previous-icon::before {
-  content: '\e219';
-}
-
-.e-carousel.e-rtl .e-next-icon::before {
-  content: '\e654';
-}
-
-/*! carousel component styles */
-.e-carousel {
-  display: block;
-  margin: 0;
-  padding: 0;
-  position: relative;
-}
-
-.e-carousel .e-carousel-items {
-  height: 100%;
-  margin: 0;
-  overflow: hidden;
-  padding: 0;
-  position: relative;
-  width: 100%;
-}
-
-.e-carousel .e-carousel-items .e-carousel-item {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
-  display: none;
-  float: left;
-  height: 100%;
-  margin-right: -100%;
-  position: relative;
-  width: 100%;
-}
-
-.e-carousel .e-carousel-items .e-carousel-item.e-active {
-  display: block;
-}
-
-.e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item {
-  transition: transform 0.6s ease-in-out;
-}
-
-.e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-prev, .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-next, .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-active {
-  display: block;
-}
-
-.e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-next:not(.e-transition-start), .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-end {
-  transform: translateX(100%);
-}
-
-.e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-prev:not(.e-transition-end), .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-start {
-  transform: translateX(-100%);
-}
-
-.e-carousel .e-carousel-items.e-carousel-fade-animation .e-carousel-item {
-  display: block;
-  opacity: 0;
-  transition: opacity 0.6s ease-in-out;
-  z-index: 0;
-}
-
-.e-carousel .e-carousel-items.e-carousel-fade-animation .e-carousel-item.e-active {
-  opacity: 1;
-  z-index: 1;
-}
-
-.e-carousel .e-carousel-navigators {
-  -ms-flex-align: center;
-      align-items: center;
-  display: -ms-flexbox;
-  display: flex;
-  height: 100%;
-  -ms-flex-pack: justify;
-      justify-content: space-between;
-  pointer-events: none;
-  position: absolute;
-  top: 0;
-  width: 100%;
-  z-index: 1;
-}
-
-.e-carousel .e-carousel-navigators .e-play-pause,
-.e-carousel .e-carousel-navigators .e-previous,
-.e-carousel .e-carousel-navigators .e-next {
-  padding: .5em;
-  pointer-events: auto;
-}
-
-.e-carousel .e-carousel-navigators .e-play-pause .e-btn,
-.e-carousel .e-carousel-navigators .e-previous .e-btn,
-.e-carousel .e-carousel-navigators .e-next .e-btn {
-  border: 0;
-  box-shadow: none;
-}
-
-.e-carousel .e-carousel-navigators .e-play-pause .e-btn:hover,
-.e-carousel .e-carousel-navigators .e-previous .e-btn:hover,
-.e-carousel .e-carousel-navigators .e-next .e-btn:hover {
-  border-radius: 50%;
-}
-
-.e-carousel .e-carousel-navigators .e-play-pause .e-btn.e-rtl,
-.e-carousel .e-carousel-navigators .e-previous .e-btn.e-rtl,
-.e-carousel .e-carousel-navigators .e-next .e-btn.e-rtl {
-  transform: rotate(180deg);
-}
-
-.e-carousel .e-carousel-navigators .e-play-pause.e-hover-arrows,
-.e-carousel .e-carousel-navigators .e-previous.e-hover-arrows,
-.e-carousel .e-carousel-navigators .e-next.e-hover-arrows {
-  display: none;
-}
-
-.e-carousel .e-carousel-indicators {
-  -ms-flex-align: center;
-      align-items: center;
-  bottom: 0;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-pack: center;
-      justify-content: center;
-  min-height: 48px;
-  padding: 0;
-  pointer-events: none;
-  position: absolute;
-  width: 100%;
-  z-index: 1;
-}
-
-.e-carousel .e-carousel-indicators .e-indicator-bars {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-  -ms-flex-pack: center;
-      justify-content: center;
-  pointer-events: auto;
-}
-
-.e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar {
-  padding: 0;
-}
-
-.e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator {
-  -ms-flex-align: center;
-      align-items: center;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-pack: center;
-      justify-content: center;
-  padding: 6px;
-}
-
-.e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator div {
-  border: 1px solid rgba(255, 255, 255, 0.4);
-  border-radius: 50%;
-  height: 12px;
-  transition-duration: 0.6s;
-  transition-property: background-color, border-color;
-  transition-timing-function: ease-in-out;
-  width: 12px;
-}
-
-.e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator .e-ripple-element {
-  display: none;
-}
-
-/*! carousel component theme */
-.e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled),
-.e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled),
-.e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled) {
-  background-color: transparent;
-}
-
-.e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled) .e-btn-icon,
-.e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled) .e-btn-icon,
-.e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled) .e-btn-icon {
-  color: #fff;
-}
-
-.e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):active, .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):focus, .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):hover,
-.e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):active,
-.e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):focus,
-.e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):hover,
-.e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):active,
-.e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):focus,
-.e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):hover {
-  background-color: rgba(255, 255, 255, 0.4);
-  outline: none;
-}
-
-.e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator {
-  background-color: transparent;
-  border-color: transparent;
-  box-shadow: none;
-}
-
-.e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator div {
-  background-color: #fff;
-  border-color: #fff;
-}
-
-.e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:active, .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:focus, .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:hover {
-  background-color: transparent;
-  border-color: transparent;
-  box-shadow: none;
-  outline: none;
-}
-
-.e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:focus-visible {
-  border-color: #000;
-}
-
-.e-carousel .e-carousel-indicators .e-indicator-bar.e-active .e-indicator div {
-  background-color: #0078d6;
-  border-color: #0078d6;
-}
-
 /*! contextmenu layout */
 .e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
 .e-contextmenu-container ul .e-menu-item .e-previous::before {
@@ -2723,11 +2498,6 @@
   pointer-events: none;
 }
 
-.e-contextmenu-wrapper ul .e-menu-item .e-checkbox-wrapper,
-.e-contextmenu-container ul .e-menu-item .e-checkbox-wrapper {
-  width: max-content;
-}
-
 .e-contextmenu-wrapper.e-sfcontextmenu,
 .e-contextmenu-container.e-sfcontextmenu {
   position: absolute;
@@ -5393,7 +5163,7 @@
 }
 
 .e-tab .e-content.e-progress {
-  overflow: hidden;
+  overflow-x: hidden;
 }
 
 .e-tab.e-vertical-tab .e-content {
@@ -8371,10 +8141,6 @@ ejs-sidebar {
   visibility: visible;
 }
 
-.e-sidebar.e-left.e-open.e-dock.e-blazor-dock, .e-sidebar.e-right.e-open.e-dock.e-blazor-dock {
-  transition: width .5s ease, visibility 500ms;
-}
-
 .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;
 }
@@ -8558,7 +8324,7 @@ ejs-sidebar {
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  font-size: 13px;
+  font-size: 0;
   padding: 0;
   text-align: left;
   white-space: nowrap;
@@ -8623,6 +8389,7 @@ ejs-sidebar {
   position: relative;
   display: -ms-inline-flexbox;
   display: inline-flex;
+  font-size: 13px;
   height: 42px;
   line-height: 42px;
   padding: 0 8px;
@@ -9784,15 +9551,7 @@ ejs-sidebar {
   text-decoration: none;
 }
 
-.e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:hover {
-  text-decoration: underline;
-}
-
-.e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:focus {
-  text-decoration: underline;
-}
-
-.e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:active {
+.e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:hover, .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:focus, .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:active {
   text-decoration: underline;
 }
 
@@ -9957,7 +9716,7 @@ ejs-sidebar {
   -ms-flex-positive: 1;
       flex-grow: 1;
   -ms-flex-pack: end;
-      justify-content: end;
+      justify-content: flex-end;
 }
 
 .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon,
@@ -10133,6 +9892,8 @@ ejs-sidebar {
 
 .e-breadcrumb .e-breadcrumb-collapsed:focus,
 .e-breadcrumb .e-breadcrumb-menu:focus {
+  background-color: transparent;
+  color: #0078d6;
   border: 1px solid #767676;
   color: #000;
 }

package/styles/fabric.scss

@@ -2,7 +2,6 @@
 @import 'v-scroll/fabric.scss';
 @import 'toolbar/fabric.scss';
 @import 'accordion/fabric.scss';
-@import 'carousel/fabric.scss';
 @import 'context-menu/fabric.scss';
 @import 'tab/fabric.scss';
 @import 'treeview/fabric.scss';

package/styles/h-scroll/bootstrap-dark.css

@@ -176,6 +176,7 @@
   cursor: pointer;
   display: -ms-flexbox;
   display: flex;
+  height: 100%;
   min-height: 40px;
   overflow: hidden;
   position: absolute;

package/styles/h-scroll/bootstrap.css

@@ -177,6 +177,7 @@
   cursor: pointer;
   display: -ms-flexbox;
   display: flex;
+  height: 100%;
   min-height: 40px;
   overflow: hidden;
   position: absolute;

package/styles/h-scroll/bootstrap4.css

@@ -177,6 +177,7 @@
   cursor: pointer;
   display: -ms-flexbox;
   display: flex;
+  height: 100%;
   min-height: 38px;
   overflow: hidden;
   position: absolute;

package/styles/h-scroll/bootstrap5-dark.css

@@ -47,22 +47,22 @@
 /*! h-scroll layout */
 .e-bigger .e-hscroll,
 .e-hscroll.e-bigger {
-  min-height: 46px;
+  min-height: 48px;
 }
 
 .e-bigger .e-hscroll:not(.e-scroll-device),
 .e-hscroll.e-bigger:not(.e-scroll-device) {
-  padding: 0 38px;
+  padding: 0 48px;
 }
 
 .e-bigger .e-hscroll.e-scroll-device,
 .e-hscroll.e-bigger.e-scroll-device {
-  padding-right: 38px;
+  padding-right: 48px;
 }
 
 .e-bigger .e-hscroll.e-rtl.e-scroll-device,
 .e-hscroll.e-bigger.e-rtl.e-scroll-device {
-  padding-left: 38px;
+  padding-left: 48px;
   padding-right: initial;
 }
 
@@ -73,18 +73,18 @@
 
 .e-bigger .e-hscroll.e-rtl .e-scroll-overlay.e-scroll-right-overlay,
 .e-hscroll.e-bigger.e-rtl .e-scroll-overlay.e-scroll-right-overlay {
-  left: 38px;
+  left: 48px;
 }
 
 .e-bigger .e-hscroll .e-scroll-overlay.e-scroll-right-overlay,
 .e-hscroll.e-bigger .e-scroll-overlay.e-scroll-right-overlay {
-  right: 38px;
+  right: 48px;
 }
 
 .e-bigger .e-hscroll .e-scroll-nav,
 .e-hscroll.e-bigger .e-scroll-nav {
-  min-height: 46px;
-  width: 38px;
+  min-height: 48px;
+  width: 48px;
 }
 
 .e-hscroll {
@@ -114,7 +114,7 @@
 }
 
 .e-hscroll:not(.e-scroll-device) {
-  padding: 0 32px;
+  padding: 0 28px;
 }
 
 .e-hscroll.e-scroll-device {
@@ -187,11 +187,12 @@
   cursor: pointer;
   display: -ms-flexbox;
   display: flex;
+  height: 100%;
   min-height: 38px;
   overflow: hidden;
   position: absolute;
   top: 0;
-  width: 32px;
+  width: 28px;
 }
 
 .e-hscroll .e-scroll-nav.e-scroll-left-nav {