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

package/dist/flicking.js

@@ -4,7 +4,7 @@ name: @egjs/flicking
 license: MIT
 author: NAVER Corp.
 repository: https://github.com/naver/egjs-flicking
-version: 4.12.1-beta.2
+version: 4.12.2-beta.0
 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@egjs/component'), require('@egjs/axes'), require('@egjs/imready')) :
@@ -997,10 +997,25 @@ version: 4.12.1-beta.2
     var AutoResizer = /*#__PURE__*/function () {
       function AutoResizer(flicking) {
         var _this = this;
-        this._onResize = function () {
+        this._onResize = function (entries) {
           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 {
@@ -1026,12 +1041,12 @@ version: 4.12.1-beta.2
         // eslint-disable-next-line @typescript-eslint/member-ordering
         this._skipFirstResize = function () {
           var isFirstResize = true;
-          return function () {
+          return function (entries) {
             if (isFirstResize) {
               isFirstResize = false;
               return;
             }
-            _this._onResize();
+            _this._onResize(entries);
           };
         }();
         this._flicking = flicking;
@@ -1049,6 +1064,7 @@ version: 4.12.1-beta.2
         configurable: true
       });
       __proto.enable = function () {
+        var _this = this;
         var flicking = this._flicking;
         var viewport = flicking.viewport;
         if (this._enabled) {
@@ -1056,23 +1072,32 @@ version: 4.12.1-beta.2
         }
         if (flicking.useResizeObserver && !!window.ResizeObserver) {
           var viewportSizeNot0 = viewport.width !== 0 || viewport.height !== 0;
-          var resizeObserver = viewportSizeNot0 ? new ResizeObserver(this._skipFirstResize) : new ResizeObserver(this._onResize);
+          var resizeObserver = viewportSizeNot0 ? new ResizeObserver(function (entries) {
+            return _this._skipFirstResize(entries);
+          }) : new ResizeObserver(function (entries) {
+            return _this._onResize(entries);
+          });
           resizeObserver.observe(flicking.viewport.element);
           this._resizeObserver = resizeObserver;
         } else {
-          window.addEventListener("resize", this._onResize);
+          window.addEventListener("resize", function () {
+            return _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", this._onResize);
+          window.removeEventListener("resize", function () {
+            return _this._onResize([]);
+          });
         }
         this._enabled = false;
         return this;
@@ -2963,9 +2988,8 @@ version: 4.12.1-beta.2
         if (snapDelta >= snapThreshold && snapDelta > 0) {
           // Move to anchor at position
           targetAnchor = this._findSnappedAnchor(position, anchorAtCamera);
-        } else if (absPosDelta >= flicking.threshold && absPosDelta > 0 && anchorAtCamera === activeAnchor) {
+        } else if (absPosDelta >= flicking.threshold && absPosDelta > 0) {
           // Move to the adjacent panel
-          //  console.log("moveToPosition anchorAtCamera activeAnchor absPosDelta", camera.position, anchorAtCamera, activeAnchor, absPosDelta, snapThreshold)
           targetAnchor = this._findAdjacentAnchor(position, posDelta, anchorAtCamera);
         } else {
           // Fallback to nearest panel from current camera
@@ -3040,7 +3064,6 @@ version: 4.12.1-beta.2
             return anchorIncludePosition;
           }
         }
-        //   console.log("_findAdjacentAnchor", position, posDelta, anchorAtCamera)
         var adjacentAnchor = (_a = posDelta > 0 ? camera.getNextAnchor(anchorAtCamera) : camera.getPrevAnchor(anchorAtCamera)) !== null && _a !== void 0 ? _a : anchorAtCamera;
         return adjacentAnchor;
       };
@@ -6209,6 +6232,7 @@ version: 4.12.1-beta.2
         // Internal states
         _this._initialized = false;
         _this._plugins = [];
+        _this._isResizing = false;
         // Bind options
         _this._align = align;
         _this._defaultIndex = defaultIndex;
@@ -7748,6 +7772,8 @@ version: 4.12.1-beta.2
           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;
@@ -7800,6 +7826,7 @@ version: 4.12.1-beta.2
                   sizeChanged: sizeChanged,
                   element: viewport.element
                 }));
+                this._isResizing = false;
                 return [2 /*return*/];
             }
           });
@@ -7927,7 +7954,7 @@ version: 4.12.1-beta.2
       __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
@@ -7937,7 +7964,7 @@ version: 4.12.1-beta.2
         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();
       };
@@ -8019,7 +8046,7 @@ version: 4.12.1-beta.2
        * Flicking.VERSION;  // ex) 4.0.0
        * ```
        */
-      Flicking.VERSION = "4.12.1-beta.2";
+      Flicking.VERSION = "4.12.2-beta.0";
       return Flicking;
     }(Component);