@egjs/flicking 4.11.1 → 4.11.2

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@egjs/flicking",
-	"version": "4.11.1",
+	"version": "4.11.2",
 	"description": "Everyday 30 million people experience. It's reliable, flexible and extendable carousel.",
 	"main": "dist/flicking.cjs.js",
 	"module": "dist/flicking.esm.js",

package/src/control/Control.ts

@@ -23,6 +23,7 @@ abstract class Control {
   protected _flicking: Flicking | null;
   protected _controller: AxesController;
   protected _activePanel: Panel | null;
+  protected _nextPanel: Panel | null;
 
   /**
    * A controller that handles the {@link https://naver.github.io/egjs-axes/ @egjs/axes} events
@@ -317,6 +318,7 @@ abstract class Control {
     const flicking = getFlickingAttached(this._flicking);
 
     this._activePanel = newActivePanel;
+    this._nextPanel = null;
 
     flicking.camera.updateAdaptiveHeight();
 
@@ -357,6 +359,8 @@ abstract class Control {
       isTrusted: axesEvent?.isTrusted || false,
       direction: getDirection(activePanel?.position ?? camera.position, position)
     });
+
+    this._nextPanel = panel;
     flicking.trigger(event);
 
     if (event.isCanceled()) {

package/src/control/StrictControl.ts

@@ -190,7 +190,7 @@ class StrictControl extends Control {
   public moveToPosition(position: number, duration: number, axesEvent?: OnRelease) {
     const flicking = getFlickingAttached(this._flicking);
     const camera = flicking.camera;
-    const activePanel = this._activePanel;
+    const currentPanel = this._nextPanel ?? this._activePanel;
     const axesRange = this._controller.range;
     const indexRange = this._indexRange;
     const cameraRange = camera.range;
@@ -199,11 +199,11 @@ class StrictControl extends Control {
     const clampedPosition = clamp(camera.clampToReachablePosition(position), axesRange[0], axesRange[1]);
     const anchorAtPosition = camera.findAnchorIncludePosition(clampedPosition);
 
-    if (!anchorAtPosition || !activePanel) {
+    if (!anchorAtPosition || !currentPanel) {
       return Promise.reject(new FlickingError(ERROR.MESSAGE.POSITION_NOT_REACHABLE(position), ERROR.CODE.POSITION_NOT_REACHABLE));
     }
 
-    const prevPos = activePanel.position;
+    const prevPos = currentPanel.position;
     const posDelta = flicking.animating
       ? state.delta
       : position - camera.position;
@@ -233,7 +233,7 @@ class StrictControl extends Control {
 
       targetPanel = targetAnchor.panel;
       targetPos = targetAnchor.position;
-    } else if (isOverThreshold && anchorAtPosition.position !== activePanel.position) {
+    } else if (isOverThreshold && anchorAtPosition.position !== currentPanel.position) {
       // Move to anchor at position
       targetPanel = anchorAtPosition.panel;
       targetPos = anchorAtPosition.position;