@arcgis/core 5.0.0-next.123 → 5.0.0-next.124

package/widgets/Sketch/SketchViewModel.d.ts

@@ -310,7 +310,7 @@ export interface SketchViewModelEvents {
  * For example, the sample [Filter SceneLayer with FeatureFilter](https://developers.arcgis.com/javascript/latest/sample-code/layers-scenelayer-feature-masking/) demonstrates
  * an example of utilizing the SketchViewModel with a custom UI.
  *
- * [![layers-scenelayer-feature-masking](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-vm-custom.png)](https://developers.arcgis.com/javascript/latest/sample-code/layers-scenelayer-feature-masking/)
+ * [![layers-scenelayer-feature-masking](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-vm-custom.png)](https://developers.arcgis.com/javascript/latest/sample-code/layers-scenelayer-feature-masking/)
  *
  * Additionally, users can pick and choose which draw tools are relevant to their applications. In this example, only the `point`, `polyline`, and `polygon` tools are used.
  *
@@ -327,10 +327,10 @@ export interface SketchViewModelEvents {
  *
  * Gesture | Action | Example |
  * ---------|---------|---------|
- * Z | Incrementally undo actions recorded in the stack. The undo/redo stack is for an individual sketch operation, meaning you can redo/undo actions while creating or updating a graphic. | <img alt="Undo" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/undo-line.gif" width="400px"> |
- * R | Incrementally redo actions recorded in the stack. The undo/redo stack is for an individual sketch operation, meaning you can redo/undo actions while creating or updating a graphic. | <img alt="Redo" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/redo-line.gif" width="400px"> |
- * Ctrl | Toggle snapping dependent on the configuration in [snappingOptions](https://developers.arcgis.com/javascript/latest/references/core/widgets/Sketch/SketchViewModel/#snappingOptions). | <img alt="Ctrl key" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/ctrl-key-polygon.gif" width="400px"> |
- * Tab | While drawing or updating features, activate the tooltips' input mode to enter values or apply constraints. Depends on [tooltipOptions](https://developers.arcgis.com/javascript/latest/references/core/widgets/Sketch/SketchViewModel/#tooltipOptions) configuration. | <img alt="Tab key" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/tab-key-editing-constraints.gif" width="400px"> |
+ * Z | Incrementally undo actions recorded in the stack. The undo/redo stack is for an individual sketch operation, meaning you can redo/undo actions while creating or updating a graphic. | <img alt="Undo" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/undo-line.gif" width="400px"> |
+ * R | Incrementally redo actions recorded in the stack. The undo/redo stack is for an individual sketch operation, meaning you can redo/undo actions while creating or updating a graphic. | <img alt="Redo" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/redo-line.gif" width="400px"> |
+ * Ctrl | Toggle snapping dependent on the configuration in [snappingOptions](https://developers.arcgis.com/javascript/latest/references/core/widgets/Sketch/SketchViewModel/#snappingOptions). | <img alt="Ctrl key" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/ctrl-key-polygon.gif" width="400px"> |
+ * Tab | While drawing or updating features, activate the tooltips' input mode to enter values or apply constraints. Depends on [tooltipOptions](https://developers.arcgis.com/javascript/latest/references/core/widgets/Sketch/SketchViewModel/#tooltipOptions) configuration. | <img alt="Tab key" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/tab-key-editing-constraints.gif" width="400px"> |
  *
  * #### Creating point graphics
  *
@@ -345,12 +345,12 @@ export interface SketchViewModelEvents {
  *
  * Gesture | Action | Example |
  * ---------|---------|---------|
- * Left-click | Adds a vertex at the pointer location. | <img alt="Left-click" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/left-click-line.gif" width="400px"> |
- * Left-drag | Adds a vertex for each pointer move in [hybrid](https://developers.arcgis.com/javascript/latest/references/core/widgets/Sketch/SketchViewModel/#defaultCreateOptions) or [freehand](https://developers.arcgis.com/javascript/latest/references/core/widgets/Sketch/SketchViewModel/#defaultCreateOptions) mode. | <img alt="Left drag" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/left-drag-line.gif" width="400px"> |
- * F | Adds a vertex to the `polyline` or `polygon` graphic. Completes the `rectangle` or `circle` polygon graphic in [click](https://developers.arcgis.com/javascript/latest/references/core/widgets/Sketch/SketchViewModel/#defaultCreateOptions) mode. | <img alt="F vertex add" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/f-key-line.gif" width="400px"> |
- * Enter | Completes the `polyline` or `polygon` graphic without the staged vertex. A `double-click` will complete the graphic at the current mouse cursor's position. | <img alt="Enter" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/enter-line.gif" width="400px"> |
- * Spacebar+Left-drag | Pan the view while creating a polyline or polygon graphic. | <img alt="Space left drag" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/space-left-drag.gif" width="400px"> |
- * Left-click on the first vertex | Completes the polygon graphic sketch. | <img alt="Left-click first vertex" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/left-click-vertex.gif" width="400px"> |
+ * Left-click | Adds a vertex at the pointer location. | <img alt="Left-click" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/left-click-line.gif" width="400px"> |
+ * Left-drag | Adds a vertex for each pointer move in [hybrid](https://developers.arcgis.com/javascript/latest/references/core/widgets/Sketch/SketchViewModel/#defaultCreateOptions) or [freehand](https://developers.arcgis.com/javascript/latest/references/core/widgets/Sketch/SketchViewModel/#defaultCreateOptions) mode. | <img alt="Left drag" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/left-drag-line.gif" width="400px"> |
+ * F | Adds a vertex to the `polyline` or `polygon` graphic. Completes the `rectangle` or `circle` polygon graphic in [click](https://developers.arcgis.com/javascript/latest/references/core/widgets/Sketch/SketchViewModel/#defaultCreateOptions) mode. | <img alt="F vertex add" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/f-key-line.gif" width="400px"> |
+ * Enter | Completes the `polyline` or `polygon` graphic without the staged vertex. A `double-click` will complete the graphic at the current mouse cursor's position. | <img alt="Enter" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/enter-line.gif" width="400px"> |
+ * Spacebar+Left-drag | Pan the view while creating a polyline or polygon graphic. | <img alt="Space left drag" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/space-left-drag.gif" width="400px"> |
+ * Left-click on the first vertex | Completes the polygon graphic sketch. | <img alt="Left-click first vertex" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/left-click-vertex.gif" width="400px"> |
  *
  * #### Creating polygon graphics with predefined shapes
  *
@@ -358,10 +358,10 @@ export interface SketchViewModelEvents {
  *
  * Gesture | Action | Example |
  * ------- | ------ |---------|
- * Left-click+Drag | Creates a `rectangle` graphic with dimensions based on the bounding box between initial click and cursor location. Creates a `circle` graphic with radius based on the distance between initial click and cursor location. | <img alt="Polygon Left-click drag" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/polygon-left-click-drag.gif" width="400px"> |
- * Shift+Left-click+Drag | Changes the shape from a `rectangle` to a `square` or from a `circle` to an `ellipse`. | <img alt="Shift Left-click drag" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/shift-left-click-drag.gif" width="400px"> |
- * Alt+Left-click+Drag | Creates a `rectangle` graphic with a center at initial click, and dimensions based on the distance between the initial click to the cursor location. Creates a `circle` graphic with a radius based on the bounding box between the initial click and the cursor location. | <img alt="Alt Left-click drag" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/alt-left-click-drag.gif" width="400px"> |
- * Shift+Alt+Left-click+Drag | Combines the behavior described above. | <img alt="Shift Alt Left-click drag" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/shift-alt-left-click-drag.gif" width="400px"> |
+ * Left-click+Drag | Creates a `rectangle` graphic with dimensions based on the bounding box between initial click and cursor location. Creates a `circle` graphic with radius based on the distance between initial click and cursor location. | <img alt="Polygon Left-click drag" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/polygon-left-click-drag.gif" width="400px"> |
+ * Shift+Left-click+Drag | Changes the shape from a `rectangle` to a `square` or from a `circle` to an `ellipse`. | <img alt="Shift Left-click drag" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/shift-left-click-drag.gif" width="400px"> |
+ * Alt+Left-click+Drag | Creates a `rectangle` graphic with a center at initial click, and dimensions based on the distance between the initial click to the cursor location. Creates a `circle` graphic with a radius based on the bounding box between the initial click and the cursor location. | <img alt="Alt Left-click drag" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/alt-left-click-drag.gif" width="400px"> |
+ * Shift+Alt+Left-click+Drag | Combines the behavior described above. | <img alt="Shift Alt Left-click drag" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/shift-alt-left-click-drag.gif" width="400px"> |
  *
  * <span id="update-graphics"></span>
  * #### Updating graphics
@@ -372,29 +372,29 @@ export interface SketchViewModelEvents {
  *
  * Gesture | Action | Example |
  * ---------|---------|----------|
- * Left-click on a graphic | Select a graphic to move, rotate or scale. | <img alt="Select a graphic" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-box-mode.gif" width="400px"> |
- * Shift+Left-click graphics | Select multiple graphics to move, rotate or scale.| <img alt="Select graphics" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-graphics.gif" width="400px"> |
- * Drag graphic | Move the selected graphic.| <img alt="Drag the graphic" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-box-move.gif" width="400px"> |
- * Drag rotate handle | Rotate the selected graphic.| <img alt="Rotate the graphic" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-rotate.gif" width="400px"> |
- * Drag scale handle | Scale the selected graphic.| <img alt="Scale the graphic" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-scale.gif" width="400px"> |
- * Shift+Left-click+Drag scale handle | Scale the selected graphic at the center. | <img alt="Scale the graphic at the center" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/scale-shift-left-click-drag.gif" width="400px"> |
- * Z | Incrementally undo actions recorded in the stack. The undo/redo stack is for an individual sketch operation, meaning you can redo/undo actions while creating or updating a graphic. | <img alt="Undo update" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-update-undo.gif" width="400px"> |
- * R | Incrementally redo actions recorded in the stack. The undo/redo stack is for an individual sketch operation, meaning you can redo/undo actions while creating or updating a graphic. | <img alt="Redo update" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-update-redo.gif" width="400px"> |
- * Left-click on view (not the graphic) | Complete the graphic update. | <img alt="Sketch update complete" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-update-complete.gif" width="400px"> |
- * Press `Delete` key | Remove the selected graphic(s) from the [layer](https://developers.arcgis.com/javascript/latest/references/core/widgets/Sketch/SketchViewModel/#layer). | <img alt="Sketch delete graphic" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-delete-graphic.gif" width="400px">
+ * Left-click on a graphic | Select a graphic to move, rotate or scale. | <img alt="Select a graphic" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-box-mode.gif" width="400px"> |
+ * Shift+Left-click graphics | Select multiple graphics to move, rotate or scale.| <img alt="Select graphics" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-graphics.gif" width="400px"> |
+ * Drag graphic | Move the selected graphic.| <img alt="Drag the graphic" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-box-move.gif" width="400px"> |
+ * Drag rotate handle | Rotate the selected graphic.| <img alt="Rotate the graphic" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-rotate.gif" width="400px"> |
+ * Drag scale handle | Scale the selected graphic.| <img alt="Scale the graphic" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-scale.gif" width="400px"> |
+ * Shift+Left-click+Drag scale handle | Scale the selected graphic at the center. | <img alt="Scale the graphic at the center" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/scale-shift-left-click-drag.gif" width="400px"> |
+ * Z | Incrementally undo actions recorded in the stack. The undo/redo stack is for an individual sketch operation, meaning you can redo/undo actions while creating or updating a graphic. | <img alt="Undo update" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-update-undo.gif" width="400px"> |
+ * R | Incrementally redo actions recorded in the stack. The undo/redo stack is for an individual sketch operation, meaning you can redo/undo actions while creating or updating a graphic. | <img alt="Redo update" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-update-redo.gif" width="400px"> |
+ * Left-click on view (not the graphic) | Complete the graphic update. | <img alt="Sketch update complete" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-update-complete.gif" width="400px"> |
+ * Press `Delete` key | Remove the selected graphic(s) from the [layer](https://developers.arcgis.com/javascript/latest/references/core/widgets/Sketch/SketchViewModel/#layer). | <img alt="Sketch delete graphic" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-delete-graphic.gif" width="400px">
  *
  * The following update operations can be performed on a single polyline or polygon graphic:
  *
  * Gesture | Action | Example |
  * ---------|---------|----------|
- * Left-click on a graphic | Select a graphic to move or reshape.| <img alt="Select a graphic" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-reshape-mode.gif" width="400px"> |
- * Drag graphic | Move the selected graphic.| <img alt="Drag the graphic" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-drag.gif" width="400px"> |
- * Left-click on a ghost vertex| Add a new vertex. | <img alt="Add a vertex" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-add-vertices.gif" width="400px"> |
- * Left-click on a vertex| Select a vertex. | <img alt="Select a vertex" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-selectvertex.gif" width="400px"> |
- * Shift+Left-click on vertices | Select or unselect multiple vertices. | <img alt="Select vertices" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-selectvertices.gif" width="400px"> |
- * Drag vertex | Move the selected vertex or vertices. | <img alt="Drag vertices" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-dragvertices.gif" width="400px"> |
- * Right-click on a vertex | Delete a vertex. | <img alt="Delete a vertex" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-delete-vertex.gif" width="400px"> |
- * Select multiple vertices and press `Backspace` or `Delete` key | Delete multiple vertices. | <img alt="Delete vertices" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-delete-vertices.gif" width="400px"> |
+ * Left-click on a graphic | Select a graphic to move or reshape.| <img alt="Select a graphic" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-reshape-mode.gif" width="400px"> |
+ * Drag graphic | Move the selected graphic.| <img alt="Drag the graphic" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-drag.gif" width="400px"> |
+ * Left-click on a ghost vertex| Add a new vertex. | <img alt="Add a vertex" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-add-vertices.gif" width="400px"> |
+ * Left-click on a vertex| Select a vertex. | <img alt="Select a vertex" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-selectvertex.gif" width="400px"> |
+ * Shift+Left-click on vertices | Select or unselect multiple vertices. | <img alt="Select vertices" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-selectvertices.gif" width="400px"> |
+ * Drag vertex | Move the selected vertex or vertices. | <img alt="Drag vertices" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-dragvertices.gif" width="400px"> |
+ * Right-click on a vertex | Delete a vertex. | <img alt="Delete a vertex" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-delete-vertex.gif" width="400px"> |
+ * Select multiple vertices and press `Backspace` or `Delete` key | Delete multiple vertices. | <img alt="Delete vertices" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-delete-vertices.gif" width="400px"> |
  *
  * <span id="point-transform-tool"></span>
  *
@@ -402,11 +402,11 @@ export interface SketchViewModelEvents {
  *
  * Gesture | Action | Example |
  * ---------|---------|----------|
- * Left-click on a graphic | Select a graphic to move, rotate or scale. | <img alt="Select a graphic" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-update-point-3D.gif" width="400px"> |
- * Drag inner handle | Move the selected graphic.| <img alt="Drag the graphic" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-transform-move-point.gif" width="400px"> |
- * Drag height handle | Move the selected graphic vertically (on the z axis).| <img alt="Drag the graphic" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-transform-movez-point.gif" width="400px"> |
- * Drag outer handle sideways | Rotate the selected graphic.| <img alt="Rotate the graphic" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-transform-rotate-point.gif" width="400px"> |
- * Drag outer handle inwards or outwards | Scale the selected graphic.| <img alt="Scale the graphic" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-transform-scale-point.gif" width="400px"> |
+ * Left-click on a graphic | Select a graphic to move, rotate or scale. | <img alt="Select a graphic" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-update-point-3D.gif" width="400px"> |
+ * Drag inner handle | Move the selected graphic.| <img alt="Drag the graphic" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-transform-move-point.gif" width="400px"> |
+ * Drag height handle | Move the selected graphic vertically (on the z axis).| <img alt="Drag the graphic" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-transform-movez-point.gif" width="400px"> |
+ * Drag outer handle sideways | Rotate the selected graphic.| <img alt="Rotate the graphic" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-transform-rotate-point.gif" width="400px"> |
+ * Drag outer handle inwards or outwards | Scale the selected graphic.| <img alt="Scale the graphic" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-transform-scale-point.gif" width="400px"> |
  *
  * </details>
  *
@@ -441,7 +441,7 @@ export interface SketchViewModelEvents {
  * In earlier versions, setting these properties would only override the graphic symbology after completing the draw operation. The [activeFillSymbol](https://developers.arcgis.com/javascript/latest/references/core/widgets/Sketch/SketchViewModel/#activeFillSymbol) property allowed users to override the default drawing symbol in order to match the final `polygonSymbol`.
  * This was needed for users to see what the final graphic symbol would look like while actively drawing. Setting the `pointSymbol`, `polylineSymbol`, and `polygonSymbol` now allows users to see what the final graphic symbol will look like while still actively drawing a graphic. The image below demonstrates the behavior when setting the `polygonSymbol`.
  *
- * ![active-fill-active-line](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/active-fill-active-line.gif)
+ * ![active-fill-active-line](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/active-fill-active-line.gif)
  *
  * The following is the code snippet used in the example above.
  *

package/widgets/Sketch.d.ts

@@ -190,12 +190,12 @@ export interface SketchProperties extends WidgetProperties, Partial<Pick<Sketch,
    *
    * The image below displays the default Sketch widget with selection, undo/redo, and settings menu tools.
    *
-   * ![sketch-selection-default](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/selection/default-selection-sketch.png)
+   * ![sketch-selection-default](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/selection/default-selection-sketch.png)
    *
    * In comparison, this image shows how the widget displays with some of its tools not visible as
    * set in the example code snippet below.
    *
-   * ![sketch-selection-default](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/selection/visible-elements-selection-sketch.png)
+   * ![sketch-selection-default](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/selection/visible-elements-selection-sketch.png)
    *
    * @example
    * // Setting the sketch's visible elements as below would result
@@ -227,10 +227,10 @@ export interface SketchEvents extends SketchViewModelEvents {}
  * and [Circle](https://developers.arcgis.com/javascript/latest/references/core/geometry/Circle/) geometries.
  *
  * Discover the Sketch widget in MapView with [this sample](https://developers.arcgis.com/javascript/latest/sample-code/sketch-geometries/):<br>
- * [![sketch-geometries](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-widget.gif)](https://developers.arcgis.com/javascript/latest/sample-code/sketch-geometries/)
+ * [![sketch-geometries](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-widget.gif)](https://developers.arcgis.com/javascript/latest/sample-code/sketch-geometries/)
  *
  * Discover the Sketch widget in SceneView with [this sample](https://developers.arcgis.com/javascript/latest/sample-code/sketch-3d/):<br>
- * [![sketch-geometries-3D](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-widget-3D.gif)](https://developers.arcgis.com/javascript/latest/sample-code/sketch-3d/)
+ * [![sketch-geometries-3D](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-widget-3D.gif)](https://developers.arcgis.com/javascript/latest/sample-code/sketch-3d/)
  *
  * Note that the update operations (such as rotate, move, and transform) and the creation of rectangles and circles happen in the map space.
  * This means that, for example, if a graphic is rotated in a Web Mercator view, its shape and segment lengths change.
@@ -248,10 +248,10 @@ export interface SketchEvents extends SketchViewModelEvents {}
  *
  * Gesture | Action | Example |
  * ---------|---------|---------|
- * Z | Incrementally undo actions recorded in the stack. The undo/redo stack is for an individual sketch operation, meaning you can redo/undo actions while creating or updating a graphic. | <img alt="Undo" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/undo-line.gif" width="400px"> |
- * R | Incrementally redo actions recorded in the stack. The undo/redo stack is for an individual sketch operation, meaning you can redo/undo actions while creating or updating a graphic. | <img alt="Redo" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/redo-line.gif" width="400px"> |
- * Ctrl | Toggle snapping dependent on the configuration in [snappingOptions](https://developers.arcgis.com/javascript/latest/references/core/widgets/Sketch/#snappingOptions). | <img alt="Ctrl key" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/ctrl-key-polygon.gif" width="400px"> |
- * Tab | While drawing or updating features, activate the tooltips' input mode to enter values or apply constraints. Depends on [tooltipOptions](https://developers.arcgis.com/javascript/latest/references/core/widgets/Sketch/#tooltipOptions) configuration. | <img alt="Tab key" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/tab-key-editing-constraints.gif" width="400px"> |
+ * Z | Incrementally undo actions recorded in the stack. The undo/redo stack is for an individual sketch operation, meaning you can redo/undo actions while creating or updating a graphic. | <img alt="Undo" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/undo-line.gif" width="400px"> |
+ * R | Incrementally redo actions recorded in the stack. The undo/redo stack is for an individual sketch operation, meaning you can redo/undo actions while creating or updating a graphic. | <img alt="Redo" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/redo-line.gif" width="400px"> |
+ * Ctrl | Toggle snapping dependent on the configuration in [snappingOptions](https://developers.arcgis.com/javascript/latest/references/core/widgets/Sketch/#snappingOptions). | <img alt="Ctrl key" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/ctrl-key-polygon.gif" width="400px"> |
+ * Tab | While drawing or updating features, activate the tooltips' input mode to enter values or apply constraints. Depends on [tooltipOptions](https://developers.arcgis.com/javascript/latest/references/core/widgets/Sketch/#tooltipOptions) configuration. | <img alt="Tab key" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/tab-key-editing-constraints.gif" width="400px"> |
  *
  * #### Creating point graphics
  *
@@ -266,12 +266,12 @@ export interface SketchEvents extends SketchViewModelEvents {}
  *
  * Gesture | Action | Example |
  * ---------|---------|---------|
- * Left-click | Adds a vertex at the pointer location.| <img alt="Left-click" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/left-click-line.gif" width="400px"> |
- * Left-drag | Adds a vertex for each pointer move in [hybrid](https://developers.arcgis.com/javascript/latest/references/core/widgets/Sketch/#defaultCreateOptions) or [freehand](https://developers.arcgis.com/javascript/latest/references/core/widgets/Sketch/#defaultCreateOptions) mode. | <img alt="Left drag" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/left-drag-line.gif" width="400px"> |
- * F | Adds a vertex to the `polyline` or `polygon` graphic. Completes the `rectangle` or `circle` polygon graphic in [click](https://developers.arcgis.com/javascript/latest/references/core/widgets/Sketch/#defaultCreateOptions) mode. | <img alt="F vertex add" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/f-key-line.gif" width="400px"> |
- * Enter | Completes the `polyline` or `polygon` graphic without the staged vertex. A `double-click` will complete the graphic at the current mouse cursor's postion. | <img alt="Enter" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/enter-line.gif" width="400px"> |
- * Spacebar+Left-drag | Pan the view while creating a polyline or polygon graphic. | <img alt="Space left drag" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/space-left-drag.gif" width="400px"> |
- * Left-click on the first vertex | Completes the polygon graphic sketch. | <img alt="Left-click first vertex" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/left-click-vertex.gif" width="400px"> |
+ * Left-click | Adds a vertex at the pointer location.| <img alt="Left-click" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/left-click-line.gif" width="400px"> |
+ * Left-drag | Adds a vertex for each pointer move in [hybrid](https://developers.arcgis.com/javascript/latest/references/core/widgets/Sketch/#defaultCreateOptions) or [freehand](https://developers.arcgis.com/javascript/latest/references/core/widgets/Sketch/#defaultCreateOptions) mode. | <img alt="Left drag" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/left-drag-line.gif" width="400px"> |
+ * F | Adds a vertex to the `polyline` or `polygon` graphic. Completes the `rectangle` or `circle` polygon graphic in [click](https://developers.arcgis.com/javascript/latest/references/core/widgets/Sketch/#defaultCreateOptions) mode. | <img alt="F vertex add" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/f-key-line.gif" width="400px"> |
+ * Enter | Completes the `polyline` or `polygon` graphic without the staged vertex. A `double-click` will complete the graphic at the current mouse cursor's postion. | <img alt="Enter" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/enter-line.gif" width="400px"> |
+ * Spacebar+Left-drag | Pan the view while creating a polyline or polygon graphic. | <img alt="Space left drag" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/space-left-drag.gif" width="400px"> |
+ * Left-click on the first vertex | Completes the polygon graphic sketch. | <img alt="Left-click first vertex" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/left-click-vertex.gif" width="400px"> |
  *
  * #### Creating polygon graphics with predefined shapes
  *
@@ -279,10 +279,10 @@ export interface SketchEvents extends SketchViewModelEvents {}
  *
  * Gesture | Action | Example |
  * ------- | ------ |---------|
- * Left-click+Drag | Creates a `rectangle` graphic with dimensions based on the bounding box between initial click and cursor location. Creates a `circle` graphic with radius based on the distance between initial click and cursor location. | <img alt="Polygon Left-click drag" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/polygon-left-click-drag.gif" width="400px"> |
- * Shift+Left-click+Drag | Changes the shape from a `rectangle` to a `square` or from a `circle` to an `ellipse`. | <img alt="Shift Left-click drag" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/shift-left-click-drag.gif" width="400px"> |
- * Alt+Left-click+Drag | Creates a `rectangle` graphic with a center at initial click, and dimensions based on the distance between the initial click to the cursor location. Creates a `circle` graphic with a radius based on the bounding box between the initial click and the cursor location. | <img alt="Alt Left-click drag" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/alt-left-click-drag.gif" width="400px"> |
- * Shift+Alt+Left-click+Drag | Combines the behavior described above. | <img alt="Shift Alt Left-click drag" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/shift-alt-left-click-drag.gif" width="400px"> |
+ * Left-click+Drag | Creates a `rectangle` graphic with dimensions based on the bounding box between initial click and cursor location. Creates a `circle` graphic with radius based on the distance between initial click and cursor location. | <img alt="Polygon Left-click drag" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/polygon-left-click-drag.gif" width="400px"> |
+ * Shift+Left-click+Drag | Changes the shape from a `rectangle` to a `square` or from a `circle` to an `ellipse`. | <img alt="Shift Left-click drag" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/shift-left-click-drag.gif" width="400px"> |
+ * Alt+Left-click+Drag | Creates a `rectangle` graphic with a center at initial click, and dimensions based on the distance between the initial click to the cursor location. Creates a `circle` graphic with a radius based on the bounding box between the initial click and the cursor location. | <img alt="Alt Left-click drag" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/alt-left-click-drag.gif" width="400px"> |
+ * Shift+Alt+Left-click+Drag | Combines the behavior described above. | <img alt="Shift Alt Left-click drag" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/shift-alt-left-click-drag.gif" width="400px"> |
  *
  * <span id="update-graphics"></span>
  * #### Updating graphics
@@ -293,39 +293,39 @@ export interface SketchEvents extends SketchViewModelEvents {}
  *
  * Gesture | Action | Example |
  * ---------|---------|----------|
- * Left-click on a graphic | Select a graphic to move, rotate or scale. | <img alt="Select a graphic" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-box-mode.gif" width="400px"> |
- * Shift+Left-click graphics | Select or deselect multiple graphics to move, rotate or scale.| <img alt="Select graphics" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-graphics.gif" width="400px"> |
- * Drag graphic | Move the selected graphic.| <img alt="Drag the graphic" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-box-move.gif" width="400px"> |
- * Drag rotate handle | Rotate the selected graphic.| <img alt="Rotate the graphic" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-rotate.gif" width="400px"> |
- * Drag scale handle | Scale the selected graphic.| <img alt="Scale the graphic" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-scale.gif" width="400px"> |
- * Shift+Left-click+Drag scale handle | Scale the selected graphic at the center. | <img alt="Scale the graphic at the center" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/scale-shift-left-click-drag.gif" width="400px"> |
- * Z | Incrementally undo actions recorded in the stack. The undo/redo stack is for an individual sketch operation, meaning you can redo/undo actions while creating or updating a graphic. | <img alt="Undo update" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-update-undo.gif" width="400px"> |
- * R | Incrementally redo actions recorded in the stack. The undo/redo stack is for an individual sketch operation, meaning you can redo/undo actions while creating or updating a graphic. | <img alt="Redo update" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-update-redo.gif" width="400px"> |
- * Left-click on view (not the graphic) | Complete the graphic update. | <img alt="Sketch update complete" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-update-complete.gif" width="400px"> |
- * Press `Delete` key | Remove the selected graphic(s) from the [layer](https://developers.arcgis.com/javascript/latest/references/core/widgets/Sketch/#layer). | <img alt="Sketch delete graphic" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-delete-graphic.gif" width="400px">
+ * Left-click on a graphic | Select a graphic to move, rotate or scale. | <img alt="Select a graphic" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-box-mode.gif" width="400px"> |
+ * Shift+Left-click graphics | Select or deselect multiple graphics to move, rotate or scale.| <img alt="Select graphics" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-graphics.gif" width="400px"> |
+ * Drag graphic | Move the selected graphic.| <img alt="Drag the graphic" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-box-move.gif" width="400px"> |
+ * Drag rotate handle | Rotate the selected graphic.| <img alt="Rotate the graphic" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-rotate.gif" width="400px"> |
+ * Drag scale handle | Scale the selected graphic.| <img alt="Scale the graphic" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-scale.gif" width="400px"> |
+ * Shift+Left-click+Drag scale handle | Scale the selected graphic at the center. | <img alt="Scale the graphic at the center" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/scale-shift-left-click-drag.gif" width="400px"> |
+ * Z | Incrementally undo actions recorded in the stack. The undo/redo stack is for an individual sketch operation, meaning you can redo/undo actions while creating or updating a graphic. | <img alt="Undo update" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-update-undo.gif" width="400px"> |
+ * R | Incrementally redo actions recorded in the stack. The undo/redo stack is for an individual sketch operation, meaning you can redo/undo actions while creating or updating a graphic. | <img alt="Redo update" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-update-redo.gif" width="400px"> |
+ * Left-click on view (not the graphic) | Complete the graphic update. | <img alt="Sketch update complete" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-update-complete.gif" width="400px"> |
+ * Press `Delete` key | Remove the selected graphic(s) from the [layer](https://developers.arcgis.com/javascript/latest/references/core/widgets/Sketch/#layer). | <img alt="Sketch delete graphic" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-delete-graphic.gif" width="400px">
  *
  * The following update operations can be performed on a single polyline or polygon graphic:
  *
  * Gesture | Action | Example |
  * ---------|---------|----------|
- * Left-click on a graphic | Select a graphic to move or reshape.| <img alt="Select a graphic" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-reshape-mode.gif" width="400px"> |
- * Drag graphic | Move the selected graphic.| <img alt="Drag the graphic" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-drag.gif" width="400px"> |
- * Left-click on a ghost vertex| Add a new vertex. | <img alt="Add a vertex" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-add-vertices.gif" width="400px"> |
- * Left-click on a vertex| Select a vertex. | <img alt="Select a vertex" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-selectvertex.gif" width="400px"> |
- * Shift+Left-click on vertices | Select or deselect multiple vertices. | <img alt="Select vertices" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-selectvertices.gif" width="400px"> |
- * Drag vertex | Move the selected vertex or vertices. | <img alt="Drag vertices" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-dragvertices.gif" width="400px"> |
- * Right-click on a vertex | Delete a vertex. | <img alt="Delete a vertex" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-delete-vertex.gif" width="400px"> |
- * Select multiple vertices and press `Backspace` or `Delete` key | Delete multiple vertices. | <img alt="Delete vertices" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-delete-vertices.gif" width="400px"> |
+ * Left-click on a graphic | Select a graphic to move or reshape.| <img alt="Select a graphic" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-reshape-mode.gif" width="400px"> |
+ * Drag graphic | Move the selected graphic.| <img alt="Drag the graphic" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-drag.gif" width="400px"> |
+ * Left-click on a ghost vertex| Add a new vertex. | <img alt="Add a vertex" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-add-vertices.gif" width="400px"> |
+ * Left-click on a vertex| Select a vertex. | <img alt="Select a vertex" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-selectvertex.gif" width="400px"> |
+ * Shift+Left-click on vertices | Select or deselect multiple vertices. | <img alt="Select vertices" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-selectvertices.gif" width="400px"> |
+ * Drag vertex | Move the selected vertex or vertices. | <img alt="Drag vertices" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-dragvertices.gif" width="400px"> |
+ * Right-click on a vertex | Delete a vertex. | <img alt="Delete a vertex" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-delete-vertex.gif" width="400px"> |
+ * Select multiple vertices and press `Backspace` or `Delete` key | Delete multiple vertices. | <img alt="Delete vertices" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-delete-vertices.gif" width="400px"> |
  *
  * The following update operations can be performed on a single graphic with point geometry in a [SceneView](https://developers.arcgis.com/javascript/latest/references/core/views/SceneView/), if the graphic uses a [3D object symbol layer](https://developers.arcgis.com/javascript/latest/references/core/symbols/ObjectSymbol3DLayer/):
  *
  * Gesture | Action | Example |
  * ---------|---------|----------|
- * Left-click on a graphic | Select a graphic to move, rotate or scale. | <img alt="Select a graphic" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-update-point-3D.gif" width="400px"> |
- * Drag inner handle | Move the selected graphic.| <img alt="Drag the graphic" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-transform-move-point.gif" width="400px"> |
- * Drag height handle | Move the selected graphic vertically (on the z axis).| <img alt="Drag the graphic" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-transform-movez-point.gif" width="400px"> |
- * Drag outer handle sideways | Rotate the selected graphic.| <img alt="Rotate the graphic" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-transform-rotate-point.gif" width="400px"> |
- * Drag outer handle inwards or outwards | Scale the selected graphic.| <img alt="Scale the graphic" src="https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sketch/sketch-transform-scale-point.gif" width="400px"> |
+ * Left-click on a graphic | Select a graphic to move, rotate or scale. | <img alt="Select a graphic" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-update-point-3D.gif" width="400px"> |
+ * Drag inner handle | Move the selected graphic.| <img alt="Drag the graphic" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-transform-move-point.gif" width="400px"> |
+ * Drag height handle | Move the selected graphic vertically (on the z axis).| <img alt="Drag the graphic" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-transform-movez-point.gif" width="400px"> |
+ * Drag outer handle sideways | Rotate the selected graphic.| <img alt="Rotate the graphic" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-transform-rotate-point.gif" width="400px"> |
+ * Drag outer handle inwards or outwards | Scale the selected graphic.| <img alt="Scale the graphic" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sketch/sketch-transform-scale-point.gif" width="400px"> |
  *
  * ---------
  *
@@ -708,12 +708,12 @@ export default class Sketch extends Widget<SketchProperties> {
    *
    * The image below displays the default Sketch widget with selection, undo/redo, and settings menu tools.
    *
-   * ![sketch-selection-default](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/selection/default-selection-sketch.png)
+   * ![sketch-selection-default](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/selection/default-selection-sketch.png)
    *
    * In comparison, this image shows how the widget displays with some of its tools not visible as
    * set in the example code snippet below.
    *
-   * ![sketch-selection-default](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/selection/visible-elements-selection-sketch.png)
+   * ![sketch-selection-default](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/selection/visible-elements-selection-sketch.png)
    *
    * @example
    * // Setting the sketch's visible elements as below would result

package/widgets/Slice.d.ts

@@ -78,7 +78,7 @@ export interface SliceProperties extends WidgetProperties, Partial<Pick<Slice, "
  * The Slice widget is a 3D analysis tool that can be used to reveal occluded content in a [SceneView](https://developers.arcgis.com/javascript/latest/references/core/views/SceneView/). The slice widget can be applied to any layer type, making it possible
  * to see inside buildings or to explore geological surfaces.
  *
- * [![slice-widget](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/slice.gif)](https://developers.arcgis.com/javascript/latest/sample-code/building-scene-layer-slice/)
+ * [![slice-widget](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/slice.gif)](https://developers.arcgis.com/javascript/latest/sample-code/building-scene-layer-slice/)
  *
  * To use the widget, instantiate it and add it to the view:
  * ```js
@@ -103,7 +103,7 @@ export interface SliceProperties extends WidgetProperties, Partial<Pick<Slice, "
  * interior elements inside a [BuildingSceneLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/BuildingSceneLayer/), the windows or
  * furniture layers can be excluded from the slice widget.
  *
- * [![slice-widget-exclude](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/slice-exclude.png)](https://developers.arcgis.com/javascript/latest/sample-code/building-scene-layer-slice/)
+ * [![slice-widget-exclude](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/slice-exclude.png)](https://developers.arcgis.com/javascript/latest/sample-code/building-scene-layer-slice/)
  *
  * While interactively creating a new slice, the Shift key can be held to force the slice to be applied vertically.
  *

package/widgets/Slider/SliderViewModel.d.ts

@@ -55,12 +55,12 @@ export default class SliderViewModel extends Accessor {
    * The image below demonstrates how slider input values resemble corresponding slider values by default
    * and won't match the formatting set in `labelFormatFunction`.
    *
-   * ![Slider without input formatter](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sliders/slider-no-input-formatter.png "Slider without input formatter")
+   * ![Slider without input formatter](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sliders/slider-no-input-formatter.png "Slider without input formatter")
    *
    * If you want to format slider input values so they match thumb labels, you can pass the same function set in `labelFormatFunction` to
    * `inputFormatFunction` for consistent formatting.
    *
-   * ![Slider with input formatter](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sliders/slider-input-formatter.png "Slider with input formatter")
+   * ![Slider with input formatter](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sliders/slider-input-formatter.png "Slider with input formatter")
    *
    * However, if an `inputFormatFunction` is specified, you must also write a corresponding
    * [inputParseFunction](https://developers.arcgis.com/javascript/latest/references/core/widgets/Slider/SliderViewModel/#inputParseFunction) to parse user inputs to understandable slider values. In most cases, if

package/widgets/Slider.d.ts

@@ -215,7 +215,7 @@ export interface VisibleElements {
  * <span id="image-annotations"></span>
  * See the image below for a summary of the configurable options available on this slider.
  *
- * ![Slider with annotations](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sliders/slider-labels.png "Slider with annotations")
+ * ![Slider with annotations](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sliders/slider-labels.png "Slider with annotations")
  *
  * At a minimum, the slider's [container](https://developers.arcgis.com/javascript/latest/references/core/widgets/Slider/#container) or parent container must have a `width` set in CSS for it to render.
  *
@@ -345,12 +345,12 @@ export default class Slider extends Widget<SliderProperties> {
    * The image below demonstrates how slider input values resemble corresponding slider values by default
    * and won't match the formatting set in `labelFormatFunction`.
    *
-   * ![Slider without input formatter](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sliders/slider-no-input-formatter.png "Slider without input formatter")
+   * ![Slider without input formatter](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sliders/slider-no-input-formatter.png "Slider without input formatter")
    *
    * If you want to format slider input values so they match thumb labels, you can pass the same function set in `labelFormatFunction` to
    * `inputFormatFunction` for consistent formatting.
    *
-   * ![Slider with input formatter](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sliders/slider-input-formatter.png "Slider with input formatter")
+   * ![Slider with input formatter](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sliders/slider-input-formatter.png "Slider with input formatter")
    *
    * However, if an `inputFormatFunction` is specified, you must also write a corresponding
    * [inputParseFunction](https://developers.arcgis.com/javascript/latest/references/core/widgets/Slider/#inputParseFunction) to parse user inputs to understandable slider values. In most cases, if
@@ -451,7 +451,7 @@ export default class Slider extends Widget<SliderProperties> {
    * when the user clicks a label. This allows the user to move the slider
    * thumb to precise values without sliding the thumbs.
    *
-   * ![Slider editable labels](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sliders/slider-edit-label.png "Slider with editable labels")
+   * ![Slider editable labels](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sliders/slider-edit-label.png "Slider with editable labels")
    *
    * @default false
    * @example
@@ -471,28 +471,28 @@ export default class Slider extends Widget<SliderProperties> {
    *
    * **`horizontal`**
    *
-   * ![Slider horizontal not reversed](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sliders/slider-horizontal-not-reversed.png "default horizontal slider")
+   * ![Slider horizontal not reversed](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sliders/slider-horizontal-not-reversed.png "default horizontal slider")
    *
    * **`horizontal-reversed`**
    *
    * When the slider is set to `horizontal-reversed`, the max value will render on the
    * left side and the min on the right.
    *
-   * ![Slider horizontal reversed](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sliders/slider-horizontal-reversed.png "reversed horizontal slider")
+   * ![Slider horizontal reversed](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sliders/slider-horizontal-reversed.png "reversed horizontal slider")
    *
    * **`vertical`**
    *
    * When the slider is set to `vertical`, the max value will render on the
    * top of the track and the min on the bottom.
    *
-   * ![Slider vertical not reversed](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sliders/slider-vertical-not-reversed.png "default vertical slider")
+   * ![Slider vertical not reversed](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sliders/slider-vertical-not-reversed.png "default vertical slider")
    *
    * **`vertical-reversed`**
    *
    * When the slider is set to `vertical-reversed`, the max value will render on the
    * bottom of the track and the min on the top.
    *
-   * ![Slider vertical reversed](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sliders/slider-vertical-reversed.png "reversed vertical slider")
+   * ![Slider vertical reversed](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sliders/slider-vertical-reversed.png "reversed vertical slider")
    *
    * @default "horizontal"
    * @example slider.layout = "vertical";
@@ -608,7 +608,7 @@ export default class Slider extends Widget<SliderProperties> {
    * when the user clicks a [min](https://developers.arcgis.com/javascript/latest/references/core/widgets/Slider/#min) or [max](https://developers.arcgis.com/javascript/latest/references/core/widgets/Slider/#max) label.
    * This allows the user to increase or decrease the data range of the slider.
    *
-   * ![Slider editable range labels](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sliders/slider-edit-range-label.png "Slider with editable range labels")
+   * ![Slider editable range labels](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/sliders/slider-edit-range-label.png "Slider with editable range labels")
    *
    * @default false
    * @example slider.rangeLabelInputsEnabled = false;

package/widgets/Swipe/SwipeViewModel.d.ts

@@ -38,7 +38,7 @@ export default class SwipeViewModel extends Accessor {
    *
    * | horizontal | vertical |
    * |------------|----------|
-   * |[![widgets-swipe-horizontal](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/widgets-swipe-horizontal.png)](https://developers.arcgis.com/javascript/latest/sample-code/swipe/) |[![widgets-swipe-vertical](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/widgets-swipe-vertical.png)](https://developers.arcgis.com/javascript/latest/sample-code/swipe/)|
+   * |[![widgets-swipe-horizontal](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/widgets-swipe-horizontal.png)](https://developers.arcgis.com/javascript/latest/sample-code/swipe/) |[![widgets-swipe-vertical](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/widgets-swipe-vertical.png)](https://developers.arcgis.com/javascript/latest/sample-code/swipe/)|
    *
    * @default "horizontal"
    */

package/widgets/Swipe.d.ts

@@ -63,7 +63,7 @@ export interface SwipeProperties extends WidgetProperties, Partial<Pick<Swipe, "
  * is not set, then the Swipe widget will overlay the existing map. The [visibleElements](https://developers.arcgis.com/javascript/latest/references/core/widgets/Swipe/#visibleElements)
  * separate the leading and trailing layers, as shown in the image below.
  *
- * [![Swipe widget demonstration of leading and trailing layers and visible elements](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/swipe.png)](https://developers.arcgis.com/javascript/latest/sample-code/swipe/)
+ * [![Swipe widget demonstration of leading and trailing layers and visible elements](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/swipe.png)](https://developers.arcgis.com/javascript/latest/sample-code/swipe/)
  *
  * > [!WARNING]
  * >
@@ -96,7 +96,7 @@ export default class Swipe extends Widget {
    *
    * | horizontal | vertical |
    * |------------|----------|
-   * |[![widgets-swipe-horizontal](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/widgets-swipe-horizontal.png)](https://developers.arcgis.com/javascript/latest/sample-code/swipe/) |[![widgets-swipe-vertical](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/widgets-swipe-vertical.png)](https://developers.arcgis.com/javascript/latest/sample-code/swipe/)|
+   * |[![widgets-swipe-horizontal](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/widgets-swipe-horizontal.png)](https://developers.arcgis.com/javascript/latest/sample-code/swipe/) |[![widgets-swipe-vertical](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/widgets-swipe-vertical.png)](https://developers.arcgis.com/javascript/latest/sample-code/swipe/)|
    *
    * @default "horizontal"
    */

package/widgets/TableList/ListItemPanel.d.ts

@@ -147,7 +147,7 @@ export default class ListItemPanel extends ListItemPanelSuperclass {
    * The URL or data URI of an image used to represent the panel.
    * This property will be used as a background image for the node.
    * If neither `image` nor `icon` are specified, a default icon
-   * ![default icon](https://developers.arcgis.com/javascript/latest/assets/img/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.png) will display.
    */
   accessor image: string | null | undefined;
   /** The panel's parent ListItem that represents a table in the map. */

package/widgets/TableList.d.ts

@@ -84,7 +84,7 @@ export interface TableListEvents extends TableListViewModelEvents {}
  * >
  * > The TableList widget is not supported with [web scenes](https://developers.arcgis.com/javascript/latest/references/core/WebScene/).
  *
- * ![tablelist widget](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/tablelist-widget.png)
+ * ![tablelist widget](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/tablelist-widget.png)
  *
  * @deprecated since version 5.0. Use the [Table List component](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-table-list/) instead. For information on widget deprecation, read about [Esri's move to web components](https://developers.arcgis.com/javascript/latest/components-transition-plan/).
  * @since 4.17