@egjs/flicking 4.14.1 → 4.14.2-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@egjs/flicking",
-	"version": "4.14.1",
+	"version": "4.14.2-beta.0",
 	"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/AxesController.ts

@@ -345,7 +345,7 @@ class AxesController {
       return Promise.reject(new FlickingError(ERROR.MESSAGE.NOT_ATTACHED_TO_FLICKING, ERROR.CODE.NOT_ATTACHED_TO_FLICKING));
     }
 
-    const startPos = axes.get([AXES.POSITION_KEY])[AXES.POSITION_KEY];
+    const startPos = this.getCurrentPosition();
 
     if (startPos === position) {
       const flicking = getFlickingAttached(this._flicking);
@@ -396,6 +396,14 @@ class AxesController {
     });
   }
 
+  /**
+   * 현재
+   * @returns 
+   */
+  public getCurrentPosition() {
+    return this._axes?.get([AXES.POSITION_KEY])[AXES.POSITION_KEY] ?? 0;
+  }
+
   public updateDirection() {
     const flicking = getFlickingAttached(this._flicking);
     const axes = this._axes!;

package/src/control/Control.ts

@@ -380,12 +380,19 @@ abstract class Control {
     axesEvent?: OnRelease;
   }) {
     const flicking = getFlickingAttached(this._flicking);
-    const animate = () => this._controller.animateTo(position, duration, axesEvent);
+
+    // 거리(1px 미만)가 매우 짧은 경우 duration이 늘어지는걸 방지하기 위해 0으로 바꿔 즉시 변경
+    let nextDuration = duration;
+
+    if (Math.abs(nextDuration - position) < 0.5) {
+      nextDuration = 0;
+    }
+    const animate = () => this._controller.animateTo(position, nextDuration, axesEvent);
     const state = this._controller.state;
 
     state.targetPanel = newActivePanel;
 
-    if (duration <= 0) {
+    if (nextDuration <= 0) {
       return animate();
     } else {
       return animate().then(async () => {

package/src/control/StrictControl.ts

@@ -220,8 +220,9 @@ class StrictControl extends Control {
     const firstAnchor = anchors[0];
     const lastAnchor = anchors[anchors.length - 1];
 
-    const shouldBounceToFirst = position <= cameraRange.min && isBetween(firstAnchor.panel.index, indexRange.min, indexRange.max);
-    const shouldBounceToLast = position >= cameraRange.max && isBetween(lastAnchor.panel.index, indexRange.min, indexRange.max);
+    // position이 bounce으로 인하여 범위를 넘어가야 동작하도록 변경
+    const shouldBounceToFirst = position < cameraRange.min && isBetween(firstAnchor.panel.index, indexRange.min, indexRange.max);
+    const shouldBounceToLast = position > cameraRange.max && isBetween(lastAnchor.panel.index, indexRange.min, indexRange.max);
 
     const isAdjacent = adjacentAnchor && (indexRange.min <= indexRange.max
       ? isBetween(adjacentAnchor.index, indexRange.min, indexRange.max)

package/src/core/AutoResizer.ts

@@ -20,6 +20,9 @@ class AutoResizer {
     return this._enabled;
   }
 
+  /**
+   * @param flicking
+   */
   public constructor(flicking: Flicking) {
     this._flicking = flicking;
     this._enabled = false;