Website updates

Author: ahocevar

dist/en/main/apidoc/module-ol_interaction_Extent-Extent.html

@@ -137,7 +137,8 @@ <h2 class="my-3">
 
       <div class="class-description col-lg-7 align-self-center ps-0"><p>Allows the user to draw a vector box by clicking and dragging on the map.
 Once drawn, the vector box can be modified by dragging its vertices or edges.
-This interaction is only supported for mouse devices.</p></div>
+The interaction can also be configured with an initial extent and a <code>createCondition</code>
+to prevent the creation of a new extent on <code>pointerdown</code>, if desired.</p></div>
 
     </div>
 </header>
@@ -163,7 +164,7 @@ <h4 class="name">
 
         <div class="tag-source">
             <a href="https://github.com/openlayers/openlayers/blob/main/src/ol/interaction/Extent.js">interaction/Extent.js</a>,
-            <a href="https://github.com/openlayers/openlayers/blob/main/src/ol/interaction/Extent.js#L99">line 99</a>
+            <a href="https://github.com/openlayers/openlayers/blob/main/src/ol/interaction/Extent.js#L105">line 105</a>
         </div>
 
     </div>
@@ -228,6 +229,66 @@ <h4 class="name">
 
 
 
+        <tr class="">
+            
+                <td class="name"><code>createCondition</code></td>
+            
+
+            
+            <td class="type">
+            
+                
+<span class="param-type"><a href="module-ol_events_condition.html#~Condition">Condition</a></span>
+|
+
+<span class="param-type">null</span>
+
+
+                
+                    (defaults to null)
+                
+            
+            </td>
+
+            
+
+            <td  class="description last">
+                
+                <p>A function that
+takes a <a href="module-ol_MapBrowserEvent-MapBrowserEvent.html"><code>MapBrowserEvent</code></a> and returns a
+boolean to indicate whether that event should be handled to create a new extent.
+If <code>null</code>, the <code>condition</code> will also be used as <code>createCondition</code>.</p></td>
+        </tr>
+
+	
+
+        <tr class="">
+            
+                <td class="name"><code>drag</code></td>
+            
+
+            
+            <td class="type">
+            
+                
+<span class="param-type">boolean</span>
+
+
+                
+                    (defaults to false)
+                
+            
+            </td>
+
+            
+
+            <td  class="description last">
+                
+                <p>An extent can be dragged.</p></td>
+        </tr>
+
+	
+
         <tr class="">
 
                 <td class="name"><code>extent</code></td>
@@ -1004,7 +1065,7 @@ <h4 class="name">
 
         <div class="tag-source">
             <a href="https://github.com/openlayers/openlayers/blob/main/src/ol/interaction/Extent.js">interaction/Extent.js</a>,
-            <a href="https://github.com/openlayers/openlayers/blob/main/src/ol/interaction/Extent.js#L450">line 450</a>
+            <a href="https://github.com/openlayers/openlayers/blob/main/src/ol/interaction/Extent.js#L508">line 508</a>
         </div>
 
     </div>
@@ -1094,7 +1155,7 @@ <h4 class="name">
 
         <div class="tag-source">
             <a href="https://github.com/openlayers/openlayers/blob/main/src/ol/interaction/Extent.js">interaction/Extent.js</a>,
-            <a href="https://github.com/openlayers/openlayers/blob/main/src/ol/interaction/Extent.js#L463">line 463</a>
+            <a href="https://github.com/openlayers/openlayers/blob/main/src/ol/interaction/Extent.js#L522">line 522</a>
         </div>
 
     </div>
@@ -1128,6 +1189,8 @@ <h4 class="name">
 
 
 
+        <dt class="important tag-deprecated">Deprecated</dt><dd><ul class="dummy"><li>Use <a href="module-ol_interaction_Extent-Extent.html#getExtent"><code>getExtent</code></a> instead.</li><ul></dd>
+    
 
 
 
@@ -2286,7 +2349,7 @@ <h4 class="name">
 
         <div class="tag-source">
             <a href="https://github.com/openlayers/openlayers/blob/main/src/ol/interaction/Extent.js">interaction/Extent.js</a>,
-            <a href="https://github.com/openlayers/openlayers/blob/main/src/ol/interaction/Extent.js#L473">line 473</a>
+            <a href="https://github.com/openlayers/openlayers/blob/main/src/ol/interaction/Extent.js#L532">line 532</a>
         </div>
 
     </div>

dist/en/main/apidoc/module-ol_interaction_Extent.ExtentEvent.html

@@ -717,7 +717,7 @@ <h4 class="name">
 
         <div class="tag-source">
             <a href="https://github.com/openlayers/openlayers/blob/main/src/ol/interaction/Extent.js">interaction/Extent.js</a>,
-            <a href="https://github.com/openlayers/openlayers/blob/main/src/ol/interaction/Extent.js#L47">line 47</a>
+            <a href="https://github.com/openlayers/openlayers/blob/main/src/ol/interaction/Extent.js#L52">line 52</a>
         </div>
 
     </div>

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

