@arcgis/map-components 5.1.0-next.11 → 5.1.0-next.111

package/dist/components/arcgis-slider-classed-size-legacy/customElement.d.ts

@@ -1,10 +1,10 @@
 /// <reference path="../../index.d.ts" />
-import type ClassBreakInfo from "@arcgis/core/renderers/support/ClassBreakInfo";
+import type ClassBreakInfo from "@arcgis/core/renderers/support/ClassBreakInfo.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { ClassBreaksRendererResult } from "@arcgis/core/smartMapping/renderers/size";
-import type { HistogramResult } from "@arcgis/core/smartMapping/statistics/types";
+import type { ClassBreaksRendererResult } from "@arcgis/core/smartMapping/renderers/size.js";
+import type { HistogramResult } from "@arcgis/core/smartMapping/statistics/types.js";
 import type { ArcgisReferenceElement, IconName } from "../types.js";
-import type { ThumbDragEvent, ThumbChangeEvent } from "@arcgis/core/widgets/Slider/types";
+import type { ThumbDragEvent, ThumbChangeEvent } from "@arcgis/core/widgets/Slider/types.js";
 import type { SizeBreak, HistogramConfig } from "@arcgis/core/widgets/smartMapping/types.js";
 import type { LabelFormatFunction, InputParseFunction } from "@arcgis/core/widgets/types.js";
 import type { ClassedSizeSliderStyle } from "@arcgis/core/widgets/smartMapping/ClassedSizeSlider.js";
@@ -15,17 +15,17 @@ import type { SmartMappingSliderBaseState } from "@arcgis/core/widgets/smartMapp
  * >
  * > This is a **legacy component**. It relies on an underlying widget as part of our migration to native web components.
  * >
