@egjs/flicking 4.7.2 → 4.8.1

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.7.2
+version: 4.8.1
 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -1294,7 +1294,7 @@ version: 4.7.2
      * @ko Flicking 내부에서 알려진 오류 발생시 throw되는 에러
      * @property {number} code Error code<ko>에러 코드</ko>
      * @property {string} message Error message<ko>에러 메시지</ko>
-     * @see {@link Constants.ERROR_CODE ERROR_CODE}
+     * @see {@link ERROR_CODE ERROR_CODE}
      * @example
      * ```ts
      * import Flicking, { FlickingError, ERROR_CODES } from "@egjs/flicking";
@@ -2281,7 +2281,7 @@ version: 4.7.2
     license: MIT
     author: NAVER Corp.
     repository: https://github.com/naver/egjs-axes
-    version: 3.2.1
+    version: 3.2.2
     */
 
     /*! *****************************************************************************
@@ -4893,7 +4893,7 @@ version: 4.7.2
        */
 
 
-      Axes.VERSION = "3.2.1";
+      Axes.VERSION = "3.2.2";
       /* eslint-enable */
 
       /**
@@ -4969,6 +4969,8 @@ version: 4.7.2
       return Axes;
     }(Component);
 
+    /* eslint-disable @typescript-eslint/no-empty-function */
+
     var getDirectionByAngle = function (angle, thresholdAngle) {
       if (thresholdAngle < 0 || thresholdAngle > 90) {
         return DIRECTION_NONE;
@@ -5306,16 +5308,22 @@ version: 4.7.2
         var activeEvent = convertInputType(this.options.inputType);
 
         if (!activeEvent) {
-          throw new Error("There is currently no inputType available for current device. There must be at least one available inputType.");
+          return;
         }
 
         this._observer = observer;
         this._enabled = true;
         this._activeEvent = activeEvent;
-        activeEvent === null || activeEvent === void 0 ? void 0 : activeEvent.start.forEach(function (event) {
+        activeEvent.start.forEach(function (event) {
           var _a;
 
           (_a = _this.element) === null || _a === void 0 ? void 0 : _a.addEventListener(event, _this._onPanstart);
+        }); // adding event listener to element prevents invalid behavior in iOS Safari
+
+        activeEvent.move.forEach(function (event) {
+          var _a;
+
+          (_a = _this.element) === null || _a === void 0 ? void 0 : _a.addEventListener(event, function () {});
         });
       };
 
@@ -5328,6 +5336,11 @@ version: 4.7.2
 
           (_a = _this.element) === null || _a === void 0 ? void 0 : _a.removeEventListener(event, _this._onPanstart);
         });
+        activeEvent === null || activeEvent === void 0 ? void 0 : activeEvent.move.forEach(function (event) {
+          var _a;
+
+          (_a = _this.element) === null || _a === void 0 ? void 0 : _a.removeEventListener(event, function () {});
+        });
         this._enabled = false;
         this._observer = null;
       };
@@ -5895,8 +5908,15 @@ version: 4.7.2
         var flicking = ctx.flicking,
             axesEvent = ctx.axesEvent,
             transitTo = ctx.transitTo;
+        var targetPanel = this._targetPanel;
+        var control = flicking.control;
         this._delta = 0;
         flicking.control.updateInput();
+
+        if (flicking.changeOnHold && targetPanel) {
+          control.setActive(targetPanel, control.activePanel, axesEvent.isTrusted);
+        }
+
         var holdStartEvent = new ComponentEvent$1(EVENTS.HOLD_START, {
           axesEvent: axesEvent
         });
@@ -6103,7 +6123,9 @@ version: 4.7.2
         };
 
         this._onAxesChange = function () {
-          _this._dragged = true;
+          var _a;
+
+          _this._dragged = !!((_a = _this._panInput) === null || _a === void 0 ? void 0 : _a.isEnabled());
         };
 
         this._preventClickWhenDragged = function (e) {
@@ -7066,7 +7088,7 @@ version: 4.7.2
         var camera = flicking.camera;
         var activeAnchor = camera.findActiveAnchor();
         var anchorAtCamera = camera.findNearestAnchor(camera.position);
-        var state = flicking.control.controller.state;
+        var state = this._controller.state;
 
         if (!activeAnchor || !anchorAtCamera) {
           return Promise.reject(new FlickingError(MESSAGE.POSITION_NOT_REACHABLE(position), CODE.POSITION_NOT_REACHABLE));
@@ -7084,10 +7106,13 @@ version: 4.7.2
           targetAnchor = this._findSnappedAnchor(position, anchorAtCamera);
         } else if (absPosDelta >= flicking.threshold && absPosDelta > 0) {
           // Move to the adjacent panel
-          targetAnchor = this._findAdjacentAnchor(posDelta, anchorAtCamera);
+          targetAnchor = this._findAdjacentAnchor(position, posDelta, anchorAtCamera);
         } else {
           // Restore to active panel
-          targetAnchor = anchorAtCamera;
+          return this.moveToPanel(activeAnchor.panel, {
+            duration: duration,
+            axesEvent: axesEvent
+          });
         }
 
         this._triggerIndexChangeEvent(targetAnchor.panel, position, axesEvent);
@@ -7158,11 +7183,20 @@ version: 4.7.2
         }
       };
 
-      __proto._findAdjacentAnchor = function (posDelta, anchorAtCamera) {
+      __proto._findAdjacentAnchor = function (position, posDelta, anchorAtCamera) {
         var _a;
 
         var flicking = getFlickingAttached(this._flicking);
         var camera = flicking.camera;
+
+        if (camera.circularEnabled) {
+          var anchorIncludePosition = camera.findAnchorIncludePosition(position);
+
+          if (anchorIncludePosition && anchorIncludePosition.position !== anchorAtCamera.position) {
+            return anchorIncludePosition;
+          }
+        }
+
         var adjacentAnchor = (_a = posDelta > 0 ? camera.getNextAnchor(anchorAtCamera) : camera.getPrevAnchor(anchorAtCamera)) !== null && _a !== void 0 ? _a : anchorAtCamera;
         return adjacentAnchor;
       };
@@ -7508,6 +7542,7 @@ version: 4.7.2
         var axesRange = this._controller.range;
         var indexRange = this._indexRange;
         var cameraRange = camera.range;
+        var state = this._controller.state;
         var clampedPosition = clamp$1(camera.clampToReachablePosition(position), axesRange[0], axesRange[1]);
         var anchorAtPosition = camera.findAnchorIncludePosition(clampedPosition);
 
@@ -7516,7 +7551,8 @@ version: 4.7.2
         }
 
         var prevPos = activePanel.position;
-        var isOverThreshold = Math.abs(position - prevPos) >= flicking.threshold;
+        var posDelta = flicking.animating ? state.delta : position - camera.position;
+        var isOverThreshold = Math.abs(posDelta) >= flicking.threshold;
         var adjacentAnchor = position > prevPos ? camera.getNextAnchor(anchorAtPosition) : camera.getPrevAnchor(anchorAtPosition);
         var targetPos;
         var targetPanel;
@@ -11672,24 +11708,26 @@ version: 4.7.2
             preventClickOnDrag = _0 === void 0 ? true : _0,
             _1 = _b.disableOnInit,
             disableOnInit = _1 === void 0 ? false : _1,
-            _2 = _b.renderOnlyVisible,
-            renderOnlyVisible = _2 === void 0 ? false : _2,
-            _3 = _b.virtual,
-            virtual = _3 === void 0 ? null : _3,
-            _4 = _b.autoInit,
-            autoInit = _4 === void 0 ? true : _4,
-            _5 = _b.autoResize,
-            autoResize = _5 === void 0 ? true : _5,
-            _6 = _b.useResizeObserver,
-            useResizeObserver = _6 === void 0 ? true : _6,
-            _7 = _b.resizeDebounce,
-            resizeDebounce = _7 === void 0 ? 0 : _7,
-            _8 = _b.maxResizeDebounce,
-            maxResizeDebounce = _8 === void 0 ? 100 : _8,
-            _9 = _b.externalRenderer,
-            externalRenderer = _9 === void 0 ? null : _9,
-            _10 = _b.renderExternal,
-            renderExternal = _10 === void 0 ? null : _10;
+            _2 = _b.changeOnHold,
+            changeOnHold = _2 === void 0 ? false : _2,
+            _3 = _b.renderOnlyVisible,
+            renderOnlyVisible = _3 === void 0 ? false : _3,
+            _4 = _b.virtual,
+            virtual = _4 === void 0 ? null : _4,
+            _5 = _b.autoInit,
+            autoInit = _5 === void 0 ? true : _5,
+            _6 = _b.autoResize,
+            autoResize = _6 === void 0 ? true : _6,
+            _7 = _b.useResizeObserver,
+            useResizeObserver = _7 === void 0 ? true : _7,
+            _8 = _b.resizeDebounce,
+            resizeDebounce = _8 === void 0 ? 0 : _8,
+            _9 = _b.maxResizeDebounce,
+            maxResizeDebounce = _9 === void 0 ? 100 : _9,
+            _10 = _b.externalRenderer,
+            externalRenderer = _10 === void 0 ? null : _10,
+            _11 = _b.renderExternal,
+            renderExternal = _11 === void 0 ? null : _11;
 
         var _this = _super.call(this) || this; // Internal states
 
@@ -11722,6 +11760,7 @@ version: 4.7.2
         _this._iOSEdgeSwipeThreshold = iOSEdgeSwipeThreshold;
         _this._preventClickOnDrag = preventClickOnDrag;
         _this._disableOnInit = disableOnInit;
+        _this._changeOnHold = changeOnHold;
         _this._renderOnlyVisible = renderOnlyVisible;
         _this._autoInit = autoInit;
         _this._autoResize = autoResize;
@@ -12478,6 +12517,24 @@ version: 4.7.2
         enumerable: false,
         configurable: true
       });
+      Object.defineProperty(__proto, "changeOnHold", {
+        /**
+         * Change active panel index on mouse/touch hold while animating.
+         * `index` of the `willChange`/`willRestore` event will be used as new index.
+         * @ko 애니메이션 도중 마우스/터치 입력시 현재 활성화된 패널의 인덱스를 변경합니다.
+         * `willChange`/`willRestore` 이벤트의 `index`값이 새로운 인덱스로 사용될 것입니다.
+         * @type {boolean}
+         * @default false
+         */
+        get: function () {
+          return this._changeOnHold;
+        },
+        set: function (val) {
+          this._changeOnHold = val;
+        },
+        enumerable: false,
+        configurable: true
+      });
       Object.defineProperty(__proto, "renderOnlyVisible", {
         // PERFORMANCE
 
@@ -13158,6 +13215,8 @@ version: 4.7.2
                 camera.updateAlignPos();
                 camera.updateRange();
                 camera.updateAnchors();
+                camera.updateAdaptiveHeight();
+                camera.updateOffset();
                 return [4
                 /*yield*/
                 , renderer.render()];
@@ -13435,7 +13494,7 @@ version: 4.7.2
        */
 
 
-      Flicking.VERSION = "4.7.2";
+      Flicking.VERSION = "4.8.1";
       return Flicking;
     }(Component);