Website updates

Author: ahocevar

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

@@ -7730,6 +7730,16 @@
             <li data-name="viewobjecteventtypes"><a href="module-ol_View.html#~ViewObjectEventTypes">ViewObjectEventTypes</a>
             <li data-name="viewoptions"><a href="module-ol_View.html#~ViewOptions">ViewOptions</a>
             <li data-name="viewstatelayerstateextent"><a href="module-ol_View.html#~ViewStateLayerStateExtent">ViewStateLayerStateExtent</a>
+            <li data-name="viewtransform"><a href="module-ol_View.html#~ViewTransform">ViewTransform</a>
+        </ul>
+    </div>
+    <div class="member-list" data-type="methods">
+        <span class="subtitle">Methods</span>
+        <ul>
+            <li data-name="getview"><a href="module-ol_View.html#.getView">getView</a>
+            <li data-name="withextentcenter"><a href="module-ol_View.html#.withExtentCenter">withExtentCenter</a>
+            <li data-name="withlowerresolutions"><a href="module-ol_View.html#.withLowerResolutions">withLowerResolutions</a>
+            <li data-name="withzoom"><a href="module-ol_View.html#.withZoom">withZoom</a>
         </ul>
     </div>
 <li class="item item-module" data-longname="module:ol/webgl" data-name="ol/webgl">

dist/en/main/apidoc/navigation.tmpl.html

@@ -119,6 +119,7 @@ <h5 class="modal-title" id="tag-example-title"></h5>
       <div class="row-fluid">
         <h5 class="source-heading">main.js</h5>
         <pre><code id="example-js-source" class="language-js">import Map from &#x27;ol/Map.js&#x27;;
+import {getView, withExtentCenter, withHigherResolutions} from &#x27;ol/View.js&#x27;;
 import TileLayer from &#x27;ol/layer/WebGLTile.js&#x27;;
 import GeoTIFF from &#x27;ol/source/GeoTIFF.js&#x27;;
 
@@ -137,7 +138,7 @@ <h5 class="source-heading">main.js</h5>
       source: source,
     }),
   ],
-  view: source.getView(),
+  view: getView(source, withHigherResolutions(1), withExtentCenter()),
 });
 </code></pre>
       </div>

dist/en/main/examples/cog.html

@@ -26,7 +26,45 @@ export function createRotationConstraint(options: ViewOptions): import("./rotati
  * @return {boolean} The animation involves no view change.
  */
 export function isNoopAnimation(animation: Animation): boolean;
+/**
+ * @typedef {function(ViewOptions):ViewOptions} ViewTransform
+ */
+/**
+ * Adds higher resolutions.
+ * @param {number} num The number of higher resolution levels to use.
+ * @return {ViewTransform} A view transform.
+ */
+export function withHigherResolutions(num: number): ViewTransform;
+/**
+ * Adds lower resolutions.
+ * @param {number} num The number of lower resolution levels to use.
+ * @return {ViewTransform} A view transform.
+ * @api
+ */
+export function withLowerResolutions(num: number): ViewTransform;
+/**
+ * Applies a center based on the extent.
+ * @return {ViewTransform} A view transform.
+ * @api
+ */
+export function withExtentCenter(): ViewTransform;
+/**
+ * Applies a zoom level.
+ * @param {number} z The zoom level.
+ * @return {ViewTransform} A view transform.
+ * @api
+ */
+export function withZoom(z: number): ViewTransform;
+/**
+ * Applies a series of transforms to a view that is resolved from a source.
+ * @param {import("./source/Source.js").default} source The source.
+ * @param {...ViewTransform} transforms The transforms to apply.
+ * @return {Promise<ViewOptions>} The view options.
+ * @api
+ */
+export function getView(source: import("./source/Source.js").default, ...transforms: ViewTransform[]): Promise<ViewOptions>;
 export default View;
+export type ViewTransform = (arg0: ViewOptions) => ViewOptions;
 /**
  * An animation configuration
  */