@@ -231,6 +231,62 @@ <h5 class="subsection-title">Properties:</h5>
 
 
 
+        <tr>
+            
+                <td class="name"><code>createCondition</code></td>
+            
+
+            <td class="type">
+            
+                
+<span class="param-type"><a href="module-ol_events_condition.html#~Condition">Condition</a></span>
+|
+
+<span class="param-type">null</span>
+
+
+                
+                    <br>(defaults to null)
+                
+            
+            </td>
+
+            <td class="description last">
+                <p>A function that
+takes a <a href="module-ol_MapBrowserEvent-MapBrowserEvent.html"><code>MapBrowserEvent</code></a> and returns a
+boolean to indicate whether that event should be handled to create a new extent.
+If <code>null</code>, the <code>condition</code> will also be used as <code>createCondition</code>.</p>
+                
+            </td>
+        </tr>
+
+	
+
+        <tr>
+            
+                <td class="name"><code>drag</code></td>
+            
+
+            <td class="type">
+            
+                
+<span class="param-type">boolean</span>
+
+
+                
+                    <br>(defaults to false)
+                
+            
+            </td>
+
+            <td class="description last">
+                <p>An extent can be dragged.</p>
+                
+            </td>
+        </tr>
+
+	
+
         <tr>
 
                 <td class="name"><code>extent</code></td>
@@ -400,7 +456,7 @@ <h4 class="name">
 
         <div class="tag-source">
             <a href="https://github.com/openlayers/openlayers/blob/main/src/ol/interaction/Extent.js">interaction/Extent.js</a>,
-            <a href="https://github.com/openlayers/openlayers/blob/main/src/ol/interaction/Extent.js#L76">line 76</a>
+            <a href="https://github.com/openlayers/openlayers/blob/main/src/ol/interaction/Extent.js#L81">line 81</a>
         </div>
 
     </div>

dist/en/main/examples/box-selection.html

@@ -127,10 +127,11 @@ <h4 id="title">Box Selection</h4>
               data-content="&lt;ul class=&quot;list-group&quot;&gt;
                 &lt;li&gt;&lt;a class=&quot;list-group-item list-group-item-action active&quot; href=&quot;./box-selection.html&quot;&gt;Box Selection&lt;/a&gt;
                 &lt;li&gt;&lt;a class=&quot;list-group-item list-group-item-action&quot; href=&quot;./extent-interaction.html&quot;&gt;Extent Interaction&lt;/a&gt;
+                &lt;li&gt;&lt;a class=&quot;list-group-item list-group-item-action&quot; href=&quot;./extent-interaction-modify.html&quot;&gt;Modify an extent&lt;/a&gt;
                 &lt;li&gt;&lt;a class=&quot;list-group-item list-group-item-action&quot; href=&quot;./rectangle.html&quot;&gt;Rectangle&lt;/a&gt;
                 &lt;/ul&gt;"
               tabindex="0"
-              >3</a>
+              >4</a>
           </span>
         </p>
         <div class="modal modal-tag-example" id="tag-example-list" tabindex="-1" role="dialog" aria-labelledby="tag-example-title" aria-hidden="true">

dist/en/main/examples/common.js

@@ -248,10 +248,11 @@ <h4 id="title">Custom Interactions</h4>
                 &lt;li&gt;&lt;a class=&quot;list-group-item list-group-item-action&quot; href=&quot;./double-click-drag-zoom.html&quot;&gt;Double click, Drag and Zoom&lt;/a&gt;
                 &lt;li&gt;&lt;a class=&quot;list-group-item list-group-item-action&quot; href=&quot;./drag-rotate-and-zoom.html&quot;&gt;Drag, Rotate, and Zoom&lt;/a&gt;
                 &lt;li&gt;&lt;a class=&quot;list-group-item list-group-item-action&quot; href=&quot;./extent-interaction.html&quot;&gt;Extent Interaction&lt;/a&gt;
+                &lt;li&gt;&lt;a class=&quot;list-group-item list-group-item-action&quot; href=&quot;./extent-interaction-modify.html&quot;&gt;Modify an extent&lt;/a&gt;
                 &lt;li&gt;&lt;a class=&quot;list-group-item list-group-item-action&quot; href=&quot;./pinch-zoom.html&quot;&gt;Pinch Zoom&lt;/a&gt;
                 &lt;/ul&gt;"
               tabindex="0"
-              >5</a>
+              >6</a>
           </span>
         </p>
         <div class="modal modal-tag-example" id="tag-example-list" tabindex="-1" role="dialog" aria-labelledby="tag-example-title" aria-hidden="true">

dist/en/main/examples/common.js.map