- * > A fully native replacement for this component is in development. Once it reaches feature parity, the legacy component will be deprecated and no longer maintained. At that point, new development should use the native component.
+ * > A fully native replacement for this component is in development. Once it reaches feature parity, the legacy component will be deprecated and no longer maintained. At that point, development should use the native component.
  *
  * The Classed Size Slider component is designed for authoring and exploring data-driven visualizations in any
  * layer that can be rendered with size in a [ClassBreaksRenderer](https://developers.arcgis.com/javascript/latest/references/core/renderers/ClassBreaksRenderer/).
  *
  * See the image below for a summary of the configurable options available on this slider.
  *
- * ![Classed Size Slider with annotations](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sliders/classedsizeslider-labels.png "Classed Size Slider with annotations")
+ * ![Classed Size Slider with annotations](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sliders/classedsizeslider-labels.avif "Classed Size Slider with annotations")
  *
- * The [updateFromRendererResult()](#updateFromRendererResult) method can be used to intelligently populate slider properties including
- * [max](#max), [min](#min), the [classBreakInfos](https://developers.arcgis.com/javascript/latest/references/core/renderers/ClassBreaksRenderer/#classBreakInfos) configuration,
+ * The [updateFromRendererResult()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-classed-size-legacy/#updateFromRendererResult) method can be used to intelligently populate slider properties including
+ * [max](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-classed-size-legacy/#max), [min](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-classed-size-legacy/#min), the [classBreakInfos](https://developers.arcgis.com/javascript/latest/references/core/renderers/ClassBreaksRenderer/#classBreakInfos) configuration,
  * and the slider's histogram after the renderer has been created from the result of the [createClassBreaksRenderer](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/renderers/size/#createClassBreaksRenderer)
  * method.
  *
@@ -143,12 +143,12 @@ export abstract class ArcgisSliderClassedSizeLegacy extends LitElement {
    * 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/references/core/widgets/sliders/slider-no-input-formatter.avif "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/references/core/widgets/sliders/slider-input-formatter.avif "Slider with input formatter")
    *
    * However, if an `inputFormatFunction` is specified, you must also write a corresponding
    * [inputParseFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-classed-size-legacy/#inputParseFunction) to parse user inputs to understandable slider values. In most cases, if
@@ -224,7 +224,7 @@ export abstract class ArcgisSliderClassedSizeLegacy extends LitElement {
    */
   accessor labelFormatFunction: LabelFormatFunction | null | undefined;
   /**
-   * The maximum value or upper bound of the slider. Once the slider has rendered with the [updateFromRendererResult()](#updateFromRendererResult) method,
+   * The maximum value or upper bound of the slider. Once the slider has rendered with the [updateFromRendererResult()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-classed-size-legacy/#updateFromRendererResult) method,
    * the user may change this property by selecting the label containing the max value on the slider UI. It is the responsibility of the app developer
    * to set up event listeners that update the breaks of the appropriate renderer.
    *
@@ -235,7 +235,7 @@ export abstract class ArcgisSliderClassedSizeLegacy extends LitElement {
    */
   accessor max: number;
   /**
-   * The minimum value or lower bound of the slider. Once the slider has rendered with the [updateFromRendererResult()](#updateFromRendererResult) method,
+   * The minimum value or lower bound of the slider. Once the slider has rendered with the [updateFromRendererResult()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-classed-size-legacy/#updateFromRendererResult) method,
    * the user may change this property by selecting the label containing the min value on the slider UI. It is the responsibility of the app developer
    * to set up event listeners that update the breaks of the appropriate renderer.
    *
@@ -280,7 +280,7 @@ export abstract class ArcgisSliderClassedSizeLegacy extends LitElement {
    */
   accessor sliderStyle: ClassedSizeSliderStyle;
   /** The current state of the component. */
-  accessor state: SmartMappingSliderBaseState;
+  get state(): SmartMappingSliderBaseState;
   /** Permanently destroy the component. */
   destroy(): Promise<void>;
   /**
@@ -290,7 +290,7 @@ export abstract class ArcgisSliderClassedSizeLegacy extends LitElement {
    *
    * The number of breaks from the renderer must match the number of breaks in the slider.
    * Generally, the input breaks for this method should come from the same renderer as one
-   * used to create the slider with the [updateFromRendererResult()](#updateFromRendererResult) method.
+   * used to create the slider with the [updateFromRendererResult()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-classed-size-legacy/#updateFromRendererResult) method.
    *
    * @param breakInfos - The classBreakInfos
    *   from a [ClassBreaksRenderer](https://developers.arcgis.com/javascript/latest/references/core/renderers/ClassBreaksRenderer/) instance to update based on

package/dist/components/arcgis-slider-classed-size-legacy/customElement.js

@@ -12,7 +12,7 @@ class h extends l {
     super(...arguments), this.widget = _(this), this.viewModel = this.widget.viewModel, this.label = this.widget.label, this.autoDestroyDisabled = !1, this.breaks = this.widget.breaks, this.histogramConfig = this.widget.histogramConfig, this.icon = this.widget.icon, this.inputFormatFunction = this.widget.inputFormatFunction, this.inputParseFunction = this.widget.inputParseFunction, this.labelFormatFunction = this.widget.labelFormatFunction, this.max = this.widget.max, this.min = this.widget.min, this.precision = this.widget.precision, this.sliderStyle = this.widget.style, this.state = this.widget.state, this.arcgisPropertyChange = d()("breaks", "histogramConfig", "max", "min", "precision", "sliderStyle", "state"), this.arcgisReady = a(), this.arcgisThumbChange = i(() => this.widget, "thumb-change"), this.arcgisThumbDrag = i(() => this.widget, "thumb-drag");
   }
   static {
-    this.properties = { label: 16, autoDestroyDisabled: 5, breaks: 0, histogramConfig: 0, icon: 1, inputFormatFunction: 0, inputParseFunction: 0, labelFormatFunction: 0, max: 9, min: 9, precision: 9, referenceElement: 1, sliderStyle: 0, state: 1 };
+    this.properties = { label: 16, autoDestroyDisabled: 5, breaks: 0, histogramConfig: 0, icon: 1, inputFormatFunction: 0, inputParseFunction: 0, labelFormatFunction: 0, max: 9, min: 9, precision: 9, referenceElement: 1, sliderStyle: 0, state: 32 };
   }
   static {
     this.styles = c;

package/dist/components/arcgis-slider-color-legacy/customElement.d.ts

@@ -1,10 +1,10 @@
 /// <reference path="../../index.d.ts" />
 import type ColorStop from "@arcgis/core/renderers/visualVariables/support/ColorStop.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { ContinuousRendererResult } from "@arcgis/core/smartMapping/renderers/color";
-import type { HistogramResult } from "@arcgis/core/smartMapping/statistics/types";
+import type { ContinuousRendererResult } from "@arcgis/core/smartMapping/renderers/color.js";
+import type { HistogramResult } from "@arcgis/core/smartMapping/statistics/types.js";
 import type { ArcgisReferenceElement, IconName } from "../types.js";
-import type { ThumbDragEvent, ThumbChangeEvent } from "@arcgis/core/widgets/Slider/types";
+import type { ThumbDragEvent, ThumbChangeEvent } from "@arcgis/core/widgets/Slider/types.js";
 import type { HistogramConfig, ZoomOptions } from "@arcgis/core/widgets/smartMapping/types.js";
 import type { LabelFormatFunction, InputParseFunction } from "@arcgis/core/widgets/types.js";
 
@@ -13,7 +13,7 @@ import type { LabelFormatFunction, InputParseFunction } from "@arcgis/core/widge
  * >
  * > This is a **legacy component**. It relies on an underlying widget as part of our migration to native web components.
  * >
- * > A fully native replacement for this component is in development. Once it reaches feature parity, the legacy component will be deprecated and no longer maintained. At that point, new development should use the native component.
+ * > A fully native replacement for this component is in development. Once it reaches feature parity, the legacy component will be deprecated and no longer maintained. At that point, development should use the native component.
  *
  * The Color Slider component is intended for authoring and exploring data-driven visualizations in any
  * layer that can be rendered with a [ColorVariable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/ColorVariable/).
@@ -21,10 +21,10 @@ import type { LabelFormatFunction, InputParseFunction } from "@arcgis/core/widge
  * <span id="image-annotations"></span>
  * See the image below for a summary of the configurable options available on this slider.
  *
- * ![Color Slider with annotations](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sliders/colorslider-2-labels.png "Color Slider with annotations")
+ * ![Color Slider with annotations](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sliders/colorslider-2-labels.avif "Color Slider with annotations")
  *
- * The [updateFromRendererResult()](#updateFromRendererResult) method can be used to intelligently populate slider properties including
- * [max](#max), [min](#min), the [color visual variable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/ColorVariable/) configuration,
+ * The [updateFromRendererResult()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-legacy/#updateFromRendererResult) method can be used to intelligently populate slider properties including
+ * [max](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-legacy/#max), [min](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-legacy/#min), the [color visual variable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/ColorVariable/) configuration,
  * and the slider's histogram after the renderer has been created from the result of the [createContinuousRenderer()](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/renderers/color/#createContinuousRenderer) method.
  *
  * ```js
@@ -100,7 +100,7 @@ export abstract class ArcgisSliderColorLegacy extends LitElement {
   accessor autoDestroyDisabled: boolean;
   /**
    * Only applicable when three thumbs (i.e. handles) are set on the
-   * slider (i.e. when [primaryHandleEnabled](#primaryHandleEnabled) is `true`). This property
+   * slider (i.e. when [primaryHandleEnabled](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-legacy/#primaryHandleEnabled) is `true`). This property
    * indicates whether the position of the outside handles are synced with the middle, or primary,
    * handle. When enabled, if the primary handle is moved then the outside handle positions are updated
    * while maintaining a fixed distance from the primary handle.
@@ -149,12 +149,12 @@ export abstract class ArcgisSliderColorLegacy extends LitElement {
    * 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/references/core/widgets/sliders/slider-no-input-formatter.avif "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/references/core/widgets/sliders/slider-input-formatter.avif "Slider with input formatter")
    *
    * However, if an `inputFormatFunction` is specified, you must also write a corresponding
    * [inputParseFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-legacy/#inputParseFunction) to parse user inputs to understandable slider values. In most cases, if
@@ -230,7 +230,7 @@ export abstract class ArcgisSliderColorLegacy extends LitElement {
    */
   accessor labelFormatFunction: LabelFormatFunction | null | undefined;
   /**
-   * The maximum value or upper bound of the slider. Once the slider has rendered with the [updateFromRendererResult()](#updateFromRendererResult) method,
+   * The maximum value or upper bound of the slider. Once the slider has rendered with the [updateFromRendererResult()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-legacy/#updateFromRendererResult) method,
    * the user may change this property by selecting the label containing the max value on the slider UI. It is the responsibility of the app developer
    * to set up event listeners that update the color variable of the appropriate renderer.
    *
@@ -241,7 +241,7 @@ export abstract class ArcgisSliderColorLegacy extends LitElement {
    */
   accessor max: number;
   /**
-   * The minimum value or lower bound of the slider. Once the slider has rendered with the [updateFromRendererResult()](#updateFromRendererResult) method,
+   * The minimum value or lower bound of the slider. Once the slider has rendered with the [updateFromRendererResult()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-legacy/#updateFromRendererResult) method,
    * the user may change this property by selecting the label containing the min value on the slider UI. It is the responsibility of the app developer
    * to set up event listeners that update the color variable of the appropriate renderer.
    *
@@ -267,10 +267,10 @@ export abstract class ArcgisSliderColorLegacy extends LitElement {
   accessor precision: number;
   /**
    * When `true`, the slider will render a third handle between the two handles already provided by default. This is the primary handle.
-   * Three or five [stops](#stops) must be defined for the primary handle to render.
+   * Three or five [stops](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-legacy/#stops) must be defined for the primary handle to render.
    * The primary handle represents the middle stop.
    *
-   * When [handlesSyncedToPrimary](#handlesSyncedToPrimary) is `true`, then this handle will control the position of the others when moved.
+   * When [handlesSyncedToPrimary](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-legacy/#handlesSyncedToPrimary) is `true`, then this handle will control the position of the others when moved.
    *
    * This is typically used in diverging, or `above-and-below` renderer configurations.
    *
@@ -305,21 +305,21 @@ export abstract class ArcgisSliderColorLegacy extends LitElement {
    */
   accessor stops: Array<ColorStop>;
   /**
-   * Zooms the slider track to the bounds provided in this property. When min and/or max zoom values are provided, the absolute [min](#min) and
-   * [max](#max) slider values are preserved and rendered at their typical positions on the slider. However, the
+   * Zooms the slider track to the bounds provided in this property. When min and/or max zoom values are provided, the absolute [min](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-legacy/#min) and
+   * [max](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-legacy/#max) slider values are preserved and rendered at their typical positions on the slider. However, the
    *  slider track itself is zoomed so that thumbs cannot be moved above or below the provided min and max zoomed values.
    *
    *  When a slider is in a zoomed state, the zoomed ends of the track will appear jagged. In the image below, notice how the
    *  top thumb cannot be moved past the zoom max of `31` even though the slider max is `200`.
    *
-   *  ![slider-zoom](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sliders/slider-zoomed.png "Zoomed slider")
+   *  ![slider-zoom](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sliders/slider-zoomed.avif "Zoomed slider")
    *
    *  To exit a zoomed state, the user can click the jagged line or the developer can set the `zoomOptions` to `null`. It
    *  is up to the developer to provide a UI option for end users to enable zooming on the slider.
    *
    *  Setting the `zoomOptions` is useful when the slider is tied to heavily skewed datasets where the histogram renders only one or two bars because of outliers.
    *
-   *  ![slider-not-zoomed](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sliders/slider-skewed-not-zoomed.png "Unzoomed slider")
+   *  ![slider-not-zoomed](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sliders/slider-skewed-not-zoomed.avif "Unzoomed slider")
    *
    *  You can remove the influence of outliers by zooming the slider and regenerating a histogram based on the zoomed min and max. This will provide a better view of the data
    *  and make the slider more useful to the end user.

package/dist/components/arcgis-slider-color-size-legacy/customElement.d.ts

@@ -2,10 +2,10 @@
 import type ColorSizeStop from "@arcgis/core/renderers/visualVariables/support/ColorSizeStop.js";
 import type { VisualVariable } from "@arcgis/core/widgets/smartMapping/ColorSizeSlider.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { HistogramResult } from "@arcgis/core/smartMapping/statistics/types";
-import type { RendererResult } from "@arcgis/core/smartMapping/renderers/univariateColorSize";
+import type { HistogramResult } from "@arcgis/core/smartMapping/statistics/types.js";
+import type { RendererResult } from "@arcgis/core/smartMapping/renderers/univariateColorSize.js";
 import type { ArcgisReferenceElement, IconName } from "../types.js";
-import type { ThumbDragEvent, ThumbChangeEvent } from "@arcgis/core/widgets/Slider/types";
+import type { ThumbDragEvent, ThumbChangeEvent } from "@arcgis/core/widgets/Slider/types.js";
 import type { HistogramConfig, ZoomOptions } from "@arcgis/core/widgets/smartMapping/types.js";
 import type { LabelFormatFunction, InputParseFunction } from "@arcgis/core/widgets/types.js";
 import type { SmartMappingSliderBaseState } from "@arcgis/core/widgets/smartMapping/SmartMappingSliderBase.js";
@@ -15,7 +15,7 @@ import type { SmartMappingSliderBaseState } from "@arcgis/core/widgets/smartMapp
  * >
  * > This is a **legacy component**. It relies on an underlying widget as part of our migration to native web components.
  * >
- * > A fully native replacement for this component is in development. Once it reaches feature parity, the legacy component will be deprecated and no longer maintained. At that point, new development should use the native component.
+ * > A fully native replacement for this component is in development. Once it reaches feature parity, the legacy component will be deprecated and no longer maintained. At that point, development should use the native component.
  *
  * The Color Size Slider component is intended for authoring and exploring data-driven visualizations in any
  * layer that can be rendered with a [ColorVariable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/ColorVariable/) and
@@ -29,16 +29,16 @@ import type { SmartMappingSliderBaseState } from "@arcgis/core/widgets/smartMapp
  * far apart from one another; the feature furthest from the [Camera](https://developers.arcgis.com/javascript/latest/references/core/Camera/) will appear smaller than
  * the feature closer to the camera. The color variable can help the user understand that both features have similar values.
  *
- * ![Slider Color Size with perspective](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sliders/colorsizeslider-perspective.png "Slider Color Size with perspective")
+ * ![Slider Color Size with perspective](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sliders/colorsizeslider-perspective.avif "Slider Color Size with perspective")
  *
  * See the image below for a summary of the configurable options available on this slider.
  *
- * ![Slider Color Size with annotations](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sliders/colorsizeslider-labels.png "Slider Color Size with annotations")
+ * ![Slider Color Size with annotations](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sliders/colorsizeslider-labels.avif "Slider Color Size with annotations")
  *
- * The [updateFromRendererResult()](#updateFromRendererResult) method can be used to intelligently populate slider properties including
- * [max](#max), [min](#min), [size visual variable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/SizeVariable/) configuration,
+ * The [updateFromRendererResult()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-size-legacy/#updateFromRendererResult) method can be used to intelligently populate slider properties including
+ * [max](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-size-legacy/#max), [min](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-size-legacy/#min), [size visual variable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/SizeVariable/) configuration,
  * [color visual variable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/ColorVariable/) configuration, and the slider's histogram after the
- * renderer has been created from the result of the [createContinuousRenderer](#createContinuousRenderer) method.
+ * renderer has been created from the result of the [createContinuousRenderer()](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/renderers/univariateColorSize/#createContinuousRenderer) method.
  *
  * ```js
  * const colorAndSizeRendererCreator = await import("@arcgis/core/smartMapping/renderers/univariateColorSize.js");
@@ -107,7 +107,7 @@ export abstract class ArcgisSliderColorSizeLegacy extends LitElement {
   accessor autoDestroyDisabled: boolean;
   /**
    * Only applicable when three thumbs (i.e. handles) are set on the
-   * slider (i.e. when [primaryHandleEnabled](#primaryHandleEnabled) is `true`). This property
+   * slider (i.e. when [primaryHandleEnabled](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-size-legacy/#primaryHandleEnabled) is `true`). This property
    * indicates whether the position of the outside handles are synced with the middle, or primary,
    * handle. When enabled, if the primary handle is moved then the outside handle positions are updated
    * while maintaining a fixed distance from the primary handle.
@@ -157,12 +157,12 @@ export abstract class ArcgisSliderColorSizeLegacy extends LitElement {
    * 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/references/core/widgets/sliders/slider-no-input-formatter.avif "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/references/core/widgets/sliders/slider-input-formatter.avif "Slider with input formatter")
    *
    * However, if an `inputFormatFunction` is specified, you must also write a corresponding
    * [inputParseFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-size-legacy/#inputParseFunction) to parse user inputs to understandable slider values. In most cases, if
@@ -238,7 +238,7 @@ export abstract class ArcgisSliderColorSizeLegacy extends LitElement {
    */
   accessor labelFormatFunction: LabelFormatFunction | null | undefined;
   /**
-   * The maximum value or upper bound of the slider. Once the slider has rendered with the [updateFromRendererResult()](#updateFromRendererResult) method,
+   * The maximum value or upper bound of the slider. Once the slider has rendered with the [updateFromRendererResult()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-size-legacy/#updateFromRendererResult) method,
    * the user may change this property by selecting the label containing the max value on the slider UI. It is the responsibility of the app developer
    * to set up event listeners that update the color and size variables of the appropriate renderer.
    *
@@ -249,7 +249,7 @@ export abstract class ArcgisSliderColorSizeLegacy extends LitElement {
    */
   accessor max: number;
   /**
-   * The minimum value or lower bound of the slider. Once the slider has rendered with the [updateFromRendererResult()](#updateFromRendererResult) method,
+   * The minimum value or lower bound of the slider. Once the slider has rendered with the [updateFromRendererResult()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-size-legacy/#updateFromRendererResult) method,
    * the user may change this property by selecting the label containing the min value on the slider UI. It is the responsibility of the app developer
    * to set up event listeners that update the color and size variables of the appropriate renderer.
    *
@@ -260,12 +260,12 @@ export abstract class ArcgisSliderColorSizeLegacy extends LitElement {
   accessor min: number;
   /**
    * Only applicable when three thumbs (i.e. handles) are set on the
-   * slider (i.e. when [primaryHandleEnabled](#primaryHandleEnabled) is `true`).
+   * slider (i.e. when [primaryHandleEnabled](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-size-legacy/#primaryHandleEnabled) is `true`).
    * This property is typically used in diverging, or `above-and-below` renderer configurations.
    *
    * When `true`, ensures symbol sizes in the `above` range
    * are consistent with symbol sizes in the `below` range for all slider thumb positions.
-   * In other words, the size values in the [stops](#stops) will adjust
+   * In other words, the size values in the [stops](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-size-legacy/#stops) will adjust
    * proportionally according to the positions of the data values within the
    * constraints of the size range (maxSize - minSize) as the slider thumbs update.
    * When `false`, size values in the stops will remain the same even when slider thumb values
@@ -300,10 +300,10 @@ export abstract class ArcgisSliderColorSizeLegacy extends LitElement {
   /**
    * When `true`, the slider will render a third handle between the
    * two handles already provided by default. This is the primary handle.
-   * Three or five [stops](#stops) must be defined for the primary handle to render.
+   * Three or five [stops](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-size-legacy/#stops) must be defined for the primary handle to render.
    * The primary handle represents the middle stop.
    *
-   * When [handlesSyncedToPrimary](#handlesSyncedToPrimary) is `true`, then
+   * When [handlesSyncedToPrimary](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-size-legacy/#handlesSyncedToPrimary) is `true`, then
    * this handle will control the position of the others when moved.
    *
    * This is typically used in diverging, or `above-and-below` renderer configurations.
@@ -327,17 +327,17 @@ export abstract class ArcgisSliderColorSizeLegacy extends LitElement {
    */
   accessor referenceElement: ArcgisReferenceElement | string | undefined;
   /** The current state of the component. */
-  accessor state: SmartMappingSliderBaseState;
+  get state(): SmartMappingSliderBaseState;
   /**
    * The colors and sizes corresponding with data values in the [ColorVariable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/ColorVariable/)
    * and [SizeVariable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/SizeVariable/) of the renderer associated with the slider.
    *
-   * Use the [updateFromRendererResult()](#updateFromRendererResult) method to conveniently construct these stops from a renderer generated from the [createContinuousRenderer()](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/renderers/univariateColorSize/#createContinuousRenderer) smart mapping module.
+   * Use the [updateFromRendererResult()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-size-legacy/#updateFromRendererResult) method to conveniently construct these stops from a renderer generated from the [createContinuousRenderer()](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/renderers/univariateColorSize/#createContinuousRenderer) smart mapping module.
    *
-   * Use [updateVisualVariables()](#updateVisualVariables) to update the renderer's visual variables with the values matching the slider thumb positions.
+   * Use [updateVisualVariables()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-size-legacy/#updateVisualVariables) to update the renderer's visual variables with the values matching the slider thumb positions.
    *
-   * @see [updateFromRendererResult()](#updateFromRendererResult)
-   * @see [updateVisualVariables()](#updateVisualVariables)
+   * @see [updateFromRendererResult()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-size-legacy/#updateFromRendererResult)
+   * @see [updateVisualVariables()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-size-legacy/#updateVisualVariables)
    * @example
    * ```js
    * colorSizeSlider.stops = [
@@ -348,21 +348,21 @@ export abstract class ArcgisSliderColorSizeLegacy extends LitElement {
    */
   accessor stops: Array<ColorSizeStop>;
   /**
-   * Zooms the slider track to the bounds provided in this property. When min and/or max zoom values are provided, the absolute [min](#min) and
-   * [max](#max) slider values are preserved and rendered at their typical positions on the slider. However, the
+   * Zooms the slider track to the bounds provided in this property. When min and/or max zoom values are provided, the absolute [min](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-size-legacy/#min) and
+   * [max](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-size-legacy/#max) slider values are preserved and rendered at their typical positions on the slider. However, the
    *  slider track itself is zoomed so that thumbs cannot be moved above or below the provided min and max zoomed values.
    *
    *  When a slider is in a zoomed state, the zoomed ends of the track will appear jagged. In the image below, notice how the
    *  top thumb cannot be moved past the zoom max of `31` even though the slider max is `200`.
    *
-   *  ![slider-zoom](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sliders/slider-zoomed.png "Zoomed slider")
+   *  ![slider-zoom](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sliders/slider-zoomed.avif "Zoomed slider")
    *
    *  To exit a zoomed state, the user can click the jagged line or the developer can set the `zoomOptions` to `null`. It
    *  is up to the developer to provide a UI option for end users to enable zooming on the slider.
    *
    *  Setting the `zoomOptions` is useful when the slider is tied to heavily skewed datasets where the histogram renders only one or two bars because of outliers.
    *
-   *  ![slider-not-zoomed](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sliders/slider-skewed-not-zoomed.png "Unzoomed slider")
+   *  ![slider-not-zoomed](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sliders/slider-skewed-not-zoomed.avif "Unzoomed slider")
    *
    *  You can remove the influence of outliers by zooming the slider and regenerating a histogram based on the zoomed min and max. This will provide a better view of the data
    *  and make the slider more useful to the end user.

package/dist/components/arcgis-slider-color-size-legacy/customElement.js

@@ -12,7 +12,7 @@ class _ extends l {
     super(...arguments), this.widget = h(this), this.viewModel = this.widget.viewModel, this.label = this.widget.label, this.autoDestroyDisabled = !1, this.handlesSyncedToPrimary = this.widget.handlesSyncedToPrimary, this.histogramConfig = this.widget.histogramConfig, this.icon = this.widget.icon, this.inputFormatFunction = this.widget.inputFormatFunction, this.inputParseFunction = this.widget.inputParseFunction, this.labelFormatFunction = this.widget.labelFormatFunction, this.max = this.widget.max, this.min = this.widget.min, this.persistSizeRangeEnabled = this.widget.persistSizeRangeEnabled, this.precision = this.widget.precision, this.primaryHandleEnabled = this.widget.primaryHandleEnabled, this.state = this.widget.state, this.stops = this.widget.stops, this.zoomOptions = this.widget.zoomOptions, this.arcgisPropertyChange = d()("histogramConfig", "max", "min", "precision", "state", "stops", "zoomOptions"), this.arcgisReady = a(), this.arcgisThumbChange = i(() => this.widget, "thumb-change"), this.arcgisThumbDrag = i(() => this.widget, "thumb-drag");
   }
   static {
-    this.properties = { label: 16, autoDestroyDisabled: 5, handlesSyncedToPrimary: 5, histogramConfig: 0, icon: 1, inputFormatFunction: 0, inputParseFunction: 0, labelFormatFunction: 0, max: 9, min: 9, persistSizeRangeEnabled: 5, precision: 9, primaryHandleEnabled: 5, referenceElement: 1, state: 1, stops: 0, zoomOptions: 0 };
+    this.properties = { label: 16, autoDestroyDisabled: 5, handlesSyncedToPrimary: 5, histogramConfig: 0, icon: 1, inputFormatFunction: 0, inputParseFunction: 0, labelFormatFunction: 0, max: 9, min: 9, persistSizeRangeEnabled: 5, precision: 9, primaryHandleEnabled: 5, referenceElement: 1, state: 32, stops: 0, zoomOptions: 0 };
   }
   static {
     this.styles = c;

package/dist/components/arcgis-slider-heatmap-legacy/customElement.d.ts

@@ -2,7 +2,7 @@
 import type HeatmapColorStop from "@arcgis/core/renderers/support/HeatmapColorStop.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { ArcgisReferenceElement, IconName } from "../types.js";
-import type { ThumbDragEvent, ThumbChangeEvent } from "@arcgis/core/widgets/Slider/types";
+import type { ThumbDragEvent, ThumbChangeEvent } from "@arcgis/core/widgets/Slider/types.js";
 import type { SmartMappingSliderBaseState } from "@arcgis/core/widgets/smartMapping/SmartMappingSliderBase.js";
 
 /**
@@ -10,14 +10,14 @@ import type { SmartMappingSliderBaseState } from "@arcgis/core/widgets/smartMapp
  * >
  * > This is a **legacy component**. It relies on an underlying widget as part of our migration to native web components.
  * >
- * > A fully native replacement for this component is in development. Once it reaches feature parity, the legacy component will be deprecated and no longer maintained. At that point, new development should use the native component.
+ * > A fully native replacement for this component is in development. Once it reaches feature parity, the legacy component will be deprecated and no longer maintained. At that point, development should use the native component.
  *
  * The Heatmap Slider component is intended for authoring and exploring data-driven visualizations in any
  * layer that can be rendered with a [HeatmapRenderer](https://developers.arcgis.com/javascript/latest/references/core/renderers/HeatmapRenderer/).
  *
  * See the image below for a summary of the configurable options available on this slider.
  *
- * ![Heatmap Slider with annotations](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sliders/heatmapslider-labels.png "Heatmap Slider with annotations")
+ * ![Heatmap Slider with annotations](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sliders/heatmapslider-labels.avif "Heatmap Slider with annotations")
  *
  * ```js
  * const viewElement = document.querySelector("arcgis-map")!;
@@ -45,7 +45,7 @@ import type { SmartMappingSliderBaseState } from "@arcgis/core/widgets/smartMapp
  *
  * This slider should be used to update the [colorStops](https://developers.arcgis.com/javascript/latest/references/core/renderers/HeatmapRenderer/#colorStops)
  * property in a HeatmapRenderer. It is the responsibility of the app developer
- * to set up event listeners on this slider to update the renderer's colorStops based on how the [stops](#stops) property was recalculated.
+ * to set up event listeners on this slider to update the renderer's colorStops based on how the [stops](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-heatmap-legacy/#stops) property was recalculated.
  *
  * ```js
  * const updateRendererFromSlider = () => {
@@ -108,7 +108,7 @@ export abstract class ArcgisSliderHeatmapLegacy extends LitElement {
    */
   accessor referenceElement: ArcgisReferenceElement | string | undefined;
   /** The current state of the component. */
-  accessor state: SmartMappingSliderBaseState;
+  get state(): SmartMappingSliderBaseState;
   /**
    * The color stops of the [HeatmapRenderer](https://developers.arcgis.com/javascript/latest/references/core/renderers/HeatmapRenderer/) to associate with the slider.
    *

package/dist/components/arcgis-slider-heatmap-legacy/customElement.js

@@ -12,7 +12,7 @@ class c extends o {
     super(...arguments), this.widget = n(this), this.viewModel = this.widget.viewModel, this.label = this.widget.label, this.autoDestroyDisabled = !1, this.icon = this.widget.icon, this.max = this.widget.max, this.min = this.widget.min, this.precision = this.widget.precision, this.state = this.widget.state, this.stops = this.widget.stops, this.arcgisPropertyChange = s()("precision", "state", "stops"), this.arcgisReady = a(), this.arcgisThumbChange = e(() => this.widget, "thumb-change"), this.arcgisThumbDrag = e(() => this.widget, "thumb-drag");
   }
   static {
-    this.properties = { label: 16, autoDestroyDisabled: 5, icon: 1, max: 40, min: 40, precision: 9, referenceElement: 1, state: 1, stops: 0 };
+    this.properties = { label: 16, autoDestroyDisabled: 5, icon: 1, max: 40, min: 40, precision: 9, referenceElement: 1, state: 32, stops: 0 };
   }
   static {
     this.styles = d;

package/dist/components/arcgis-slider-opacity-legacy/customElement.d.ts

@@ -1,10 +1,10 @@
 /// <reference path="../../index.d.ts" />
 import type OpacityStop from "@arcgis/core/renderers/visualVariables/support/OpacityStop.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { VisualVariableResult } from "@arcgis/core/smartMapping/renderers/opacity";
-import type { HistogramResult } from "@arcgis/core/smartMapping/statistics/types";
+import type { VisualVariableResult } from "@arcgis/core/smartMapping/renderers/opacity.js";
+import type { HistogramResult } from "@arcgis/core/smartMapping/statistics/types.js";
 import type { ArcgisReferenceElement, IconName } from "../types.js";
-import type { ThumbDragEvent, ThumbChangeEvent } from "@arcgis/core/widgets/Slider/types";
+import type { ThumbDragEvent, ThumbChangeEvent } from "@arcgis/core/widgets/Slider/types.js";
 import type { HistogramConfig, ZoomOptions } from "@arcgis/core/widgets/smartMapping/types.js";
 import type { LabelFormatFunction, InputParseFunction } from "@arcgis/core/widgets/types.js";
 import type { OpacitySliderStyle } from "@arcgis/core/widgets/smartMapping/OpacitySlider.js";
@@ -15,7 +15,7 @@ import type { SmartMappingSliderBaseState } from "@arcgis/core/widgets/smartMapp
  * >
  * > This is a **legacy component**. It relies on an underlying widget as part of our migration to native web components.
  * >
- * > A fully native replacement for this component is in development. Once it reaches feature parity, the legacy component will be deprecated and no longer maintained. At that point, new development should use the native component.
+ * > A fully native replacement for this component is in development. Once it reaches feature parity, the legacy component will be deprecated and no longer maintained. At that point, development should use the native component.
  *
  * The Opacity Slider component is intended for authoring and exploring data-driven visualizations in any
  * layer that can be rendered with an [OpacityVariable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/OpacityVariable/).
@@ -23,9 +23,9 @@ import type { SmartMappingSliderBaseState } from "@arcgis/core/widgets/smartMapp
  * <span id="image-annotations"></span>
  * See the image below for a summary of the configurable options available on this slider.
  *
- * ![Opacity Slider with annotations](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sliders/opacityslider-labels.png "Opacity Slider with annotations")
+ * ![Opacity Slider with annotations](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sliders/opacityslider-labels.avif "Opacity Slider with annotations")
  *
- * The [updateFromVisualVariableResult()](#updateFromVisualVariableResult()) method can be used to intelligently populate slider properties including [max](#max), [min](#min),
+ * The [updateFromVisualVariableResult()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-opacity-legacy/#updateFromVisualVariableResult) method can be used to intelligently populate slider properties including [max](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-opacity-legacy/#max), [min](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-opacity-legacy/#min),
  * the [opacity visual variable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/OpacityVariable/) configuration,
  * and the slider's histogram after the renderer has been created from the result of the
  * [createVisualVariable()](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/renderers/opacity/#createVisualVariable) method.
@@ -137,12 +137,12 @@ export abstract class ArcgisSliderOpacityLegacy extends LitElement {
    * 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/references/core/widgets/sliders/slider-no-input-formatter.avif "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/references/core/widgets/sliders/slider-input-formatter.avif "Slider with input formatter")
    *
    * However, if an `inputFormatFunction` is specified, you must also write a corresponding
    * [inputParseFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-opacity-legacy/#inputParseFunction) to parse user inputs to understandable slider values. In most cases, if
@@ -218,7 +218,7 @@ export abstract class ArcgisSliderOpacityLegacy extends LitElement {
    */
   accessor labelFormatFunction: LabelFormatFunction | null | undefined;
   /**
-   * The maximum value or upper bound of the slider. Once the slider has rendered with the [updateFromVisualVariableResult()](#updateFromVisualVariableResult) method,
+   * The maximum value or upper bound of the slider. Once the slider has rendered with the [updateFromVisualVariableResult()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-opacity-legacy/#updateFromVisualVariableResult) method,
    * the user may change this property by selecting the label containing the max value on the slider UI. It is the responsibility of the app developer
    * to set up event listeners that update the opacity variable of the appropriate renderer.
    *
@@ -229,7 +229,7 @@ export abstract class ArcgisSliderOpacityLegacy extends LitElement {
    */
   accessor max: number;
   /**
-   * The minimum value or lower bound of the slider. Once the slider has rendered with the [updateFromVisualVariableResult()](#updateFromVisualVariableResult) method,
+   * The minimum value or lower bound of the slider. Once the slider has rendered with the [updateFromVisualVariableResult()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-opacity-legacy/#updateFromVisualVariableResult) method,
    * the user may change this property by selecting the label containing the min value on the slider UI. It is the responsibility of the app developer
    * to set up event listeners that update the opacity variable of the appropriate renderer.
    *
@@ -263,7 +263,7 @@ export abstract class ArcgisSliderOpacityLegacy extends LitElement {
    * Defines the color to be used within the slider's track. The renderer assigned to the layer can be used to
    * match the `trackFillColor` to the current layer symbology.
    *
-   * @see [Color](https://developers.arcgis.com/javascript/latest/references/core/esri-Color.html)
+   * @see [Color](https://developers.arcgis.com/javascript/latest/references/core/Color/)
    * @example
    * ```js
    * opacitySlider.sliderStyle = {
@@ -273,7 +273,7 @@ export abstract class ArcgisSliderOpacityLegacy extends LitElement {
    */
   accessor sliderStyle: OpacitySliderStyle;
   /** The current state of the component. */
-  accessor state: SmartMappingSliderBaseState;
+  get state(): SmartMappingSliderBaseState;
   /**
    * The opacity stops from the [OpacityVariable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/OpacityVariable/)
    * to link to the slider. The opacity values in these stops will be used
@@ -295,21 +295,21 @@ export abstract class ArcgisSliderOpacityLegacy extends LitElement {
    */
   accessor stops: Array<OpacityStop>;
   /**
-   * Zooms the slider track to the bounds provided in this property. When min and/or max zoom values are provided, the absolute [min](#min) and
-   * [max](#max) slider values are preserved and rendered at their typical positions on the slider. However, the
+   * Zooms the slider track to the bounds provided in this property. When min and/or max zoom values are provided, the absolute [min](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-opacity-legacy/#min) and
+   * [max](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-opacity-legacy/#max) slider values are preserved and rendered at their typical positions on the slider. However, the
    *  slider track itself is zoomed so that thumbs cannot be moved above or below the provided min and max zoomed values.
    *
    *  When a slider is in a zoomed state, the zoomed ends of the track will appear jagged. In the image below, notice how the
    *  top thumb cannot be moved past the zoom max of `31` even though the slider max is `200`.
    *
-   *  ![slider-zoom](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sliders/slider-zoomed.png "Zoomed slider")
+   *  ![slider-zoom](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sliders/slider-zoomed.avif "Zoomed slider")
    *
    *  To exit a zoomed state, the user can click the jagged line or the developer can set the `zoomOptions` to `null`. It
    *  is up to the developer to provide a UI option for end users to enable zooming on the slider.
    *
    *  Setting the `zoomOptions` is useful when the slider is tied to heavily skewed datasets where the histogram renders only one or two bars because of outliers.
    *
-   *  ![slider-not-zoomed](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sliders/slider-skewed-not-zoomed.png "Unzoomed slider")
+   *  ![slider-not-zoomed](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sliders/slider-skewed-not-zoomed.avif "Unzoomed slider")
    *
    *  You can remove the influence of outliers by zooming the slider and regenerating a histogram based on the zoomed min and max. This will provide a better view of the data
    *  and make the slider more useful to the end user.

package/dist/components/arcgis-slider-opacity-legacy/customElement.js

@@ -12,7 +12,7 @@ class h extends a {
     super(...arguments), this.widget = p(this), this.viewModel = this.widget.viewModel, this.label = this.widget.label, this.autoDestroyDisabled = !1, this.histogramConfig = this.widget.histogramConfig, this.icon = this.widget.icon, this.inputFormatFunction = this.widget.inputFormatFunction, this.inputParseFunction = this.widget.inputParseFunction, this.labelFormatFunction = this.widget.labelFormatFunction, this.max = this.widget.max, this.min = this.widget.min, this.precision = this.widget.precision, this.sliderStyle = this.widget.style, this.state = this.widget.state, this.stops = this.widget.stops, this.zoomOptions = this.widget.zoomOptions, this.arcgisPropertyChange = n()("histogramConfig", "max", "min", "precision", "sliderStyle", "state", "stops", "zoomOptions"), this.arcgisReady = d(), this.arcgisThumbChange = e(() => this.widget, "thumb-change"), this.arcgisThumbDrag = e(() => this.widget, "thumb-drag");
   }
   static {
-    this.properties = { label: 16, autoDestroyDisabled: 5, histogramConfig: 0, icon: 1, inputFormatFunction: 0, inputParseFunction: 0, labelFormatFunction: 0, max: 9, min: 9, precision: 9, referenceElement: 1, sliderStyle: 0, state: 1, stops: 0, zoomOptions: 0 };
+    this.properties = { label: 16, autoDestroyDisabled: 5, histogramConfig: 0, icon: 1, inputFormatFunction: 0, inputParseFunction: 0, labelFormatFunction: 0, max: 9, min: 9, precision: 9, referenceElement: 1, sliderStyle: 0, state: 32, stops: 0, zoomOptions: 0 };
   }
   static {
     this.styles = c;