@egjs/flicking 4.14.0 → 4.14.1-beta.3

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.14.0
+version: 4.14.1-beta.3
 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -26,7 +26,7 @@ version: 4.14.0
     OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
     PERFORMANCE OF THIS SOFTWARE.
     ***************************************************************************** */
-    /* global Reflect, Promise, SuppressedError, Symbol */
+    /* global Reflect, Promise, SuppressedError, Symbol, Iterator */
 
     var extendStatics$3 = function (d, b) {
       extendStatics$3 = Object.setPrototypeOf || {
@@ -96,12 +96,8 @@ version: 4.14.0
         f,
         y,
         t,
-        g;
-      return g = {
-        next: verb(0),
-        "throw": verb(1),
-        "return": verb(2)
-      }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
+        g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+      return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function () {
         return this;
       }), g;
       function verb(n) {
@@ -226,7 +222,7 @@ version: 4.14.0
     license: MIT
     author: NAVER Corp.
     repository: https://github.com/naver/egjs-component
-    version: 3.0.4
+    version: 3.0.5
     */
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -558,7 +554,6 @@ version: 4.14.0
        * ```
        */
       __proto.off = function (eventName, handlerToDetach) {
-        var e_1, _a;
         // Detach all event handlers.
         if (isUndefined(eventName)) {
           this._eventHandler = {};
@@ -580,28 +575,14 @@ version: 4.14.0
         // Detach single event handler
         var handlerList = this._eventHandler[eventName];
         if (handlerList) {
-          var idx = 0;
-          try {
-            for (var handlerList_1 = __values(handlerList), handlerList_1_1 = handlerList_1.next(); !handlerList_1_1.done; handlerList_1_1 = handlerList_1.next()) {
-              var handlerFunction = handlerList_1_1.value;
-              if (handlerFunction === handlerToDetach) {
-                handlerList.splice(idx, 1);
-                if (handlerList.length <= 0) {
-                  delete this._eventHandler[eventName];
-                }
-                break;
+          var length = handlerList.length;
+          for (var i = 0; i < length; ++i) {
+            if (handlerList[i] === handlerToDetach) {
+              handlerList.splice(i, 1);
+              if (length <= 1) {
+                delete this._eventHandler[eventName];
               }
-              idx++;
-            }
-          } catch (e_1_1) {
-            e_1 = {
-              error: e_1_1
-            };
-          } finally {
-            try {
-              if (handlerList_1_1 && !handlerList_1_1.done && (_a = handlerList_1.return)) _a.call(handlerList_1);
-            } finally {
-              if (e_1) throw e_1.error;
+              break;
             }
           }
         }
@@ -616,7 +597,7 @@ version: 4.14.0
        * Component.VERSION;  // ex) 3.0.0
        * @memberof Component
        */
-      Component.VERSION = "3.0.4";
+      Component.VERSION = "3.0.5";
       return Component;
     }();
 
@@ -1862,8 +1843,8 @@ version: 4.14.0
     name: @egjs/agent
     license: MIT
     author: NAVER Corp.
-    repository: git+https://github.com/naver/agent.git
-    version: 2.4.3
+    repository: git+https://github.com/naver/egjs-agent.git
+    version: 2.4.4
     */
     function some(arr, callback) {
       var length = arr.length;
@@ -2165,12 +2146,12 @@ version: 4.14.0
       });
       var chromiumBrand = findPresetBrand(CHROMIUM_PRESETS, brands);
       browser.chromium = !!chromiumBrand.brand;
-      browser.chromiumVersion = chromiumBrand.version;
+      browser.chromiumVersion = chromiumBrand.version || "-1";
 
       if (!browser.chromium) {
         var webkitBrand = findPresetBrand(WEBKIT_PRESETS, brands);
         browser.webkit = !!webkitBrand.brand;
-        browser.webkitVersion = webkitBrand.version;
+        browser.webkitVersion = webkitBrand.version || "-1";
       }
 
       var platfomResult = find(OS_PRESETS, function (preset) {
@@ -2179,7 +2160,7 @@ version: 4.14.0
       os.name = platfomResult ? platfomResult.id : "";
 
       if (osData) {
-        os.version = osData.platformVersion;
+        os.version = osData.platformVersion || "-1";
       }
 
       if (fullVersionList && fullVersionList.length) {
@@ -3104,7 +3085,7 @@ version: 4.14.0
     license: MIT
     author: NAVER Corp.
     repository: https://github.com/naver/egjs-axes
-    version: 3.9.1
+    version: 3.9.2
     */
 
     /*! *****************************************************************************
@@ -4030,6 +4011,19 @@ version: 4.14.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];
@@ -4049,6 +4043,8 @@ version: 4.14.0
           deltaY: deltaY,
           offsetX: offsetX,
           offsetY: offsetY,
+          directionX: directionX,
+          directionY: directionY,
           velocityX: velocityX,
           velocityY: velocityY,
           preventSystemEvent: true
@@ -5512,7 +5508,7 @@ version: 4.14.0
        * eg.Axes.VERSION;  // ex) 3.3.3
        * ```
        */
-      Axes.VERSION = "3.9.1";
+      Axes.VERSION = "3.9.2";
       /* eslint-enable */
       /**
        * @name TRANSFORM
@@ -5729,7 +5725,10 @@ version: 4.14.0
        * @return {PanInput} An instance of a module itself <ko>모듈 자신의 인스턴스</ko>
        */
       __proto.enable = function () {
-        if (!this._enabled) {
+        var activeEvent = convertInputType(this.options.inputType);
+        if (!activeEvent) {
+          throw new Error("PanInput cannot be enabled if there is no available input event.");
+        } else if (!this._enabled) {
           this._enabled = true;
           this._originalCssProps = setCssProps(this.element, this.options, this._direction);
         }
@@ -5863,7 +5862,7 @@ version: 4.14.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);
       };
@@ -7336,9 +7335,12 @@ version: 4.14.0
                   return __generator(this, function (_a) {
                     switch (_a.label) {
                       case 0:
+                        if (!flicking.initialized) return [3 /*break*/, 2];
                         return [4 /*yield*/, flicking.renderer.render()];
                       case 1:
                         _a.sent();
+                        _a.label = 2;
+                      case 2:
                         return [2 /*return*/];
                     }
                   });
@@ -7351,7 +7353,6 @@ version: 4.14.0
           });
         });
       };