@@ -157,10 +157,11 @@ <h4 id="title">Double click, Drag and Zoom</h4>
                 &lt;li&gt;&lt;a class=&quot;list-group-item list-group-item-action active&quot; href=&quot;./double-click-drag-zoom.html&quot;&gt;Double click, Drag and Zoom&lt;/a&gt;
                 &lt;li&gt;&lt;a class=&quot;list-group-item list-group-item-action&quot; href=&quot;./drag-rotate-and-zoom.html&quot;&gt;Drag, Rotate, and Zoom&lt;/a&gt;
                 &lt;li&gt;&lt;a class=&quot;list-group-item list-group-item-action&quot; href=&quot;./extent-interaction.html&quot;&gt;Extent Interaction&lt;/a&gt;
+                &lt;li&gt;&lt;a class=&quot;list-group-item list-group-item-action&quot; href=&quot;./extent-interaction-modify.html&quot;&gt;Modify an extent&lt;/a&gt;
                 &lt;li&gt;&lt;a class=&quot;list-group-item list-group-item-action&quot; href=&quot;./pinch-zoom.html&quot;&gt;Pinch Zoom&lt;/a&gt;
                 &lt;/ul&gt;"
               tabindex="0"
-              >5</a>
+              >6</a>
           </span>
         </p>
         <div class="modal modal-tag-example" id="tag-example-list" tabindex="-1" role="dialog" aria-labelledby="tag-example-title" aria-hidden="true">

dist/en/main/examples/custom-interactions.html

@@ -131,10 +131,11 @@ <h4 id="title">Drag, Rotate, and Zoom</h4>
                 &lt;li&gt;&lt;a class=&quot;list-group-item list-group-item-action&quot; href=&quot;./double-click-drag-zoom.html&quot;&gt;Double click, Drag and Zoom&lt;/a&gt;
                 &lt;li&gt;&lt;a class=&quot;list-group-item list-group-item-action active&quot; href=&quot;./drag-rotate-and-zoom.html&quot;&gt;Drag, Rotate, and Zoom&lt;/a&gt;
                 &lt;li&gt;&lt;a class=&quot;list-group-item list-group-item-action&quot; href=&quot;./extent-interaction.html&quot;&gt;Extent Interaction&lt;/a&gt;
+                &lt;li&gt;&lt;a class=&quot;list-group-item list-group-item-action&quot; href=&quot;./extent-interaction-modify.html&quot;&gt;Modify an extent&lt;/a&gt;
                 &lt;li&gt;&lt;a class=&quot;list-group-item list-group-item-action&quot; href=&quot;./pinch-zoom.html&quot;&gt;Pinch Zoom&lt;/a&gt;
                 &lt;/ul&gt;"
               tabindex="0"
-              >5</a>
+              >6</a>
           </span>
         </p>
         <div class="modal modal-tag-example" id="tag-example-list" tabindex="-1" role="dialog" aria-labelledby="tag-example-title" aria-hidden="true">

dist/en/main/examples/double-click-drag-zoom.html

@@ -130,14 +130,15 @@ <h4 id="title">Draw and Modify Features</h4>
                 &lt;li&gt;&lt;a class=&quot;list-group-item list-group-item-action&quot; href=&quot;./draw-and-modify-geodesic.html&quot;&gt;Draw and Modify Geodesic Circles&lt;/a&gt;
                 &lt;li&gt;&lt;a class=&quot;list-group-item list-group-item-action&quot; href=&quot;./modify-icon.html&quot;&gt;Icon modification&lt;/a&gt;
                 &lt;li&gt;&lt;a class=&quot;list-group-item list-group-item-action&quot; href=&quot;./measure-style.html&quot;&gt;Measure using vector styles&lt;/a&gt;
+                &lt;li&gt;&lt;a class=&quot;list-group-item list-group-item-action&quot; href=&quot;./extent-interaction-modify.html&quot;&gt;Modify an extent&lt;/a&gt;
                 &lt;li&gt;&lt;a class=&quot;list-group-item list-group-item-action&quot; href=&quot;./modify-features.html&quot;&gt;Modify Features&lt;/a&gt;
                 &lt;li&gt;&lt;a class=&quot;list-group-item list-group-item-action&quot; href=&quot;./modify-test.html&quot;&gt;Modify Features Test&lt;/a&gt;
                 &lt;li&gt;&lt;a class=&quot;list-group-item list-group-item-action&quot; href=&quot;./modify-scale-and-rotate.html&quot;&gt;Scale and Rotate using Modify Interaction&lt;/a&gt;
                 &lt;li&gt;&lt;a class=&quot;list-group-item list-group-item-action&quot; href=&quot;./snap.html&quot;&gt;Snap Interaction&lt;/a&gt;
                 &lt;li&gt;&lt;a class=&quot;list-group-item list-group-item-action&quot; href=&quot;./snap-custom-segmenter.html&quot;&gt;Snap Interaction with Custom Segmenter&lt;/a&gt;
                 &lt;/ul&gt;"
               tabindex="0"
-              >9</a>
+              >10</a>
           </span>
           <span class="badge-group">
             <a