@arcgis/map-components 5.1.0-next.17 → 5.1.0-next.19

package/dist/components/arcgis-popup/customElement.d.ts

@@ -85,7 +85,7 @@ import type { MapViewOrSceneView } from "@arcgis/core/views/MapViewOrSceneView.j
  * and [content](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/#content) properties.
  * When  content is set directly on the Popup instance it is not tied to a specific feature or layer.
  *
- * ![popup-basic-example](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/popup/popup-basic.png)
+ * ![popup-basic-example](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/popup/popup-basic.png)
  *
  * In the image above, the text "Marriage in Nassau County Census Tract 5177.01" is the popup's [heading](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/#heading).
  * The remaining text is the popup's [content](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/#content).

package/dist/components/arcgis-print-layout-advanced-options/customElement.js

@@ -1,7 +1,7 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as n } from "../../chunks/runtime.js";
 import { css as r, html as t } from "lit";
-import { watch as s } from "@arcgis/core/core/reactiveUtils.js";
+import { watch as l } from "@arcgis/core/core/reactiveUtils.js";
 import { LitElement as c } from "@arcgis/lumina";
 import { u as h } from "../../chunks/useHandles.js";
 const u = r`.advanced-options-container{padding:var(--calcite-spacing-xxs);display:flex;flex-direction:column;gap:var(--calcite-spacing-xs)}`, d = [
@@ -19,8 +19,8 @@ function p(i) {
   const { map: e, graphics: o } = i;
   return o?.length ? !0 : e?.allLayers.some((a) => {
     if (a.type === "feature" && "source" in a) {
-      const { type: l } = a.source;
-      return l !== "feature-layer" && l !== "ogc-feature";
+      const { type: s } = a.source;
+      return s !== "feature-layer" && s !== "ogc-feature";
     }
     return d.includes(a.type);
   }) ?? !1;
@@ -41,8 +41,8 @@ class g extends c {
   }
   loaded() {
     this.manager.onLifecycle(() => [
-      s(() => this.viewModel.templateOptions.id, (e) => {
-        this._handles.removeHandles("template-handle"), this._selectedTemplate = e ? this.viewModel.getLayoutTemplateById(e) ?? void 0 : void 0, this._handles.addHandles(s(() => [
+      l(() => this.viewModel.templateOptions.id, (e) => {
+        this._handles.removeHandles("template-handle"), this._selectedTemplate = e ? this.viewModel.getLayoutTemplateById(e) ?? void 0 : void 0, this._handles.addHandles(l(() => [
           this._selectedTemplate?.layoutTemplateInfo?.layoutOptions?.hasAuthorText,
           this._selectedTemplate?.layoutTemplateInfo?.layoutOptions?.hasCopyrightText,
           this._selectedTemplate?.layoutTemplateInfo?.layoutOptions?.hasLegend,
@@ -52,7 +52,7 @@ class g extends c {
           this._showAuthorInput = this._selectedTemplate?.layoutTemplateInfo?.layoutOptions?.hasAuthorText ?? !0, this._showCopyrightInput = this._selectedTemplate?.layoutTemplateInfo?.layoutOptions?.hasCopyrightText ?? !0, this._showLegendInput = this._selectedTemplate?.layoutTemplateInfo?.layoutOptions?.hasLegend ?? !0, this._showNorthArrowInput = !!this._selectedTemplate?.mapSurroundInfoOptions?.northArrow.length, this._showScaleBarInput = !!this._selectedTemplate?.mapSurroundInfoOptions?.scaleBar.length, this._showForceFeatureAttributes = p(this.viewModel.view) && !!this._selectedTemplate?.layoutItem?.id && !this.hideFeatureAttributes, this._showTablesInput = m(this.viewModel.view) && !!this._selectedTemplate?.layoutItem?.id && !this.hideIncludeTables;
         }, { initial: !0 }), "template-handle");
       }, { initial: !0 }),
-      s(() => [this.viewModel.portal?.user, this.autoPopulateAuthor], () => {
+      l(() => [this.viewModel.portal?.user, this.autoPopulateAuthor], () => {
         !this.viewModel.templateOptions.author && this.autoPopulateAuthor && this.viewModel.portal?.user?.username && (this.viewModel.templateOptions.author = this.viewModel.portal.user.username, this.requestUpdate());
       }, { initial: !0 })
     ]);
@@ -85,7 +85,7 @@ class g extends c {
     return this._showNorthArrowInput ? t`<div><calcite-label layout=inline><calcite-checkbox .checked=${!!this.viewModel.templateOptions.northArrowEnabled} @calciteCheckboxChange=${(e) => this.viewModel.templateOptions.northArrowEnabled = e.target.checked}></calcite-checkbox>${this.messages.northArrow}</calcite-label></div>` : null;
   }
   _renderScaleBarSection() {
-    return this._showScaleBarInput ? t`<div><calcite-label layout=inline><calcite-checkbox .checked=${!!this.viewModel.templateOptions.scaleBarEnabled} @calciteCheckboxChange=${(e) => this.viewModel.templateOptions.scaleBarEnabled = e.target.checked}></calcite-checkbox>${this.messages.scaleBar}</calcite-label>${this.viewModel.templateOptions.scaleBarEnabled ? t`<calcite-label>${this.messages.scaleBarUnit}<calcite-select label="Scale bar unit" .value=${this.viewModel.templateOptions.scaleBarUnit || void 0} @calciteSelectChange=${(e) => {
+    return this._showScaleBarInput ? t`<div><calcite-label layout=inline><calcite-checkbox .checked=${!!this.viewModel.templateOptions.scaleBarEnabled} @calciteCheckboxChange=${(e) => this.viewModel.templateOptions.scaleBarEnabled = e.target.checked}></calcite-checkbox>${this.messages.scaleBar}</calcite-label>${this.viewModel.templateOptions.scaleBarEnabled && !this._selectedTemplate?.layoutItem?.id ? t`<calcite-label>${this.messages.scaleBarUnit}<calcite-select label="Scale bar unit" .value=${this.viewModel.templateOptions.scaleBarUnit || void 0} @calciteSelectChange=${(e) => {
       this.viewModel.templateOptions.scaleBarUnit = e.target.value;
     }}><calcite-option value=kilometers>${this.messages.milesAndKilometers}</calcite-option><calcite-option value=meters>${this.messages.feetAndMeters}</calcite-option></calcite-select></calcite-label>` : null}</div>` : null;
   }

package/dist/components/arcgis-print-out-spatial-reference-input/customElement.js

@@ -33,7 +33,7 @@ class m extends o {
   }
   render() {
     const { messages: t, _outSpatialReference: a } = this;
-    return n`<div><calcite-label><div class="sr-label">${t.outSpatialReference}<calcite-link href=https://developers.arcgis.com/rest/services-reference/enterprise/using-spatial-references/ target=_blank>(WKID)</calcite-link></div><calcite-input-number data-input-name=outSpatialReference integer number-button-type=none .value=${this._outSpatialReference?.wkid?.toString() ?? ""} .max=${Number.MAX_SAFE_INTEGER} @calciteInputNumberInput=${({ currentTarget: l }) => {
+    return n`<div><calcite-label><div class="sr-label">${t.outSpatialReference}<calcite-link href=https://next.gha.afd.arcgis.com/rest/services-reference/enterprise/using-spatial-references/ target=_blank>(WKID)</calcite-link></div><calcite-input-number data-input-name=outSpatialReference integer number-button-type=none .value=${this._outSpatialReference?.wkid?.toString() ?? ""} .max=${Number.MAX_SAFE_INTEGER} @calciteInputNumberInput=${({ currentTarget: l }) => {
       const i = f(l.value);
       if (Number.isNaN(i) || i == null || i <= 0 || !Number.isFinite(i)) {
         l.value = `${a?.wkid ?? ""}`;

package/dist/components/arcgis-scale-bar/customElement.d.ts

@@ -1,8 +1,8 @@
 /// <reference path="../../index.d.ts" />
 import type MapView from "@arcgis/core/views/MapView.js";
-import type { MeasurementSystem } from "@arcgis/core/core/units.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { ArcgisReferenceElement } from "../types.js";
+import type { ScaleBarStyle, ScaleBarUnit } from "./types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
 /**
@@ -81,8 +81,4 @@ export abstract class ArcgisScaleBar extends LitElement {
   readonly "@eventTypes": {
     arcgisReady: ArcgisScaleBar["arcgisReady"]["detail"];
   };
-}
-
-export type ScaleBarStyle = "line" | "ruler";
-
-export type ScaleBarUnit = MeasurementSystem | "dual";
+}

package/dist/components/arcgis-scale-bar/types.d.ts

@@ -0,0 +1,5 @@
+import type { MeasurementSystem } from "@arcgis/core/core/units.js";
+
+export type ScaleBarStyle = "line" | "ruler";
+
+export type ScaleBarUnit = MeasurementSystem | "dual";

package/dist/components/arcgis-search/customElement.d.ts

@@ -10,6 +10,7 @@ import type { SearchViewModelEvents, SearchViewModelSelectResultEvent, SearchVie
 import type { ArcgisReferenceElement, IconName } from "../types.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { SuggestResult, SuggestResults, SearchResponse, SuggestResponse, SupportedSearchSource, SourcesHandler, SearchResults, SearchResult } from "@arcgis/core/widgets/Search/types.js";
+import type { ActiveMenu } from "./types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 import type { MapViewOrSceneView } from "@arcgis/core/views/MapViewOrSceneView.js";
 import type { GoToOverride } from "@arcgis/core/widgets/support/types.js";
@@ -56,7 +57,7 @@ export abstract class ArcgisSearch extends LitElement {
    * String value used as a hint for input text when searching on multiple sources. See
    * the image below to view the location and style of this text in the context of the component.
    *
-   * ![search-allPlaceholder](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/search-allplaceholder.png)
+   * ![search-allPlaceholder](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/search-allplaceholder.png)
    *
    * @default "Find address or place"
    */
@@ -152,7 +153,7 @@ export abstract class ArcgisSearch extends LitElement {
   /**
    * When `true`, will disable location services within the component.
    *
-   * ![locationDisabled](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/search-locationEnabled.png)
+   * ![locationDisabled](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/search-locationEnabled.png)
    *
    * **Note:**
    * The use of this property is only supported on secure origins.
@@ -296,11 +297,11 @@ export abstract class ArcgisSearch extends LitElement {
   /**
    * By default, the "All" option is displayed by default to search all sources:
    *
-   * ![search-searchAllDisabled-true](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/search-enablesearchingall-true.png)
+   * ![search-searchAllDisabled-true](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/search-enablesearchingall-true.png)
    *
    * When `true`, no option to search all sources at once is available:
    *
-   * ![search-searchAllDisabled-false](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/search-enablesearchingall-false.png)
+   * ![search-searchAllDisabled-false](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/search-enablesearchingall-false.png)
    *
    * @default false
    */
@@ -496,6 +497,4 @@ export abstract class ArcgisSearch extends LitElement {
     arcgisSuggestComplete: ArcgisSearch["arcgisSuggestComplete"]["detail"];
     arcgisSuggestStart: ArcgisSearch["arcgisSuggestStart"]["detail"];
   };
-}
-
-export type ActiveMenu = "none" | "source" | "suggestion";
+}

package/dist/components/arcgis-search/types.d.ts

@@ -0,0 +1 @@
+export type ActiveMenu = "none" | "source" | "suggestion";

package/dist/components/arcgis-shadow-cast/customElement.d.ts

@@ -32,20 +32,20 @@ import type { Icon as Icon } from "@esri/calcite-components/components/calcite-i
  * within the selected time range. Areas that receive less shading than the minimum show no shadow. In the image below,
  * on May 1, 2021, shadows are displayed only where shading exceeds 4 hours between 10AM and 4PM.
  *
- * [![minimum-duration mode](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/shadow-cast/shadow-cast-threshold.png)](https://developers.arcgis.com/javascript/latest/sample-code/shadow-cast/)
+ * [![minimum-duration mode](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/shadow-cast/shadow-cast-threshold.png)](https://developers.arcgis.com/javascript/latest/sample-code/shadow-cast/)
  *
  * **Total shadow duration** mode displays the cumulative duration of shadow within the selected time range using opacity:
  * areas that receive no shadow remain fully transparent, while areas receiving the highest accumulated shadow duration
  * use a default opacity of 0.7. Intermediate values are interpolated. This mode can visualize shadows continuously or
  * in 1-hour intervals.
  *
- * [![total-duration mode](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/shadow-cast/shadow-cast-duration.png)](https://developers.arcgis.com/javascript/latest/sample-code/shadow-cast/)
+ * [![total-duration mode](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/shadow-cast/shadow-cast-duration.png)](https://developers.arcgis.com/javascript/latest/sample-code/shadow-cast/)
  *
  * **Discrete shadows** mode displays individual shadows at regular intervals within the selected time range.
  * For example, with a time range from 10AM to 11AM and an interval set to 30 minutes, the shadows at 10AM, 10:30AM and
  * 11:00AM will be displayed.
  *
- * [![discrete mode](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/shadow-cast/shadow-cast-discrete.png)](https://developers.arcgis.com/javascript/latest/sample-code/shadow-cast/)
+ * [![discrete mode](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/shadow-cast/shadow-cast-discrete.png)](https://developers.arcgis.com/javascript/latest/sample-code/shadow-cast/)
  *
  * Hovering over the Scene will display a tooltip showing the  amount of time that location is in shadow, rounded to 15-minute intervals.
  *

package/dist/components/arcgis-slice/customElement.d.ts

@@ -15,7 +15,7 @@ import type { Icon as Icon } from "@esri/calcite-components/components/calcite-i
  * [slice analysis](https://developers.arcgis.com/javascript/latest/references/core/analysis/SliceAnalysis/)
  * to any layer type, making it possible to see inside buildings or to explore geological surfaces.
  *
- * [![slice](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/slice.gif)](https://developers.arcgis.com/javascript/latest/sample-code/building-scene-layer-slice/index.html)
+ * [![slice](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/slice.gif)](https://developers.arcgis.com/javascript/latest/sample-code/building-scene-layer-slice/index.html)
  *
  * The slicing [shape](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slice/#shape)
  * is always a [plane](https://developers.arcgis.com/javascript/latest/references/core/analysis/SlicePlane/).
@@ -29,7 +29,7 @@ import type { Icon as Icon } from "@esri/calcite-components/components/calcite-i
  * Once the slice plane is applied, layers can be excluded from the slicing. For example, by excluding the sublayers which include
  * columns and floor slabs, the inner structure of a building can investigated.
  *
- * [![slice-exclude](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/slice-exclude.png)](https://developers.arcgis.com/javascript/latest/sample-code/building-scene-layer-slice/index.html)
+ * [![slice-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/index.html)
  *
  * Holding the `Shift` key while placing a new slice applies it vertically.
  *

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

@@ -135,12 +135,12 @@ export abstract class ArcgisSliderBinaryColorSizeLegacy 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.png "Slider without input formatter")
    *
    * If you want to format slider input values so they match thumb labels, you can pass the same function set in `labelFormatFunction` to
    * `inputFormatFunction` for consistent formatting.
    *
-   * ![Slider with input formatter](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sliders/slider-input-formatter.png "Slider with input formatter")
+   * ![Slider with input formatter](https://developers.arcgis.com/javascript/latest/assets/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/map-components/components/arcgis-slider-binary-color-size-legacy/#inputParseFunction) to parse user inputs to understandable slider values. In most cases, if
@@ -291,7 +291,7 @@ export abstract class ArcgisSliderBinaryColorSizeLegacy extends LitElement {
    */
   accessor sliderStyle: BinaryColorSizeSliderStyle;
   /** The current state of the component. */
-  accessor state: SmartMappingSliderBaseState;
+  get state(): SmartMappingSliderBaseState;
   /**
    * The size stops from the [SizeVariable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/SizeVariable/)
    * to link to the slider. You must provide either three or five stops. The minimum size
@@ -316,14 +316,14 @@ export abstract class ArcgisSliderBinaryColorSizeLegacy extends LitElement {
    *  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.png "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.png "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-binary-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.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", "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, referenceElement: 1, sliderStyle: 0, 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, referenceElement: 1, sliderStyle: 0, state: 32, stops: 0, zoomOptions: 0 };
   }
   static {
     this.styles = c;

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

@@ -22,7 +22,7 @@ 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.
  *
- * ![Classed Color Slider with annotations](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sliders/classedcolorslider-labels.png "Classed Color Slider with annotations")
+ * ![Classed Color Slider with annotations](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sliders/classedcolorslider-labels.png "Classed Color Slider with annotations")
  *
  * The [updateFromRendererResult()](https://developers.arcgis.com/javascript/latest/references/core/widgets/smartMapping/ClassedColorSlider/#fromRendererResult) method can be used to intelligently populate slider properties including
  * [max](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-classed-color-legacy/#max), [min](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-classed-color-legacy/#min), the [classBreakInfos](https://developers.arcgis.com/javascript/latest/references/core/renderers/ClassBreaksRenderer/#classBreakInfos) configuration,
@@ -150,12 +150,12 @@ export abstract class ArcgisSliderClassedColorLegacy 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.png "Slider without input formatter")
    *
    * If you want to format slider input values so they match thumb labels, you can pass the same function set in `labelFormatFunction` to
    * `inputFormatFunction` for consistent formatting.
    *
-   * ![Slider with input formatter](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sliders/slider-input-formatter.png "Slider with input formatter")
+   * ![Slider with input formatter](https://developers.arcgis.com/javascript/latest/assets/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/map-components/components/arcgis-slider-classed-color-legacy/#inputParseFunction) to parse user inputs to understandable slider values. In most cases, if
@@ -273,7 +273,7 @@ export abstract class ArcgisSliderClassedColorLegacy extends LitElement {
    */
   accessor referenceElement: ArcgisReferenceElement | string | undefined;
   /** The current state of the component. */
-  accessor state: SmartMappingSliderBaseState;
+  get state(): SmartMappingSliderBaseState;
   /** Permanently destroy the component. */
   destroy(): Promise<void>;
   /**

package/dist/components/arcgis-slider-classed-color-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.state = this.widget.state, this.arcgisPropertyChange = d()("breaks", "histogramConfig", "max", "min", "precision", "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, 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, state: 32 };
   }
   static {
     this.styles = n;

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

@@ -22,7 +22,7 @@ import type { SmartMappingSliderBaseState } from "@arcgis/core/widgets/smartMapp
  *
  * 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.png "Classed Size Slider with annotations")
  *
  * 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,
@@ -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.png "Slider without input formatter")
    *
    * If you want to format slider input values so they match thumb labels, you can pass the same function set in `labelFormatFunction` to
    * `inputFormatFunction` for consistent formatting.
    *
-   * ![Slider with input formatter](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sliders/slider-input-formatter.png "Slider with input formatter")
+   * ![Slider with input formatter](https://developers.arcgis.com/javascript/latest/assets/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/map-components/components/arcgis-slider-classed-size-legacy/#inputParseFunction) to parse user inputs to understandable slider values. In most cases, if
@@ -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>;
   /**

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

@@ -21,7 +21,7 @@ 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.png "Color Slider with annotations")
  *
  * 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,
@@ -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.png "Slider without input formatter")
    *
    * If you want to format slider input values so they match thumb labels, you can pass the same function set in `labelFormatFunction` to
    * `inputFormatFunction` for consistent formatting.
    *
-   * ![Slider with input formatter](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sliders/slider-input-formatter.png "Slider with input formatter")
+   * ![Slider with input formatter](https://developers.arcgis.com/javascript/latest/assets/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/map-components/components/arcgis-slider-color-legacy/#inputParseFunction) to parse user inputs to understandable slider values. In most cases, if
@@ -312,14 +312,14 @@ export abstract class ArcgisSliderColorLegacy extends LitElement {
    *  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.png "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.png "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

@@ -29,11 +29,11 @@ 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.png "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.png "Slider Color Size with annotations")
  *
  * 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,
@@ -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.png "Slider without input formatter")
    *
    * If you want to format slider input values so they match thumb labels, you can pass the same function set in `labelFormatFunction` to
    * `inputFormatFunction` for consistent formatting.
    *
-   * ![Slider with input formatter](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sliders/slider-input-formatter.png "Slider with input formatter")
+   * ![Slider with input formatter](https://developers.arcgis.com/javascript/latest/assets/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/map-components/components/arcgis-slider-color-size-legacy/#inputParseFunction) to parse user inputs to understandable slider values. In most cases, if
@@ -327,7 +327,7 @@ 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.
@@ -355,14 +355,14 @@ export abstract class ArcgisSliderColorSizeLegacy extends LitElement {
    *  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.png "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.png "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

@@ -17,7 +17,7 @@ import type { SmartMappingSliderBaseState } from "@arcgis/core/widgets/smartMapp
  *
  * 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.png "Heatmap Slider with annotations")
  *
  * ```js
  * const viewElement = document.querySelector("arcgis-map")!;
@@ -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

@@ -23,7 +23,7 @@ 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.png "Opacity Slider with annotations")
  *
  * 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,
@@ -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.png "Slider without input formatter")
    *
    * If you want to format slider input values so they match thumb labels, you can pass the same function set in `labelFormatFunction` to
    * `inputFormatFunction` for consistent formatting.
    *
-   * ![Slider with input formatter](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sliders/slider-input-formatter.png "Slider with input formatter")
+   * ![Slider with input formatter](https://developers.arcgis.com/javascript/latest/assets/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/map-components/components/arcgis-slider-opacity-legacy/#inputParseFunction) to parse user inputs to understandable slider values. In most cases, if
@@ -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
@@ -302,14 +302,14 @@ export abstract class ArcgisSliderOpacityLegacy extends LitElement {
    *  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.png "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.png "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;