@arcgis/core 5.1.0-next.18 → 5.1.0-next.19

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/images/apiref/widgets/selection/default-selection-sketch.png)
+   * ![sketch-selection-default](https://developers.arcgis.com/javascript/latest/assets/references/core/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/images/apiref/widgets/selection/visible-elements-selection-sketch.png)
+   * ![sketch-selection-default](https://developers.arcgis.com/javascript/latest/assets/references/core/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/images/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/references/core/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/images/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/references/core/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/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"> |
+ * 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/references/core/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/references/core/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/references/core/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/references/core/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/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"> |
+ * Left-click | Adds a vertex at the pointer location.| <img alt="Left-click" src="https://developers.arcgis.com/javascript/latest/assets/references/core/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/references/core/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/references/core/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/references/core/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/references/core/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/references/core/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/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"> |
+ * 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/references/core/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/references/core/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/references/core/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/references/core/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/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">
+ * 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/references/core/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/references/core/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/references/core/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/references/core/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/references/core/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/references/core/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/references/core/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/references/core/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/references/core/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/references/core/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/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"> |
+ * 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/references/core/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/references/core/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/references/core/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/references/core/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/references/core/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/references/core/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/references/core/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/references/core/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/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"> |
+ * 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/references/core/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/references/core/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/references/core/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/references/core/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/references/core/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/images/apiref/widgets/selection/default-selection-sketch.png)
+   * ![sketch-selection-default](https://developers.arcgis.com/javascript/latest/assets/references/core/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/images/apiref/widgets/selection/visible-elements-selection-sketch.png)
+   * ![sketch-selection-default](https://developers.arcgis.com/javascript/latest/assets/references/core/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/images/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/references/core/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/images/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/references/core/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/images/apiref/widgets/sliders/slider-no-input-formatter.png "Slider without input formatter")
+   * ![Slider without input formatter](https://developers.arcgis.com/javascript/latest/assets/references/core/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/images/apiref/widgets/sliders/slider-input-formatter.png "Slider with input formatter")
+   * ![Slider with input formatter](https://developers.arcgis.com/javascript/latest/assets/references/core/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/images/apiref/widgets/sliders/slider-labels.png "Slider with annotations")
+ * ![Slider with annotations](https://developers.arcgis.com/javascript/latest/assets/references/core/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/images/apiref/widgets/sliders/slider-no-input-formatter.png "Slider without input formatter")
+   * ![Slider without input formatter](https://developers.arcgis.com/javascript/latest/assets/references/core/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/images/apiref/widgets/sliders/slider-input-formatter.png "Slider with input formatter")
+   * ![Slider with input formatter](https://developers.arcgis.com/javascript/latest/assets/references/core/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/images/apiref/widgets/sliders/slider-edit-label.png "Slider with editable labels")
+   * ![Slider editable labels](https://developers.arcgis.com/javascript/latest/assets/references/core/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/images/apiref/widgets/sliders/slider-horizontal-not-reversed.png "default horizontal slider")
+   * ![Slider horizontal not reversed](https://developers.arcgis.com/javascript/latest/assets/references/core/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/images/apiref/widgets/sliders/slider-horizontal-reversed.png "reversed horizontal slider")
+   * ![Slider horizontal reversed](https://developers.arcgis.com/javascript/latest/assets/references/core/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/images/apiref/widgets/sliders/slider-vertical-not-reversed.png "default vertical slider")
+   * ![Slider vertical not reversed](https://developers.arcgis.com/javascript/latest/assets/references/core/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/images/apiref/widgets/sliders/slider-vertical-reversed.png "reversed vertical slider")
+   * ![Slider vertical reversed](https://developers.arcgis.com/javascript/latest/assets/references/core/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/images/apiref/widgets/sliders/slider-edit-range-label.png "Slider with editable range labels")
+   * ![Slider editable range labels](https://developers.arcgis.com/javascript/latest/assets/references/core/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/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/)|
+   * |[![widgets-swipe-horizontal](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/widgets-swipe-horizontal.png)](https://developers.arcgis.com/javascript/latest/sample-code/swipe/) |[![widgets-swipe-vertical](https://developers.arcgis.com/javascript/latest/assets/references/core/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/images/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/references/core/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/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/)|
+   * |[![widgets-swipe-horizontal](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/widgets-swipe-horizontal.png)](https://developers.arcgis.com/javascript/latest/sample-code/swipe/) |[![widgets-swipe-vertical](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/widgets-swipe-vertical.png)](https://developers.arcgis.com/javascript/latest/sample-code/swipe/)|
    *
    * @default "horizontal"
    */

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/images/apiref/widgets/tablelist-widget.png)
+ * ![tablelist widget](https://developers.arcgis.com/javascript/latest/assets/references/core/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

package/widgets/TimeSlider/TimeSliderViewModel.d.ts

@@ -11,7 +11,7 @@ import type { TimeExtentProperties } from "../../time/TimeExtent.js";
 export interface TimeSliderViewModelProperties extends Partial<Pick<TimeSliderViewModel, "loop" | "mode" | "playRate" | "stops" | "view">> {
   /**
    * Defines actions that will appear in a menu when the user clicks the ellipsis button
-   * ![timeSlider-actions-menu](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/timeslider/ellipsis.png) in the widget. The
+   * ![timeSlider-actions-menu](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/timeslider/ellipsis.png) in the widget. The
    * ellipsis button will not display if this property is `null` or if the collection is empty.
    * Each [Action](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/types/#Action) is defined with a unique id, a title,
    * and an icon.
@@ -20,7 +20,7 @@ export interface TimeSliderViewModelProperties extends Partial<Pick<TimeSliderVi
    * can be used to execute custom code such as setting the [timeExtent](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/TimeSliderViewModel/#timeExtent) to a specific date or copying the
    * timeExtent to the browser's clipboard.
    *
-   * [![widgets-timeSlider-actions](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/timeslider/widgets-timeslider-actions.png)](https://developers.arcgis.com/javascript/latest/sample-code/sandbox/?sample=widgets-timeslider-offset)
+   * [![widgets-timeSlider-actions](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/timeslider/widgets-timeslider-actions.png)](https://developers.arcgis.com/javascript/latest/sample-code/sandbox/?sample=widgets-timeslider-offset)
    *
    * @since 4.21
    * @example
@@ -202,7 +202,7 @@ export default class TimeSliderViewModel extends EventedAccessor {
   constructor(properties?: TimeSliderViewModelProperties);
   /**
    * Defines actions that will appear in a menu when the user clicks the ellipsis button
-   * ![timeSlider-actions-menu](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/timeslider/ellipsis.png) in the widget. The
+   * ![timeSlider-actions-menu](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/timeslider/ellipsis.png) in the widget. The
    * ellipsis button will not display if this property is `null` or if the collection is empty.
    * Each [Action](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/types/#Action) is defined with a unique id, a title,
    * and an icon.
@@ -211,7 +211,7 @@ export default class TimeSliderViewModel extends EventedAccessor {
    * can be used to execute custom code such as setting the [timeExtent](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/TimeSliderViewModel/#timeExtent) to a specific date or copying the
    * timeExtent to the browser's clipboard.
    *
-   * [![widgets-timeSlider-actions](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/timeslider/widgets-timeslider-actions.png)](https://developers.arcgis.com/javascript/latest/sample-code/sandbox/?sample=widgets-timeslider-offset)
+   * [![widgets-timeSlider-actions](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/timeslider/widgets-timeslider-actions.png)](https://developers.arcgis.com/javascript/latest/sample-code/sandbox/?sample=widgets-timeslider-offset)
    *
    * @since 4.21
    * @example
@@ -337,10 +337,10 @@ export default class TimeSliderViewModel extends EventedAccessor {
    *
    * Possible Values       | Description   | Example |
    * ----------------------|-------------- | ------- |
-   * instant               | The slider will show temporal data that falls on a single instance in time. Set the [timeExtent](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/TimeSliderViewModel/#timeExtent) property's `start` and `end` dates to same date: `{start: sameDate, end: sameDate}` | <img alt="mode-instance" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/timeslider/mode-instance.png"> |
-   * time-window           | The slider will show temporal data that falls within a given time range. This is the default. Set [timeExtent](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/TimeSliderViewModel/#timeExtent) property's `start` and `date` properties to desired dates. | <img alt="mode-instance" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/timeslider/mode-time-window.png"> |
-   * cumulative-from-start | Similar to `time-window` with the start time is always pinned to the start of the slider. Set the [timeExtent](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/TimeSliderViewModel/#timeExtent) property's `start` date to `null` and set `end` date to a desired date: `{start: null, end: date}` | <img alt="mode-instance" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/timeslider/mode-from-start.png"> |
-   * cumulative-from-end   | Also, similar to the `time-window` with the end time pinned to the end of the slider. Set the [timeExtent](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/TimeSliderViewModel/#timeExtent) property's `start` date to a desired date and set `end` date to `null`: `{start: date, end: null}` | <img alt="mode-instance" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/timeslider/mode-from-end.png"> |
+   * instant               | The slider will show temporal data that falls on a single instance in time. Set the [timeExtent](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/TimeSliderViewModel/#timeExtent) property's `start` and `end` dates to same date: `{start: sameDate, end: sameDate}` | <img alt="mode-instance" src="https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/timeslider/mode-instance.png"> |
+   * time-window           | The slider will show temporal data that falls within a given time range. This is the default. Set [timeExtent](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/TimeSliderViewModel/#timeExtent) property's `start` and `date` properties to desired dates. | <img alt="mode-instance" src="https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/timeslider/mode-time-window.png"> |
+   * cumulative-from-start | Similar to `time-window` with the start time is always pinned to the start of the slider. Set the [timeExtent](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/TimeSliderViewModel/#timeExtent) property's `start` date to `null` and set `end` date to a desired date: `{start: null, end: date}` | <img alt="mode-instance" src="https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/timeslider/mode-from-start.png"> |
+   * cumulative-from-end   | Also, similar to the `time-window` with the end time pinned to the end of the slider. Set the [timeExtent](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/TimeSliderViewModel/#timeExtent) property's `start` date to a desired date and set `end` date to `null`: `{start: date, end: null}` | <img alt="mode-instance" src="https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/timeslider/mode-from-end.png"> |
    *
    * @default "time-window"
    * @example

package/widgets/TimeSlider/types.d.ts

@@ -144,7 +144,7 @@ export type Stops = StopsByDates | StopsByInterval | StopsByCount;
 /**
  * Definition of an action that can be assigned to the [TimeSliderViewModel.actions](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/TimeSliderViewModel/#actions) property on the
  * [TimeSlider.actions](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/#actions) or the [TimeSliderViewModel.actions](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/TimeSliderViewModel/#actions). It is displayed in a menu when
- * the user clicks the ellipsis button ![timeSlider-actions-menu](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/timeslider/ellipsis.png) on the [TimeSlider](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/) widget.
+ * the user clicks the ellipsis button ![timeSlider-actions-menu](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/timeslider/ellipsis.png) on the [TimeSlider](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/) widget.
  *
  * @since 5.0
  */

package/widgets/TimeSlider.d.ts

@@ -17,7 +17,7 @@ import type { WidgetProperties } from "./Widget.js";
 export interface TimeSliderProperties extends WidgetProperties, Partial<Pick<TimeSlider, "disabled" | "labelFormatFunction" | "layout" | "loop" | "mode" | "playRate" | "stops" | "tickConfigs" | "timeVisible" | "view">> {
   /**
    * Defines actions that will appear in a menu when the user clicks the ellipsis button
-   * ![timeSlider-actions-menu](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/timeslider/ellipsis.png) in the widget. The
+   * ![timeSlider-actions-menu](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/timeslider/ellipsis.png) in the widget. The
    * ellipsis button will not display if this property is `null` or if the collection is empty.
    * Each [Action](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/types/#Action) is defined with a unique id, a title,
    * and an icon.
@@ -26,7 +26,7 @@ export interface TimeSliderProperties extends WidgetProperties, Partial<Pick<Tim
    * can be used to execute custom code such as setting the [timeExtent](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/#timeExtent) to a specific date or copying the
    * timeExtent to the browser's clipboard.
    *
-   * [![widgets-timeSlider-actions](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/timeslider/widgets-timeslider-actions.png)](https://developers.arcgis.com/javascript/latest/sample-code/widgets-timeslider-offset/)
+   * [![widgets-timeSlider-actions](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/timeslider/widgets-timeslider-actions.png)](https://developers.arcgis.com/javascript/latest/sample-code/widgets-timeslider-offset/)
    *
    * @since 4.21
    * @see [Sample - TimeSlider with offset](https://developers.arcgis.com/javascript/latest/sample-code/widgets-timeslider-offset/)
@@ -242,10 +242,10 @@ export interface TimeSliderEvents extends TimeSliderViewModelEvents {}
  * or a specific time interval (e.g. days). The [timeExtent](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/#timeExtent) property defines the
  * current location of the thumbs.
  *
- * [![widgets-timeSlider](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/widgets-timeSlider.png)](https://developers.arcgis.com/javascript/latest/sample-code/timeslider/)
+ * [![widgets-timeSlider](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/widgets-timeSlider.png)](https://developers.arcgis.com/javascript/latest/sample-code/timeslider/)
  *
  * If the time slider widget settings are invalid, the current time segment and thumbs will be drawn in a red color with a message indicating the issue.
- * [![widgets-timeSlider-invalid](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/timeslider/widgets-timeslider-invalid.png)](https://developers.arcgis.com/javascript/latest/sample-code/timeslider/)
+ * [![widgets-timeSlider-invalid](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/timeslider/widgets-timeslider-invalid.png)](https://developers.arcgis.com/javascript/latest/sample-code/timeslider/)
  *
  * ### Configuring your time aware data
  *
@@ -438,7 +438,7 @@ export default class TimeSlider extends Widget {
   constructor(properties?: TimeSliderProperties);
   /**
    * Defines actions that will appear in a menu when the user clicks the ellipsis button
-   * ![timeSlider-actions-menu](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/timeslider/ellipsis.png) in the widget. The
+   * ![timeSlider-actions-menu](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/timeslider/ellipsis.png) in the widget. The
    * ellipsis button will not display if this property is `null` or if the collection is empty.
    * Each [Action](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/types/#Action) is defined with a unique id, a title,
    * and an icon.
@@ -447,7 +447,7 @@ export default class TimeSlider extends Widget {
    * can be used to execute custom code such as setting the [timeExtent](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/#timeExtent) to a specific date or copying the
    * timeExtent to the browser's clipboard.
    *
-   * [![widgets-timeSlider-actions](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/timeslider/widgets-timeslider-actions.png)](https://developers.arcgis.com/javascript/latest/sample-code/widgets-timeslider-offset/)
+   * [![widgets-timeSlider-actions](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/timeslider/widgets-timeslider-actions.png)](https://developers.arcgis.com/javascript/latest/sample-code/widgets-timeslider-offset/)
    *
    * @since 4.21
    * @see [Sample - TimeSlider with offset](https://developers.arcgis.com/javascript/latest/sample-code/widgets-timeslider-offset/)
@@ -572,7 +572,7 @@ export default class TimeSlider extends Widget {
    * The image below demonstrates how the date format, color, size, and font family of the label can be customized.
    * The code for this specific configuration is shown in the following example.
    *
-   * ![timeslider-custom-labels](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/timeslider-custom-labels.png)
+   * ![timeslider-custom-labels](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/timeslider-custom-labels.png)
    *
    * @since 4.17
    * @example
@@ -660,10 +660,10 @@ export default class TimeSlider extends Widget {
    *
    * Possible Values       | Description   | Example |
    * ----------------------|-------------- | ------- |
-   * instant               | The slider will show temporal data that falls on a single instance in time. Set the [timeExtent](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/#timeExtent) property's `start` and `end` dates to same date: `{start: sameDate, end: sameDate}` | <img alt="mode-instance" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/timeslider/mode-instance.png"> |
-   * time-window           | The slider will show temporal data that falls within a given time range. This is the default. Set [timeExtent](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/#timeExtent) property's `start` and `date` properties to desired dates. | <img alt="mode-instance" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/timeslider/mode-time-window.png"> |
-   * cumulative-from-start | Similar to `time-window` with the start time is always pinned to the start of the slider. Set the [timeExtent](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/#timeExtent) property's `start` date to `null` and set `end` date to a desired date: `{start: null, end: date}` | <img alt="mode-instance" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/timeslider/mode-from-start.png"> |
-   * cumulative-from-end   | Also, similar to the `time-window` with the end time pinned to the end of the slider. Set the [timeExtent](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/#timeExtent) property's `start` date to a desired date and set `end` date to `null`: `{start: date, end: null}` | <img alt="mode-instance" src="https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/timeslider/mode-from-end.png"> |
+   * instant               | The slider will show temporal data that falls on a single instance in time. Set the [timeExtent](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/#timeExtent) property's `start` and `end` dates to same date: `{start: sameDate, end: sameDate}` | <img alt="mode-instance" src="https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/timeslider/mode-instance.png"> |
+   * time-window           | The slider will show temporal data that falls within a given time range. This is the default. Set [timeExtent](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/#timeExtent) property's `start` and `date` properties to desired dates. | <img alt="mode-instance" src="https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/timeslider/mode-time-window.png"> |
+   * cumulative-from-start | Similar to `time-window` with the start time is always pinned to the start of the slider. Set the [timeExtent](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/#timeExtent) property's `start` date to `null` and set `end` date to a desired date: `{start: null, end: date}` | <img alt="mode-instance" src="https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/timeslider/mode-from-start.png"> |
+   * cumulative-from-end   | Also, similar to the `time-window` with the end time pinned to the end of the slider. Set the [timeExtent](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/#timeExtent) property's `start` date to a desired date and set `end` date to `null`: `{start: date, end: null}` | <img alt="mode-instance" src="https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/timeslider/mode-from-end.png"> |
    *
    * @default "time-window"
    * @see [timeExtent](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/#timeExtent)

package/widgets/Track.d.ts

@@ -66,12 +66,12 @@ export interface TrackEvents extends TrackViewModelEvents {}
  * to the user's location when clicked. The view rotates based on device heading.
  * While tracking, the default button looks like the following:
  *
- * ![track-button](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/widgets-track.png)
+ * ![track-button](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/widgets-track.png)
  *
  * The default heading symbol will display when speed is greater than zero and the browser
  * provides heading information:
  *
- * ![heading-indicator](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/widgets-track-heading.png)
+ * ![heading-indicator](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/widgets-track-heading.png)
  *
  * You can use the view's [DefaultUI](https://developers.arcgis.com/javascript/latest/references/core/views/ui/DefaultUI/) to add widgets
  * to the view's user interface via the `ui` property.

package/widgets/UtilityNetworkAssociations.d.ts

@@ -62,13 +62,13 @@ export interface UtilityNetworkAssociationsProperties extends WidgetProperties,
  * streamline their workflow, enhance data integrity, and enable effective network analysis and visualization within utility network applications.
  *
  * Here is an example of [autoRefreshAssociations](https://developers.arcgis.com/javascript/latest/references/core/widgets/UtilityNetworkAssociations/#autoRefreshAssociations) set to `false`.
- * ![UtilityNetworkAssociations-autoRefresh-false](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/UtilityNetworkAssociations/autoRefreshAssociationsIsFalse.png)
+ * ![UtilityNetworkAssociations-autoRefresh-false](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/UtilityNetworkAssociations/autoRefreshAssociationsIsFalse.png)
  *
  * By clicking the refresh button the associations will appear.
- * ![UtilityNetworkAssociations-autoRefresh-false-manual-refresh](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/UtilityNetworkAssociations/autoRefreshAssociationsIsFalseWasRefreshed.png)
+ * ![UtilityNetworkAssociations-autoRefresh-false-manual-refresh](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/UtilityNetworkAssociations/autoRefreshAssociationsIsFalseWasRefreshed.png)
  *
  * Here is an example of [autoRefreshAssociations](https://developers.arcgis.com/javascript/latest/references/core/widgets/UtilityNetworkAssociations/#autoRefreshAssociations) set to `true`.
- * ![UtilityNetworkAssociations-autoRefresh-true](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/UtilityNetworkAssociations/autoRefreshAssociationsIsTrue.png)
+ * ![UtilityNetworkAssociations-autoRefresh-true](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/UtilityNetworkAssociations/autoRefreshAssociationsIsTrue.png)
  *
  * > [!CAUTION]
  * >

package/widgets/UtilityNetworkTrace.d.ts

@@ -73,19 +73,19 @@ export interface UtilityNetworkTraceEvents extends UtilityNetworkTraceViewModelE
  * The UtilityNetworkTrace widget provides a way to run traces in a Utility Network based on connectivity or traversability from set input flags.
  * Input flags (starting points and barriers) can be set by clicking the view. Alternatively, the widget allows setting input flags programmatically on creation, or at runtime, by setting the [flags](https://developers.arcgis.com/javascript/latest/references/core/widgets/UtilityNetworkTrace/#flags) property.
  * The widget can execute one or multiple traces concurrently by selecting them from the trace types dropdown. Trace types can be preset in the widget programmatically on creation, or at runtime, by setting the [selectedTraces](https://developers.arcgis.com/javascript/latest/references/core/widgets/UtilityNetworkTrace/#selectedTraces) property.
- * ![tracetypes_flags](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/utility-network-trace/tracetypes_flags.png)
+ * ![tracetypes_flags](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/utility-network-trace/tracetypes_flags.png)
  *
  * The trace results are returned as a selection or as graphics, or both (if aggregated geometry is set as a [Result Type](https://pro.arcgis.com/en/pro-app/latest/help/data/utility-network/configure-a-trace.htm#ESRI_SECTION2_A4D0D10A7C904C278F61ACDEBFCEDDA5)).
- * ![result_select](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/utility-network-trace/result_select.png)
+ * ![result_select](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/utility-network-trace/result_select.png)
  *
  * The resulting selection of features can be visualized in a list organized by asset groups and asset types if the [showSelectionAttributes](https://developers.arcgis.com/javascript/latest/references/core/widgets/UtilityNetworkTrace/#showSelectionAttributes) property is `true`.
  *
- * ![results_panels](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/utility-network-trace/results_panels.png)
+ * ![results_panels](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/utility-network-trace/results_panels.png)
  * In the image above, the left image displays a list of trace results filtered by asset group. The center image displays a list of asset types for the asset group "Service Point". The right image displays a list of features for the asset type "Single Phase Low Voltage Meter".
  *
  * Nonspatial data can be included as trace starting points and barriers. Additionally, users can examine nonspatial data within the trace results.
  *
- * ![nonspatial_add](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/utility-network-trace/nonspatial_add.gif)
+ * ![nonspatial_add](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/utility-network-trace/nonspatial_add.gif)
  * > [!WARNING]
  * >
  * > **Notes**

package/widgets/UtilityNetworkValidateTopology.d.ts

@@ -43,7 +43,7 @@ export type UtilityNetworkValidateTopologyExtentOption = "current" | "entire";
  * minimizing the amount of code required for such operations.
  *
  * The following image demonstrates an example of validating a network topology using the widget after an edit results in a dirty area feature.
- * ![un-validate-topology-editor](https://developers.arcgis.com/javascript/latest/assets/images/apiref/widgets/utility-network-validate-topology/un-validate-topology-editor-rn.gif)
+ * ![un-validate-topology-editor](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/utility-network-validate-topology/un-validate-topology-editor-rn.gif)
  * > [!CAUTION]
  * >
  * > **Notes**