@egjs/flicking 4.12.1-beta.3 → 4.12.1-beta.4

package/dist/flicking.pkgd.js

@@ -4,7 +4,7 @@ name: @egjs/flicking
 license: MIT
 author: NAVER Corp.
 repository: https://github.com/naver/egjs-flicking
-version: 4.12.2-beta.0
+version: 4.12.1-beta.4
 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -1404,25 +1404,10 @@ version: 4.12.2-beta.0
     var AutoResizer = /*#__PURE__*/function () {
       function AutoResizer(flicking) {
         var _this = this;
-        this._onResize = function (entries) {
+        this._onResize = function () {
           var flicking = _this._flicking;
           var resizeDebounce = flicking.resizeDebounce;
           var maxResizeDebounce = flicking.maxResizeDebounce;
-          if (entries.length) {
-            var resizeEntryInfo = entries[0].contentRect;
-            var beforeSize = {
-              width: flicking.viewport.width,
-              height: flicking.viewport.height
-            };
-            var afterSize = {
-              width: resizeEntryInfo.width,
-              height: resizeEntryInfo.height
-            };
-            // resize 이벤트가 발생했으나 이전과 width, height의 변화가 없다면 이후 로직을 진행하지 않는다.
-            if (beforeSize.height === afterSize.height && beforeSize.width === afterSize.width) {
-              return;
-            }
-          }
           if (resizeDebounce <= 0) {
             void flicking.resize();
           } else {
@@ -1448,12 +1433,12 @@ version: 4.12.2-beta.0
         // eslint-disable-next-line @typescript-eslint/member-ordering
         this._skipFirstResize = function () {
           var isFirstResize = true;
-          return function (entries) {
+          return function () {
             if (isFirstResize) {
               isFirstResize = false;
               return;
             }
-            _this._onResize(entries);
+            _this._onResize();
           };
         }();
         this._flicking = flicking;
@@ -1471,7 +1456,6 @@ version: 4.12.2-beta.0
         configurable: true
       });
       __proto.enable = function () {
-        var _this = this;
         var flicking = this._flicking;
         var viewport = flicking.viewport;
         if (this._enabled) {
@@ -1479,32 +1463,23 @@ version: 4.12.2-beta.0
         }
         if (flicking.useResizeObserver && !!window.ResizeObserver) {
           var viewportSizeNot0 = viewport.width !== 0 || viewport.height !== 0;
-          var resizeObserver = viewportSizeNot0 ? new ResizeObserver(function (entries) {
-            return _this._skipFirstResize(entries);
-          }) : new ResizeObserver(function (entries) {
-            return _this._onResize(entries);
-          });
+          var resizeObserver = viewportSizeNot0 ? new ResizeObserver(this._skipFirstResize) : new ResizeObserver(this._onResize);
           resizeObserver.observe(flicking.viewport.element);
           this._resizeObserver = resizeObserver;
         } else {
-          window.addEventListener("resize", function () {
-            return _this._onResize([]);
-          });
+          window.addEventListener("resize", this._onResize);
         }
         this._enabled = true;
         return this;
       };
       __proto.disable = function () {
-        var _this = this;
         if (!this._enabled) return this;
         var resizeObserver = this._resizeObserver;
         if (resizeObserver) {
           resizeObserver.disconnect();
           this._resizeObserver = null;
         } else {
-          window.removeEventListener("resize", function () {
-            return _this._onResize([]);
-          });
+          window.removeEventListener("resize", this._onResize);
         }
         this._enabled = false;
         return this;
@@ -2723,7 +2698,7 @@ version: 4.12.2-beta.0
     license: MIT
     author: NAVER Corp.
     repository: https://github.com/naver/egjs-axes
-    version: 3.9.1
+    version: 3.9.2
     */
 
     /*! *****************************************************************************
@@ -3649,6 +3624,19 @@ version: 4.12.2-beta.0
         var deltaTime = latestInterval ? timeStamp - latestInterval.timestamp : 0;
         var velocityX = prevEvent ? prevEvent.velocityX : 0;
         var velocityY = prevEvent ? prevEvent.velocityY : 0;
+        var directionX = prevEvent ? prevEvent.directionX : 1;
+        var directionY = prevEvent ? prevEvent.directionY : 1;
+        // If offset is 0, it inherits the direction of the previous event.
+        if (offsetX > 0) {
+          directionX = 1;
+        } else if (offsetX < 0) {
+          directionX = -1;
+        }
+        if (offsetY > 0) {
+          directionY = 1;
+        } else if (offsetY < 0) {
+          directionY = -1;
+        }
         if (!latestInterval || deltaTime >= VELOCITY_INTERVAL) {
           if (latestInterval) {
             _a = [(deltaX - latestInterval.deltaX) / deltaTime, (deltaY - latestInterval.deltaY) / deltaTime], velocityX = _a[0], velocityY = _a[1];
@@ -3668,6 +3656,8 @@ version: 4.12.2-beta.0
           deltaY: deltaY,
           offsetX: offsetX,
           offsetY: offsetY,
+          directionX: directionX,
+          directionY: directionY,
           velocityX: velocityX,
           velocityY: velocityY,
           preventSystemEvent: true
@@ -5131,7 +5121,7 @@ version: 4.12.2-beta.0
        * eg.Axes.VERSION;  // ex) 3.3.3
        * ```
        */
-      Axes.VERSION = "3.9.1";
+      Axes.VERSION = "3.9.2";
       /* eslint-enable */
       /**
        * @name TRANSFORM
@@ -5482,7 +5472,7 @@ version: 4.12.2-beta.0
         this._detachWindowEvent(activeEvent);
         clearTimeout(this._rightEdgeTimer);
         var prevEvent = activeEvent.prevEvent;
-        var velocity = this._isOverThreshold ? this._getOffset([Math.abs(prevEvent.velocityX) * (prevEvent.offsetX < 0 ? -1 : 1), Math.abs(prevEvent.velocityY) * (prevEvent.offsetY < 0 ? -1 : 1)], [useDirection(DIRECTION_HORIZONTAL, this._direction), useDirection(DIRECTION_VERTICAL, this._direction)]) : [0, 0];
+        var velocity = this._isOverThreshold ? this._getOffset([Math.abs(prevEvent.velocityX) * prevEvent.directionX, Math.abs(prevEvent.velocityY) * prevEvent.directionY], [useDirection(DIRECTION_HORIZONTAL, this._direction), useDirection(DIRECTION_VERTICAL, this._direction)]) : [0, 0];
         activeEvent.onRelease();
         this._observer.release(this, prevEvent, velocity);
       };
@@ -7153,7 +7143,7 @@ version: 4.12.2-beta.0
         if (snapDelta >= snapThreshold && snapDelta > 0) {
           // Move to anchor at position
           targetAnchor = this._findSnappedAnchor(position, anchorAtCamera);
-        } else if (absPosDelta >= flicking.threshold && absPosDelta > 0) {
+        } else if (absPosDelta >= flicking.threshold && absPosDelta > 0 && anchorAtCamera === activeAnchor) {
           // Move to the adjacent panel
           targetAnchor = this._findAdjacentAnchor(position, posDelta, anchorAtCamera);
         } else {
@@ -7163,11 +7153,14 @@ version: 4.12.2-beta.0
             axesEvent: axesEvent
           });
         }
-        this._triggerIndexChangeEvent(targetAnchor.panel, position, axesEvent);
+        var nextPanel = targetAnchor.panel;
+        var direction = posDelta === 0 || activeAnchor === targetAnchor ? DIRECTION.NONE : posDelta > 0 ? DIRECTION.NEXT : DIRECTION.PREV;
+        var nextPosition = this._getPosition(nextPanel, direction);
+        this._triggerIndexChangeEvent(nextPanel, position, axesEvent);
         return this._animateToPosition({
-          position: camera.clampToReachablePosition(targetAnchor.position),
+          position: camera.clampToReachablePosition(nextPosition),
           duration: duration,
-          newActivePanel: targetAnchor.panel,
+          newActivePanel: nextPanel,
           axesEvent: axesEvent
         });
       };
@@ -7177,12 +7170,13 @@ version: 4.12.2-beta.0
         var count = this._count;
         var currentPos = camera.position;
         var clampedPosition = camera.clampToReachablePosition(position);
+        var nearestAnchor = camera.findNearestAnchor(clampedPosition);
         var anchorAtPosition = camera.findAnchorIncludePosition(clampedPosition);
-        if (!anchorAtCamera || !anchorAtPosition) {
+        if (!anchorAtCamera || !anchorAtPosition || !nearestAnchor) {
           throw new FlickingError(MESSAGE.POSITION_NOT_REACHABLE(position), CODE.POSITION_NOT_REACHABLE);
         }
         if (!isFinite(count)) {
-          return anchorAtPosition;
+          return nearestAnchor;
         }
         var panelCount = flicking.panelCount;
         var anchors = camera.anchorPoints;
@@ -11267,7 +11261,6 @@ version: 4.12.2-beta.0
         // Internal states
         _this._initialized = false;
         _this._plugins = [];
-        _this._isResizing = false;
         // Bind options
         _this._align = align;
         _this._defaultIndex = defaultIndex;
@@ -12807,8 +12800,6 @@ version: 4.12.2-beta.0
           return __generator(this, function (_a) {
             switch (_a.label) {
               case 0:
-                if (this._isResizing) return [2 /*return*/];
-                this._isResizing = true;
                 viewport = this._viewport;
                 renderer = this._renderer;
                 camera = this._camera;
@@ -12861,7 +12852,6 @@ version: 4.12.2-beta.0
                   sizeChanged: sizeChanged,
                   element: viewport.element
                 }));
-                this._isResizing = false;
                 return [2 /*return*/];
             }
           });
