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

package/smartMapping/labels/clusters.d.ts

@@ -6,7 +6,7 @@
  * cluster label will display `2.4k`). In some cases, such as renderers with a [SizeVariable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/SizeVariable/),
  * the default label will display the average value of the attribute represented by the size variable.
  *
- * [![clustering-generated-labels](https://developers.arcgis.com/javascript/latest/assets/references/core/layers/clustering/clustering-generated-labels.png)](https://developers.arcgis.com/javascript/latest/sample-code/featurereduction-cluster-filter/)
+ * [![clustering-generated-labels](https://developers.arcgis.com/javascript/latest/assets/references/core/layers/clustering/clustering-generated-labels.avif)](https://developers.arcgis.com/javascript/latest/sample-code/featurereduction-cluster-filter/)
  *
  * This includes secondary labeling schemes you can experiment with in your clusters. This module only applies to layers with a point geometry type.
  *

package/smartMapping/popup/clusters.d.ts

@@ -5,13 +5,13 @@
  * layer's renderer. For example, in a layer visualizing population, the cluster popup template will include
  * the number of features in the cluster and the average population of features in the cluster.
  *
- * ![clustering-generated-popup](https://developers.arcgis.com/javascript/latest/assets/references/core/layers/clustering/clustering-generated-popup.png)
+ * ![clustering-generated-popup](https://developers.arcgis.com/javascript/latest/assets/references/core/layers/clustering/clustering-generated-popup.avif)
  *
  * For layers with
  * a [UniqueValueRenderer](https://developers.arcgis.com/javascript/latest/references/core/renderers/UniqueValueRenderer/), the popup will include the predominant unique value info
  * of features in the cluster.
  *
- * [![clustering-types-popup](https://developers.arcgis.com/javascript/latest/assets/references/core/layers/clustering/clustering-types-popup.png)](https://developers.arcgis.com/javascript/latest/sample-code/featurereduction-cluster-filter/)
+ * [![clustering-types-popup](https://developers.arcgis.com/javascript/latest/assets/references/core/layers/clustering/clustering-types-popup.avif)](https://developers.arcgis.com/javascript/latest/sample-code/featurereduction-cluster-filter/)
  *
  * This module only applies to layers with a point geometry type.
  *

package/smartMapping/popup/templates.d.ts

@@ -10,7 +10,7 @@
  *
  * Suggested default template based on renderer | Traditional default
  * -----|----------
- * [![popup-sm-default](https://developers.arcgis.com/javascript/latest/assets/references/core/smartMapping/popup-sm-default.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-sm-predominance/) | ![popup-default](https://developers.arcgis.com/javascript/latest/assets/references/core/smartMapping/popup-default.png)
+ * [![popup-sm-default](https://developers.arcgis.com/javascript/latest/assets/references/core/smartMapping/popup-sm-default.avif)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-sm-predominance/) | ![popup-default](https://developers.arcgis.com/javascript/latest/assets/references/core/smartMapping/popup-default.avif)
  *
  * @since 4.16
  * @see [Sample - Generate a predominance visualization](https://developers.arcgis.com/javascript/latest/sample-code/visualization-sm-predominance/)

package/smartMapping/raster/renderers/flow.d.ts

@@ -61,8 +61,8 @@ export interface FlowRendererParameters extends RasterRendererParameters {
    *   Possible values are listed below.
    * | Value | Description | Example |
    * | ----- | ----------- | ------- |
-   * | flow-line | Renders the uv and magnitude data as animated flow lines. This is ideal for representing wind and other atmospheric data. | ![flow-line](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/animated-flow/sm-flow-line-2.gif) |
-   * | wave-front | Renders UV and magnitude data in a wave-like animation. This theme works well for ocean data. | ![above](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/animated-flow/sm-wave-front-2.gif) |
+   * | flow-line | Renders the uv and magnitude data as animated flow lines. This is ideal for representing wind and other atmospheric data. | ![flow-line](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/animated-flow/sm-flow-line-2.webm) |
+   * | wave-front | Renders UV and magnitude data in a wave-like animation. This theme works well for ocean data. | ![above](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/animated-flow/sm-wave-front-2.webm) |
    *
    * > [!WARNING]
    * >

package/smartMapping/renderers/color.d.ts

@@ -396,12 +396,12 @@ export interface VisualVariableParametersBase extends AbortOptions {
    * Possible values are listed below.
    * | Value | Description | Example |
    * | ----- | ----------- | ------- |
-   * | high-to-low | High values are emphasized with strong colors. The data values above one standard deviation from the mean are assigned the strongest color. Data values below one standard deviation from the mean are assigned the weakest color. All other values are interpolated. | ![high-to-low](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-high-to-low.png) |
-   * | above | High values are emphasized with strong colors. The max data value is assigned the strongest color. The middle or average data value is assigned the weakest color. All other values are interpolated. | ![above](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-above.png) |
-   * | below | Low values are emphasized with strong colors. The min data value is assigned the strongest color. The middle or average data value is assigned the weakest color. All other values are interpolated. | ![below](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-below.png) |
-   * | above-and-below | Values centered on a meaningful data value (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. All other values are interpolated. | ![above-and-below](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-above-and-below.png) |
-   * | centered-on | Values centered on a meaningful data value  (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. All other values are interpolated. | ![centered-on](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-centered-on.png) |
-   * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. All other values are interpolated. | ![extremes](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-extremes.png) |
+   * | high-to-low | High values are emphasized with strong colors. The data values above one standard deviation from the mean are assigned the strongest color. Data values below one standard deviation from the mean are assigned the weakest color. All other values are interpolated. | ![high-to-low](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-high-to-low.avif) |
+   * | above | High values are emphasized with strong colors. The max data value is assigned the strongest color. The middle or average data value is assigned the weakest color. All other values are interpolated. | ![above](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-above.avif) |
+   * | below | Low values are emphasized with strong colors. The min data value is assigned the strongest color. The middle or average data value is assigned the weakest color. All other values are interpolated. | ![below](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-below.avif) |
+   * | above-and-below | Values centered on a meaningful data value (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. All other values are interpolated. | ![above-and-below](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-above-and-below.avif) |
+   * | centered-on | Values centered on a meaningful data value  (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. All other values are interpolated. | ![centered-on](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-centered-on.avif) |
+   * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. All other values are interpolated. | ![extremes](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-extremes.avif) |
    *
    * @default high-to-low
    */
@@ -963,12 +963,12 @@ export interface AgeRendererParameters extends AbortOptions {
    * Possible values are listed below.
    * | Value | Description | Example |
    * | ----- | ----------- | ------- |
-   * | high-to-low | High values are emphasized with strong colors. The data values above one standard deviation from the mean are assigned the strongest color. Data values below one standard deviation from the mean are assigned the weakest color. All other values are interpolated. | ![high-to-low](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-high-to-low.png) |
-   * | above | High values are emphasized with strong colors. The max data value is assigned the strongest color. The middle or average data value is assigned the weakest color. All other values are interpolated. | ![above](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-above.png) |
-   * | below | Low values are emphasized with strong colors. The min data value is assigned the strongest color. The middle or average data value is assigned the weakest color. All other values are interpolated. | ![below](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-below.png) |
-   * | above-and-below | Values centered on a meaningful data value (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. All other values are interpolated. | ![above-and-below](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-above-and-below.png) |
-   * | centered-on | Values centered on a meaningful data value  (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. All other values are interpolated. | ![centered-on](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-centered-on.png) |
-   * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. All other values are interpolated. | ![extremes](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-extremes.png) |
+   * | high-to-low | High values are emphasized with strong colors. The data values above one standard deviation from the mean are assigned the strongest color. Data values below one standard deviation from the mean are assigned the weakest color. All other values are interpolated. | ![high-to-low](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-high-to-low.avif) |
+   * | above | High values are emphasized with strong colors. The max data value is assigned the strongest color. The middle or average data value is assigned the weakest color. All other values are interpolated. | ![above](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-above.avif) |
+   * | below | Low values are emphasized with strong colors. The min data value is assigned the strongest color. The middle or average data value is assigned the weakest color. All other values are interpolated. | ![below](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-below.avif) |
+   * | above-and-below | Values centered on a meaningful data value (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. All other values are interpolated. | ![above-and-below](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-above-and-below.avif) |
+   * | centered-on | Values centered on a meaningful data value  (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. All other values are interpolated. | ![centered-on](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-centered-on.avif) |
+   * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. All other values are interpolated. | ![extremes](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-extremes.avif) |
    *
    * @default high-to-low
    */

package/smartMapping/renderers/predominance.d.ts

@@ -10,7 +10,7 @@
  *
  * The example below depicts the predominant decade in which homes were constructed based on a city's block groups.
  *
- * [![predominance-size](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/predominance-default.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-sm-predominance/)
+ * [![predominance-size](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/predominance-default.avif)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-sm-predominance/)
  *
  * > [!WARNING]
  * >
@@ -158,7 +158,7 @@ export interface RendererParameters extends AbortOptions {
    *   where the predominant value beats all others by a large margin are given a high opacity. Features where the predominant value beats
    *   others by a small margin will be assigned a low opacity, indicating that while the feature has a winning value, it doesn't win by much.
    *
-   *   ![predominance-opacity](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/predominance-opacity.png)
+   *   ![predominance-opacity](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/predominance-opacity.avif)
    */
   includeOpacityVariable?: boolean | null;
   /**
@@ -168,7 +168,7 @@ export interface RendererParameters extends AbortOptions {
    *   is good for visualizing how influential a particular feature is compared to the dataset as a whole. It removes bias introduced by
    *   features with large geographic areas, but relatively small data values.
    *
-   *   ![predominance-size](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/predominance-size.png)
+   *   ![predominance-size](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/predominance-size.avif)
    */
   includeSizeVariable?: boolean | null;
   /**

package/smartMapping/renderers/relationship.d.ts

@@ -8,7 +8,7 @@
  * another.
  *
  * <figure>
- * <a href="https://www.esri.com/arcgis-blog/products/arcgis-online/mapping/what-is-a-relationship-map" target="_blank"><img src="https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-legend.png" alt="Relationship renderer legend"></a>
+ * <a href="https://www.esri.com/arcgis-blog/products/arcgis-online/mapping/what-is-a-relationship-map" target="_blank"><img src="https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-legend.avif" alt="Relationship renderer legend"></a>
  * <figcaption style="border-left: none;margin-top:0">
  *   The legend of a relationship renderer resembles a grid of two single-hue sequential color ramps overlaid on each other, forming a third
  *   hue along a diagonal line, which indicates where the two variables could potentially be related.
@@ -19,14 +19,14 @@
  * vice versa. The image below shows what this style looks like on a map of U.S. counties where the percent of the population diagnosed
  * with Diabetes is compared to the percent of the population that is obese.
  *
- * [![relationship-obesity-diabetes](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-2d-example.png)](https://www.arcgis.com/home/webmap/viewer.html?webmap=c09aee5d3fee41c489fdffec21cb270a)
+ * [![relationship-obesity-diabetes](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-2d-example.avif)](https://www.arcgis.com/home/webmap/viewer.html?webmap=c09aee5d3fee41c489fdffec21cb270a)
  *
  * While this visualization style was originally designed for 2D choropleth maps, it is particularly useful in 3D scenes where
  * bivariate visualizations of color and size would not otherwise be possible since the size of features is reserved for real-world sizes of objects,
  * such as buildings. Therefore, the relationship renderer becomes ideal for creating thematic bivariate visualizations of
  * 3d object [SceneLayers](https://developers.arcgis.com/javascript/latest/references/core/layers/SceneLayer/).
  *
- * [![Generate a relationship visualization](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-3d-example.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-sm-relationship/)
+ * [![Generate a relationship visualization](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-3d-example.avif)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-sm-relationship/)
  *
  * Keep in mind that even if you observe a positive relationship between the two variables of interest, it doesn't mean they
  * are statistically correlated. It also doesn't imply the presence of one variable influences the other. Therefore, this
@@ -172,11 +172,11 @@ export interface RendererParameters extends AbortOptions {
    *
    *   Value | Example | Description
    *   ------|-------------|--------
-   *   null | ![relationship-legend-null](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-legend-null.png) | The legend renders as a square. The top right corner of the legend indicates that values from both `field1` and `field2` are considered high. |
-   *   HH | ![relationship-legend-hh](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-legend-hh.png) | The legend renders as a diamond with the focus on the top corner where values from both `field1` and `field2` are considered high. |
-   *   HL | ![relationship-legend-hl](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-legend-hl.png) | The legend renders as a diamond with the focus on the top corner where values from `field1` are high and values from `field2` are low. |
-   *   LH | ![relationship-legend-lh](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-legend-lh.png) | The legend renders as a diamond with the focus on the top corner where values from `field1` are low and values from `field2` are high. |
-   *   LL | ![relationship-legend-ll](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-legend-ll.png) | The legend renders as a diamond with the focus on the top corner where values from both `field1` and `field2` are considered low. |
+   *   null | ![relationship-legend-null](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-legend-null.avif) | The legend renders as a square. The top right corner of the legend indicates that values from both `field1` and `field2` are considered high. |
+   *   HH | ![relationship-legend-hh](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-legend-hh.avif) | The legend renders as a diamond with the focus on the top corner where values from both `field1` and `field2` are considered high. |
+   *   HL | ![relationship-legend-hl](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-legend-hl.avif) | The legend renders as a diamond with the focus on the top corner where values from `field1` are high and values from `field2` are low. |
+   *   LH | ![relationship-legend-lh](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-legend-lh.avif) | The legend renders as a diamond with the focus on the top corner where values from `field1` are low and values from `field2` are high. |
+   *   LL | ![relationship-legend-ll](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-legend-ll.avif) | The legend renders as a diamond with the focus on the top corner where values from both `field1` and `field2` are considered low. |
    *
    * @default null
    */
@@ -187,7 +187,7 @@ export interface RendererParameters extends AbortOptions {
    *
    * 2 classes | 3 classes | 4 classes
    * --|--|---
-   * ![relationship-breaks-2](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-breaks-2.png) | ![relationship-breaks-3](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-breaks-3.png) | ![relationship-breaks-4](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-breaks-4.png)
+   * ![relationship-breaks-2](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-breaks-2.avif) | ![relationship-breaks-3](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-breaks-3.avif) | ![relationship-breaks-4](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-breaks-4.avif)
    *
    * **Possible Values:** 2 | 3 | 4
    *
@@ -352,7 +352,7 @@ export interface UpdateRendererParameters {
    *
    * 2 classes | 3 classes | 4 classes
    * --|--|---
-   * ![relationship-breaks-2](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-breaks-2.png) | ![relationship-breaks-3](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-breaks-3.png) | ![relationship-breaks-4](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-breaks-4.png)
+   * ![relationship-breaks-2](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-breaks-2.avif) | ![relationship-breaks-3](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-breaks-3.avif) | ![relationship-breaks-4](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-breaks-4.avif)
    *
    * **Possible Values:** 2 | 3 | 4
    */
@@ -364,11 +364,11 @@ export interface UpdateRendererParameters {
    *
    *   Value | Example | Description
    *   ------|-------------|--------
-   *   null | ![relationship-legend-null](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-legend-null.png) | The legend renders as a square. The top right corner of the legend indicates that values from both `field1` and `field2` are considered high. |
-   *   HH | ![relationship-legend-hh](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-legend-hh.png) | The legend renders as a diamond with the focus on the top corner where values from both `field1` and `field2` are considered high. |
-   *   HL | ![relationship-legend-hl](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-legend-hl.png) | The legend renders as a diamond with the focus on the top corner where values from `field1` are high and values from `field2` are low. |
-   *   LH | ![relationship-legend-lh](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-legend-lh.png) | The legend renders as a diamond with the focus on the top corner where values from `field1` are low and values from `field2` are high. |
-   *   LL | ![relationship-legend-ll](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-legend-ll.png) | The legend renders as a diamond with the focus on the top corner where values from both `field1` and `field2` are considered low. |
+   *   null | ![relationship-legend-null](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-legend-null.avif) | The legend renders as a square. The top right corner of the legend indicates that values from both `field1` and `field2` are considered high. |
+   *   HH | ![relationship-legend-hh](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-legend-hh.avif) | The legend renders as a diamond with the focus on the top corner where values from both `field1` and `field2` are considered high. |
+   *   HL | ![relationship-legend-hl](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-legend-hl.avif) | The legend renders as a diamond with the focus on the top corner where values from `field1` are high and values from `field2` are low. |
+   *   LH | ![relationship-legend-lh](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-legend-lh.avif) | The legend renders as a diamond with the focus on the top corner where values from `field1` are low and values from `field2` are high. |
+   *   LL | ![relationship-legend-ll](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/smartmapping/relationship-legend-ll.avif) | The legend renders as a diamond with the focus on the top corner where values from both `field1` and `field2` are considered low. |
    *
    * @default null
    */

package/smartMapping/renderers/univariateColorSize.d.ts

@@ -289,10 +289,10 @@ export interface VisualVariablesParamsBaseColorOptions {
    * Possible values are listed below.
    * | Value | Description | Example |
    * | ----- | ----------- | ------- |
-   * | high-to-low | High values are emphasized with strong colors. | ![high-to-low](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-high-to-low.png) |
-   * | above-and-below | Values centered around a given point (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. | ![above-and-below](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-above-and-below.png) |
-   * | centered-on | Values centered around a given point (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. | ![centered-on](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-centered-on.png) |
-   * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. | ![extremes](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-extremes.png) |
+   * | high-to-low | High values are emphasized with strong colors. | ![high-to-low](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-high-to-low.avif) |
+   * | above-and-below | Values centered around a given point (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. | ![above-and-below](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-above-and-below.avif) |
+   * | centered-on | Values centered around a given point (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. | ![centered-on](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-centered-on.avif) |
+   * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. | ![extremes](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-extremes.avif) |
    *
    * @default high-to-low
    */

package/smartMapping/symbology/color.d.ts

@@ -146,10 +146,10 @@ export interface GetSchemesParameters {
    * Possible values are listed below.
    * | Value | Description | Example |
    * | ----- | ----------- | ------- |
-   * | high-to-low | High values are emphasized with strong colors. | ![high-to-low](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-high-to-low.png) |
-   * | above-and-below | Values centered around a given point (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. | ![above-and-below](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-above-and-below.png) |
-   * | centered-on | Values centered around a given point (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. | ![centered-on](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-centered-on.png) |
-   * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. | ![extremes](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-extremes.png) |
+   * | high-to-low | High values are emphasized with strong colors. | ![high-to-low](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-high-to-low.avif) |
+   * | above-and-below | Values centered around a given point (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. | ![above-and-below](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-above-and-below.avif) |
+   * | centered-on | Values centered around a given point (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. | ![centered-on](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-centered-on.avif) |
+   * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. | ![extremes](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-extremes.avif) |
    */
   theme?: "high-to-low" | "above-and-below" | "centered-on" | "extremes";
   /**

package/smartMapping/symbology/flow.d.ts

@@ -96,8 +96,8 @@ export interface GetSchemesParameters {
    *   Possible values are listed below.
    * | Value | Description | Example |
    * | ----- | ----------- | ------- |
-   * | flow-line | Renders the uv and magnitude data as animated flow lines. This is ideal for representing wind and other atmospheric data. | ![flow-line](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/animated-flow/sm-flow-line-2.gif) |
-   * | wave-front | Renders UV and magnitude data in a wave-like animation. This theme works well for ocean data. | ![above](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/animated-flow/sm-wave-front-2.gif) |
+   * | flow-line | Renders the uv and magnitude data as animated flow lines. This is ideal for representing wind and other atmospheric data. | ![flow-line](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/animated-flow/sm-flow-line-2.webm) |
+   * | wave-front | Renders UV and magnitude data in a wave-like animation. This theme works well for ocean data. | ![above](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/animated-flow/sm-wave-front-2.webm) |
    *
    * > [!WARNING]
    * >

package/smartMapping/symbology/types.d.ts

@@ -79,10 +79,10 @@ export interface ColorSchemeForPoint {
    * Possible values are listed below.
    * | Value | Description | Example |
    * | ----- | ----------- | ------- |
-   * | high-to-low | High values are emphasized with strong colors. | ![high-to-low](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-high-to-low.png) |
-   * | above-and-below | Values centered around a given point (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. | ![above-and-below](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-above-and-below.png) |
-   * | centered-on | Values centered around a given point (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. | ![centered-on](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-centered-on.png) |
-   * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. | ![extremes](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-extremes.png) |
+   * | high-to-low | High values are emphasized with strong colors. | ![high-to-low](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-high-to-low.avif) |
+   * | above-and-below | Values centered around a given point (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. | ![above-and-below](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-above-and-below.avif) |
+   * | centered-on | Values centered around a given point (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. | ![centered-on](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-centered-on.avif) |
+   * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. | ![extremes](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-extremes.avif) |
    *
    * @since 5.0
    */
@@ -156,10 +156,10 @@ export interface ColorSchemeForPolyline {
    * Possible values are listed below.
    * | Value | Description | Example |
    * | ----- | ----------- | ------- |
-   * | high-to-low | High values are emphasized with strong colors. | ![high-to-low](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-high-to-low.png) |
-   * | above-and-below | Values centered around a given point (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. | ![above-and-below](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-above-and-below.png) |
-   * | centered-on | Values centered around a given point (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. | ![centered-on](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-centered-on.png) |
-   * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. | ![extremes](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-extremes.png) |
+   * | high-to-low | High values are emphasized with strong colors. | ![high-to-low](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-high-to-low.avif) |
+   * | above-and-below | Values centered around a given point (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. | ![above-and-below](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-above-and-below.avif) |
+   * | centered-on | Values centered around a given point (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. | ![centered-on](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-centered-on.avif) |
+   * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. | ![extremes](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-extremes.avif) |
    *
    * @since 5.0
    */
@@ -227,10 +227,10 @@ export interface ColorSchemeForPolygon {
    * Possible values are listed below.
    * | Value | Description | Example |
    * | ----- | ----------- | ------- |
-   * | high-to-low | High values are emphasized with strong colors. | ![high-to-low](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-high-to-low.png) |
-   * | above-and-below | Values centered around a given point (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. | ![above-and-below](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-above-and-below.png) |
-   * | centered-on | Values centered around a given point (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. | ![centered-on](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-centered-on.png) |
-   * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. | ![extremes](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-extremes.png) |
+   * | high-to-low | High values are emphasized with strong colors. | ![high-to-low](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-high-to-low.avif) |
+   * | above-and-below | Values centered around a given point (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. | ![above-and-below](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-above-and-below.avif) |
+   * | centered-on | Values centered around a given point (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. | ![centered-on](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-centered-on.avif) |
+   * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. | ![extremes](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-extremes.avif) |
    *
    * @since 5.0
    */
@@ -298,10 +298,10 @@ export interface ColorSchemeForMesh {
    * Possible values are listed below.
    * | Value | Description | Example |
    * | ----- | ----------- | ------- |
-   * | high-to-low | High values are emphasized with strong colors. | ![high-to-low](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-high-to-low.png) |
-   * | above-and-below | Values centered around a given point (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. | ![above-and-below](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-above-and-below.png) |
-   * | centered-on | Values centered around a given point (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. | ![centered-on](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-centered-on.png) |
-   * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. | ![extremes](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-extremes.png) |
+   * | high-to-low | High values are emphasized with strong colors. | ![high-to-low](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-high-to-low.avif) |
+   * | above-and-below | Values centered around a given point (e.g. the average) are visualized with weak colors while other values are emphasized with strong colors. | ![above-and-below](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-above-and-below.avif) |
+   * | centered-on | Values centered around a given point (e.g. the average) are emphasized with strong colors while other values are visualized with weak colors. | ![centered-on](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-centered-on.avif) |
+   * | extremes | High and low values are emphasized with strong colors. All others are visualized with weak colors. | ![extremes](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/sm-extremes.avif) |
    *
    * @since 5.0
    */
@@ -1749,8 +1749,8 @@ export interface FlowScheme {
    *   Possible values are listed below.
    * | Value | Description | Example |
    * | ----- | ----------- | ------- |
-   * | flow-line | Renders the uv and magnitude data as animated flow lines. This is ideal for representing wind and other atmospheric data. | ![flow-line](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/animated-flow/sm-flow-line-2.gif) |
-   * | wave-front | Renders UV and magnitude data in a wave-like animation. This theme works well for ocean data. | ![above](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/animated-flow/sm-wave-front-2.gif) |
+   * | flow-line | Renders the uv and magnitude data as animated flow lines. This is ideal for representing wind and other atmospheric data. | ![flow-line](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/animated-flow/sm-flow-line-2.webm) |
+   * | wave-front | Renders UV and magnitude data in a wave-like animation. This theme works well for ocean data. | ![above](https://developers.arcgis.com/javascript/latest/assets/references/core/renderers/animated-flow/sm-wave-front-2.webm) |
    *
    * > [!WARNING]
    * >

package/support/actions/ActionButton.d.ts

@@ -20,7 +20,7 @@ export default class ActionButton extends ActionBase {
    * This property will be used as a background image for the node.
    * It may be used in conjunction with the `className` property or by itself.
    * If neither `image` nor `className` are specified, a default icon
-   * ![default icon](https://developers.arcgis.com/javascript/latest/assets/images/guide/whats-new/41/default-action.png) will display.
+   * ![default icon](https://developers.arcgis.com/javascript/latest/assets/images/guide/whats-new/41/default-action.avif) will display.
    */
   accessor image: string | null | undefined;
   /**

package/support/revision.js

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-const c="20260406",a="850a0ea4c8603dc8cdc5a9ab17f92528910d551c";export{c as buildDate,a as commitHash};
+const b="20260408",a="a8ff77bdabb8ef264a3d12b37aa15d36d3e5b2b4";export{b as buildDate,a as commitHash};

package/symbols/CIMSymbol.d.ts

@@ -210,7 +210,7 @@ export interface CIMSymbolProperties extends SymbolProperties, Partial<Pick<CIMS
  *
  * The [symbolService](https://developers.arcgis.com/javascript/latest/references/core/rest/symbolService/) can be used to create a CIMSymbol from SVG.
  *
- * ![CIM symbols](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/cim/CIMSymbols.png)
+ * ![CIM symbols](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/cim/CIMSymbols.avif)
  *
  * <span id="known-limitations"></span>
  * > [!WARNING]

package/symbols/ExtrudeSymbol3DLayer.d.ts

@@ -83,7 +83,7 @@ export interface ExtrudeSymbol3DLayerProperties extends Symbol3DLayerProperties,
  * symbolized with a [PolygonSymbol3D](https://developers.arcgis.com/javascript/latest/references/core/symbols/PolygonSymbol3D/) containing an ExtrudeSymbol3DLayer.
  * The extrusion is based on the height of buildings.
  *
- * [![renderer-vv-size-3d](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-size-3d](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/)
  *
  * See [Symbol3DLayer](https://developers.arcgis.com/javascript/latest/references/core/symbols/Symbol3DLayer/) and [Symbol3D](https://developers.arcgis.com/javascript/latest/references/core/symbols/Symbol3D/) to read
  * more general information about 3D symbols, symbol layers and how they relate to one another.

package/symbols/FillSymbol3DLayer.d.ts

@@ -13,7 +13,7 @@ export interface FillSymbol3DLayerProperties extends Symbol3DLayerProperties, Pa
   /**
    * Sets the contour edges on 3D Objects. This is only applicable for [MeshSymbol3D](https://developers.arcgis.com/javascript/latest/references/core/symbols/MeshSymbol3D/).
    *
-   * ![symbol3D-edges-solid](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbol3d-edges-solid-2.png)
+   * ![symbol3D-edges-solid](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbol3d-edges-solid-2.avif)
    *
    * @since 4.7
    * @example
@@ -131,7 +131,7 @@ export interface FillSymbol3DLayerProperties extends Symbol3DLayerProperties, Pa
  * The image below depicts a polygon [FeatureLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/FeatureLayer/) whose features are
  * symbolized with a [PolygonSymbol3D](https://developers.arcgis.com/javascript/latest/references/core/symbols/PolygonSymbol3D/) containing a FillSymbol3DLayer.
  *
- * ![symbols-3d-fill](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-3d-fill.png)
+ * ![symbols-3d-fill](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-3d-fill.avif)
  *
  * See [Symbol3DLayer](https://developers.arcgis.com/javascript/latest/references/core/symbols/Symbol3DLayer/) and [Symbol3D](https://developers.arcgis.com/javascript/latest/references/core/symbols/Symbol3D/) to read
  * more general information about 3D symbols, symbol layers and how they relate to one another.
@@ -172,7 +172,7 @@ export default class FillSymbol3DLayer extends Symbol3DLayer {
   /**
    * Sets the contour edges on 3D Objects. This is only applicable for [MeshSymbol3D](https://developers.arcgis.com/javascript/latest/references/core/symbols/MeshSymbol3D/).
    *
-   * ![symbol3D-edges-solid](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbol3d-edges-solid-2.png)
+   * ![symbol3D-edges-solid](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbol3d-edges-solid-2.avif)
    *
    * @since 4.7
    * @example

package/symbols/IconSymbol3DLayer.d.ts

@@ -136,7 +136,7 @@ export interface IconSymbol3DLayerProperties extends Symbol3DLayerProperties, Pa
  *
  * Draped icons | Billboarded icons
  * -------------|------------------
- * [![symbols-draped](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-draped.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-multivariate-2d/) | [![symbols-billboarded](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-billboarded.png)](https://developers.arcgis.com/javascript/latest/sample-code/symbols-points-3d/)
+ * [![symbols-draped](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-draped.avif)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-multivariate-2d/) | [![symbols-billboarded](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-billboarded.avif)](https://developers.arcgis.com/javascript/latest/sample-code/symbols-points-3d/)
  *
  * The ability to drape and billboard icons is controlled in the
  * [FeatureLayer.elevationInfo](https://developers.arcgis.com/javascript/latest/references/core/layers/FeatureLayer/#elevationInfo) property of the

package/symbols/LabelSymbol3D.d.ts

@@ -71,12 +71,12 @@ export interface LabelSymbol3DProperties extends Symbol3DProperties {
  *
  * [Symbol3DLayer](https://developers.arcgis.com/javascript/latest/references/core/symbols/Symbol3DLayer/) Type | Flat/Volumetric | Size Units | Example
  * ------------|-----------|------------|-----------
- * [TextSymbol3DLayer](https://developers.arcgis.com/javascript/latest/references/core/symbols/TextSymbol3DLayer/)| flat | points | ![s3d-text](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols3d-label-text.png)
+ * [TextSymbol3DLayer](https://developers.arcgis.com/javascript/latest/references/core/symbols/TextSymbol3DLayer/)| flat | points | ![s3d-text](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols3d-label-text.avif)
  *
  * The image below depicts a [FeatureLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/FeatureLayer/) with labels defined
  * by LabelSymbol3D.
  *
- * ![3d-labels](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-3d-labels.png)
+ * ![3d-labels](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-3d-labels.avif)
  *
  * @since 4.0
  * @see [Symbol Builder](https://developers.arcgis.com/javascript/latest/symbol-builder/)

package/symbols/LineStyleMarker3D.d.ts

@@ -16,7 +16,7 @@ export interface LineStyleMarker3DProperties extends Partial<Pick<LineStyleMarke
  * Markers can enhance the cartographic information of a line by
  * providing additional visual cues about the associated feature.
  *
- * ![symbols-3d-line-markers](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-3d-line-markers.png)
+ * ![symbols-3d-line-markers](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-3d-line-markers.avif)
  *
  * @since 4.23
  * @see [LineSymbol3DLayer](https://developers.arcgis.com/javascript/latest/references/core/symbols/LineSymbol3DLayer/)
@@ -66,12 +66,12 @@ export default class LineStyleMarker3D extends LineStyleMarker3DSuperclass {
    *
    * Value  | Example
    * -------|--------
-   * arrow  | ![lsm-arrow](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-lsm-arrow.png)
-   * circle | ![lsm-circle](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-lsm-circle.png)
-   * square | ![lsm-square](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-lsm-square.png)
-   * diamond| ![lsm-diamond](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-lsm-diamond.png)
-   * cross  | ![lsm-cross](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-lsm-cross.png)
-   * x      | ![lsm-x](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-lsm-x.png)
+   * arrow  | ![lsm-arrow](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-lsm-arrow.avif)
+   * circle | ![lsm-circle](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-lsm-circle.avif)
+   * square | ![lsm-square](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-lsm-square.avif)
+   * diamond| ![lsm-diamond](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-lsm-diamond.avif)
+   * cross  | ![lsm-cross](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-lsm-cross.avif)
+   * x      | ![lsm-x](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-lsm-x.avif)
    *
    * @default "arrow"
    */

package/symbols/LineSymbol3D.d.ts

@@ -29,8 +29,8 @@ export type LineSymbol3DSupportedSymbolLayerTypes = LineSymbol3DLayer | PathSymb
  *
  * [Symbol3DLayer](https://developers.arcgis.com/javascript/latest/references/core/symbols/Symbol3DLayer/) Type | Flat/Volumetric | Size Units | Example
  * ------------|-----------|------------|-----------
- * [LineSymbol3DLayer](https://developers.arcgis.com/javascript/latest/references/core/symbols/LineSymbol3DLayer/)| flat | points | ![s3d-line](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols3d-line-line.png)
- * [PathSymbol3DLayer](https://developers.arcgis.com/javascript/latest/references/core/symbols/PathSymbol3DLayer/) | volumetric | meters | ![s3d-path](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols3d-path-tube.png)
+ * [LineSymbol3DLayer](https://developers.arcgis.com/javascript/latest/references/core/symbols/LineSymbol3DLayer/)| flat | points | ![s3d-line](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols3d-line-line.avif)
+ * [PathSymbol3DLayer](https://developers.arcgis.com/javascript/latest/references/core/symbols/PathSymbol3DLayer/) | volumetric | meters | ![s3d-path](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols3d-path-tube.avif)
  *
  * See [Symbol3DLayer](https://developers.arcgis.com/javascript/latest/references/core/symbols/Symbol3DLayer/) and [Symbol3D](https://developers.arcgis.com/javascript/latest/references/core/symbols/Symbol3D/) to read
  * more general information about 3D symbols, symbol layers and how they relate to one another.

package/symbols/LineSymbol3DLayer.d.ts

@@ -118,7 +118,7 @@ export interface LineSymbol3DLayerProperties extends Symbol3DLayerProperties, Pa
  * symbol. The image below depicts a line [FeatureLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/FeatureLayer/) whose features
  * are symbolized with a [LineSymbol3D](https://developers.arcgis.com/javascript/latest/references/core/symbols/LineSymbol3D/) containing a LineSymbol3DLayer.
  *
- * ![symbols-3d-lines](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-3d-lines.png)
+ * ![symbols-3d-lines](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-3d-lines.avif)
  *
  * See [Symbol3DLayer](https://developers.arcgis.com/javascript/latest/references/core/symbols/Symbol3DLayer/) and [Symbol3D](https://developers.arcgis.com/javascript/latest/references/core/symbols/Symbol3D/) to read
  * more general information about 3D symbols, symbol layers and how they relate to one another.
@@ -160,9 +160,9 @@ export default class LineSymbol3DLayer extends Symbol3DLayer {
    *
    * Possible Value | Example
    * ---------------|---------
-   * butt | ![sls-cap-butt](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/sls-cap-butt.png)
-   * round | ![sls-cap-round](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/sls-cap-round.png)
-   * square | ![sls-cap-square](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/sls-cap-square.png)
+   * butt | ![sls-cap-butt](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/sls-cap-butt.avif)
+   * round | ![sls-cap-round](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/sls-cap-round.avif)
+   * square | ![sls-cap-square](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/sls-cap-square.avif)
    *
    * @default "butt"
    * @since 4.12
@@ -174,9 +174,9 @@ export default class LineSymbol3DLayer extends Symbol3DLayer {
    *
    * Possible Value | Example
    * ---------------|---------
-   * bevel | ![sls-join-bevel](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/sls-join-bevel.png)
-   * miter | ![sls-join-miter](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/sls-join-miter.png)
-   * round | ![sls-join-round](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/sls-join-round.png)
+   * bevel | ![sls-join-bevel](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/sls-join-bevel.avif)
+   * miter | ![sls-join-miter](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/sls-join-miter.avif)
+   * round | ![sls-join-round](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/sls-join-round.avif)
    *
    * @default "miter"
    * @since 4.12

package/symbols/LineSymbolMarker.d.ts

@@ -62,12 +62,12 @@ export default class LineSymbolMarker extends JSONSupport {
    *
    * Value  | Example
    * -------|--------
-   * arrow  | ![lsm-arrow](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-lsm-arrow.png)
-   * circle | ![lsm-circle](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-lsm-circle.png)
-   * square | ![lsm-square](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-lsm-square.png)
-   * diamond| ![lsm-diamond](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-lsm-diamond.png)
-   * cross  | ![lsm-cross](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-lsm-cross.png)
-   * x      | ![lsm-x](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-lsm-x.png)
+   * arrow  | ![lsm-arrow](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-lsm-arrow.avif)
+   * circle | ![lsm-circle](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-lsm-circle.avif)
+   * square | ![lsm-square](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-lsm-square.avif)
+   * diamond| ![lsm-diamond](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-lsm-diamond.avif)
+   * cross  | ![lsm-cross](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-lsm-cross.avif)
+   * x      | ![lsm-x](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-lsm-x.avif)
    *
    * @default "arrow"
    */

package/symbols/MarkerSymbol.d.ts

@@ -46,7 +46,7 @@ export interface MarkerSymbolProperties extends SymbolProperties, Partial<Pick<M
  * depicts a [FeatureLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/FeatureLayer/) whose polygon features
  * are styled with [SimpleMarkerSymbols](https://developers.arcgis.com/javascript/latest/references/core/symbols/SimpleMarkerSymbol/).
  *
- * [![marker-sample](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-marker-sample.png)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-multivariate-2d/)
+ * [![marker-sample](https://developers.arcgis.com/javascript/latest/assets/references/core/symbols/symbols-marker-sample.avif)](https://developers.arcgis.com/javascript/latest/sample-code/visualization-multivariate-2d/)
  *
  * Marker symbols can be used in a 3D [SceneView](https://developers.arcgis.com/javascript/latest/references/core/views/SceneView/). However, it is
  * recommended you use [PointSymbol3D](https://developers.arcgis.com/javascript/latest/references/core/symbols/PointSymbol3D/) instead.