Website updates

Author: tschaub

dist/en/main/apidoc/module-ol_interaction_MouseWheelZoom-MouseWheelZoom.html

@@ -157,7 +157,7 @@ <h4 class="name">
 
         <div class="tag-source">
             <a href="https://github.com/openlayers/openlayers/blob/main/src/ol/interaction/MouseWheelZoom.js">interaction/MouseWheelZoom.js</a>,
-            <a href="https://github.com/openlayers/openlayers/blob/main/src/ol/interaction/MouseWheelZoom.js#L37">line 37</a>
+            <a href="https://github.com/openlayers/openlayers/blob/main/src/ol/interaction/MouseWheelZoom.js#L49">line 49</a>
         </div>
 
     </div>
@@ -2028,7 +2028,7 @@ <h4 class="name">
 
         <div class="tag-source">
             <a href="https://github.com/openlayers/openlayers/blob/main/src/ol/interaction/MouseWheelZoom.js">interaction/MouseWheelZoom.js</a>,
-            <a href="https://github.com/openlayers/openlayers/blob/main/src/ol/interaction/MouseWheelZoom.js#L295">line 295</a>
+            <a href="https://github.com/openlayers/openlayers/blob/main/src/ol/interaction/MouseWheelZoom.js#L312">line 312</a>
         </div>
 
     </div>

dist/en/main/examples/common.js

@@ -38,27 +38,6 @@ export type Options = {
      */
     constrainResolution?: boolean | undefined;
 };
-/**
- * @typedef {'trackpad' | 'wheel'} Mode
- */
-/**
- * @typedef {Object} Options
- * @property {import("../events/condition.js").Condition} [condition] A function that
- * takes a {@link module:ol/MapBrowserEvent~MapBrowserEvent} and returns a
- * boolean to indicate whether that event should be handled. Default is
- * {@link module:ol/events/condition.always}.
- * @property {boolean} [onFocusOnly=false] When the map's target has a `tabindex` attribute set,
- * the interaction will only handle events when the map has the focus.
- * @property {number} [maxDelta=1] Maximum mouse wheel delta.
- * @property {number} [duration=250] Animation duration in milliseconds.
- * @property {number} [timeout=80] Mouse wheel timeout duration in milliseconds.
- * @property {boolean} [useAnchor=true] Enable zooming using the mouse's
- * location as the anchor. When set to `false`, zooming in and out will zoom to
- * the center of the screen instead of zooming on the mouse's location.
- * @property {boolean} [constrainResolution=false] If true, the mouse wheel zoom
- * event will always animate to the closest zoom level after an interaction;
- * false means intermediary zoom levels are allowed.
- */
 /**
  * @classdesc
  * Allows the user to zoom the map by scrolling the mouse wheel.

dist/en/main/ol/dist/ol.js

@@ -29,6 +29,18 @@ import Interaction, {zoomByDelta} from './Interaction.js';
  * false means intermediary zoom levels are allowed.
  */
 
+/**
+ * Mutliplier for the DOM_DELTA_LINE delta value.
+ * @type {number}
+ */
+const DELTA_LINE_MULTIPLIER = 40;
+
+/**
+ * Mutliplier for the DOM_DELTA_PAGE delta value.
+ * @type {number}
+ */
+const DELTA_PAGE_MULTIPLIER = 300;
+
 /**
  * @classdesc
  * Allows the user to zoom the map by scrolling the mouse wheel.
@@ -192,12 +204,17 @@ class MouseWheelZoom extends Interaction {
 
     // Delta normalisation inspired by
     // https://github.com/mapbox/mapbox-gl-js/blob/001c7b9/js/ui/handler/scroll_zoom.js
-    let delta;
-    if (mapBrowserEvent.type == EventType.WHEEL) {
-      delta = wheelEvent.deltaY;
-      if (wheelEvent.deltaMode === WheelEvent.DOM_DELTA_LINE) {
-        delta *= 40;
-      }
+    let delta = wheelEvent.deltaY;
+
+    switch (wheelEvent.deltaMode) {
+      case WheelEvent.DOM_DELTA_LINE:
+        delta *= DELTA_LINE_MULTIPLIER;
+        break;
+      case WheelEvent.DOM_DELTA_PAGE:
+        delta *= DELTA_PAGE_MULTIPLIER;
+        break;
+      default:
+      // pass
     }
 
     if (delta === 0) {