@egjs/flicking 4.11.3 → 4.12.0-beta.0

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.11.3
+version: 4.12.0-beta.0
 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -6305,7 +6305,7 @@ version: 4.11.3
         });
         this._panInput = new PanInput(flicking.viewport.element, {
           inputType: flicking.inputType,
-          threshold: 1,
+          threshold: flicking.dragThreshold,
           iOSEdgeSwipeThreshold: flicking.iOSEdgeSwipeThreshold,
           preventDefaultOnDrag: flicking.preventDefaultOnDrag,
           scale: flicking.horizontal ? [flicking.camera.panelOrder === ORDER.RTL ? 1 : -1, 0] : [0, -1],
@@ -11133,40 +11133,42 @@ version: 4.11.3
           moveType = _v === void 0 ? "snap" : _v,
           _w = _b.threshold,
           threshold = _w === void 0 ? 40 : _w,
-          _x = _b.interruptable,
-          interruptable = _x === void 0 ? true : _x,
-          _y = _b.bounce,
-          bounce = _y === void 0 ? "20%" : _y,
-          _z = _b.iOSEdgeSwipeThreshold,
-          iOSEdgeSwipeThreshold = _z === void 0 ? 30 : _z,
-          _0 = _b.preventClickOnDrag,
-          preventClickOnDrag = _0 === void 0 ? true : _0,
-          _1 = _b.preventDefaultOnDrag,
-          preventDefaultOnDrag = _1 === void 0 ? false : _1,
-          _2 = _b.disableOnInit,
-          disableOnInit = _2 === void 0 ? false : _2,
-          _3 = _b.changeOnHold,
-          changeOnHold = _3 === void 0 ? false : _3,
-          _4 = _b.renderOnlyVisible,
-          renderOnlyVisible = _4 === void 0 ? false : _4,
-          _5 = _b.virtual,
-          virtual = _5 === void 0 ? null : _5,
-          _6 = _b.autoInit,
-          autoInit = _6 === void 0 ? true : _6,
-          _7 = _b.autoResize,
-          autoResize = _7 === void 0 ? true : _7,
-          _8 = _b.useResizeObserver,
-          useResizeObserver = _8 === void 0 ? true : _8,
-          _9 = _b.resizeDebounce,
-          resizeDebounce = _9 === void 0 ? 0 : _9,
-          _10 = _b.maxResizeDebounce,
-          maxResizeDebounce = _10 === void 0 ? 100 : _10,
-          _11 = _b.useFractionalSize,
-          useFractionalSize = _11 === void 0 ? false : _11,
-          _12 = _b.externalRenderer,
-          externalRenderer = _12 === void 0 ? null : _12,
-          _13 = _b.renderExternal,
-          renderExternal = _13 === void 0 ? null : _13;
+          _x = _b.dragThreshold,
+          dragThreshold = _x === void 0 ? 1 : _x,
+          _y = _b.interruptable,
+          interruptable = _y === void 0 ? true : _y,
+          _z = _b.bounce,
+          bounce = _z === void 0 ? "20%" : _z,
+          _0 = _b.iOSEdgeSwipeThreshold,
+          iOSEdgeSwipeThreshold = _0 === void 0 ? 30 : _0,
+          _1 = _b.preventClickOnDrag,
+          preventClickOnDrag = _1 === void 0 ? true : _1,
+          _2 = _b.preventDefaultOnDrag,
+          preventDefaultOnDrag = _2 === void 0 ? false : _2,
+          _3 = _b.disableOnInit,
+          disableOnInit = _3 === void 0 ? false : _3,
+          _4 = _b.changeOnHold,
+          changeOnHold = _4 === void 0 ? false : _4,
+          _5 = _b.renderOnlyVisible,
+          renderOnlyVisible = _5 === void 0 ? false : _5,
+          _6 = _b.virtual,
+          virtual = _6 === void 0 ? null : _6,
+          _7 = _b.autoInit,
+          autoInit = _7 === void 0 ? true : _7,
+          _8 = _b.autoResize,
+          autoResize = _8 === void 0 ? true : _8,
+          _9 = _b.useResizeObserver,
+          useResizeObserver = _9 === void 0 ? true : _9,
+          _10 = _b.resizeDebounce,
+          resizeDebounce = _10 === void 0 ? 0 : _10,
+          _11 = _b.maxResizeDebounce,
+          maxResizeDebounce = _11 === void 0 ? 100 : _11,
+          _12 = _b.useFractionalSize,
+          useFractionalSize = _12 === void 0 ? false : _12,
+          _13 = _b.externalRenderer,
+          externalRenderer = _13 === void 0 ? null : _13,
+          _14 = _b.renderExternal,
+          renderExternal = _14 === void 0 ? null : _14;
         var _this = _super.call(this) || this;
         // Internal states
         _this._initialized = false;
@@ -11192,6 +11194,7 @@ version: 4.11.3
         _this._inputType = inputType;
         _this._moveType = moveType;
         _this._threshold = threshold;
+        _this._dragThreshold = dragThreshold;
         _this._interruptable = interruptable;
         _this._bounce = bounce;
         _this._iOSEdgeSwipeThreshold = iOSEdgeSwipeThreshold;
@@ -11506,7 +11509,7 @@ version: 4.11.3
       Object.defineProperty(__proto, "defaultIndex", {
         /**
          * Index of the panel to move when Flicking's {@link Flicking#init init()} is called. A zero-based integer
-         * @ko Flicking의 {@link Flicking#init init()}이 호출될 때 이동할 디폴트 패널의 인덱스로, 0부터 시작하는 정수입니다
+         * @ko Flicking의 {@link Flicking#init init()}이 호출될 때 이동할 디폴트 패널의 인덱스로, 0부터 시작하는 정수입니다.
          * @type {number}
          * @default 0
          * @see {@link https://naver.github.io/egjs-flicking/Options#defaultindex defaultIndex ( Options )}
@@ -11871,7 +11874,7 @@ version: 4.11.3
       Object.defineProperty(__proto, "threshold", {
         /**
          * Movement threshold to change panel (unit: px). It should be dragged above the threshold to change the current panel.
-         * @ko 패널 변경을 위한 이동 임계값 (단위: px). 주어진 값 이상으로 스크롤해야만 패널 변경이 가능하다.
+         * @ko 패널 변경을 위한 이동 임계값 (단위: px). 주어진 값 이상으로 스크롤해야만 패널 변경이 가능합니다.
          * @type {number}
          * @default 40
          * @see {@link https://naver.github.io/egjs-flicking/Options#threshold Threshold ( Options )}
@@ -11885,6 +11888,27 @@ version: 4.11.3
         enumerable: false,
         configurable: true
       });
+      Object.defineProperty(__proto, "dragThreshold", {
+        /**
+         * Minimal distance of user input before recognizing (unit: px). It should be dragged above the dragThreshold to move the panel.
+         * @ko 사용자의 입력을 인식하기 위한 최소한의 거리 (단위: px). 주어진 값 이상으로 스크롤해야만 패널이 움직입니다.
+         * @type {number}
+         * @default 1
+         * @see {@link https://naver.github.io/egjs-flicking/Options#dragThreshold dragThreshold ( Options )}
+         */
+        get: function () {
+          return this._dragThreshold;
+        },
+        set: function (val) {
+          this._dragThreshold = val;
+          var panInput = this._control.controller.panInput;
+          if (panInput) {
+            panInput.options.threshold = val;
+          }
+        },
+        enumerable: false,
+        configurable: true
+      });
       Object.defineProperty(__proto, "interruptable", {
         /**
          * Set animation to be interruptable by click/touch.
@@ -12959,7 +12983,7 @@ version: 4.11.3
        * Flicking.VERSION;  // ex) 4.0.0
        * ```
        */
-      Flicking.VERSION = "4.11.3";
+      Flicking.VERSION = "4.12.0-beta.0";
       return Flicking;
     }(Component);