@egjs/flicking 4.11.3-beta.4 → 4.12.0-beta.0

package/dist/flicking.esm.js

@@ -4,13 +4,13 @@ name: @egjs/flicking
 license: MIT
 author: NAVER Corp.
 repository: https://github.com/naver/egjs-flicking
-version: 4.11.3-beta.4
+version: 4.12.0-beta.0
 */
 import Component, { ComponentEvent } from '@egjs/component';
 import Axes, { PanInput } from '@egjs/axes';
 import ImReady from '@egjs/imready';
 
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any
@@ -24,7 +24,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise */
+/* global Reflect, Promise, SuppressedError, Symbol */
 
 var extendStatics = function (d, b) {
   extendStatics = Object.setPrototypeOf || {
@@ -109,7 +109,7 @@ function __generator(thisArg, body) {
   }
   function step(op) {
     if (f) throw new TypeError("Generator is already executing.");
-    while (_) try {
+    while (g && (g = 0, op[0] && (_ = 0)), _) try {
       if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
       if (y = 0, t) op = [op[0] & 2, t.value];
       switch (op[0]) {
@@ -213,6 +213,10 @@ function __spread() {
   for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
   return ar;
 }
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+  var e = new Error(message);
+  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 
 /*
  * Copyright (c) 2015 NAVER Corp.
@@ -2096,7 +2100,7 @@ var AxesController = /*#__PURE__*/function () {
     });
     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],
@@ -6006,40 +6010,42 @@ var Flicking = /*#__PURE__*/function (_super) {
       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;
@@ -6065,6 +6071,7 @@ var Flicking = /*#__PURE__*/function (_super) {
     _this._inputType = inputType;
     _this._moveType = moveType;
     _this._threshold = threshold;
+    _this._dragThreshold = dragThreshold;
     _this._interruptable = interruptable;
     _this._bounce = bounce;
     _this._iOSEdgeSwipeThreshold = iOSEdgeSwipeThreshold;
@@ -6379,7 +6386,7 @@ var Flicking = /*#__PURE__*/function (_super) {
   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 )}
@@ -6744,7 +6751,7 @@ var Flicking = /*#__PURE__*/function (_super) {
   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 )}
@@ -6758,6 +6765,27 @@ var Flicking = /*#__PURE__*/function (_super) {
     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.
@@ -7832,7 +7860,7 @@ var Flicking = /*#__PURE__*/function (_super) {
    * Flicking.VERSION;  // ex) 4.0.0
    * ```
    */
-  Flicking.VERSION = "4.11.3-beta.4";
+  Flicking.VERSION = "4.12.0-beta.0";
   return Flicking;
 }(Component);