@egjs/flicking 4.11.3-beta.1 → 4.11.3-beta.3

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@egjs/flicking",
-	"version": "4.11.3-beta.1",
+	"version": "4.11.3-beta.3",
 	"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/Flicking.ts

@@ -1503,6 +1503,9 @@ class Flicking extends Component<FlickingEvents> {
 
     viewport.resize();
     await renderer.forceRenderAllPanels(); // Render all panel elements, to update sizes
+    if (!this._initialized) {
+      return;
+    }
     renderer.updatePanelSize();
     camera.updateAlignPos();
     camera.updateRange();
@@ -1511,6 +1514,9 @@ class Flicking extends Component<FlickingEvents> {
     camera.updatePanelOrder();
     camera.updateOffset();
     await renderer.render();
+    if (!this._initialized) {
+      return;
+    }
 
     if (control.animating) {
       // TODO:

package/src/control/Control.ts

@@ -306,7 +306,7 @@ abstract class Control {
     axesEvent?: OnRelease;
   }) {
     const position = this._getPosition(panel, direction);
-    this._triggerIndexChangeEvent(panel, panel.position, axesEvent);
+    this._triggerIndexChangeEvent(panel, panel.position, axesEvent, direction);
 
     return this._animateToPosition({ position, duration, newActivePanel: panel, axesEvent });
   }
@@ -347,7 +347,7 @@ abstract class Control {
     this._controller = control._controller;
   }
 
-  protected _triggerIndexChangeEvent(panel: Panel, position: number, axesEvent?: OnRelease) {
+  protected _triggerIndexChangeEvent(panel: Panel, position: number, axesEvent?: OnRelease, direction?: ValueOf<typeof DIRECTION>) {
     const flicking = getFlickingAttached(this._flicking);
     const triggeringEvent = panel !== this._activePanel ? EVENTS.WILL_CHANGE : EVENTS.WILL_RESTORE;
     const camera = flicking.camera;
@@ -357,7 +357,7 @@ abstract class Control {
       index: panel.index,
       panel,
       isTrusted: axesEvent?.isTrusted || false,
-      direction: getDirection(activePanel?.position ?? camera.position, position)
+      direction: direction ?? getDirection(activePanel?.position ?? camera.position, position)
     });
 
     this._nextPanel = panel;

package/src/control/SnapControl.ts

@@ -95,7 +95,7 @@ class SnapControl extends Control {
       return Promise.reject(new FlickingError(ERROR.MESSAGE.POSITION_NOT_REACHABLE(position), ERROR.CODE.POSITION_NOT_REACHABLE));
     }
 
-    const snapThreshold = this._calcSnapThreshold(position, activeAnchor);
+    const snapThreshold = this._calcSnapThreshold(flicking.threshold, position, activeAnchor);
 
     const posDelta = flicking.animating
       ? state.delta
@@ -210,7 +210,7 @@ class SnapControl extends Control {
     return adjacentAnchor;
   }
 
-  private _calcSnapThreshold(position: number, activeAnchor: AnchorPoint): number {
+  private _calcSnapThreshold(threshold: number, position: number, activeAnchor: AnchorPoint): number {
     const isNextDirection = position > activeAnchor.position;
     const panel = activeAnchor.panel;
     const panelSize = panel.size;
@@ -222,9 +222,9 @@ class SnapControl extends Control {
      * |<------>|<------------>|
      * [        |<-Anchor      ]
      */
-    return isNextDirection
+    return Math.max(threshold, isNextDirection
       ? panelSize - alignPos + panel.margin.next
-      : alignPos + panel.margin.prev;
+      : alignPos + panel.margin.prev);
   }
 }