@@ -12989,7 +12979,7 @@ version: 4.12.2-beta.0
       __proto._createCamera = function () {
         if (this._circular && this._bound) {
           // eslint-disable-next-line no-console
-          console.warn('"circular" and "bound" option cannot be used together, ignoring bound.');
+          console.warn("\"circular\" and \"bound\" option cannot be used together, ignoring bound.");
         }
         return new Camera$1(this, {
           align: this._align
@@ -12999,7 +12989,7 @@ version: 4.12.2-beta.0
         var externalRenderer = this._externalRenderer;
         if (this._virtual && this._panelsPerView <= 0) {
           // eslint-disable-next-line no-console
-          console.warn('"virtual" and "panelsPerView" option should be used together, ignoring virtual.');
+          console.warn("\"virtual\" and \"panelsPerView\" option should be used together, ignoring virtual.");
         }
         return externalRenderer ? externalRenderer : this._renderExternal ? this._createExternalRenderer() : this._createVanillaRenderer();
       };
@@ -13081,7 +13071,7 @@ version: 4.12.2-beta.0
        * Flicking.VERSION;  // ex) 4.0.0
        * ```
        */
-      Flicking.VERSION = "4.12.2-beta.0";
+      Flicking.VERSION = "4.12.1-beta.4";
       return Flicking;
     }(Component);