@egjs/flicking 4.12.0-beta.9 → 4.12.1-beta.0

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.0-beta.9
+version: 4.12.1-beta.0
 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@egjs/component'), require('@egjs/axes'), require('@egjs/imready')) :
@@ -692,6 +692,9 @@ version: 4.12.0-beta.9
     var setSize = function (el, _a) {
       var width = _a.width,
         height = _a.height;
+      if (!el) {
+        return;
+      }
       if (width != null) {
         if (isString(width)) {
           el.style.width = width;
@@ -1640,6 +1643,9 @@ version: 4.12.0-beta.9
           axesEvent = ctx.axesEvent,
           transitTo = ctx.transitTo;
         var inputEvent = axesEvent.inputEvent;
+        if (!inputEvent) {
+          return;
+        }
         var offset = flicking.horizontal ? inputEvent.offsetX : inputEvent.offsetY;
         var moveStartEvent = new Component.ComponentEvent(EVENTS.MOVE_START, {
           isTrusted: axesEvent.isTrusted,
@@ -2957,8 +2963,9 @@ version: 4.12.0-beta.9
         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
+          //  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
@@ -3033,6 +3040,7 @@ version: 4.12.0-beta.9
             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;
       };
@@ -5533,6 +5541,9 @@ version: 4.12.0-beta.9
         var flicking = this._flicking;
         var horizontal = flicking.horizontal,
           useFractionalSize = flicking.useFractionalSize;
+        if (!el) {
+          return this;
+        }
         if (cached) {
           this._size = cached.size;
           this._margin = __assign({}, cached.margin);
@@ -7954,7 +7965,7 @@ version: 4.12.0-beta.9
         var defaultPanel = renderer.getPanel(this._defaultIndex) || renderer.getPanel(0);
         if (!defaultPanel) return;
         var nearestAnchor = camera.findNearestAnchor(defaultPanel.position);
-        var initialPanel = nearestAnchor && defaultPanel.index !== nearestAnchor.panel.index ? nearestAnchor.panel : defaultPanel;
+        var initialPanel = nearestAnchor && defaultPanel.position !== nearestAnchor.panel.position && defaultPanel.index !== nearestAnchor.panel.index ? nearestAnchor.panel : defaultPanel;
         control.setActive(initialPanel, null, false);
         if (!nearestAnchor) {
           throw new FlickingError(MESSAGE.POSITION_NOT_REACHABLE(initialPanel.position), CODE.POSITION_NOT_REACHABLE);
@@ -8008,7 +8019,7 @@ version: 4.12.0-beta.9
        * Flicking.VERSION;  // ex) 4.0.0
        * ```
        */
-      Flicking.VERSION = "4.12.0-beta.9";
+      Flicking.VERSION = "4.12.1-beta.0";
       return Flicking;
     }(Component);
 
@@ -8019,7 +8030,9 @@ version: 4.12.0-beta.9
       MOVE: "sideMove",
       MOVE_END: "sideMoveEnd",
       WILL_CHANGE: "sideWillChange",
-      CHANGED: "sideChanged"
+      CHANGED: "sideChanged",
+      WILL_RESTORE: "sideWillRestore",
+      RESTORED: "sideRestored"
     };
     var CrossFlicking = /*#__PURE__*/function (_super) {
       __extends(CrossFlicking, _super);
@@ -8045,7 +8058,8 @@ version: 4.12.0-beta.9
           if (!_this._disableSlideOnHold) {
             return;
           }
-          var threshold = draggable ? _this.dragThreshold && _this.dragThreshold >= 10 ? _this.dragThreshold : 10 : Infinity;
+          var dragThreshold = _this._originalDragThreshold;
+          var threshold = draggable ? dragThreshold && dragThreshold >= 10 ? dragThreshold : 10 : Infinity;
           if (direction === MOVE_DIRECTION.HORIZONTAL === _this.horizontal) {
             _this.dragThreshold = threshold;
           } else if (direction === MOVE_DIRECTION.VERTICAL === _this.horizontal) {
@@ -8076,6 +8090,9 @@ version: 4.12.0-beta.9
             }
           });
         };
+        _this._addSideIndex = function (e) {
+          e.sideIndex = _this._sideFlicking[e.index].index;
+        };
         _this._onHorizontalHoldStart = function () {
           _this._setDraggable(MOVE_DIRECTION.HORIZONTAL, true);
           _this._moveDirection = null;
@@ -8135,6 +8152,7 @@ version: 4.12.0-beta.9
         // Internal states
         _this._moveDirection = null;
         _this._nextIndex = 0;
+        _this._originalDragThreshold = _this.dragThreshold;
         // Bind options
         _this._sideOptions = sideOptions;
         _this._preserveIndex = preserveIndex;
@@ -8151,6 +8169,15 @@ version: 4.12.0-beta.9
         enumerable: false,
         configurable: true
       });
+      Object.defineProperty(__proto, "sideIndex", {
+        get: function () {
+          return this._sideFlicking.map(function (i) {
+            return i.index;
+          });
+        },
+        enumerable: false,
+        configurable: true
+      });
       Object.defineProperty(__proto, "sideState", {
         get: function () {
           return this._sideState;
@@ -8219,6 +8246,9 @@ version: 4.12.0-beta.9
         this.on(EVENTS.HOLD_START, this._onHorizontalHoldStart);
         this.on(EVENTS.MOVE, this._onHorizontalMove);
         this.on(EVENTS.MOVE_END, this._onHorizontalMoveEnd);
+        [EVENTS.CHANGED, EVENTS.WILL_CHANGE].forEach(function (event) {
+          _this.on(event, _this._addSideIndex);
+        });
         this._sideFlicking.forEach(function (flicking, mainIndex) {
           flicking.on(EVENTS.HOLD_START, _this._onSideHoldStart);
           flicking.on(EVENTS.MOVE, _this._onSideMove);