@vectoriox/iox-builder 1.8.0 → 1.9.0
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.
|
@@ -83,6 +83,10 @@ const ROUTE_ANIMATION_OPTIONS = [
|
|
|
83
83
|
{ value: 'flip', label: 'Flip', description: 'Perspective tilt + fade' },
|
|
84
84
|
];
|
|
85
85
|
const EASING_OPTIONS$1 = [
|
|
86
|
+
// Strong symmetric in-out — the default. Slow to leave, quick through the middle, gentle to
|
|
87
|
+
// settle; this is what makes a long page transition read as smooth rather than sluggish.
|
|
88
|
+
{ label: 'Smooth (default)', value: 'cubic-bezier(0.76, 0, 0.24, 1)' },
|
|
89
|
+
{ label: 'Expo Out', value: 'cubic-bezier(0.16, 1, 0.3, 1)' },
|
|
86
90
|
{ label: 'Ease', value: 'ease' },
|
|
87
91
|
{ label: 'Ease In', value: 'ease-in' },
|
|
88
92
|
{ label: 'Ease Out', value: 'ease-out' },
|
|
@@ -112,8 +116,11 @@ function defaultPageSettings() {
|
|
|
112
116
|
routeAnimation: {
|
|
113
117
|
enter: 'fade',
|
|
114
118
|
leave: 'fade',
|
|
115
|
-
|
|
116
|
-
|
|
119
|
+
// Defaults mirror DEFAULT_PAGE_TRANSITION* in @vectoriox/iox-ui: the parallax look at a
|
|
120
|
+
// long duration with the smooth in-out curve.
|
|
121
|
+
transition: 'parallax-up',
|
|
122
|
+
duration: 1500,
|
|
123
|
+
easing: 'cubic-bezier(0.76, 0, 0.24, 1)',
|
|
117
124
|
},
|
|
118
125
|
};
|
|
119
126
|
}
|