-
       __proto._getPosition = function (panel, direction) {
         if (direction === void 0) {
           direction = DIRECTION.NONE;
@@ -9185,7 +9186,7 @@ version: 4.14.0
     license: MIT
     author: NAVER Corp.
     repository: https://github.com/naver/egjs-imready
-    version: 1.4.1
+    version: 1.4.2
     */
 
     /******************************************************************************
@@ -9383,9 +9384,7 @@ version: 4.14.0
             // I'm not ready
             return;
           }
-          // I'm pre-ready and ready!
-          var withPreReady = !_this.hasDataSize && !_this.hasLoading;
-          _this.onReady(withPreReady);
+          _this.onReady();
         };
         _this.options = __assign({
           prefix: "data-"
@@ -9401,7 +9400,7 @@ version: 4.14.0
       __proto.check = function () {
         if (this.isSkip || !this.checkElement()) {
           // I'm Ready
-          this.onAlreadyReady(true);
+          this.onAlreadyReady();
           return false;
         }
         if (this.hasDataSize) {
@@ -9447,6 +9446,7 @@ version: 4.14.0
         });
       };
       __proto.onPreReady = function () {
+        // 이전에 호출되었거나 ready가 발생했다면 preReady를 발생하지 않는다.
         if (this.isPreReady) {
           return;
         }
@@ -9457,19 +9457,18 @@ version: 4.14.0
           isSkip: this.isSkip
         });
       };
-      __proto.onReady = function (withPreReady) {
+      __proto.onReady = function () {
+        var isPreReady = this.isPreReady;
+        this.isPreReady = true;
         if (this.isReady) {
           return;
         }
-        withPreReady = !this.isPreReady && withPreReady;
-        if (withPreReady) {
-          this.isPreReady = true;
-        }
         this.removeAutoSizer();
         this.isReady = true;
+        // preReady가 호출이 되지 않았으면 ready 이벤트만 발생하고 대신 withPreReady가 활성화
         this.trigger("ready", {
           element: this.element,
-          withPreReady: withPreReady,
+          withPreReady: !isPreReady,
           hasLoading: this.hasLoading,
           isSkip: this.isSkip
         });
@@ -9486,10 +9485,10 @@ version: 4.14.0
           _this.onPreReady();
         });
       };
-      __proto.onAlreadyReady = function (withPreReady) {
+      __proto.onAlreadyReady = function () {
         var _this = this;
         setTimeout(function () {
-          _this.onReady(withPreReady);
+          _this.onReady();
         });
       };
       Loader.EVENTS = [];
@@ -9508,7 +9507,7 @@ version: 4.14.0
       __proto.check = function () {
         if (this.isSkip) {
           // I'm Ready
-          this.onAlreadyReady(true);
+          this.onAlreadyReady();
           return false;
         }
         if (this.hasDataSize) {
@@ -9715,18 +9714,17 @@ version: 4.14.0
         loader.setHasLoading(children.some(function (el) {
           return hasLoadingAttribute(el, prefix);
         }));
-        var withPreReady = false;
         var childrenImReady = this.clone().on("error", function (e) {
           loader.onError(e.target);
         }).on("ready", function () {
-          loader.onReady(withPreReady);
+          loader.onReady();
         });
         loader.on("requestChildren", function () {
           // has not data size
           var contentElements = getContentElements(element, tags, _this.options.prefix);
           childrenImReady.check(contentElements).on("preReady", function (e) {
-            withPreReady = e.isReady;
-            if (!withPreReady) {
+            if (!e.isReady) {
+              // isReady가 아닌 경우에만 발생 / ready에서 동시에 발생할 가능성 있음.
               loader.onPreReady();
             }
           });
@@ -10568,7 +10566,6 @@ version: 4.14.0
           });
         });
       };
-
       __proto._collectPanels = function () {
         var flicking = getFlickingAttached(this._flicking);
         var camera = flicking.camera;
@@ -13304,7 +13301,6 @@ version: 4.14.0
                 if (!this._initialized) {
                   return [2 /*return*/];
                 }
