Website updates

Author: ahocevar

dist/en/main/apidoc/module-ol_control_ZoomToExtent-ZoomToExtent.html

@@ -157,7 +157,7 @@ <h4 class="name">
 
         <div class="tag-source">
             <a href="https://github.com/openlayers/openlayers/blob/main/src/ol/control/ZoomToExtent.js">control/ZoomToExtent.js</a>,
-            <a href="https://github.com/openlayers/openlayers/blob/main/src/ol/control/ZoomToExtent.js#L29">line 29</a>
+            <a href="https://github.com/openlayers/openlayers/blob/main/src/ol/control/ZoomToExtent.js#L31">line 31</a>
         </div>
 
     </div>
@@ -333,6 +333,32 @@ <h4 class="name">
         </tr>
 
 
+
+        <tr class="">
+            
+                <td class="name"><code>fitOptions</code></td>
+            
+
+            
+            <td class="type">
+            
+                
+<span class="param-type"><a href="module-ol_View.html#~FitOptions">FitOptions</a></span>
+
+ | undefined
+                
+            
+            </td>
+
+            
+
+            <td  class="description last">
+                
+                <p>Options to pass to the view when fitting
+the extent (e.g. <code>padding</code>, <code>duration</code>, <code>minResolution</code>, <code>maxZoom</code>, <code>easing</code>, <code>callback</code>).</p></td>
+        </tr>
+
+	
 	</tbody>
 </table>
 

dist/en/main/apidoc/module-ol_control_ZoomToExtent.html

@@ -331,6 +331,30 @@ <h5 class="subsection-title">Properties:</h5>
         </tr>
 
 
+
+        <tr>
+            
+                <td class="name"><code>fitOptions</code></td>
+            
+
+            <td class="type">
+            
+                
+<span class="param-type"><a href="module-ol_View.html#~FitOptions">FitOptions</a></span>
+
+ | undefined
+                
+            
+            </td>
+
+            <td class="description last">
+                <p>Options to pass to the view when fitting
+the extent (e.g. <code>padding</code>, <code>duration</code>, <code>minResolution</code>, <code>maxZoom</code>, <code>easing</code>, <code>callback</code>).</p>
+                
+            </td>
+        </tr>
+
+	
 	</tbody>
 </table></dl>
 

dist/en/main/examples/navigation-controls.js

@@ -23,6 +23,11 @@ export type Options = {
      * extent of the view projection is used.
      */
     extent?: import("../extent.js").Extent | undefined;
+    /**
+     * Options to pass to the view when fitting
+     * the extent (e.g. `padding`, `duration`, `minResolution`, `maxZoom`, `easing`, `callback`).
+     */
+    fitOptions?: import("../View.js").FitOptions | undefined;
 };
 /**
  * @typedef {Object} Options
@@ -34,6 +39,8 @@ export type Options = {
  * @property {string} [tipLabel='Fit to extent'] Text label to use for the button tip.
  * @property {import("../extent.js").Extent} [extent] The extent to zoom to. If undefined the validity
  * extent of the view projection is used.
+ * @property {import("../View.js").FitOptions} [fitOptions] Options to pass to the view when fitting
+ * the extent (e.g. `padding`, `duration`, `minResolution`, `maxZoom`, `easing`, `callback`).
  */
 /**
  * @classdesc
@@ -52,6 +59,11 @@ declare class ZoomToExtent extends Control {
      * @protected
      */
     protected extent: (import("../extent.js").Extent | null) | null;
+    /**
+     * @type {import("../View.js").FitOptions}
+     * @protected
+     */
+    protected fitOptions: import("../View.js").FitOptions;
     /**
      * @param {MouseEvent} event The event to handle
      * @private

dist/en/main/examples/navigation-controls.js.map

@@ -17,6 +17,8 @@ import Control from './Control.js';
  * @property {string} [tipLabel='Fit to extent'] Text label to use for the button tip.
  * @property {import("../extent.js").Extent} [extent] The extent to zoom to. If undefined the validity
  * extent of the view projection is used.
+ * @property {import("../View.js").FitOptions} [fitOptions] Options to pass to the view when fitting
+ * the extent (e.g. `padding`, `duration`, `minResolution`, `maxZoom`, `easing`, `callback`).
  */
 
 /**
@@ -44,6 +46,12 @@ class ZoomToExtent extends Control {
      */
     this.extent = options.extent ? options.extent : null;
 
+    /**
+     * @type {import("../View.js").FitOptions}
+     * @protected
+     */
+    this.fitOptions = options.fitOptions || {};
+
     const className =
       options.className !== undefined ? options.className : 'ol-zoom-extent';
 
@@ -88,7 +96,8 @@ class ZoomToExtent extends Control {
     const extent = !this.extent
       ? view.getProjection().getExtent()
       : fromUserExtent(this.extent, view.getProjection());
-    view.fitInternal(polygonFromExtent(extent));
+
+    view.fitInternal(polygonFromExtent(extent), this.fitOptions);
   }
 }