@arcgis/map-components 5.1.0-next.10 → 5.1.0-next.100

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

@@ -1,11 +1,11 @@
 /// <reference path="../../index.d.ts" />
-import type SizeVariable from "@arcgis/core/renderers/visualVariables/SizeVariable";
+import type SizeVariable from "@arcgis/core/renderers/visualVariables/SizeVariable.js";
 import type SizeStop from "@arcgis/core/renderers/visualVariables/support/SizeStop.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { ContinuousRendererResult } from "@arcgis/core/smartMapping/renderers/size";
-import type { HistogramResult } from "@arcgis/core/smartMapping/statistics/types";
+import type { ContinuousRendererResult } 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 { HistogramConfig, ZoomOptions } from "@arcgis/core/widgets/smartMapping/types.js";
 import type { LabelFormatFunction, InputParseFunction } from "@arcgis/core/widgets/types.js";
 import type { SizeSliderStyle } from "@arcgis/core/widgets/smartMapping/SizeSlider.js";
@@ -16,24 +16,24 @@ 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 Size Slider component is intended for authoring and exploring data-driven visualizations in any
  * layer that can be rendered with a [SizeVariable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/SizeVariable/).
  *
  * See the image below for a summary of the configurable options available on this slider.
  *
- * ![Size Slider with annotations](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sliders/sizeslider-labels.png "Size Slider with annotations")
+ * ![Size Slider with annotations](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sliders/sizeslider-labels.avif "Size Slider 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/)
+ * The [updateFromRendererResult()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-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-size-legacy/#max), [min](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-size-legacy/#min), [size visual variable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/SizeVariable/)
  * intervals, 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/size/#createContinuousRenderer) method.
  *
  * ```js
  * const sizeRendererCreator = await import("@arcgis/core/smartMapping/renderers/size.js");
  * const viewElement = document.querySelector("arcgis-map")!;
- * const sizeSlider = document.querySelector("arcgis-slider-size")!;
+ * const sizeSlider = document.querySelector("arcgis-slider-size-legacy")!;
  *
  * const featureLayer = new FeatureLayer({
  *   url: "https://services.arcgis.com/P3ePLMYs2RVChkJx/arcgis/rest/services/USA_Major_Cities_/FeatureServer/0",
@@ -87,7 +87,6 @@ import type { SmartMappingSliderBaseState } from "@arcgis/core/widgets/smartMapp
  * ```
  *
  * @since 5.0
- * @see [SizeSliderViewModel](https://developers.arcgis.com/javascript/latest/references/core/widgets/smartMapping/SizeSlider/SizeSliderViewModel/)
  * @see [sizeRendererCreator](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/renderers/size/)
  */
 export abstract class ArcgisSliderSizeLegacy extends LitElement {
@@ -105,8 +104,6 @@ export abstract class ArcgisSliderSizeLegacy extends LitElement {
    * The histogram associated with the data represented on the slider. The bins are typically
    * generated using the [histogram](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/histogram/) statistics function.
    *
-   * @see [histogram](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/histogram/)
-   * @see [Histogram](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/)
    * @example
    * ```js
    * const histogramResult = await histogram({
@@ -115,10 +112,11 @@ export abstract class ArcgisSliderSizeLegacy extends LitElement {
    *   numBins: 30,
    * });
    *
-   * sizeSlider.histogramConfig = {
-   *   bins: histogramResult.bins
-   * };
-   * ```
+   *  slider.histogramConfig = {
+   *    bins: histogramResult.bins
+   *  };
+   *       ```
+   * @see [histogram](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/histogram/)
    */
   accessor histogramConfig: HistogramConfig | null | undefined;
   /**
@@ -129,33 +127,34 @@ export abstract class ArcgisSliderSizeLegacy extends LitElement {
    */
   accessor icon: IconName;
   /**
-   * A function used to format user inputs. As opposed to [labelFormatFunction](#labelFormatFunction), which formats
+   * A function used to format user inputs. As opposed to [labelFormatFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-size-legacy/#labelFormatFunction), which formats
    * thumb labels, the `inputFormatFunction` formats thumb values in the input element when the user begins
    * to edit them.
    *
    * 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](#inputParseFunction) to parse user inputs to understandable slider values. In most cases, if
-   * you specify an `inputFormatFunction`, you should set the [labelFormatFunction](#labelFormatFunction) to the same value
+   * [inputParseFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-size-legacy/#inputParseFunction) to parse user inputs to understandable slider values. In most cases, if
+   * you specify an `inputFormatFunction`, you should set the [labelFormatFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-size-legacy/#labelFormatFunction) to the same value
    * for consistency between labels and inputs.
    *
    * This property overrides the default input formatter, which formats by calling `toString()` on the input value.
+   *       
    *
-   * @see [inputParseFunction](#inputParseFunction)
+   * @see [inputParseFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-size-legacy/#inputParseFunction)
    * @example
    * ```js
    * // Formats the slider input to abbreviated numbers with units
    * // e.g. a thumb at position 1500 will render with an input label of 1.5k
-   * sizeSlider.inputFormatFunction = (value: number): string => {
+   * slider.inputFormatFunction = (value: number): string => {
    *   if (value >= 1000000) {
    *     return (value / 1000000).toPrecision(3) + "m";
    *   }
@@ -167,24 +166,24 @@ export abstract class ArcgisSliderSizeLegacy extends LitElement {
    *   }
    *   return value.toFixed(0);
    * };
-   * ```
+   *            ```
    */
   accessor inputFormatFunction: LabelFormatFunction | null | undefined;
   /**
-   * Function used to parse slider inputs formatted by the [inputFormatFunction](#inputFormatFunction).
+   * Function used to parse slider inputs formatted by the [inputFormatFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-size-legacy/#inputFormatFunction).
    * This property must be set if an `inputFormatFunction` is set. Otherwise the slider values will
    * likely not update to their expected positions.
    *
    * Overrides the default input parses, which is a parsed floating point number.
    *
-   * @see [inputFormatFunction](#inputFormatFunction)
+   * @see [inputFormatFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-size-legacy/#inputFormatFunction)
    * @example
    * ```js
    * // Parses the slider input (a string value) to a number value understandable to the slider
    * // This assumes the slider was already configured with an inputFormatFunction
    * // For example, if the input is 1.5k this function will parse
    * // it to a value of 1500
-   * sizeSlider.inputParseFunction = (value: string): number => {
+   * colorSlider.inputParseFunction = (value: string): number => {
    *   const charLength = value.length;
    *   const valuePrefix = parseFloat(value.substring(0, charLength - 1));
    *   const finalChar = value.substring(charLength - 1);
@@ -200,25 +199,23 @@ export abstract class ArcgisSliderSizeLegacy extends LitElement {
    *   }
    *   return parseFloat(value);
    * };
-   * ```
+   *           ```
    */
   accessor inputParseFunction: InputParseFunction | null | undefined;
   /**
-   * A function used to format labels on the thumbs, min, max, and average
-   * values. Overrides the default label formatter.
-   * This function also supports date formatting.
+   * A function used to format labels on the thumbs, min, max, and average values. Overrides the default label formatter. This function also supports date formatting.
    *
    * @example
    * ```js
    * // For thumb values, rounds each label to whole numbers
-   * sizeSlider.labelFormatFunction = (value, type?): string => {
+   * slider.labelFormatFunction = (value: number, type?: SliderFormatType): string => {
    *   return (type === "value") ? value.toFixed(0) : value.toString();
    * };
-   * ```
+   *           ```
    */
   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-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 size variable of the appropriate renderer.
    *
@@ -229,7 +226,7 @@ export abstract class ArcgisSliderSizeLegacy 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-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 size variable of the appropriate renderer.
    *
@@ -243,13 +240,13 @@ export abstract class ArcgisSliderSizeLegacy extends LitElement {
    * Defines how slider thumb values should be rounded. This number indicates the number
    * of decimal places slider thumb _values_ should round to when they have been moved.
    *
-   * Keep in mind this property rounds thumb _values_ and shouldn't be used exclusively
-   * for formatting purposes.
+   * Keep in mind this property rounds thumb values and shouldn't be used exclusively for formatting purposes.
    *
    * @default 4
    * @example
    * ```js
-   * sizeSlider.precision = 7;
+   * // Rounds slider thumb values to 7 decimal places
+   * slider.precision = 7;
    * ```
    */
   accessor precision: number;
@@ -274,11 +271,11 @@ export abstract class ArcgisSliderSizeLegacy extends LitElement {
    */
   accessor sliderStyle: SizeSliderStyle;
   /** 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.
    *
-   * @see [updateVisualVariable()](#updateVisualVariable)
+   * @see [updateVisualVariable()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-size-legacy/#updateVisualVariable)
    * @example
    * ```js
    * sizeSlider.stops = [
@@ -291,67 +288,55 @@ export abstract class ArcgisSliderSizeLegacy extends LitElement {
    */
   accessor stops: Array<SizeStop>;
   /**
-   * 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
-   * slider track itself is zoomed so that thumbs cannot be moved above or
-   * below the provided min and max zoomed values.
+   * 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-size-legacy/#min) and
+   * [max](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-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`.
+   *  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.
+   *  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.
+   *  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.
+   *  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.
    *
    * @example
    * ```js
-   * // zooms the slider so thumbs can only be moved
-   * // to positions between the values of 10 and 25 while
-   * // maintaining the slider's absolute minimum and maximum values
-   * sizeSlider.zoomOptions = {
+   * // zooms the slider so thumbs can only be moved to positions between
+   * // values of 10 and 25 while maintaining the slider's absolute min and max values
+   * slider.zoomOptions = {
    *   min: 10,
    *   max: 25
    * };
-   * ```
+   *           ```
    * @example
    * ```js
    * // disables zooming on the slider
-   * sizeSlider.zoomOptions = null;
-   * ```
+   * slider.zoomOptions = null;
+   *           ```
    * @example
    * ```js
-   * // zooms the slider so thumbs can only be moved
-   * // to positions above the value of 10 while maintaining
-   * // the slider's absolute minimum value
-   * sizeSlider.zoomOptions = {
+   * // zooms the slider so thumbs can only be moved to positions above
+   * // value of 10 while maintaining the slider's absolute min value
+   * slider.zoomOptions = {
    *   min: 10
    * };
-   * ```
+   *           ```
    * @example
    * ```js
-   * // zooms the slider so thumbs can only be moved
-   * // to positions below the value of 25 while maintaining
-   * // the slider's absolute maximum value
-   * sizeSlider.zoomOptions = {
+   * // zooms the slider so thumbs can only be moved to positions below
+   * // value of 25 while maintaining the slider's absolute max value
+   * slider.zoomOptions = {
    *   max: 25
    * };
-   * ```
+   *           ```
    */
   accessor zoomOptions: ZoomOptions | null | undefined;
   /** Permanently destroy the component. */
@@ -384,7 +369,7 @@ export abstract class ArcgisSliderSizeLegacy extends LitElement {
   updateFromRendererResult(rendererResult: ContinuousRendererResult, histogramResult?: HistogramResult): void;
   /**
    * A convenience function used to update the [SizeVariable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/SizeVariable/)
-   * to match the values of the [stops](#stops) on the slider.
+   * to match the values of the [stops](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-size-legacy/#stops) on the slider.
    * The slider stops are automatically updated internally when the user drags a thumb slider.
    *
    * This is particularly useful for Size visual variables that have a set
@@ -393,7 +378,7 @@ export abstract class ArcgisSliderSizeLegacy extends LitElement {
    * This method will properly reconstruct the variable to set on the renderer so it matches the stops on the slider.
    *
    * @param sizeVariable - The size visual variable
-   *   from the renderer to update to the set [stops](#stops) on the slider.
+   *   from the renderer to update to the set [stops](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-size-legacy/#stops) on the slider.
    * @returns Returns the updated visual variable
    *   to set back on the renderer.
    * @example

package/dist/components/arcgis-slider-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.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 = d()("histogramConfig", "max", "min", "precision", "sliderStyle", "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, 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;

package/dist/components/arcgis-snapping-controls/customElement.d.ts

@@ -17,29 +17,77 @@ export abstract class ArcgisSnappingControls extends LitElement {
    * @default false
    */
   accessor autoDestroyDisabled: boolean;
-  /** @default false */
+  /**
+   * Controls display of the "Enable snapping" toggle.
+   *
+   * @default false
+   */
   accessor hideEnabledToggle: boolean;
-  /** @default false */
+  /**
+   * Controls display of the "Feature to feature" toggle. This controls feature snapping.
+   *
+   * @default false
+   */
   accessor hideFeatureEnabledToggle: boolean;
-  /** @default false */
+  /**
+   * Controls display of the [arcgis-grid-controls](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-grid-controls/).
+   *
+   * @default false
+   */
   accessor hideGridControls: boolean;
-  /** @default false */
+  /**
+   * Controls display of the buttons to change the color of the grid.
+   *
+   * @default false
+   */
   accessor hideGridControlsElementsColorSelection: boolean;
-  /** @default false */
+  /**
+   * Controls display of the toggle that modifies [dynamicScaling](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-grid-controls/#dynamicScaling).
+   *
+   * @default false
+   */
   accessor hideGridControlsElementsDynamicScaleToggle: boolean;
-  /** @default false */
+  /**
+   * Controls display of the line interval input. The input sets the interval between major grid lines.
+   *
+   * @default false
+   */
   accessor hideGridControlsElementsLineIntervalInput: boolean;
-  /** @default false */
+  /**
+   * Controls display of the numeric inputs that allow for setting grid spacing and rotation
+   *
+   * @default false
+   */
   accessor hideGridControlsElementsNumericInputs: boolean;
-  /** @default false */
+  /**
+   * Controls display of the out of scale warning. This warning is displayed when the grid is not shown because it would be too small at the current scale and dynamic scaling is disabled.
+   *
+   * @default false
+   */
   accessor hideGridControlsElementsOutOfScaleWarning: boolean;
-  /** @default false */
+  /**
+   * Controls display of the grid placement buttons. These buttons allow the user to start interactive configuration of the grid.
+   *
+   * @default false
+   */
   accessor hideGridControlsElementsPlacementButtons: boolean;
-  /** @default false */
+  /**
+   * Controls display of the "Rotate grid with map" toggle. This toggle controls whether the grid rotates with the map.
+   *
+   * @default false
+   */
   accessor hideGridControlsElementsRotateWithMapToggle: boolean;
-  /** @default false */
+  /**
+   * Controls display of the "Snapping layers" dropdown. The list displays the available layers to configure snapping.
+   *
+   * @default false
+   */
   accessor hideLayerList: boolean;
-  /** @default false */
+  /**
+   * Controls display of the “Geometry guides” toggle. This toggle controls the self-snapping configuration which handles showing right-angle and parallel line indicators while constructing or modifying geometries.
+   *
+   * @default false
+   */
   accessor hideSelfEnabledToggle: boolean;
   /**
    * Icon which represents the component.
@@ -63,10 +111,23 @@ export abstract class ArcgisSnappingControls extends LitElement {
    * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
    */
   accessor referenceElement: ArcgisReferenceElement | string | undefined;
-  /** @default false */
+  /**
+   * Controls display of the "Enable grid" toggle. This toggle controls whether the grid is displayed.
+   *
+   * @default false
+   */
   accessor showGridControlsElementsGridEnabledToggle: boolean;
-  /** @default false */
+  /**
+   * Controls display of the header
+   *
+   * @default false
+   */
   accessor showHeader: boolean;
+  /**
+   * The [SnappingOptions](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/snapping/SnappingOptions/)
+   * that will be controlled by this component if the snapping toggle is enabled for display.
+   * If SnappingOptions are provided, grid display will be automatically enabled or disabled to match snapping state.
+   */
   accessor snappingOptions: SnappingOptions;
   /**
    * The current state of the component.

package/dist/components/arcgis-snapping-controls/customElement.js

@@ -4,11 +4,11 @@ import { usePropertyChange as i } from "@arcgis/lumina/controllers";
 import t from "@arcgis/core/widgets/support/SnappingControls.js";
 import { LitElement as r, createEvent as o } from "@arcgis/lumina";
 import { m as n } from "../../chunks/useWidget.js";
-import { css as a } from "lit";
-const s = a`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}.esri-snapping-controls{flex-flow:column wrap;display:flex}.esri-snapping-controls__container{flex-direction:column;flex:auto;display:flex}.esri-snapping-controls__container :only-child{border-block-end:none}.esri-snapping-controls__panel{width:320px}.esri-snapping-controls__item{border:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);cursor:pointer;background-color:var(--calcite-color-foreground-1);border-radius:var(--calcite-corner-radius-sm);justify-content:space-between;margin:var(--calcite-spacing-xxs) 0;padding:var(--calcite-spacing-xxs);transition:border-color .125s ease-in-out;display:flex;box-shadow:0 var(--calcite-border-width-sm) var(--calcite-color-border-3)}.esri-snapping-controls__item-action-icon{flex:0 0 var(--calcite-spacing-md);width:var(--calcite-spacing-md);height:var(--calcite-spacing-md);margin-top:calc(var(--calcite-spacing-xxs) / 4);font-size:var(--calcite-font-size-md);display:inline-block}.esri-snapping-controls__action-toggle{opacity:1;cursor:pointer;border:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);flex-flow:row-reverse;justify-content:space-between;align-items:flex-start;width:100%;margin:0;padding:var(--calcite-spacing-sm) var(--calcite-spacing-md);font-size:var(--calcite-font-size--1);transition:opacity .25s ease-in-out .25s,background-color .25s ease-in-out;display:flex}.esri-snapping-controls__action-toggle .esri-snapping-controls__item-action-title{margin-left:0}.esri-snapping-controls__action-toggle .esri-snapping-controls__item-action-icon{background-color:var(--calcite-color-foreground-2);border-radius:var(--calcite-corner-radius-pill);flex:0 0 calc(var(--calcite-spacing-md) + var(--calcite-spacing-xs));width:var(--calcite-spacing-md);height:var(--calcite-spacing-md);padding:0;transition:background-color .125s ease-in-out;position:relative;overflow:hidden;box-shadow:0 0 0 var(--calcite-border-width-sm) var(--calcite-color-border-1)}.esri-snapping-controls__action-toggle .esri-snapping-controls__item-action-icon:before{content:"";background-color:var(--calcite-color-text-3);border-radius:100%;width:var(--calcite-spacing-xs);height:var(--calcite-spacing-xs);margin:calc(var(--calcite-spacing-xxs) / 2);transition:background-color .125s ease-in-out,left .125s ease-in-out;display:block;position:absolute;top:0;left:0;box-shadow:0 0 0 var(--calcite-border-width-sm) var(--calcite-color-foreground-1)}.esri-snapping-controls__action-toggle--on .esri-snapping-controls__item-action-icon{background-color:var(--calcite-color-brand);box-shadow:0 0 0 var(--calcite-border-width-sm) var(--calcite-color-brand)}.esri-snapping-controls__action-toggle--on .esri-snapping-controls__item-action-icon:before{background-color:var(--calcite-color-foreground-1);left:var(--calcite-spacing-xs)}.esri-snapping-controls__nested-container{flex-direction:column;gap:var(--calcite-spacing-sm);display:flex}.esri-snapping-controls__nested-container:not(:empty){padding-top:var(--calcite-spacing-sm);padding-inline-start:var(--calcite-list-item-spacing-indent)}`, l = n(t);
+import { css as l } from "lit";
+const s = l`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}calcite-block>.esri-grid-controls{background:0 0;padding:0}.esri-grid-controls{-webkit-user-select:none;user-select:none;padding:var(--arcgis-internal-padding);flex-flow:column wrap;display:flex;calcite-label.esri-labeled-switch__label{margin-block-end:var(--calcite-spacing-sm, .5rem)}}.esri-grid-controls__switch--bordered{border-width:0 0 var(--calcite-spacing-px) 0;border-style:solid;border-color:var(--calcite-color-border-1)}.esri-grid-controls__container{gap:var(--calcite-spacing-sm);flex-direction:column;flex:auto;display:flex}.esri-grid-controls__tilegroup{column-gap:var(--calcite-spacing-sm);align-items:start;display:flex;flex-wrap:wrap}.esri-grid-controls__tile__content{row-gap:var(--calcite-spacing-md);padding:var(--calcite-spacing-md);color:var(--calcite-color-text-2);flex-direction:column;align-items:center;display:flex}.esri-grid-controls__tile__content calcite-label{margin-bottom:calc(0px - var(--calcite-label-margin-bottom, .75rem));font-weight:var(--calcite-font-weight-medium)}.esri-grid-controls__tile{position:relative}.esri-grid-controls__tile:focus-within{outline:2px solid var(--calcite-color-brand);outline-offset:2px}.esri-grid-controls__tile--disabled{opacity:var(--calcite-opacity-disabled)}.esri-grid-controls__tile input[type=radio]{appearance:none;opacity:.001;border:var(--calcite-spacing-px) solid transparent;cursor:pointer;position:absolute;inset:0}.esri-grid-controls__tile input[type=radio]:checked+.esri-grid-controls__tile__content{border:var(--calcite-spacing-px) solid var(--calcite-color-brand)}.esri-grid-controls__tile input[type=radio]+.esri-grid-controls__tile__content{border:var(--calcite-spacing-px) solid transparent}.esri-grid-controls__numeric-inputs__container{gap:var(--calcite-spacing-sm);grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.esri-grid-controls__inline-icon{margin-left:var(--calcite-spacing-xs);vertical-align:top;color:var(--calcite-color-status-warning)}.esri-labeled-switch__label{--calcite-label-margin-bottom: 0}.esri-labeled-switch__label-content{text-wrap:balance;flex:1;align-items:center;gap:7px;display:flex}.esri-labeled-switch__label-content>div{flex-grow:1}.esri-labeled-switch__icon{margin-top:-1px}.esri-labeled-switch__icon_info{color:var(--calcite-color-status-info)}.esri-labeled-switch__icon_warning{color:var(--calcite-color-status-warning)}.esri-labeled-switch__tooltip{text-wrap:wrap}.esri-sketch-tooltip-controls__block{border-block-end:none;margin:0}.esri-sketch-tooltip-controls__block-content{flex-direction:column;gap:6px;display:flex}.esri-sketch-tooltip-controls calcite-label:last-child{--calcite-label-margin-bottom: 0}.esri-snapping-controls__toggle-block{min-width:100%;margin:0}.esri-snapping-controls__layer-list-block{border-bottom:none;min-width:225px}.esri-snapping-controls__layer-list-block[open]{margin-block:0}.esri-snapping-controls__layer-list{overflow:auto}.esri-snapping-controls__layer-list__filter{margin-bottom:10px}.esri-snapping-controls__layer-list__button{margin-bottom:6px}.esri-snapping-controls__layer-list__item calcite-accordion-item calcite-icon,.esri-snapping-controls__layer-list__item calcite-action calcite-icon{margin-inline-start:0}.esri-snapping-controls__layer-list__item calcite-icon{color:var(--calcite-color-brand);margin-inline-start:var(--calcite-list-item-spacing-indent, 1em)}.esri-snapping-controls{flex-flow:column wrap;display:flex}.esri-snapping-controls__container{flex-direction:column;flex:auto;display:flex}.esri-snapping-controls__container :only-child{border-block-end:none}.esri-snapping-controls__panel{width:320px}.esri-snapping-controls__item{border:1px solid #adadad4d;cursor:pointer;background-color:var(--calcite-color-foreground-2);border-color:var(--calcite-color-border-1);border-radius:2px;justify-content:space-between;margin:3px 0;padding:3px;transition:border-color .125s ease-in-out;display:flex;box-shadow:0 1px #adadad4d}.esri-snapping-controls__item-action-icon{flex:0 0 16px;width:16px;height:16px;margin-top:.1em;font-size:var(--calcite-font-size-md);display:inline-block}.esri-snapping-controls__action-toggle{opacity:1;cursor:pointer;border:1px solid var(--calcite-color-border-1);flex-flow:row-reverse;justify-content:space-between;align-items:flex-start;width:100%;margin:0;padding:6px 15px;font-size:var(--calcite-font-size-sm);transition:opacity .25s ease-in-out .25s,background-color .25s ease-in-out;display:flex}.esri-snapping-controls__action-toggle .esri-snapping-controls__item-action-title{margin-left:0}.esri-snapping-controls__action-toggle .esri-snapping-controls__item-action-icon{background-color:var(--calcite-color-foreground-1);border-radius:16px;flex:0 0 28px;width:16px;height:16px;padding:0;transition:background-color .125s ease-in-out;position:relative;overflow:hidden;box-shadow:0 0 0 1px #adadad}.esri-snapping-controls__action-toggle .esri-snapping-controls__item-action-icon:before{content:"";background-color:var(--calcite-color-foreground-2);border-radius:100%;width:12px;height:12px;margin:2px;transition:background-color .125s ease-in-out,left .125s ease-in-out;display:block;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #242424}.esri-snapping-controls__action-toggle--on .esri-snapping-controls__item-action-icon{background-color:var(--calcite-color-foreground-1);box-shadow:0 0 0 1px #adadad}.esri-snapping-controls__action-toggle--on .esri-snapping-controls__item-action-icon:before{background-color:var(--calcite-color-foreground-3);left:12px}.esri-snapping-controls__nested-container{flex-direction:column;gap:6px;display:flex}.esri-snapping-controls__nested-container:not(:empty){padding-top:6px;padding-inline-start:1em}`, a = n(t);
 class c extends r {
   constructor() {
-    super(...arguments), this.widget = l(this), this.viewModel = this.widget.viewModel, this.view = this.widget.view, this.autoDestroyDisabled = !1, this.hideEnabledToggle = this.widget.visibleElements.enabledToggle, this.hideFeatureEnabledToggle = this.widget.visibleElements.featureEnabledToggle, this.hideGridControls = this.widget.visibleElements.gridControls, this.hideGridControlsElementsColorSelection = this.widget.visibleElements.gridControlsElements.colorSelection, this.hideGridControlsElementsDynamicScaleToggle = this.widget.visibleElements.gridControlsElements.dynamicScaleToggle, this.hideGridControlsElementsLineIntervalInput = this.widget.visibleElements.gridControlsElements.lineIntervalInput, this.hideGridControlsElementsNumericInputs = this.widget.visibleElements.gridControlsElements.numericInputs, this.hideGridControlsElementsOutOfScaleWarning = this.widget.visibleElements.gridControlsElements.outOfScaleWarning, this.hideGridControlsElementsPlacementButtons = this.widget.visibleElements.gridControlsElements.placementButtons, this.hideGridControlsElementsRotateWithMapToggle = this.widget.visibleElements.gridControlsElements.rotateWithMapToggle, this.showHeader = this.widget.visibleElements.header, this.showGridControlsElementsGridEnabledToggle = this.widget.visibleElements.gridControlsElements.gridEnabledToggle, this.hideLayerList = this.widget.visibleElements.layerList, this.hideSelfEnabledToggle = this.widget.visibleElements.selfEnabledToggle, this.icon = this.widget.icon, this.label = this.widget.label, this.snappingOptions = this.widget.snappingOptions, this.state = this.viewModel.state, this.arcgisPropertyChange = i()("snappingOptions", "state"), this.arcgisReady = o();
+    super(...arguments), this.widget = a(this), this.viewModel = this.widget.viewModel, this.view = this.widget.view, this.autoDestroyDisabled = !1, this.hideEnabledToggle = this.widget.visibleElements.enabledToggle, this.hideFeatureEnabledToggle = this.widget.visibleElements.featureEnabledToggle, this.hideGridControls = this.widget.visibleElements.gridControls, this.hideGridControlsElementsColorSelection = this.widget.visibleElements.gridControlsElements.colorSelection, this.hideGridControlsElementsDynamicScaleToggle = this.widget.visibleElements.gridControlsElements.dynamicScaleToggle, this.hideGridControlsElementsLineIntervalInput = this.widget.visibleElements.gridControlsElements.lineIntervalInput, this.hideGridControlsElementsNumericInputs = this.widget.visibleElements.gridControlsElements.numericInputs, this.hideGridControlsElementsOutOfScaleWarning = this.widget.visibleElements.gridControlsElements.outOfScaleWarning, this.hideGridControlsElementsPlacementButtons = this.widget.visibleElements.gridControlsElements.placementButtons, this.hideGridControlsElementsRotateWithMapToggle = this.widget.visibleElements.gridControlsElements.rotateWithMapToggle, this.showHeader = this.widget.visibleElements.header, this.showGridControlsElementsGridEnabledToggle = this.widget.visibleElements.gridControlsElements.gridEnabledToggle, this.hideLayerList = this.widget.visibleElements.layerList, this.hideSelfEnabledToggle = this.widget.visibleElements.selfEnabledToggle, this.icon = this.widget.icon, this.label = this.widget.label, this.snappingOptions = this.widget.snappingOptions, this.state = this.viewModel.state, this.arcgisPropertyChange = i()("snappingOptions", "state"), this.arcgisReady = o();
   }
   static {
     this.properties = { view: 0, autoDestroyDisabled: 5, hideEnabledToggle: 5, hideFeatureEnabledToggle: 5, hideGridControls: 5, hideGridControlsElementsColorSelection: 5, hideGridControlsElementsDynamicScaleToggle: 5, hideGridControlsElementsLineIntervalInput: 5, hideGridControlsElementsNumericInputs: 5, hideGridControlsElementsOutOfScaleWarning: 5, hideGridControlsElementsPlacementButtons: 5, hideGridControlsElementsRotateWithMapToggle: 5, showHeader: 5, showGridControlsElementsGridEnabledToggle: 5, hideLayerList: 5, hideSelfEnabledToggle: 5, icon: 1, label: 1, referenceElement: 1, snappingOptions: 0, state: 35 };

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

@@ -1,7 +1,6 @@
 /// <reference path="../../index.d.ts" />
+import type SwipeViewModel from "@arcgis/core/widgets/Swipe/SwipeViewModel.js";
 import type MapView from "@arcgis/core/views/MapView.js";
-import type Collection from "@arcgis/core/core/Collection.js";
-import type Layer from "@arcgis/core/layers/Layer.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { ArcgisReferenceElement } from "../types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
@@ -55,7 +54,7 @@ export abstract class ArcgisSwipe extends LitElement {
    * @see [trailingLayers](https://developers.arcgis.com/javascript/latest/references/core/widgets/Swipe/SwipeViewModel/#trailingLayers)
    * @since 5.0
    */
-  accessor endLayers: Collection<Layer>;
+  accessor endLayers: SwipeViewModel["trailingLayers"];
   /**
    * When `true`, the divider between the leading and trailing layers will be hidden.
    *
@@ -85,10 +84,10 @@ export abstract class ArcgisSwipe extends LitElement {
   /**
    * A collection of layers that will show on the left or top side of the Swipe component.
    *
-   * @deprecated since 5.0, use [`startLayers`](#startLayers) instead.
+   * @deprecated since 5.0, use [startLayers](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-swipe/#startLayers) instead.
    * @see [leadingLayers](https://developers.arcgis.com/javascript/latest/references/core/widgets/Swipe/SwipeViewModel/#leadingLayers)
    */
-  accessor leadingLayers: Collection<Layer>;
+  accessor leadingLayers: SwipeViewModel["leadingLayers"];
   /**
    * Replace localized message strings with your own strings.
    *
@@ -108,7 +107,7 @@ export abstract class ArcgisSwipe extends LitElement {
   }>;
   /**
    * The position of the Swipe component. This determines what percentage
-   * of the view will be taken up by the [startLayers](#startLayers).
+   * of the view will be taken up by the [startLayers](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-swipe/#startLayers).
    *
    * @default 25
    * @since 5.0
@@ -126,7 +125,7 @@ export abstract class ArcgisSwipe extends LitElement {
    * @see [leadingLayers](https://developers.arcgis.com/javascript/latest/references/core/widgets/Swipe/SwipeViewModel/#leadingLayers)
    * @since 5.0
    */
-  accessor startLayers: Collection<Layer>;
+  accessor startLayers: SwipeViewModel["leadingLayers"];
   /**
    * The current state of the component.
    *
@@ -135,19 +134,19 @@ export abstract class ArcgisSwipe extends LitElement {
   get state(): State;
   /**
    * The position of the Swipe component. This determines what percentage
-   * of the view will be taken up by the [startLayers](#startLayers).
+   * of the view will be taken up by the [startLayers](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-swipe/#startLayers).
    *
-   * @deprecated since 5.0, use [`position`](#position) instead.
+   * @deprecated since 5.0, use [position](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-swipe/#position) instead.
    * @default 25
    */
   accessor swipePosition: number;
   /**
    * A collection of layers that will show on the right or bottom side of the Swipe component.
    *
-   * @deprecated since 5.0, use [`endLayers`](#endLayers) instead.
+   * @deprecated since 5.0, use [endLayers](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-swipe/#endLayers) instead.
    * @see [trailingLayers](https://developers.arcgis.com/javascript/latest/references/core/widgets/Swipe/SwipeViewModel/#trailingLayers)
    */
-  accessor trailingLayers: Collection<Layer>;
+  accessor trailingLayers: SwipeViewModel["trailingLayers"];
   /**
    * The view associated with the component. 
    *   > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the arcgis-swipe component will be associated with a map or scene component rather than using the `view` property.