-
                 renderer.updatePanelSize();
                 camera.updateAlignPos();
                 camera.updateRange();
@@ -13318,7 +13314,6 @@ version: 4.14.0
                 if (!this._initialized) {
                   return [2 /*return*/];
                 }
-
                 if (control.animating) ; else {
                   control.updatePosition(prevProgressInPanel);
                   control.updateInput();
@@ -13556,7 +13551,7 @@ version: 4.14.0
        * Flicking.VERSION;  // ex) 4.0.0
        * ```
        */
-      Flicking.VERSION = "4.14.0";
+      Flicking.VERSION = "4.14.1-beta.3";
       return Flicking;
     }(Component);
 
@@ -14053,6 +14048,16 @@ version: 4.14.0
       }
       if (diffResult.added.length > 0 || diffResult.removed.length > 0) {
         renderer.updateAfterPanelChange(added, removed);
+      } else if (diffResult.ordered.length > 0) {
+        var camera = flicking.camera;
+        // 순서 변경으로 인한 index 변경 및 range 값 변경
+        camera.updateRange();
+        // index 변경으로 인한 카메라 위치 즉시 변경
+        camera.updateOffset();
+        // 순서 변경으로 인한 anchors 전부 업데이트
+        camera.updateAnchors();
+        // need panel 여부 재확인 필요
+        camera.resetNeedPanelHistory();
       }
     });
     var batchInsert = function (renderer, diffResult, addedElements, startIdx, endIdx) {