@arcgis/core 5.1.0-next.64 → 5.1.0-next.66

package/renderers/ClassBreaksRenderer.d.ts

@@ -123,7 +123,7 @@ export interface ClassBreaksRendererProperties extends RendererProperties, Visua
  * where between 35% and 50% of the population have a college degree are rendered with a pale green symbol.
  * The other features are similarly rendered based on the value of the attribute of interest.
  *
- * [![renderer-classbreaks-basic](https://developers.arcgis.com/javascript/latest/assets/images/samples/6-classbreaks.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-classbreaks/)
+ * [![renderer-classbreaks-basic](https://developers.arcgis.com/javascript/latest/assets/images/samples/6-classbreaks.avif)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-classbreaks/)
  *
  * @since 4.0
  * @see [Sample - Visualize data with class breaks](https://developers.arcgis.com/javascript/latest/sample-code/visualization-classbreaks/)

package/renderers/DictionaryRenderer.d.ts

@@ -15,7 +15,7 @@ export interface DictionaryRendererProperties extends RendererProperties, Visual
  * A dictionary renderer applies symbols to features through an associated dictionary symbol web style. The web style
  * contains all the symbol components as well as rules for displaying the symbol.
  *
- * ![dictionary-renderer](https://developers.arcgis.com/javascript/latest/assets/images/guide/whats-new/413/dictionary-renderer.png)
+ * ![dictionary-renderer](https://developers.arcgis.com/javascript/latest/assets/images/guide/whats-new/413/dictionary-renderer.avif)
  *
  * > [!WARNING]
  * >

package/renderers/DotDensityRenderer.d.ts

@@ -123,14 +123,14 @@ export interface DotDensityRendererProperties extends RendererProperties, Visual
  * The image below visualizes population by Census tract using dot density. Notice that each
  * dot represents about 100 people.
  *
- * ![dot-density-one-attribute](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/dot-density-one-attribute.png)
+ * ![dot-density-one-attribute](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/dot-density-one-attribute.avif)
  *
  * You can specify multiple [attributes](https://developers.arcgis.com/javascript/latest/references/core/renderers/DotDensityRenderer/#attributes) to visualize subcategories of the data.
  * For example, we can visualize the same layer above, but categorize each dot by race/ethnicity. So each
  * dot of a different color represents 100 people of the respective category (e.g. 1 red dot represents
  * 100 white non-Hispanic) people, each blue dot = 100 African American people, each yellow dot = 100 Hispanic people, etc).
  *
- * [![dot-density](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/dot-density.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-dot-density/)
+ * [![dot-density](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/dot-density.avif)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-dot-density/)
  *
  * This implementation of dot density allows you to linearly scale the dot value based on the [view scale](https://developers.arcgis.com/javascript/latest/references/core/views/MapView/#scale).
  * So as you zoom in and out of the initial view, the relative density of points remains the same across scales.
@@ -276,7 +276,7 @@ export default class DotDensityRenderer extends DotDensityRendererSuperclass {
    *
    * Blend enabled | Blend disabled
    * --------------|---------------
-   * ![dot-density-blend](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/dot-density-blend.png) | ![dot-density-no-blend](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/dot-density-no-blend.png)
+   * ![dot-density-blend](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/dot-density-blend.avif) | ![dot-density-no-blend](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/dot-density-no-blend.avif)
    *
    * @default true
    */

package/renderers/FlowRenderer.d.ts

@@ -122,7 +122,7 @@ export interface FlowRendererProperties extends VisualVariablesMixinProperties,
  * To use this renderer, the [source type of your raster dataset](https://pro.arcgis.com/en/pro-app/latest/help/data/imagery/raster-dataset-properties.htm) must be `Vector-UV` or `Vector-MagDir`.
  * The direction of the raster defines the direction of movement, and the magnitude defines the visible length of the streamline.
  *
- * [![flow renderer](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/flow/flow-renderer.gif)](https://developers.arcgis.com/javascript/latest/sample-code/layers-imagery-afrenderer/)
+ * [![flow renderer](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/flow/flow-renderer.webm)](https://developers.arcgis.com/javascript/latest/sample-code/layers-imagery-afrenderer/)
  *
  * <span id="streamline-animation"></span>
  * ## Streamline animation
@@ -204,7 +204,7 @@ export default class FlowRenderer extends FlowRendererSuperclass {
    *
    * |`density = 0.1` | `density = 1` | `density = 1.5` |
    * |----------------|-----------------|---------------|
-   * | ![density 0.1](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/flow/density-01.png) | ![density 0.5](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/flow/density-05.png) | ![density 1](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/flow/density-1.png) |
+   * | ![density 0.1](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/flow/density-01.avif) | ![density 0.5](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/flow/density-05.avif) | ![density 1](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/flow/density-1.avif) |
    *
    * @default 0.8
    */
@@ -214,8 +214,8 @@ export default class FlowRenderer extends FlowRendererSuperclass {
    *
    * Value | Description | Example
    * ------|-------------|---------
-   * flow-from | Flow from angle. | ![flow-from](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/flow/flow-from.png)
-   * flow-to | Flow to angle. | ![flow-to](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/flow/flow-to.png)
+   * flow-from | Flow from angle. | ![flow-from](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/flow/flow-from.avif)
+   * flow-to | Flow to angle. | ![flow-to](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/flow/flow-to.avif)
    *
    * @default "flow-from"
    */
@@ -282,7 +282,7 @@ export default class FlowRenderer extends FlowRendererSuperclass {
    * The actual trail length is first based on the data, then further scaled by this property.
    * |`trailLength = 20` | `trailLength = 100` | `trailLength = 250` |
    * |----------------|-----------------|---------------|
-   * | ![trailLength 20](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/flow/trailLength-20.gif) | ![trailLength 100](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/flow/trailLength-100.gif) | ![trailLength 250](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/flow/trailLength-250.gif) |
+   * | ![trailLength 20](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/flow/trailLength-20.webm) | ![trailLength 100](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/flow/trailLength-100.webm) | ![trailLength 250](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/flow/trailLength-250.webm) |
    *
    * @default 100
    * @see [Streamline animation](https://developers.arcgis.com/javascript/latest/references/core/renderers/FlowRenderer/#streamline-animation)

package/renderers/HeatmapRenderer.d.ts

@@ -241,9 +241,9 @@ export default class HeatmapRenderer extends Renderer {
    *
    * Zoom offset from reference scale | Static (reference scale) | Dynamic (no reference scale)
    * ------------------------------|----------|--------------
-   * +1 LOD | ![static-in1](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/heatmap/static-in1-small.png) | ![dynamic-in1](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/heatmap/dynamic-in1-small.png)
-   * reference scale | ![static-out1](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/heatmap/static-reference-small.png) | ![dynamic-out1](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/heatmap/static-reference-small.png)
-   * -1 LOD | ![static-out1](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/heatmap/static-out1-small.png) | ![dynamic-out1](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/heatmap/dynamic-out1-small.png)
+   * +1 LOD | ![static-in1](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/heatmap/static-in1-small.avif) | ![dynamic-in1](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/heatmap/dynamic-in1-small.avif)
+   * reference scale | ![static-out1](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/heatmap/static-reference-small.avif) | ![dynamic-out1](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/heatmap/static-reference-small.avif)
+   * -1 LOD | ![static-out1](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/heatmap/static-out1-small.avif) | ![dynamic-out1](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/heatmap/dynamic-out1-small.avif)
    *
    * @default 0
    * @since 4.24

package/renderers/PieChartRenderer.d.ts

@@ -147,7 +147,7 @@ export interface PieChartRendererProperties extends RendererProperties, VisualVa
  * property. You can vary the size of each pie based on data with any other field value or Arcade
  * expression using [visualVariables](https://developers.arcgis.com/javascript/latest/references/core/renderers/PieChartRenderer/#visualVariables).
  *
- * [![pie chart renderer](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/pie-chart.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-pie-chart/)
+ * [![pie chart renderer](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/pie-chart.avif)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-pie-chart/)
  *
  * > [!WARNING]
  * >

package/renderers/RasterShadedReliefRenderer.d.ts

@@ -21,7 +21,7 @@ export interface RasterShadedReliefRendererProperties extends Partial<Pick<Raste
  *
  * Traditional | Multi-directional |
  * ----------- | ----------------- |
- * <img alt="Undo update" src="https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/renderer-shadedRelief-traditional.png">|<img alt="Undo update" src="https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/renderer-shadedRelief-multidirectional.png">|
+ * <img alt="Undo update" src="https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/renderer-shadedRelief-traditional.avif">|<img alt="Undo update" src="https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/renderer-shadedRelief-multidirectional.avif">|
  *
  * @since 4.16
  * @see [Hillshade function](https://pro.arcgis.com/en/pro-app/latest/help/data/imagery/hillshade-function.htm)

package/renderers/Renderer.d.ts

@@ -54,7 +54,7 @@ export interface RendererProperties {
  * The polygon layer represents states with no fill and a gray outline. The polyline layer visualizes
  * highways with bright blue lines. The point layer depicts cities as marker symbols with the same bright blue color.
  *
- * [![renderer-simple-basic](https://developers.arcgis.com/javascript/latest/assets/images/samples/1-simple-sym.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-location-simple/)
+ * [![renderer-simple-basic](https://developers.arcgis.com/javascript/latest/assets/images/samples/1-simple-sym.avif)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-location-simple/)
  *
  * Read more on the [SimpleRenderer](https://developers.arcgis.com/javascript/latest/references/core/renderers/SimpleRenderer/) page.
  *
@@ -68,7 +68,7 @@ export interface RendererProperties {
  * to which the highway belongs. For example, green lines are highways in the "Tampa District" whereas
  * red lines are highways in the "Central District".
  *
- * [![renderer-unique-lines](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/renderer-unique-lines.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-location-types/)
+ * [![renderer-unique-lines](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/renderer-unique-lines.avif)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-location-types/)
  *
  * Read more on the [UniqueValueRenderer](https://developers.arcgis.com/javascript/latest/references/core/renderers/UniqueValueRenderer/) page.
  *
@@ -83,7 +83,7 @@ export interface RendererProperties {
  * where between 35% and 50% of the population have a college degree are rendered with a pale green symbol.
  * The other features are similarly rendered based on the value of the attribute of interest.
  *
- * [![renderer-classbreaks-basic](https://developers.arcgis.com/javascript/latest/assets/images/samples/6-classbreaks.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-classbreaks/)
+ * [![renderer-classbreaks-basic](https://developers.arcgis.com/javascript/latest/assets/images/samples/6-classbreaks.avif)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-classbreaks/)
  *
  * Read more on the [ClassBreaksRenderer](https://developers.arcgis.com/javascript/latest/references/core/renderers/ClassBreaksRenderer/) page.
  *
@@ -98,7 +98,7 @@ export interface RendererProperties {
  * visual variable to map predominant types and the strength of their predominance in relation
  * to other variables.
  *
- * [![renderer-vv-basic](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/renderer-vv-basic.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-vv-color/)
+ * [![renderer-vv-basic](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/renderer-vv-basic.avif)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-vv-color/)
  *
  * See [visual variables](https://developers.arcgis.com/javascript/latest/references/core/renderers/SimpleRenderer/#visualVariables) for more information.
  *

package/renderers/SimpleRenderer.d.ts

@@ -53,7 +53,7 @@ export interface SimpleRendererProperties extends RendererProperties, VisualVari
  * The example in the screenshot below contains three layers: one of state boundaries, another of highways,
  * and another of cities. Each gives geographic context to the map.
  *
- * [![renderer-simple-basic](https://developers.arcgis.com/javascript/latest/assets/images/samples/1-simple-sym.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-location-simple/)
+ * [![renderer-simple-basic](https://developers.arcgis.com/javascript/latest/assets/images/samples/1-simple-sym.avif)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-location-simple/)
  *
  * SimpleRenderer can also be used to thematically visualize numeric data attributes. This is
  * accomplished with [visual variables](https://developers.arcgis.com/javascript/latest/references/core/renderers/SimpleRenderer/#visualVariables). Visual variables define the parameters
@@ -65,7 +65,7 @@ export interface SimpleRendererProperties extends RendererProperties, VisualVari
  * [SceneView](https://developers.arcgis.com/javascript/latest/references/core/views/SceneView/) to thematically visualize a hurricane's windspeed in
  * various locations along its path.
  *
- * [![symbols-3d-objects](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-3d-objects.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-multivariate-3d/)
+ * [![symbols-3d-objects](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-3d-objects.avif)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-multivariate-3d/)
  *
  * To read more about visual variables, see the [visualVariables](https://developers.arcgis.com/javascript/latest/references/core/renderers/SimpleRenderer/#visualVariables) property.
  *

package/renderers/UniqueValueRenderer.d.ts

@@ -181,7 +181,7 @@ export interface UniqueValueRendererProperties extends RendererProperties, Visua
  * represent interstate highways (freeways), orange lines represent U.S. Highways, and pink lines
  * represent state highways.
  *
- * [![renderer-unique-lines](https://developers.arcgis.com/javascript/latest/assets/images/samples/5-types.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-location-types/)
+ * [![renderer-unique-lines](https://developers.arcgis.com/javascript/latest/assets/images/samples/5-types.avif)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-location-types/)
  *
  * UniqueValueRenderer can also be used to visualize numeric data attributes in conjunction
  * with unique values. This is accomplished with [visual variables](https://developers.arcgis.com/javascript/latest/references/core/renderers/UniqueValueRenderer/#visualVariables).
@@ -198,7 +198,7 @@ export interface UniqueValueRendererProperties extends RendererProperties, Visua
  * its type (e.g. purple represents condominium, green represents hotels, orange is residential, etc.).
  * A [size](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/SizeVariable/) visual variable is then added to depict the real-world height of each building.
  *
- * [![renderer-unique-vv](https://developers.arcgis.com/javascript/latest/assets/images/samples/2-extrude-height.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-buildings-3d/)
+ * [![renderer-unique-vv](https://developers.arcgis.com/javascript/latest/assets/images/samples/2-extrude-height.avif)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-buildings-3d/)
  *
  * To read more about visual variables see the [visualVariables](https://developers.arcgis.com/javascript/latest/references/core/renderers/UniqueValueRenderer/#visualVariables) property.
  *

package/renderers/VectorFieldRenderer.d.ts

@@ -54,7 +54,7 @@ export interface VectorFieldRendererProperties extends VisualVariablesMixinPrope
  * It can also be used to symbolize a single raster layer where the symbols are scalar.
  * The direction of the raster defines the angles, while the magnitude of the raster defines the size of the symbol.
  *
- * [![elevation-info](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/vector-field-renderer.png)](https://developers.arcgis.com/javascript/latest/sample-code/layers-imagery-vfrenderer/)
+ * [![elevation-info](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/vector-field-renderer.avif)](https://developers.arcgis.com/javascript/latest/sample-code/layers-imagery-vfrenderer/)
  *
  * > [!WARNING]
  * >

package/renderers/mixins/VisualVariablesMixin.d.ts

@@ -17,9 +17,9 @@ export interface VisualVariablesMixinProperties {
    *
    * Type | Object Specification | Legend Example
    * -----|----------------------|---------------
-   * color | [ColorVisualVariable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/ColorVariable/) | ![legend-color-vv](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/legend-color-vv.png)
-   * size | [SizeVisualVariable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/SizeVariable/) | ![legend-color-vv](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/legend-size-vv.png)
-   * opacity | [OpacityVisualVariable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/OpacityVariable/) | ![legend-color-vv](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/legend-opacity-vv.png)
+   * color | [ColorVisualVariable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/ColorVariable/) | ![legend-color-vv](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/legend-color-vv.avif)
+   * size | [SizeVisualVariable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/SizeVariable/) | ![legend-color-vv](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/legend-size-vv.avif)
+   * opacity | [OpacityVisualVariable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/OpacityVariable/) | ![legend-color-vv](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/legend-opacity-vv.avif)
    * rotation | [RotationVisualVariable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/RotationVariable/) | -
    *
    * Visual variables are primarily be used in two ways.
@@ -46,13 +46,13 @@ export interface VisualVariablesMixinProperties {
    * }];
    * ```
    *
-   * [![size-image-here](https://developers.arcgis.com/javascript/latest/assets/images/samples/8-vv-size.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-vv-size/)
+   * [![size-image-here](https://developers.arcgis.com/javascript/latest/assets/images/samples/8-vv-size.avif)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-vv-size/)
    *
    * You can take the visualization a step further and use multiple visual variables in the same renderer.
    * The sample below uses
    * three visual variables (size, color, and opacity).
    *
-   * [![visualization-multivariate-2d](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/renderer-unique-vv.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-multivariate-2d/)
+   * [![visualization-multivariate-2d](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/renderer-unique-vv.avif)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-multivariate-2d/)
    *
    * #### 2. Mapping real-world sizes
    *
@@ -63,7 +63,7 @@ export interface VisualVariablesMixinProperties {
    * that uses visual variables to size each feature to the true dimensions of each tree
    * based on data stored in multiple attribute fields.
    *
-   * [![renderer-vv-rw](https://developers.arcgis.com/javascript/latest/assets/images/samples/3-trees-3d.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-trees-realistic/)
+   * [![renderer-vv-rw](https://developers.arcgis.com/javascript/latest/assets/images/samples/3-trees-3d.avif)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-trees-realistic/)
    *
    * See the [Thematic visualization with realistic 3D symbols](https://developers.arcgis.com/javascript/latest/sample-code/visualization-trees-realistic/)
    * for an example of using multiple visual variables to visualize your data.
@@ -98,9 +98,9 @@ export abstract class VisualVariablesMixin {
    *
    * Type | Object Specification | Legend Example
    * -----|----------------------|---------------
-   * color | [ColorVisualVariable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/ColorVariable/) | ![legend-color-vv](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/legend-color-vv.png)
-   * size | [SizeVisualVariable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/SizeVariable/) | ![legend-color-vv](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/legend-size-vv.png)
-   * opacity | [OpacityVisualVariable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/OpacityVariable/) | ![legend-color-vv](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/legend-opacity-vv.png)
+   * color | [ColorVisualVariable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/ColorVariable/) | ![legend-color-vv](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/legend-color-vv.avif)
+   * size | [SizeVisualVariable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/SizeVariable/) | ![legend-color-vv](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/legend-size-vv.avif)
+   * opacity | [OpacityVisualVariable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/OpacityVariable/) | ![legend-color-vv](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/legend-opacity-vv.avif)
    * rotation | [RotationVisualVariable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/RotationVariable/) | -
    *
    * Visual variables are primarily be used in two ways.
@@ -127,13 +127,13 @@ export abstract class VisualVariablesMixin {
    * }];
    * ```
    *
-   * [![size-image-here](https://developers.arcgis.com/javascript/latest/assets/images/samples/8-vv-size.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-vv-size/)
+   * [![size-image-here](https://developers.arcgis.com/javascript/latest/assets/images/samples/8-vv-size.avif)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-vv-size/)
    *
    * You can take the visualization a step further and use multiple visual variables in the same renderer.
    * The sample below uses
    * three visual variables (size, color, and opacity).
    *
-   * [![visualization-multivariate-2d](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/renderer-unique-vv.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-multivariate-2d/)
+   * [![visualization-multivariate-2d](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/renderer-unique-vv.avif)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-multivariate-2d/)
    *
    * #### 2. Mapping real-world sizes
    *
@@ -144,7 +144,7 @@ export abstract class VisualVariablesMixin {
    * that uses visual variables to size each feature to the true dimensions of each tree
    * based on data stored in multiple attribute fields.
    *
-   * [![renderer-vv-rw](https://developers.arcgis.com/javascript/latest/assets/images/samples/3-trees-3d.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-trees-realistic/)
+   * [![renderer-vv-rw](https://developers.arcgis.com/javascript/latest/assets/images/samples/3-trees-3d.avif)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-trees-realistic/)
    *
    * See the [Thematic visualization with realistic 3D symbols](https://developers.arcgis.com/javascript/latest/sample-code/visualization-trees-realistic/)
    * for an example of using multiple visual variables to visualize your data.

package/renderers/visualVariables/ColorVariable.d.ts

@@ -23,7 +23,7 @@ export interface ColorVariableProperties extends VisualVariableProperties, Parti
  *
  * For [CIMSymbol](https://developers.arcgis.com/javascript/latest/references/core/symbols/CIMSymbol/)s, the color value is applied only to symbol layers that aren't color locked.
  *
- * [![renderer-vv-color](https://developers.arcgis.com/javascript/latest/assets/images/samples/7-vv-color.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-vv-color/)
+ * [![renderer-vv-color](https://developers.arcgis.com/javascript/latest/assets/images/samples/7-vv-color.avif)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-vv-color/)
  *
  * @since 4.10
  * @see [Sample - Continuous color](https://developers.arcgis.com/javascript/latest/sample-code/visualization-vv-color/)

package/renderers/visualVariables/OpacityVariable.d.ts

@@ -19,7 +19,7 @@ export interface OpacityVariableProperties extends VisualVariableProperties, Par
  * [field](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/OpacityVariable/#field) value or number returned from an [expression](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/OpacityVariable/#valueExpression).
  * You must specify [stops](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/OpacityVariable/#stops) to construct the opacity ramp.
  *
- * [![renderer-vv-opacity](https://developers.arcgis.com/javascript/latest/assets/images/samples/12-vv-transparency.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-vv-opacity/)
+ * [![renderer-vv-opacity](https://developers.arcgis.com/javascript/latest/assets/images/samples/12-vv-transparency.avif)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-vv-opacity/)
  *
  * @since 4.10
  * @see [Sample - Add transparency to features based on field values](https://developers.arcgis.com/javascript/latest/sample-code/visualization-vv-opacity/)

package/renderers/visualVariables/RotationVariable.d.ts

@@ -13,7 +13,7 @@ export interface RotationVariableProperties extends VisualVariableProperties, Pa
  *
  * This object may be used to depict variables such as wind direction, vehicle heading, trend indicators, etc.
  *
- * [![renderer-vv-rotation](https://developers.arcgis.com/javascript/latest/assets/images/samples/10-vv-rotation.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-vv-rotation/)
+ * [![renderer-vv-rotation](https://developers.arcgis.com/javascript/latest/assets/images/samples/10-vv-rotation.avif)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-vv-rotation/)
  *
  * > [!WARNING]
  * >

package/renderers/visualVariables/SizeVariable.d.ts

@@ -223,7 +223,7 @@ export interface SizeVariableProperties extends VisualVariableProperties, Partia
  *
  * Thematic Icon size | Thematic extrusion | Real world size
  * -------------------|--------------------|-----------------
- * [![visualization-vv-size](https://developers.arcgis.com/javascript/latest/assets/images/samples/8-vv-size.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-vv-size/) | [![visualization-vv-size](https://developers.arcgis.com/javascript/latest/assets/images/samples/9-vv-size-3d.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-vv-extrusion/) | [![visualization-vv-size](https://developers.arcgis.com/javascript/latest/assets/images/samples/3-trees-3d.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-trees-realistic/)
+ * [![visualization-vv-size](https://developers.arcgis.com/javascript/latest/assets/images/samples/8-vv-size.avif)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-vv-size/) | [![visualization-vv-size](https://developers.arcgis.com/javascript/latest/assets/images/samples/9-vv-size-3d.avif)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-vv-extrusion/) | [![visualization-vv-size](https://developers.arcgis.com/javascript/latest/assets/images/samples/3-trees-3d.avif)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-trees-realistic/)
  *
  * For [CIMSymbol](https://developers.arcgis.com/javascript/latest/references/core/symbols/CIMSymbol/)s, the size value is only applied to the largest symbol layer instead of the full symbol.
  * All other symbol layers will scale proportionally.

package/renderers/visualVariables/VisualVariable.d.ts

@@ -17,7 +17,7 @@ export interface VisualVariableProperties extends Partial<Pick<VisualVariable, "
  *
  * [ColorVariable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/ColorVariable/) | [SizeVariable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/SizeVariable/) | [OpacityVariable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/OpacityVariable/) | [RotationVariable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/RotationVariable/)
  * ---------|----------|----------|---------
- * [![renderer-vv-color](https://developers.arcgis.com/javascript/latest/assets/images/samples/7-vv-color.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-vv-color/) | [![renderer-vv-extrusion](https://developers.arcgis.com/javascript/latest/assets/images/samples/9-vv-size-3d.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-vv-extrusion/) | [![renderer-vv-opacity](https://developers.arcgis.com/javascript/latest/assets/images/samples/12-vv-transparency.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-vv-opacity/) | [![renderer-vv-rotation](https://developers.arcgis.com/javascript/latest/assets/images/samples/10-vv-rotation.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-vv-rotation/)
+ * [![renderer-vv-color](https://developers.arcgis.com/javascript/latest/assets/images/samples/7-vv-color.avif)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-vv-color/) | [![renderer-vv-extrusion](https://developers.arcgis.com/javascript/latest/assets/images/samples/9-vv-size-3d.avif)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-vv-extrusion/) | [![renderer-vv-opacity](https://developers.arcgis.com/javascript/latest/assets/images/samples/12-vv-transparency.avif)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-vv-opacity/) | [![renderer-vv-rotation](https://developers.arcgis.com/javascript/latest/assets/images/samples/10-vv-rotation.avif)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-vv-rotation/)
  *
  * @since 4.10
  * @see [SimpleRenderer.visualVariables](https://developers.arcgis.com/javascript/latest/references/core/renderers/SimpleRenderer/#visualVariables)

package/rest/query/support/AttachmentInfo.d.ts

@@ -25,7 +25,7 @@ export interface OrientationInfo {
  * Attachments are available if the [FeatureLayer.capabilities.data.supportsAttachment](https://developers.arcgis.com/javascript/latest/references/core/layers/FeatureLayer/#capabilities)
  * is `true`.
  *
- * ![popuptemplate-attachments-element-list](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/popup/popuptemplate-attachments-element-list.png)
+ * ![popuptemplate-attachments-element-list](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/popup/popuptemplate-attachments-element-list.avif)
  *
  * @since 4.19
  * @see [PopupTemplate](https://developers.arcgis.com/javascript/latest/references/core/PopupTemplate/)

package/rest/support/AttributeBinsQuery.d.ts

@@ -249,42 +249,42 @@ export default class AttributeBinsQuery extends AttributeBinsQuerySuperclass {
    *
    * The `intersects` spatial relationship returns features in the layer view that intersect the query [Query.geometry](https://developers.arcgis.com/javascript/latest/references/core/rest/support/Query/#geometry).
    *
-   * ![intersects](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/intersects.png)
+   * ![intersects](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/intersects.avif)
    *
    * The `contains` spatial relationship returns features in the layer view that are completely contained by the query [Query.geometry](https://developers.arcgis.com/javascript/latest/references/core/rest/support/Query/#geometry).
    *
-   * ![contains](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/contains.png)
+   * ![contains](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/contains.avif)
    *
    * The `crosses` spatial relationship returns features in the layer view when the interior of a query [Query.geometry](https://developers.arcgis.com/javascript/latest/references/core/rest/support/Query/#geometry) comes into contact with
    * the interior or boundary of features in the layer view. In other words, the geometries share some interior area, but not all interior area.
    *
-   * ![crosses](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/crosses.png)
+   * ![crosses](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/crosses.avif)
    *
    * The `envelope-intersects` spatial relationship returns features in the layer view that intersect the envelope (or extent)
    * of the filter [Query.geometry](https://developers.arcgis.com/javascript/latest/references/core/rest/support/Query/#geometry).
    *
-   * ![envelope-intersects](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/envelope-intersects.png)
+   * ![envelope-intersects](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/envelope-intersects.avif)
    *
    * The `overlaps` spatial relationship returns features in the layer view that overlap the query [Query.geometry](https://developers.arcgis.com/javascript/latest/references/core/rest/support/Query/#geometry).
    * Only features of the same geometry can be compared.
    *
-   * ![overlaps](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/overlap.png)
+   * ![overlaps](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/overlap.avif)
    *
    * The `touches` spatial relationship returns features in the layer view that touch the query [Query.geometry](https://developers.arcgis.com/javascript/latest/references/core/rest/support/Query/#geometry).
    * The boundaries of the geometries intersect, but not their interiors.
    *
-   * ![touches](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/touches.png)
+   * ![touches](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/touches.avif)
    *
    * The `within` spatial relationship returns features in the layer view that completely contain the query [Query.geometry](https://developers.arcgis.com/javascript/latest/references/core/rest/support/Query/#geometry).
    * In other words, the filter geometry is completely `within` the features in the layer view. It is opposite of
    * `contains`.
    *
-   * ![within](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/within.png)
+   * ![within](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/within.avif)
    *
    * The `disjoint` spatial relationship returns features in the layer view that do not intersect the query [Query.geometry](https://developers.arcgis.com/javascript/latest/references/core/rest/support/Query/#geometry) in anyway.
    * Opposite of `intersects`.
    *
-   * ![disjoint](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/disjoint.png)
+   * ![disjoint](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/disjoint.avif)
    *
    * > [!WARNING]
    * >

package/rest/support/AutoIntervalBinParameters.d.ts

@@ -27,7 +27,7 @@ export interface AutoIntervalBinParametersProperties extends BinParametersBasePr
  * ```
  *
  * <figure>
- *   <img src="https://developers.arcgis.com/javascript/latest/assets/references/core/rest/binQuery/auto-bin.png" alt="color-blend" style="width:400px;"/>
+ *   <img src="https://developers.arcgis.com/javascript/latest/assets/references/core/rest/binQuery/auto-bin.avif" alt="color-blend" style="width:400px;"/>
  *   <figcaption>Total accidents in the USA by hour for the year 2021. Each bin represents the number of accidents that occurred during each hour of the day. The chart is based on the results obtained from the bin query shown above.</figcaption>
  * </figure>
  *

package/rest/support/DateBinParameters.d.ts

@@ -47,7 +47,7 @@ export interface DateBinParametersProperties extends BinParametersBaseProperties
  * ```
  *
  * <figure>
- *   <img src="https://developers.arcgis.com/javascript/latest/assets/references/core/rest/binQuery/date-bin.png" alt="color-blend" style="width:400px;"/>
+ *   <img src="https://developers.arcgis.com/javascript/latest/assets/references/core/rest/binQuery/date-bin.avif" alt="color-blend" style="width:400px;"/>
  *   <figcaption>Total accidents in the USA by month for the year 2021. Each bin represents the number of accidents that occurred during each month. The results are presented in Pacific time zone. The chart is based on the results of the binQuery shown above.</figcaption>
  * </figure>
  *

package/rest/support/FixedBoundariesBinParameters.d.ts

@@ -24,7 +24,7 @@ export interface FixedBoundariesBinParametersProperties extends BinParametersBas
  * ```
  *
  * <figure>
- *   <img src="https://developers.arcgis.com/javascript/latest/assets/references/core/rest/binQuery/fixed-boundaries-bin.png" alt="color-blend" style="width:400px;"/>
+ *   <img src="https://developers.arcgis.com/javascript/latest/assets/references/core/rest/binQuery/fixed-boundaries-bin.avif" alt="color-blend" style="width:400px;"/>
  *   <figcaption>2022 median household income distribution with each bin representing an income group defined by the fixed boundaries bin as shown above.</figcaption>
  * </figure>
  *

package/rest/support/FixedIntervalBinParameters.d.ts

@@ -26,7 +26,7 @@ export interface FixedIntervalBinParametersProperties extends BinParametersBaseP
  * ```
  *
  * <figure>
- *   <img src="https://developers.arcgis.com/javascript/latest/assets/references/core/rest/binQuery/fixed-interval-bin.png" alt="fixed-interval" style="width:400px;"/>
+ *   <img src="https://developers.arcgis.com/javascript/latest/assets/references/core/rest/binQuery/fixed-interval-bin.avif" alt="fixed-interval" style="width:400px;"/>
  *   <figcaption>Temperature ranges at sea level for each Ecological Marine Units (EMU) in 2018 are depicted, with each bin representing a 5-degree Celsius interval. The chart is based on the results of the binQuery illustrated above.</figcaption>
  * </figure>
  *

package/rest/support/Query.d.ts

@@ -825,42 +825,42 @@ export default class Query extends JSONSupport {
    *
    * The `intersects` spatial relationship returns features in the layer view that intersect the query [geometry](https://developers.arcgis.com/javascript/latest/references/core/rest/support/Query/#geometry).
    *
-   * ![intersects](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/intersects.png)
+   * ![intersects](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/intersects.avif)
    *
    * The `contains` spatial relationship returns features in the layer view that are completely contained by the query [geometry](https://developers.arcgis.com/javascript/latest/references/core/rest/support/Query/#geometry).
    *
-   * ![contains](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/contains.png)
+   * ![contains](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/contains.avif)
    *
    * The `crosses` spatial relationship returns features in the layer view when the interior of a query [geometry](https://developers.arcgis.com/javascript/latest/references/core/rest/support/Query/#geometry) comes into contact with
    * the interior or boundary of features in the layer view. In other words, the geometries share some interior area, but not all interior area.
    *
-   * ![crosses](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/crosses.png)
+   * ![crosses](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/crosses.avif)
    *
    * The `envelope-intersects` spatial relationship returns features in the layer view that intersect the envelope (or extent)
    * of the filter [geometry](https://developers.arcgis.com/javascript/latest/references/core/rest/support/Query/#geometry).
    *
-   * ![envelope-intersects](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/envelope-intersects.png)
+   * ![envelope-intersects](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/envelope-intersects.avif)
    *
    * The `overlaps` spatial relationship returns features in the layer view that overlap the query [geometry](https://developers.arcgis.com/javascript/latest/references/core/rest/support/Query/#geometry).
    * Only features of the same geometry can be compared.
    *
-   * ![overlaps](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/overlap.png)
+   * ![overlaps](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/overlap.avif)
    *
    * The `touches` spatial relationship returns features in the layer view that touch the query [geometry](https://developers.arcgis.com/javascript/latest/references/core/rest/support/Query/#geometry).
    * The boundaries of the geometries intersect, but not their interiors.
    *
-   * ![touches](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/touches.png)
+   * ![touches](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/touches.avif)
    *
    * The `within` spatial relationship returns features in the layer view that completely contain the query [geometry](https://developers.arcgis.com/javascript/latest/references/core/rest/support/Query/#geometry).
    * In other words, the filter geometry is completely `within` the features in the layer view. It is opposite of
    * `contains`.
    *
-   * ![within](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/within.png)
+   * ![within](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/within.avif)
    *
    * The `disjoint` spatial relationship returns features in the layer view that do not intersect the query [geometry](https://developers.arcgis.com/javascript/latest/references/core/rest/support/Query/#geometry) in anyway.
    * Opposite of `intersects`.
    *
-   * ![disjoint](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/disjoint.png)
+   * ![disjoint](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/disjoint.avif)
    *
    * > [!WARNING]
    * >

package/rest/support/TopFeaturesQuery.d.ts

@@ -336,42 +336,42 @@ export default class TopFeaturesQuery extends JSONSupport {
    *
    * The `intersects` spatial relationship returns features in the layer view that intersect the query [Query.geometry](https://developers.arcgis.com/javascript/latest/references/core/rest/support/Query/#geometry).
    *
-   * ![intersects](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/intersects.png)
+   * ![intersects](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/intersects.avif)
    *
    * The `contains` spatial relationship returns features in the layer view that are completely contained by the query [Query.geometry](https://developers.arcgis.com/javascript/latest/references/core/rest/support/Query/#geometry).
    *
-   * ![contains](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/contains.png)
+   * ![contains](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/contains.avif)
    *
    * The `crosses` spatial relationship returns features in the layer view when the interior of a query [Query.geometry](https://developers.arcgis.com/javascript/latest/references/core/rest/support/Query/#geometry) comes into contact with
    * the interior or boundary of features in the layer view. In other words, the geometries share some interior area, but not all interior area.
    *
-   * ![crosses](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/crosses.png)
+   * ![crosses](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/crosses.avif)
    *
    * The `envelope-intersects` spatial relationship returns features in the layer view that intersect the envelope (or extent)
    * of the filter [Query.geometry](https://developers.arcgis.com/javascript/latest/references/core/rest/support/Query/#geometry).
    *
-   * ![envelope-intersects](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/envelope-intersects.png)
+   * ![envelope-intersects](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/envelope-intersects.avif)
    *
    * The `overlaps` spatial relationship returns features in the layer view that overlap the query [Query.geometry](https://developers.arcgis.com/javascript/latest/references/core/rest/support/Query/#geometry).
    * Only features of the same geometry can be compared.
    *
-   * ![overlaps](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/overlap.png)
+   * ![overlaps](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/overlap.avif)
    *
    * The `touches` spatial relationship returns features in the layer view that touch the query [Query.geometry](https://developers.arcgis.com/javascript/latest/references/core/rest/support/Query/#geometry).
    * The boundaries of the geometries intersect, but not their interiors.
    *
-   * ![touches](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/touches.png)
+   * ![touches](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/touches.avif)
    *
    * The `within` spatial relationship returns features in the layer view that completely contain the query [Query.geometry](https://developers.arcgis.com/javascript/latest/references/core/rest/support/Query/#geometry).
    * In other words, the filter geometry is completely `within` the features in the layer view. It is opposite of
    * `contains`.
    *
-   * ![within](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/within.png)
+   * ![within](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/within.avif)
    *
    * The `disjoint` spatial relationship returns features in the layer view that do not intersect the query [Query.geometry](https://developers.arcgis.com/javascript/latest/references/core/rest/support/Query/#geometry) in anyway.
    * Opposite of `intersects`.
    *
-   * ![disjoint](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/disjoint.png)
+   * ![disjoint](https://developers.arcgis.com/javascript/latest/assets/img/apiref/layers/spatialRelationships/disjoint.avif)
    *
    * > [!WARNING]
    * >