@gxpl/sdk 0.0.57 → 0.0.58
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.
|
@@ -124,7 +124,7 @@ exports.transitionMachine = (0, xstate_1.setup)({
|
|
|
124
124
|
const start = { x: transition.startX, y: transition.startY };
|
|
125
125
|
const { deltaX, deltaY, progress } = (0, getDeltaAndProgress_1.getDeltaAndProgress)(event.touchData, start, direction, previewWindow !== null && previewWindow !== void 0 ? previewWindow : window);
|
|
126
126
|
const newScenes = relation.type === 'slide'
|
|
127
|
-
? (0, getScenesOnStart_1.getScenesOnSlideStart)(relation, { x: deltaX, y: deltaY }, direction, window)
|
|
127
|
+
? (0, getScenesOnStart_1.getScenesOnSlideStart)(relation, { x: deltaX, y: deltaY }, direction, previewWindow !== null && previewWindow !== void 0 ? previewWindow : window)
|
|
128
128
|
: relation.type === 'reveal'
|
|
129
129
|
? (0, getScenesOnStart_1.getScenesOnRevealStart)(relation, { x: deltaX, y: deltaY }, direction, relation.offset, relation.mode, previewWindow !== null && previewWindow !== void 0 ? previewWindow : window)
|
|
130
130
|
: (0, getScenesOnStart_1.getScenesOnFadeStart)(relation, progress);
|
|
@@ -183,16 +183,16 @@ exports.transitionMachine = (0, xstate_1.setup)({
|
|
|
183
183
|
};
|
|
184
184
|
},
|
|
185
185
|
scenes: ({ context }) => {
|
|
186
|
-
const { transition, scenes } = context;
|
|
186
|
+
const { transition, scenes, input: { previewWindow } } = context;
|
|
187
187
|
if (!(0, isActiveSwipeTransition_1.isActiveSwipeTransition)(transition))
|
|
188
188
|
return scenes;
|
|
189
189
|
const { type } = transition;
|
|
190
190
|
const threshold = transition.type === 'slide' ? SWIPE_SLIDE_SUCCESS_THRESHOLD : SWIPE_FADE_SUCCESS_THRESHOLD;
|
|
191
191
|
const transitionSuccess = (0, isTransitionSuccess_1.isTransitionSuccess)(transition, threshold);
|
|
192
192
|
const newScenes = type === 'slide'
|
|
193
|
-
? (0, getScenesOnEnd_1.getScenesOnSlideEnd)(scenes, transition, transitionSuccess)
|
|
193
|
+
? (0, getScenesOnEnd_1.getScenesOnSlideEnd)(scenes, transition, transitionSuccess, previewWindow !== null && previewWindow !== void 0 ? previewWindow : window)
|
|
194
194
|
: type === 'reveal'
|
|
195
|
-
? (0, getScenesOnEnd_1.getScenesOnRevealEnd)(scenes, transition, transitionSuccess, transition.offset, transition.mode)
|
|
195
|
+
? (0, getScenesOnEnd_1.getScenesOnRevealEnd)(scenes, transition, transitionSuccess, transition.offset, transition.mode, previewWindow !== null && previewWindow !== void 0 ? previewWindow : window)
|
|
196
196
|
: (0, getScenesOnEnd_1.getScenesOnFadeEnd)(scenes);
|
|
197
197
|
return newScenes;
|
|
198
198
|
},
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { ActiveTransition, TransitionScene } from './types';
|
|
2
|
-
export declare function getScenesOnSlideEnd(scenes: TransitionScene[], transition: ActiveTransition, success: boolean): {
|
|
2
|
+
export declare function getScenesOnSlideEnd(scenes: TransitionScene[], transition: ActiveTransition, success: boolean, window: Window): {
|
|
3
3
|
styles: {
|
|
4
4
|
x: number;
|
|
5
5
|
y: number;
|
|
@@ -10,7 +10,7 @@ export declare function getScenesOnSlideEnd(scenes: TransitionScene[], transitio
|
|
|
10
10
|
};
|
|
11
11
|
id: string;
|
|
12
12
|
}[];
|
|
13
|
-
export declare function getScenesOnRevealEnd(scenes: TransitionScene[], transition: ActiveTransition, success: boolean, offset: number, mode: 'normal' | 'reverse'): {
|
|
13
|
+
export declare function getScenesOnRevealEnd(scenes: TransitionScene[], transition: ActiveTransition, success: boolean, offset: number, mode: 'normal' | 'reverse', window: Window): {
|
|
14
14
|
styles: {
|
|
15
15
|
zIndex: number;
|
|
16
16
|
x: number;
|
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.getScenesOnSlideEnd = getScenesOnSlideEnd;
|
|
4
4
|
exports.getScenesOnRevealEnd = getScenesOnRevealEnd;
|
|
5
5
|
exports.getScenesOnFadeEnd = getScenesOnFadeEnd;
|
|
6
|
-
function getScenesOnSlideEnd(scenes, transition, success) {
|
|
6
|
+
function getScenesOnSlideEnd(scenes, transition, success, window) {
|
|
7
7
|
const { from, to, direction } = transition;
|
|
8
8
|
return scenes.map((s) => {
|
|
9
9
|
const isNextActiveScene = success ? s.id === to : s.id === from;
|
|
@@ -24,7 +24,7 @@ function getScenesOnSlideEnd(scenes, transition, success) {
|
|
|
24
24
|
return Object.assign(Object.assign({}, s), { styles: Object.assign(Object.assign({}, s.styles), { x: isNextActiveScene ? 0 : prevElX, y: isNextActiveScene ? 0 : prevElY }) });
|
|
25
25
|
});
|
|
26
26
|
}
|
|
27
|
-
function getScenesOnRevealEnd(scenes, transition, success, offset, mode) {
|
|
27
|
+
function getScenesOnRevealEnd(scenes, transition, success, offset, mode, window) {
|
|
28
28
|
const { from, to, direction } = transition;
|
|
29
29
|
return scenes.map((s) => {
|
|
30
30
|
const isNextActiveScene = success ? s.id === to : s.id === from;
|
|
@@ -42,7 +42,8 @@ function getScenesOnRevealEnd(scenes, transition, success, offset, mode) {
|
|
|
42
42
|
else if (direction === 'south') {
|
|
43
43
|
prevElY = success ? -window.innerHeight * (mode === 'normal' ? 1 : offset) : window.innerHeight * (mode === 'normal' ? offset : 1);
|
|
44
44
|
}
|
|
45
|
-
|
|
45
|
+
const zIndex = mode === 'reverse' ? (isNextActiveScene ? 1 : 0) : (isNextActiveScene ? 1 : 2);
|
|
46
|
+
return Object.assign(Object.assign({}, s), { styles: Object.assign(Object.assign({}, s.styles), { zIndex, x: isNextActiveScene ? 0 : prevElX, y: isNextActiveScene ? 0 : prevElY }) });
|
|
46
47
|
});
|
|
47
48
|
}
|
|
48
49
|
function getScenesOnFadeEnd(scenes) {
|