- add enableScrolling option for enabling scrolling which by default is true

 - upgrade dependencies
 - bump version

Author: zbryikt

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Logs
 
+## v0.6.6
+
+ - add `enableScrolling` option for enabling scrolling which by default is true
+ - upgrade dependencies
+
+
 ## v0.6.5
 
  - tweak scroll controller speed

README.md

@@ -50,6 +50,11 @@ initialize:
      - apply on range
  - `scrollLock`: default true. prevent from horizontal scrolling of document.body if true.
    - this affects how user interact with sheet with scrolling gestures. check src comment for more information.
+   - see also `enableScrolling`
+ - `enableScrolling`: default true. enable scrolling if true.
+   - the difference between `scrollLock` and `enableScrolling` is that:
+     - `scrollLock` is for horizontal scrolling that may conflict with browser gesture.
+     - `enableScrolling` is for mouse / trackpad scrolling behavior
  - `data`: initial data, as array of arrays
  - `slider`: default false. show slider widgets if true.
  - `cellcfg(opt)`: custom cell definition function. return value based on the given `opt`, which contains:

dist/index.js

@@ -557,6 +557,9 @@
       return document.addEventListener('wheel', function(e){
         var inscope, spos, ref$, dx, dy, ox, oy;
         inscope = this$.eventInScope(e);
+        if (this$.opt.enableScrolling != null && !this$.opt.enableScrolling) {
+          return;
+        }
         if (!(this$.opt.scrollLock != null) || this$.opt.scrollLock) {
           if (Math.abs(e.deltaX) > Math.abs(e.deltaY)) {
             if (inscope || e.target === document.body) {

dist/index.min.js

@@ -3,7 +3,7 @@
   "name": "@plotdb/sheet",
   "license": "MIT",
   "description": "spreadsheet",
-  "version": "0.6.5",
+  "version": "0.6.6",
   "style": "dist/index.min.css",
   "browser": "dist/index.min.js",
   "main": "dist/index.min.js",
@@ -24,23 +24,23 @@
     "deploy": "npx deploy web/static"
   },
   "devDependencies": {
-    "@loadingio/bootstrap.ext": "^0.0.9",
+    "@loadingio/bootstrap.ext": "^0.0.11",
     "@loadingio/debounce.js": "1.0.1",
-    "@loadingio/ldquery": "^3.0.4",
-    "@plotdb/csscope": "^5.0.2",
+    "@loadingio/ldquery": "^3.0.5",
+    "@plotdb/csscope": "^5.0.3",
     "@plotdb/datadom": "^0.2.0",
     "@plotdb/json0": "^0.0.5",
-    "@plotdb/rescope": "^5.0.3",
+    "@plotdb/rescope": "^5.0.11",
     "@zbryikt/template": "^2.3.45",
     "body-parser": "^1.19.0",
     "bootstrap": "^4.5.2",
     "bootstrap.native": "^3.0.13",
     "dompurify": "^2.2.6",
-    "fedep": "^1.1.7",
+    "fedep": "^1.1.11",
     "jsoneditor": "^9.1.1",
-    "ldcover": "^3.3.0",
-    "ldiconfont": "^0.2.3",
-    "ldview": "^1.3.2",
+    "ldcover": "^3.5.3",
+    "ldiconfont": "^0.2.6",
+    "ldview": "^1.4.0",
     "livescript": "^1.6.0",
     "papaparse": "^5.4.1",
     "proxise": "^1.0.1",

package-lock.json

@@ -267,13 +267,14 @@ sheet.prototype = Object.create(Object.prototype) <<< do
       #  - container with overflow: hidden, or container which has scrolled to the leftmost position.
       #  - in limited region while the gesture has been activated once in other unlimited regions
       #    - this is true even if user reload the page after acitvated the gesture. wtf!
-      # there can be prevented by calling preventDefault over every wheel event, but it may cause issues in:
+      # this can be prevented by calling preventDefault over every wheel event, but it may cause issues in:
       #  - other scrollable
       #  - outside sheet area
       # for now we only find a way to make it okay:
-      #  - always preventDefault for horizontal scrolling  if document.body is the target.
+      #  - always preventDefault for horizontal scrolling if document.body is the target.
       # this may affect the host document so we make it configurable by user, and by default enabled.
       inscope = @event-in-scope(e)
+      if @opt.enable-scrolling? and !@opt.enable-scrolling => return
       if (!(@opt.scroll-lock?) or @opt.scroll-lock) => # if scroll-lock is enabled
         if Math.abs(e.deltaX) > Math.abs(e.deltaY) => # and it's horizontal scrolling
           if inscope or e.target == document.body => # and is in interested region

package.json

@@ -557,6 +557,9 @@
       return document.addEventListener('wheel', function(e){
         var inscope, spos, ref$, dx, dy, ox, oy;
         inscope = this$.eventInScope(e);
+        if (this$.opt.enableScrolling != null && !this$.opt.enableScrolling) {
+          return;
+        }
         if (!(this$.opt.scrollLock != null) || this$.opt.scrollLock) {
           if (Math.abs(e.deltaX) > Math.abs(e.deltaY)) {
             if (inscope || e.target === document.body) {