@egjs/flicking 4.10.8 → 4.11.0

package/package.json

@@ -1,8 +1,8 @@
 {
 	"name": "@egjs/flicking",
-	"version": "4.10.8",
+	"version": "4.11.0",
 	"description": "Everyday 30 million people experience. It's reliable, flexible and extendable carousel.",
-	"main": "dist/flicking.js",
+	"main": "dist/flicking.cjs.js",
 	"module": "dist/flicking.esm.js",
 	"sideEffects": [
 		"**/*.css",
@@ -139,7 +139,7 @@
 		"typescript-transform-paths": "^2.2.3"
 	},
 	"dependencies": {
-		"@egjs/axes": "^3.8.5",
+		"@egjs/axes": "^3.9.0",
 		"@egjs/component": "^3.0.1",
 		"@egjs/imready": "^1.3.1",
 		"@egjs/list-differ": "^1.0.1"

package/rollup.config.js

@@ -46,6 +46,12 @@ export default buildHelper([
     format: "esm",
     external,
     exports: "named"
+  },
+  {
+    input: "./src/index.cjs.ts",
+    output: "./dist/flicking.cjs.js",
+    format: "cjs",
+    exports: "named",
   }
 ]);
 

package/src/Flicking.ts

@@ -77,6 +77,7 @@ export interface FlickingOptions {
   bounce: number | string | [number | string, number | string];
   iOSEdgeSwipeThreshold: number;
   preventClickOnDrag: boolean;
+  preventDefaultOnDrag: boolean;
   disableOnInit: boolean;
   changeOnHold: boolean;
 
@@ -155,6 +156,7 @@ class Flicking extends Component<FlickingEvents> {
   private _bounce: FlickingOptions["bounce"];
   private _iOSEdgeSwipeThreshold: FlickingOptions["iOSEdgeSwipeThreshold"];
   private _preventClickOnDrag: FlickingOptions["preventClickOnDrag"];
+  private _preventDefaultOnDrag: FlickingOptions["preventDefaultOnDrag"];
   private _disableOnInit: FlickingOptions["disableOnInit"];
   private _changeOnHold: FlickingOptions["changeOnHold"];
 
@@ -589,6 +591,14 @@ class Flicking extends Component<FlickingEvents> {
    * @see {@link https://naver.github.io/egjs-flicking/Options#preventclickondrag preventClickOnDrag ( Options )}
    */
   public get preventClickOnDrag() { return this._preventClickOnDrag; }
+  /**
+   * Whether to use the {@link https://developer.mozilla.org/ko/docs/Web/API/Event/preventDefault preventDefault} when the user starts dragging
+   * @ko 사용자가 드래그를 시작할 때 {@link https://developer.mozilla.org/ko/docs/Web/API/Event/preventDefault preventDefault} 실행 여부
+   * @type {boolean}
+   * @default false
+   * @see {@link https://naver.github.io/egjs-flicking/Options#preventDefaultOnDrag preventDefaultOnDrag ( Options )}
+   */
+  public get preventDefaultOnDrag() { return this._preventDefaultOnDrag; }
   /**
    * Automatically call {@link Flicking#disableInput disableInput()} on initialization
    * @ko Flicking init시에 {@link Flicking#disableInput disableInput()}을 바로 호출합니다
@@ -875,6 +885,15 @@ class Flicking extends Component<FlickingEvents> {
     this._preventClickOnDrag = val;
   }
 
+  public set preventDefaultOnDrag(val: FlickingOptions["preventDefaultOnDrag"]) {
+    this._preventDefaultOnDrag = val;
+    const panInput = this._control.controller.panInput;
+
+    if (panInput) {
+      panInput.options.preventDefaultOnDrag = val;
+    }
+  }
+
   public set disableOnInit(val: FlickingOptions["disableOnInit"]) { this._disableOnInit = val; }
   public set changeOnHold(val: FlickingOptions["changeOnHold"]) { this._changeOnHold = val; }
   // PERFORMANCE
@@ -954,6 +973,7 @@ class Flicking extends Component<FlickingEvents> {
     bounce = "20%",
     iOSEdgeSwipeThreshold = 30,
     preventClickOnDrag = true,
+    preventDefaultOnDrag = false,
     disableOnInit = false,
     changeOnHold = false,
     renderOnlyVisible = false,
@@ -998,6 +1018,7 @@ class Flicking extends Component<FlickingEvents> {
     this._bounce = bounce;
     this._iOSEdgeSwipeThreshold = iOSEdgeSwipeThreshold;
     this._preventClickOnDrag = preventClickOnDrag;
+    this._preventDefaultOnDrag = preventDefaultOnDrag;
     this._disableOnInit = disableOnInit;
     this._changeOnHold = changeOnHold;
     this._renderOnlyVisible = renderOnlyVisible;

package/src/control/AxesController.ts

@@ -149,6 +149,7 @@ class AxesController {
       inputType: flicking.inputType,
       threshold: 1,
       iOSEdgeSwipeThreshold: flicking.iOSEdgeSwipeThreshold,
+      preventDefaultOnDrag: flicking.preventDefaultOnDrag,
       scale: flicking.horizontal ? [-1, 0] : [0, -1],
       releaseOnScroll: true
     });

package/src/index.cjs.ts

@@ -0,0 +1,14 @@
+/*
+ * Copyright (c) 2015 NAVER Corp.
+ * egjs projects are licensed under the MIT license
+ */
+import Flicking, * as modules from "./index";
+
+for (const name in modules) {
+  (Flicking as any)[name] = (modules as any)[name];
+}
+
+declare const module: any;
+module.exports = Flicking;
+export default Flicking;
+export * from "./index";