@syncfusion/ej2-navigations 20.1.58 → 20.2.36
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +56 -0
- package/dist/ej2-navigations.umd.min.js +2 -2
- package/dist/ej2-navigations.umd.min.js.map +1 -1
- package/dist/es6/ej2-navigations.es2015.js +92 -120
- package/dist/es6/ej2-navigations.es2015.js.map +1 -1
- package/dist/es6/ej2-navigations.es5.js +94 -128
- package/dist/es6/ej2-navigations.es5.js.map +1 -1
- package/dist/global/ej2-navigations.min.js +2 -2
- package/dist/global/ej2-navigations.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/helpers/e2e/accordionHelper.js +70 -53
- package/helpers/e2e/contextmenuHelper.js +52 -35
- package/helpers/e2e/index.js +14 -12
- package/helpers/e2e/menuHelper.js +52 -35
- package/helpers/e2e/sidebarHelper.js +109 -92
- package/helpers/e2e/tabHelper.js +73 -56
- package/helpers/e2e/toolbarHelper.js +73 -56
- package/helpers/e2e/treeview.js +79 -61
- package/package.json +11 -11
- package/src/breadcrumb/breadcrumb.js +0 -6
- package/src/carousel/carousel-model.d.ts +16 -29
- package/src/carousel/carousel.d.ts +16 -24
- package/src/carousel/carousel.js +37 -45
- package/src/common/menu-base.js +3 -4
- package/src/tab/tab-model.d.ts +1 -1
- package/src/tab/tab.d.ts +0 -4
- package/src/tab/tab.js +30 -72
- package/src/toolbar/toolbar.js +6 -0
- package/src/treeview/treeview.js +18 -2
- package/styles/accordion/_fusionnew-definition.scss +85 -0
- package/styles/accordion/_material3-definition.scss +85 -0
- package/styles/accordion/icons/_fusionnew.scss +18 -0
- package/styles/accordion/icons/_material3.scss +18 -0
- package/styles/bootstrap-dark.css +744 -16
- package/styles/bootstrap-dark.scss +1 -0
- package/styles/bootstrap.css +748 -23
- package/styles/bootstrap.scss +1 -0
- package/styles/bootstrap4.css +748 -20
- package/styles/bootstrap4.scss +1 -0
- package/styles/bootstrap5-dark.css +793 -21
- package/styles/bootstrap5-dark.scss +1 -0
- package/styles/bootstrap5.css +793 -21
- package/styles/bootstrap5.scss +1 -0
- package/styles/breadcrumb/_fluent-definition.scss +1 -1
- package/styles/breadcrumb/_fusionnew-definition.scss +59 -0
- package/styles/breadcrumb/_layout.scss +1 -1
- package/styles/breadcrumb/_material3-definition.scss +59 -0
- package/styles/breadcrumb/fluent-dark.css +5 -4
- package/styles/breadcrumb/fluent.css +5 -4
- package/styles/breadcrumb/icons/_fluent.scss +2 -2
- package/styles/breadcrumb/icons/_fusionnew.scss +25 -0
- package/styles/breadcrumb/icons/_material3.scss +25 -0
- package/styles/carousel/_fusionnew-definition.scss +22 -0
- package/styles/carousel/_layout.scss +54 -43
- package/styles/carousel/_material3-definition.scss +22 -0
- package/styles/carousel/bootstrap-dark.css +24 -16
- package/styles/carousel/bootstrap.css +24 -16
- package/styles/carousel/bootstrap4.css +24 -16
- package/styles/carousel/bootstrap5-dark.css +24 -16
- package/styles/carousel/bootstrap5.css +24 -16
- package/styles/carousel/fabric-dark.css +24 -16
- package/styles/carousel/fabric.css +24 -16
- package/styles/carousel/fluent-dark.css +24 -16
- package/styles/carousel/fluent.css +24 -16
- package/styles/carousel/highcontrast-light.css +24 -16
- package/styles/carousel/highcontrast.css +24 -16
- package/styles/carousel/icons/_fusionnew.scss +30 -0
- package/styles/carousel/icons/_material3.scss +30 -0
- package/styles/carousel/material-dark.css +24 -16
- package/styles/carousel/material.css +24 -16
- package/styles/carousel/tailwind-dark.css +24 -16
- package/styles/carousel/tailwind.css +24 -16
- package/styles/context-menu/_fusionnew-definition.scss +52 -0
- package/styles/context-menu/_layout.scss +26 -0
- package/styles/context-menu/_material3-definition.scss +52 -0
- package/styles/context-menu/_theme.scss +12 -0
- package/styles/context-menu/bootstrap-dark.css +33 -0
- package/styles/context-menu/bootstrap-dark.scss +3 -0
- package/styles/context-menu/bootstrap.css +34 -0
- package/styles/context-menu/bootstrap.scss +3 -0
- package/styles/context-menu/bootstrap4.css +34 -0
- package/styles/context-menu/bootstrap4.scss +3 -0
- package/styles/context-menu/bootstrap5-dark.css +44 -0
- package/styles/context-menu/bootstrap5-dark.scss +3 -0
- package/styles/context-menu/bootstrap5.css +44 -0
- package/styles/context-menu/bootstrap5.scss +3 -0
- package/styles/context-menu/fabric-dark.css +33 -0
- package/styles/context-menu/fabric-dark.scss +3 -0
- package/styles/context-menu/fabric.css +34 -0
- package/styles/context-menu/fabric.scss +3 -0
- package/styles/context-menu/fluent-dark.css +44 -0
- package/styles/context-menu/fluent-dark.scss +3 -0
- package/styles/context-menu/fluent.css +44 -0
- package/styles/context-menu/fluent.scss +3 -0
- package/styles/context-menu/highcontrast-light.css +33 -0
- package/styles/context-menu/highcontrast-light.scss +3 -0
- package/styles/context-menu/highcontrast.css +34 -0
- package/styles/context-menu/highcontrast.scss +3 -0
- package/styles/context-menu/icons/_fusionnew.scss +32 -0
- package/styles/context-menu/icons/_material3.scss +32 -0
- package/styles/context-menu/material-dark.css +51 -0
- package/styles/context-menu/material-dark.scss +3 -0
- package/styles/context-menu/material.css +53 -0
- package/styles/context-menu/material.scss +3 -0
- package/styles/context-menu/tailwind-dark.css +44 -0
- package/styles/context-menu/tailwind-dark.scss +3 -0
- package/styles/context-menu/tailwind.css +44 -0
- package/styles/context-menu/tailwind.scss +3 -0
- package/styles/fabric-dark.css +744 -16
- package/styles/fabric-dark.scss +1 -0
- package/styles/fabric.css +745 -16
- package/styles/fabric.scss +1 -0
- package/styles/fluent-dark.css +763 -21
- package/styles/fluent-dark.scss +1 -0
- package/styles/fluent.css +763 -21
- package/styles/fluent.scss +1 -0
- package/styles/h-scroll/_fusionnew-definition.scss +78 -0
- package/styles/h-scroll/_material3-definition.scss +78 -0
- package/styles/h-scroll/icons/_fusionnew.scss +49 -0
- package/styles/h-scroll/icons/_material3.scss +49 -0
- package/styles/highcontrast-light.css +744 -16
- package/styles/highcontrast-light.scss +1 -0
- package/styles/highcontrast.css +745 -16
- package/styles/highcontrast.scss +1 -0
- package/styles/material-dark.css +763 -17
- package/styles/material-dark.scss +1 -0
- package/styles/material.css +764 -16
- package/styles/material.scss +1 -0
- package/styles/menu/_fusionnew-definition.scss +67 -0
- package/styles/menu/_material3-definition.scss +67 -0
- package/styles/menu/_theme.scss +3 -0
- package/styles/menu/bootstrap.css +1 -2
- package/styles/menu/bootstrap4.css +2 -2
- package/styles/menu/fluent-dark.css +1 -1
- package/styles/menu/fluent.css +1 -1
- package/styles/menu/icons/_fusionnew.scss +133 -0
- package/styles/menu/icons/_material3.scss +133 -0
- package/styles/pager/_all.scss +2 -0
- package/styles/pager/_bootstrap-dark-definition.scss +132 -0
- package/styles/pager/_bootstrap-definition.scss +132 -0
- package/styles/pager/_bootstrap4-definition.scss +131 -0
- package/styles/pager/_bootstrap5-dark-definition.scss +1 -0
- package/styles/pager/_bootstrap5-definition.scss +146 -0
- package/styles/pager/_fabric-dark-definition.scss +131 -0
- package/styles/pager/_fabric-definition.scss +130 -0
- package/styles/pager/_fluent-dark-definition.scss +1 -0
- package/styles/pager/_fluent-definition.scss +133 -0
- package/styles/pager/_fusionnew-definition.scss +146 -0
- package/styles/pager/_highcontrast-definition.scss +130 -0
- package/styles/pager/_highcontrast-light-definition.scss +130 -0
- package/styles/pager/_layout.scss +899 -0
- package/styles/pager/_material-dark-definition.scss +132 -0
- package/styles/pager/_material-definition.scss +131 -0
- package/styles/pager/_material3-definition.scss +146 -0
- package/styles/pager/_tailwind-dark-definition.scss +1 -0
- package/styles/pager/_tailwind-definition.scss +132 -0
- package/styles/pager/_theme.scss +153 -0
- package/styles/pager/bootstrap-dark.css +686 -0
- package/styles/pager/bootstrap-dark.scss +4 -0
- package/styles/pager/bootstrap.css +686 -0
- package/styles/pager/bootstrap.scss +4 -0
- package/styles/pager/bootstrap4.css +686 -0
- package/styles/pager/bootstrap4.scss +4 -0
- package/styles/pager/bootstrap5-dark.css +721 -0
- package/styles/pager/bootstrap5-dark.scss +4 -0
- package/styles/pager/bootstrap5.css +721 -0
- package/styles/pager/bootstrap5.scss +4 -0
- package/styles/pager/fabric-dark.css +686 -0
- package/styles/pager/fabric-dark.scss +4 -0
- package/styles/pager/fabric.css +686 -0
- package/styles/pager/fabric.scss +4 -0
- package/styles/pager/fluent-dark.css +688 -0
- package/styles/pager/fluent-dark.scss +4 -0
- package/styles/pager/fluent.css +688 -0
- package/styles/pager/fluent.scss +4 -0
- package/styles/pager/highcontrast-light.css +686 -0
- package/styles/pager/highcontrast-light.scss +4 -0
- package/styles/pager/highcontrast.css +686 -0
- package/styles/pager/highcontrast.scss +4 -0
- package/styles/pager/icons/_bootstrap-dark.scss +50 -0
- package/styles/pager/icons/_bootstrap.scss +49 -0
- package/styles/pager/icons/_bootstrap4.scss +49 -0
- package/styles/pager/icons/_bootstrap5-dark.scss +1 -0
- package/styles/pager/icons/_bootstrap5.scss +50 -0
- package/styles/pager/icons/_fabric-dark.scss +50 -0
- package/styles/pager/icons/_fabric.scss +50 -0
- package/styles/pager/icons/_fluent-dark.scss +1 -0
- package/styles/pager/icons/_fluent.scss +50 -0
- package/styles/pager/icons/_fusionnew.scss +50 -0
- package/styles/pager/icons/_highcontrast-light.scss +50 -0
- package/styles/pager/icons/_highcontrast.scss +41 -0
- package/styles/pager/icons/_material-dark.scss +50 -0
- package/styles/pager/icons/_material.scss +41 -0
- package/styles/pager/icons/_material3.scss +50 -0
- package/styles/pager/icons/_tailwind-dark.scss +1 -0
- package/styles/pager/icons/_tailwind.scss +50 -0
- package/styles/pager/material-dark.css +687 -0
- package/styles/pager/material-dark.scss +4 -0
- package/styles/pager/material.css +687 -0
- package/styles/pager/material.scss +4 -0
- package/styles/pager/tailwind-dark.css +813 -0
- package/styles/pager/tailwind-dark.scss +4 -0
- package/styles/pager/tailwind.css +813 -0
- package/styles/pager/tailwind.scss +4 -0
- package/styles/sidebar/_fusionnew-definition.scss +5 -0
- package/styles/sidebar/_material3-definition.scss +5 -0
- package/styles/tab/_fusionnew-definition.scss +401 -0
- package/styles/tab/_material-dark-definition.scss +1 -1
- package/styles/tab/_material3-definition.scss +401 -0
- package/styles/tab/bootstrap.css +1 -2
- package/styles/tab/bootstrap5-dark.css +1 -2
- package/styles/tab/bootstrap5.css +1 -2
- package/styles/tab/icons/_fusionnew.scss +141 -0
- package/styles/tab/icons/_material3.scss +141 -0
- package/styles/tab/material-dark.css +1 -1
- package/styles/tailwind-dark.css +883 -17
- package/styles/tailwind-dark.scss +1 -0
- package/styles/tailwind.css +883 -17
- package/styles/tailwind.scss +1 -0
- package/styles/toolbar/_fusionnew-definition.scss +162 -0
- package/styles/toolbar/_material3-definition.scss +162 -0
- package/styles/toolbar/bootstrap.css +1 -3
- package/styles/toolbar/bootstrap4.css +1 -2
- package/styles/toolbar/bootstrap5-dark.css +1 -2
- package/styles/toolbar/bootstrap5.css +1 -2
- package/styles/toolbar/icons/_fusionnew.scss +17 -0
- package/styles/toolbar/icons/_material3.scss +17 -0
- package/styles/treeview/_bootstrap5-definition.scss +1 -1
- package/styles/treeview/_fusionnew-definition.scss +120 -0
- package/styles/treeview/_material3-definition.scss +120 -0
- package/styles/treeview/bootstrap5-dark.css +1 -1
- package/styles/treeview/bootstrap5.css +1 -1
- package/styles/treeview/icons/_fusionnew.scss +43 -0
- package/styles/treeview/icons/_material3.scss +43 -0
- package/styles/v-scroll/_fusionnew-definition.scss +49 -0
- package/styles/v-scroll/_material3-definition.scss +49 -0
- package/styles/v-scroll/icons/_fusionnew.scss +27 -0
- package/styles/v-scroll/icons/_material3.scss +27 -0
|
@@ -33,42 +33,50 @@
|
|
|
33
33
|
position: relative;
|
|
34
34
|
width: 100%;
|
|
35
35
|
}
|
|
36
|
-
.e-carousel
|
|
37
|
-
|
|
38
|
-
backface-visibility: hidden;
|
|
36
|
+
.e-carousel.e-carousel-slide-animation .e-carousel-item {
|
|
37
|
+
backface-visibility: hidden;
|
|
39
38
|
display: none;
|
|
40
39
|
float: left;
|
|
41
40
|
height: 100%;
|
|
42
41
|
margin-right: -100%;
|
|
43
42
|
position: relative;
|
|
44
|
-
width: 100%;
|
|
45
|
-
}
|
|
46
|
-
.e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item.e-active {
|
|
47
|
-
display: block;
|
|
48
|
-
}
|
|
49
|
-
.e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item {
|
|
50
43
|
transition: transform 0.6s ease-in-out;
|
|
44
|
+
width: 100%;
|
|
51
45
|
}
|
|
52
|
-
.e-carousel
|
|
46
|
+
.e-carousel.e-carousel-slide-animation .e-carousel-item.e-prev, .e-carousel.e-carousel-slide-animation .e-carousel-item.e-next, .e-carousel.e-carousel-slide-animation .e-carousel-item.e-active {
|
|
53
47
|
display: block;
|
|
54
48
|
}
|
|
55
|
-
.e-carousel
|
|
49
|
+
.e-carousel.e-carousel-slide-animation .e-carousel-item.e-next:not(.e-transition-start), .e-carousel.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-end {
|
|
56
50
|
transform: translateX(100%);
|
|
57
51
|
}
|
|
58
|
-
.e-carousel
|
|
52
|
+
.e-carousel.e-carousel-slide-animation .e-carousel-item.e-prev:not(.e-transition-end), .e-carousel.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-start {
|
|
59
53
|
transform: translateX(-100%);
|
|
60
54
|
}
|
|
61
|
-
.e-carousel
|
|
55
|
+
.e-carousel.e-carousel-fade-animation .e-carousel-item {
|
|
56
|
+
backface-visibility: hidden;
|
|
62
57
|
display: block;
|
|
58
|
+
float: left;
|
|
59
|
+
height: 100%;
|
|
60
|
+
margin-right: -100%;
|
|
63
61
|
opacity: 0;
|
|
62
|
+
position: relative;
|
|
64
63
|
transition: opacity 0.6s ease-in-out;
|
|
64
|
+
width: 100%;
|
|
65
65
|
z-index: 0;
|
|
66
66
|
}
|
|
67
|
-
.e-carousel
|
|
67
|
+
.e-carousel.e-carousel-fade-animation .e-carousel-item.e-active {
|
|
68
68
|
opacity: 1;
|
|
69
69
|
z-index: 1;
|
|
70
70
|
}
|
|
71
|
-
.e-carousel
|
|
71
|
+
.e-carousel.e-carousel-animation-none .e-carousel-item {
|
|
72
|
+
display: none;
|
|
73
|
+
height: 100%;
|
|
74
|
+
width: 100%;
|
|
75
|
+
}
|
|
76
|
+
.e-carousel.e-carousel-animation-none .e-carousel-item.e-active {
|
|
77
|
+
display: block;
|
|
78
|
+
}
|
|
79
|
+
.e-carousel.e-carousel-custom-animation .e-carousel-item {
|
|
72
80
|
display: block;
|
|
73
81
|
height: 100%;
|
|
74
82
|
left: 0;
|
|
@@ -78,7 +86,7 @@
|
|
|
78
86
|
top: 0;
|
|
79
87
|
width: 100%;
|
|
80
88
|
}
|
|
81
|
-
.e-carousel
|
|
89
|
+
.e-carousel.e-carousel-custom-animation .e-carousel-item.e-active {
|
|
82
90
|
opacity: 1;
|
|
83
91
|
pointer-events: visible;
|
|
84
92
|
}
|
|
@@ -33,42 +33,50 @@
|
|
|
33
33
|
position: relative;
|
|
34
34
|
width: 100%;
|
|
35
35
|
}
|
|
36
|
-
.e-carousel
|
|
37
|
-
|
|
38
|
-
backface-visibility: hidden;
|
|
36
|
+
.e-carousel.e-carousel-slide-animation .e-carousel-item {
|
|
37
|
+
backface-visibility: hidden;
|
|
39
38
|
display: none;
|
|
40
39
|
float: left;
|
|
41
40
|
height: 100%;
|
|
42
41
|
margin-right: -100%;
|
|
43
42
|
position: relative;
|
|
44
|
-
width: 100%;
|
|
45
|
-
}
|
|
46
|
-
.e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item.e-active {
|
|
47
|
-
display: block;
|
|
48
|
-
}
|
|
49
|
-
.e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item {
|
|
50
43
|
transition: transform 0.6s ease-in-out;
|
|
44
|
+
width: 100%;
|
|
51
45
|
}
|
|
52
|
-
.e-carousel
|
|
46
|
+
.e-carousel.e-carousel-slide-animation .e-carousel-item.e-prev, .e-carousel.e-carousel-slide-animation .e-carousel-item.e-next, .e-carousel.e-carousel-slide-animation .e-carousel-item.e-active {
|
|
53
47
|
display: block;
|
|
54
48
|
}
|
|
55
|
-
.e-carousel
|
|
49
|
+
.e-carousel.e-carousel-slide-animation .e-carousel-item.e-next:not(.e-transition-start), .e-carousel.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-end {
|
|
56
50
|
transform: translateX(100%);
|
|
57
51
|
}
|
|
58
|
-
.e-carousel
|
|
52
|
+
.e-carousel.e-carousel-slide-animation .e-carousel-item.e-prev:not(.e-transition-end), .e-carousel.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-start {
|
|
59
53
|
transform: translateX(-100%);
|
|
60
54
|
}
|
|
61
|
-
.e-carousel
|
|
55
|
+
.e-carousel.e-carousel-fade-animation .e-carousel-item {
|
|
56
|
+
backface-visibility: hidden;
|
|
62
57
|
display: block;
|
|
58
|
+
float: left;
|
|
59
|
+
height: 100%;
|
|
60
|
+
margin-right: -100%;
|
|
63
61
|
opacity: 0;
|
|
62
|
+
position: relative;
|
|
64
63
|
transition: opacity 0.6s ease-in-out;
|
|
64
|
+
width: 100%;
|
|
65
65
|
z-index: 0;
|
|
66
66
|
}
|
|
67
|
-
.e-carousel
|
|
67
|
+
.e-carousel.e-carousel-fade-animation .e-carousel-item.e-active {
|
|
68
68
|
opacity: 1;
|
|
69
69
|
z-index: 1;
|
|
70
70
|
}
|
|
71
|
-
.e-carousel
|
|
71
|
+
.e-carousel.e-carousel-animation-none .e-carousel-item {
|
|
72
|
+
display: none;
|
|
73
|
+
height: 100%;
|
|
74
|
+
width: 100%;
|
|
75
|
+
}
|
|
76
|
+
.e-carousel.e-carousel-animation-none .e-carousel-item.e-active {
|
|
77
|
+
display: block;
|
|
78
|
+
}
|
|
79
|
+
.e-carousel.e-carousel-custom-animation .e-carousel-item {
|
|
72
80
|
display: block;
|
|
73
81
|
height: 100%;
|
|
74
82
|
left: 0;
|
|
@@ -78,7 +86,7 @@
|
|
|
78
86
|
top: 0;
|
|
79
87
|
width: 100%;
|
|
80
88
|
}
|
|
81
|
-
.e-carousel
|
|
89
|
+
.e-carousel.e-carousel-custom-animation .e-carousel-item.e-active {
|
|
82
90
|
opacity: 1;
|
|
83
91
|
pointer-events: visible;
|
|
84
92
|
}
|
|
@@ -33,42 +33,50 @@
|
|
|
33
33
|
position: relative;
|
|
34
34
|
width: 100%;
|
|
35
35
|
}
|
|
36
|
-
.e-carousel
|
|
37
|
-
|
|
38
|
-
backface-visibility: hidden;
|
|
36
|
+
.e-carousel.e-carousel-slide-animation .e-carousel-item {
|
|
37
|
+
backface-visibility: hidden;
|
|
39
38
|
display: none;
|
|
40
39
|
float: left;
|
|
41
40
|
height: 100%;
|
|
42
41
|
margin-right: -100%;
|
|
43
42
|
position: relative;
|
|
44
|
-
width: 100%;
|
|
45
|
-
}
|
|
46
|
-
.e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item.e-active {
|
|
47
|
-
display: block;
|
|
48
|
-
}
|
|
49
|
-
.e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item {
|
|
50
43
|
transition: transform 0.6s ease-in-out;
|
|
44
|
+
width: 100%;
|
|
51
45
|
}
|
|
52
|
-
.e-carousel
|
|
46
|
+
.e-carousel.e-carousel-slide-animation .e-carousel-item.e-prev, .e-carousel.e-carousel-slide-animation .e-carousel-item.e-next, .e-carousel.e-carousel-slide-animation .e-carousel-item.e-active {
|
|
53
47
|
display: block;
|
|
54
48
|
}
|
|
55
|
-
.e-carousel
|
|
49
|
+
.e-carousel.e-carousel-slide-animation .e-carousel-item.e-next:not(.e-transition-start), .e-carousel.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-end {
|
|
56
50
|
transform: translateX(100%);
|
|
57
51
|
}
|
|
58
|
-
.e-carousel
|
|
52
|
+
.e-carousel.e-carousel-slide-animation .e-carousel-item.e-prev:not(.e-transition-end), .e-carousel.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-start {
|
|
59
53
|
transform: translateX(-100%);
|
|
60
54
|
}
|
|
61
|
-
.e-carousel
|
|
55
|
+
.e-carousel.e-carousel-fade-animation .e-carousel-item {
|
|
56
|
+
backface-visibility: hidden;
|
|
62
57
|
display: block;
|
|
58
|
+
float: left;
|
|
59
|
+
height: 100%;
|
|
60
|
+
margin-right: -100%;
|
|
63
61
|
opacity: 0;
|
|
62
|
+
position: relative;
|
|
64
63
|
transition: opacity 0.6s ease-in-out;
|
|
64
|
+
width: 100%;
|
|
65
65
|
z-index: 0;
|
|
66
66
|
}
|
|
67
|
-
.e-carousel
|
|
67
|
+
.e-carousel.e-carousel-fade-animation .e-carousel-item.e-active {
|
|
68
68
|
opacity: 1;
|
|
69
69
|
z-index: 1;
|
|
70
70
|
}
|
|
71
|
-
.e-carousel
|
|
71
|
+
.e-carousel.e-carousel-animation-none .e-carousel-item {
|
|
72
|
+
display: none;
|
|
73
|
+
height: 100%;
|
|
74
|
+
width: 100%;
|
|
75
|
+
}
|
|
76
|
+
.e-carousel.e-carousel-animation-none .e-carousel-item.e-active {
|
|
77
|
+
display: block;
|
|
78
|
+
}
|
|
79
|
+
.e-carousel.e-carousel-custom-animation .e-carousel-item {
|
|
72
80
|
display: block;
|
|
73
81
|
height: 100%;
|
|
74
82
|
left: 0;
|
|
@@ -78,7 +86,7 @@
|
|
|
78
86
|
top: 0;
|
|
79
87
|
width: 100%;
|
|
80
88
|
}
|
|
81
|
-
.e-carousel
|
|
89
|
+
.e-carousel.e-carousel-custom-animation .e-carousel-item.e-active {
|
|
82
90
|
opacity: 1;
|
|
83
91
|
pointer-events: visible;
|
|
84
92
|
}
|
|
@@ -33,42 +33,50 @@
|
|
|
33
33
|
position: relative;
|
|
34
34
|
width: 100%;
|
|
35
35
|
}
|
|
36
|
-
.e-carousel
|
|
37
|
-
|
|
38
|
-
backface-visibility: hidden;
|
|
36
|
+
.e-carousel.e-carousel-slide-animation .e-carousel-item {
|
|
37
|
+
backface-visibility: hidden;
|
|
39
38
|
display: none;
|
|
40
39
|
float: left;
|
|
41
40
|
height: 100%;
|
|
42
41
|
margin-right: -100%;
|
|
43
42
|
position: relative;
|
|
44
|
-
width: 100%;
|
|
45
|
-
}
|
|
46
|
-
.e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item.e-active {
|
|
47
|
-
display: block;
|
|
48
|
-
}
|
|
49
|
-
.e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item {
|
|
50
43
|
transition: transform 0.6s ease-in-out;
|
|
44
|
+
width: 100%;
|
|
51
45
|
}
|
|
52
|
-
.e-carousel
|
|
46
|
+
.e-carousel.e-carousel-slide-animation .e-carousel-item.e-prev, .e-carousel.e-carousel-slide-animation .e-carousel-item.e-next, .e-carousel.e-carousel-slide-animation .e-carousel-item.e-active {
|
|
53
47
|
display: block;
|
|
54
48
|
}
|
|
55
|
-
.e-carousel
|
|
49
|
+
.e-carousel.e-carousel-slide-animation .e-carousel-item.e-next:not(.e-transition-start), .e-carousel.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-end {
|
|
56
50
|
transform: translateX(100%);
|
|
57
51
|
}
|
|
58
|
-
.e-carousel
|
|
52
|
+
.e-carousel.e-carousel-slide-animation .e-carousel-item.e-prev:not(.e-transition-end), .e-carousel.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-start {
|
|
59
53
|
transform: translateX(-100%);
|
|
60
54
|
}
|
|
61
|
-
.e-carousel
|
|
55
|
+
.e-carousel.e-carousel-fade-animation .e-carousel-item {
|
|
56
|
+
backface-visibility: hidden;
|
|
62
57
|
display: block;
|
|
58
|
+
float: left;
|
|
59
|
+
height: 100%;
|
|
60
|
+
margin-right: -100%;
|
|
63
61
|
opacity: 0;
|
|
62
|
+
position: relative;
|
|
64
63
|
transition: opacity 0.6s ease-in-out;
|
|
64
|
+
width: 100%;
|
|
65
65
|
z-index: 0;
|
|
66
66
|
}
|
|
67
|
-
.e-carousel
|
|
67
|
+
.e-carousel.e-carousel-fade-animation .e-carousel-item.e-active {
|
|
68
68
|
opacity: 1;
|
|
69
69
|
z-index: 1;
|
|
70
70
|
}
|
|
71
|
-
.e-carousel
|
|
71
|
+
.e-carousel.e-carousel-animation-none .e-carousel-item {
|
|
72
|
+
display: none;
|
|
73
|
+
height: 100%;
|
|
74
|
+
width: 100%;
|
|
75
|
+
}
|
|
76
|
+
.e-carousel.e-carousel-animation-none .e-carousel-item.e-active {
|
|
77
|
+
display: block;
|
|
78
|
+
}
|
|
79
|
+
.e-carousel.e-carousel-custom-animation .e-carousel-item {
|
|
72
80
|
display: block;
|
|
73
81
|
height: 100%;
|
|
74
82
|
left: 0;
|
|
@@ -78,7 +86,7 @@
|
|
|
78
86
|
top: 0;
|
|
79
87
|
width: 100%;
|
|
80
88
|
}
|
|
81
|
-
.e-carousel
|
|
89
|
+
.e-carousel.e-carousel-custom-animation .e-carousel-item.e-active {
|
|
82
90
|
opacity: 1;
|
|
83
91
|
pointer-events: visible;
|
|
84
92
|
}
|
|
@@ -33,42 +33,50 @@
|
|
|
33
33
|
position: relative;
|
|
34
34
|
width: 100%;
|
|
35
35
|
}
|
|
36
|
-
.e-carousel
|
|
37
|
-
|
|
38
|
-
backface-visibility: hidden;
|
|
36
|
+
.e-carousel.e-carousel-slide-animation .e-carousel-item {
|
|
37
|
+
backface-visibility: hidden;
|
|
39
38
|
display: none;
|
|
40
39
|
float: left;
|
|
41
40
|
height: 100%;
|
|
42
41
|
margin-right: -100%;
|
|
43
42
|
position: relative;
|
|
44
|
-
width: 100%;
|
|
45
|
-
}
|
|
46
|
-
.e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item.e-active {
|
|
47
|
-
display: block;
|
|
48
|
-
}
|
|
49
|
-
.e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item {
|
|
50
43
|
transition: transform 0.6s ease-in-out;
|
|
44
|
+
width: 100%;
|
|
51
45
|
}
|
|
52
|
-
.e-carousel
|
|
46
|
+
.e-carousel.e-carousel-slide-animation .e-carousel-item.e-prev, .e-carousel.e-carousel-slide-animation .e-carousel-item.e-next, .e-carousel.e-carousel-slide-animation .e-carousel-item.e-active {
|
|
53
47
|
display: block;
|
|
54
48
|
}
|
|
55
|
-
.e-carousel
|
|
49
|
+
.e-carousel.e-carousel-slide-animation .e-carousel-item.e-next:not(.e-transition-start), .e-carousel.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-end {
|
|
56
50
|
transform: translateX(100%);
|
|
57
51
|
}
|
|
58
|
-
.e-carousel
|
|
52
|
+
.e-carousel.e-carousel-slide-animation .e-carousel-item.e-prev:not(.e-transition-end), .e-carousel.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-start {
|
|
59
53
|
transform: translateX(-100%);
|
|
60
54
|
}
|
|
61
|
-
.e-carousel
|
|
55
|
+
.e-carousel.e-carousel-fade-animation .e-carousel-item {
|
|
56
|
+
backface-visibility: hidden;
|
|
62
57
|
display: block;
|
|
58
|
+
float: left;
|
|
59
|
+
height: 100%;
|
|
60
|
+
margin-right: -100%;
|
|
63
61
|
opacity: 0;
|
|
62
|
+
position: relative;
|
|
64
63
|
transition: opacity 0.6s ease-in-out;
|
|
64
|
+
width: 100%;
|
|
65
65
|
z-index: 0;
|
|
66
66
|
}
|
|
67
|
-
.e-carousel
|
|
67
|
+
.e-carousel.e-carousel-fade-animation .e-carousel-item.e-active {
|
|
68
68
|
opacity: 1;
|
|
69
69
|
z-index: 1;
|
|
70
70
|
}
|
|
71
|
-
.e-carousel
|
|
71
|
+
.e-carousel.e-carousel-animation-none .e-carousel-item {
|
|
72
|
+
display: none;
|
|
73
|
+
height: 100%;
|
|
74
|
+
width: 100%;
|
|
75
|
+
}
|
|
76
|
+
.e-carousel.e-carousel-animation-none .e-carousel-item.e-active {
|
|
77
|
+
display: block;
|
|
78
|
+
}
|
|
79
|
+
.e-carousel.e-carousel-custom-animation .e-carousel-item {
|
|
72
80
|
display: block;
|
|
73
81
|
height: 100%;
|
|
74
82
|
left: 0;
|
|
@@ -78,7 +86,7 @@
|
|
|
78
86
|
top: 0;
|
|
79
87
|
width: 100%;
|
|
80
88
|
}
|
|
81
|
-
.e-carousel
|
|
89
|
+
.e-carousel.e-carousel-custom-animation .e-carousel-item.e-active {
|
|
82
90
|
opacity: 1;
|
|
83
91
|
pointer-events: visible;
|
|
84
92
|
}
|
|
@@ -33,42 +33,50 @@
|
|
|
33
33
|
position: relative;
|
|
34
34
|
width: 100%;
|
|
35
35
|
}
|
|
36
|
-
.e-carousel
|
|
37
|
-
|
|
38
|
-
backface-visibility: hidden;
|
|
36
|
+
.e-carousel.e-carousel-slide-animation .e-carousel-item {
|
|
37
|
+
backface-visibility: hidden;
|
|
39
38
|
display: none;
|
|
40
39
|
float: left;
|
|
41
40
|
height: 100%;
|
|
42
41
|
margin-right: -100%;
|
|
43
42
|
position: relative;
|
|
44
|
-
width: 100%;
|
|
45
|
-
}
|
|
46
|
-
.e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item.e-active {
|
|
47
|
-
display: block;
|
|
48
|
-
}
|
|
49
|
-
.e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item {
|
|
50
43
|
transition: transform 0.6s ease-in-out;
|
|
44
|
+
width: 100%;
|
|
51
45
|
}
|
|
52
|
-
.e-carousel
|
|
46
|
+
.e-carousel.e-carousel-slide-animation .e-carousel-item.e-prev, .e-carousel.e-carousel-slide-animation .e-carousel-item.e-next, .e-carousel.e-carousel-slide-animation .e-carousel-item.e-active {
|
|
53
47
|
display: block;
|
|
54
48
|
}
|
|
55
|
-
.e-carousel
|
|
49
|
+
.e-carousel.e-carousel-slide-animation .e-carousel-item.e-next:not(.e-transition-start), .e-carousel.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-end {
|
|
56
50
|
transform: translateX(100%);
|
|
57
51
|
}
|
|
58
|
-
.e-carousel
|
|
52
|
+
.e-carousel.e-carousel-slide-animation .e-carousel-item.e-prev:not(.e-transition-end), .e-carousel.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-start {
|
|
59
53
|
transform: translateX(-100%);
|
|
60
54
|
}
|
|
61
|
-
.e-carousel
|
|
55
|
+
.e-carousel.e-carousel-fade-animation .e-carousel-item {
|
|
56
|
+
backface-visibility: hidden;
|
|
62
57
|
display: block;
|
|
58
|
+
float: left;
|
|
59
|
+
height: 100%;
|
|
60
|
+
margin-right: -100%;
|
|
63
61
|
opacity: 0;
|
|
62
|
+
position: relative;
|
|
64
63
|
transition: opacity 0.6s ease-in-out;
|
|
64
|
+
width: 100%;
|
|
65
65
|
z-index: 0;
|
|
66
66
|
}
|
|
67
|
-
.e-carousel
|
|
67
|
+
.e-carousel.e-carousel-fade-animation .e-carousel-item.e-active {
|
|
68
68
|
opacity: 1;
|
|
69
69
|
z-index: 1;
|
|
70
70
|
}
|
|
71
|
-
.e-carousel
|
|
71
|
+
.e-carousel.e-carousel-animation-none .e-carousel-item {
|
|
72
|
+
display: none;
|
|
73
|
+
height: 100%;
|
|
74
|
+
width: 100%;
|
|
75
|
+
}
|
|
76
|
+
.e-carousel.e-carousel-animation-none .e-carousel-item.e-active {
|
|
77
|
+
display: block;
|
|
78
|
+
}
|
|
79
|
+
.e-carousel.e-carousel-custom-animation .e-carousel-item {
|
|
72
80
|
display: block;
|
|
73
81
|
height: 100%;
|
|
74
82
|
left: 0;
|
|
@@ -78,7 +86,7 @@
|
|
|
78
86
|
top: 0;
|
|
79
87
|
width: 100%;
|
|
80
88
|
}
|
|
81
|
-
.e-carousel
|
|
89
|
+
.e-carousel.e-carousel-custom-animation .e-carousel-item.e-active {
|
|
82
90
|
opacity: 1;
|
|
83
91
|
pointer-events: visible;
|
|
84
92
|
}
|
|
@@ -33,42 +33,50 @@
|
|
|
33
33
|
position: relative;
|
|
34
34
|
width: 100%;
|
|
35
35
|
}
|
|
36
|
-
.e-carousel
|
|
37
|
-
|
|
38
|
-
backface-visibility: hidden;
|
|
36
|
+
.e-carousel.e-carousel-slide-animation .e-carousel-item {
|
|
37
|
+
backface-visibility: hidden;
|
|
39
38
|
display: none;
|
|
40
39
|
float: left;
|
|
41
40
|
height: 100%;
|
|
42
41
|
margin-right: -100%;
|
|
43
42
|
position: relative;
|
|
44
|
-
width: 100%;
|
|
45
|
-
}
|
|
46
|
-
.e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item.e-active {
|
|
47
|
-
display: block;
|
|
48
|
-
}
|
|
49
|
-
.e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item {
|
|
50
43
|
transition: transform 0.6s ease-in-out;
|
|
44
|
+
width: 100%;
|
|
51
45
|
}
|
|
52
|
-
.e-carousel
|
|
46
|
+
.e-carousel.e-carousel-slide-animation .e-carousel-item.e-prev, .e-carousel.e-carousel-slide-animation .e-carousel-item.e-next, .e-carousel.e-carousel-slide-animation .e-carousel-item.e-active {
|
|
53
47
|
display: block;
|
|
54
48
|
}
|
|
55
|
-
.e-carousel
|
|
49
|
+
.e-carousel.e-carousel-slide-animation .e-carousel-item.e-next:not(.e-transition-start), .e-carousel.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-end {
|
|
56
50
|
transform: translateX(100%);
|
|
57
51
|
}
|
|
58
|
-
.e-carousel
|
|
52
|
+
.e-carousel.e-carousel-slide-animation .e-carousel-item.e-prev:not(.e-transition-end), .e-carousel.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-start {
|
|
59
53
|
transform: translateX(-100%);
|
|
60
54
|
}
|
|
61
|
-
.e-carousel
|
|
55
|
+
.e-carousel.e-carousel-fade-animation .e-carousel-item {
|
|
56
|
+
backface-visibility: hidden;
|
|
62
57
|
display: block;
|
|
58
|
+
float: left;
|
|
59
|
+
height: 100%;
|
|
60
|
+
margin-right: -100%;
|
|
63
61
|
opacity: 0;
|
|
62
|
+
position: relative;
|
|
64
63
|
transition: opacity 0.6s ease-in-out;
|
|
64
|
+
width: 100%;
|
|
65
65
|
z-index: 0;
|
|
66
66
|
}
|
|
67
|
-
.e-carousel
|
|
67
|
+
.e-carousel.e-carousel-fade-animation .e-carousel-item.e-active {
|
|
68
68
|
opacity: 1;
|
|
69
69
|
z-index: 1;
|
|
70
70
|
}
|
|
71
|
-
.e-carousel
|
|
71
|
+
.e-carousel.e-carousel-animation-none .e-carousel-item {
|
|
72
|
+
display: none;
|
|
73
|
+
height: 100%;
|
|
74
|
+
width: 100%;
|
|
75
|
+
}
|
|
76
|
+
.e-carousel.e-carousel-animation-none .e-carousel-item.e-active {
|
|
77
|
+
display: block;
|
|
78
|
+
}
|
|
79
|
+
.e-carousel.e-carousel-custom-animation .e-carousel-item {
|
|
72
80
|
display: block;
|
|
73
81
|
height: 100%;
|
|
74
82
|
left: 0;
|
|
@@ -78,7 +86,7 @@
|
|
|
78
86
|
top: 0;
|
|
79
87
|
width: 100%;
|
|
80
88
|
}
|
|
81
|
-
.e-carousel
|
|
89
|
+
.e-carousel.e-carousel-custom-animation .e-carousel-item.e-active {
|
|
82
90
|
opacity: 1;
|
|
83
91
|
pointer-events: visible;
|
|
84
92
|
}
|
|
@@ -33,42 +33,50 @@
|
|
|
33
33
|
position: relative;
|
|
34
34
|
width: 100%;
|
|
35
35
|
}
|
|
36
|
-
.e-carousel
|
|
37
|
-
|
|
38
|
-
backface-visibility: hidden;
|
|
36
|
+
.e-carousel.e-carousel-slide-animation .e-carousel-item {
|
|
37
|
+
backface-visibility: hidden;
|
|
39
38
|
display: none;
|
|
40
39
|
float: left;
|
|
41
40
|
height: 100%;
|
|
42
41
|
margin-right: -100%;
|
|
43
42
|
position: relative;
|
|
44
|
-
width: 100%;
|
|
45
|
-
}
|
|
46
|
-
.e-carousel .e-carousel-items:not(.e-carousel-custom-animation) .e-carousel-item.e-active {
|
|
47
|
-
display: block;
|
|
48
|
-
}
|
|
49
|
-
.e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item {
|
|
50
43
|
transition: transform 0.6s ease-in-out;
|
|
44
|
+
width: 100%;
|
|
51
45
|
}
|
|
52
|
-
.e-carousel
|
|
46
|
+
.e-carousel.e-carousel-slide-animation .e-carousel-item.e-prev, .e-carousel.e-carousel-slide-animation .e-carousel-item.e-next, .e-carousel.e-carousel-slide-animation .e-carousel-item.e-active {
|
|
53
47
|
display: block;
|
|
54
48
|
}
|
|
55
|
-
.e-carousel
|
|
49
|
+
.e-carousel.e-carousel-slide-animation .e-carousel-item.e-next:not(.e-transition-start), .e-carousel.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-end {
|
|
56
50
|
transform: translateX(100%);
|
|
57
51
|
}
|
|
58
|
-
.e-carousel
|
|
52
|
+
.e-carousel.e-carousel-slide-animation .e-carousel-item.e-prev:not(.e-transition-end), .e-carousel.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-start {
|
|
59
53
|
transform: translateX(-100%);
|
|
60
54
|
}
|
|
61
|
-
.e-carousel
|
|
55
|
+
.e-carousel.e-carousel-fade-animation .e-carousel-item {
|
|
56
|
+
backface-visibility: hidden;
|
|
62
57
|
display: block;
|
|
58
|
+
float: left;
|
|
59
|
+
height: 100%;
|
|
60
|
+
margin-right: -100%;
|
|
63
61
|
opacity: 0;
|
|
62
|
+
position: relative;
|
|
64
63
|
transition: opacity 0.6s ease-in-out;
|
|
64
|
+
width: 100%;
|
|
65
65
|
z-index: 0;
|
|
66
66
|
}
|
|
67
|
-
.e-carousel
|
|
67
|
+
.e-carousel.e-carousel-fade-animation .e-carousel-item.e-active {
|
|
68
68
|
opacity: 1;
|
|
69
69
|
z-index: 1;
|
|
70
70
|
}
|
|
71
|
-
.e-carousel
|
|
71
|
+
.e-carousel.e-carousel-animation-none .e-carousel-item {
|
|
72
|
+
display: none;
|
|
73
|
+
height: 100%;
|
|
74
|
+
width: 100%;
|
|
75
|
+
}
|
|
76
|
+
.e-carousel.e-carousel-animation-none .e-carousel-item.e-active {
|
|
77
|
+
display: block;
|
|
78
|
+
}
|
|
79
|
+
.e-carousel.e-carousel-custom-animation .e-carousel-item {
|
|
72
80
|
display: block;
|
|
73
81
|
height: 100%;
|
|
74
82
|
left: 0;
|
|
@@ -78,7 +86,7 @@
|
|
|
78
86
|
top: 0;
|
|
79
87
|
width: 100%;
|
|
80
88
|
}
|
|
81
|
-
.e-carousel
|
|
89
|
+
.e-carousel.e-carousel-custom-animation .e-carousel-item.e-active {
|
|
82
90
|
opacity: 1;
|
|
83
91
|
pointer-events: visible;
|
|
84
92
|
}
|