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

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

@@ -1,10 +1,9 @@
 /// <reference path="../../index.d.ts" />
 import type ColorStop from "@arcgis/core/renderers/visualVariables/support/ColorStop.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { IconName } from "../../utils/action-utils.js";
 import type { ContinuousRendererResult } from "@arcgis/core/smartMapping/renderers/color";
 import type { HistogramResult } from "@arcgis/core/smartMapping/statistics/types";
-import type { ArcgisReferenceElement } from "../../utils/component-utils.js";
+import type { ArcgisReferenceElement, IconName } from "../types.js";
 import type { ThumbDragEvent, ThumbChangeEvent } from "@arcgis/core/widgets/Slider/types";
 import type { HistogramConfig, ZoomOptions } from "@arcgis/core/widgets/smartMapping/types.js";
 import type { LabelFormatFunction, InputParseFunction } from "@arcgis/core/widgets/types.js";
@@ -17,21 +16,21 @@ import type { LabelFormatFunction, InputParseFunction } from "@arcgis/core/widge
  * > 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.
  *
  * The Color Slider component is intended for authoring and exploring data-driven visualizations in any
- * layer that can be rendered with a [ColorVariable](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-visualVariables-ColorVariable.html).
+ * layer that can be rendered with a [ColorVariable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/ColorVariable/).
  *
  * <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")
  *
- * The [updateFromRendererResult()](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-smartMapping-ColorSlider.html#fromRendererResult) method can be used to intelligently populate slider properties including
- * [max](#max), [min](#min), the [color visual variable](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-visualVariables-ColorVariable.html) configuration,
- * and the slider's histogram after the renderer has been created from the result of the [createContinuousRenderer()](https://developers.arcgis.com/javascript/latest/api-reference/esri-smartMapping-renderers-color.html#createContinuousRenderer) method.
+ * The [updateFromRendererResult()](https://developers.arcgis.com/javascript/latest/references/core/widgets/smartMapping/ColorSlider/#fromRendererResult) method can be used to intelligently populate slider properties including
+ * [max](#max), [min](#min), the [color visual variable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/ColorVariable/) configuration,
+ * and the slider's histogram after the renderer has been created from the result of the [createContinuousRenderer()](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/renderers/color/#createContinuousRenderer) method.
  *
  * ```js
  * const colorRendererCreator = await import("@arcgis/core/smartMapping/renderers/color.js");
  * const viewElement = document.querySelector("arcgis-map")!;
- * const colorSlider = document.querySelector("arcgis-slider-color")!;
+ * const colorSlider = document.querySelector("arcgis-slider-color-legacy")!;
  *
  * const featureLayer = new FeatureLayer({
  *   url: "https://services.arcgis.com/P3ePLMYs2RVChkJx/arcgis/rest/services/ACS_Poverty_by_Age_Boundaries/FeatureServer/1",
@@ -59,7 +58,7 @@ import type { LabelFormatFunction, InputParseFunction } from "@arcgis/core/widge
  * colorSlider.updateFromRendererResult(rendererResult, histogramResult);
  * ```
  *
- * This slider should be used to update a [color visual variable](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-visualVariables-ColorVariable.html)
+ * This slider should be used to update a [color visual variable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/ColorVariable/)
  * in a layer's renderer. It is the responsibility of the app developer
  * to set up event listeners on this slider that update the color variable of the appropriate renderer.
  *
@@ -86,27 +85,44 @@ import type { LabelFormatFunction, InputParseFunction } from "@arcgis/core/widge
  * colorSlider.addEventListener("arcgisPropertyChange", updateRendererFromSlider);
  * ```
  *
- * @since 5.0.0
- * @see [ColorSliderViewModel](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-smartMapping-ColorSlider-ColorSliderViewModel.html)
- * @see [colorRendererCreator](https://developers.arcgis.com/javascript/latest/api-reference/esri-smartMapping-renderers-color.html)
+ * @since 5.0
+ * @see [ColorSliderViewModel](https://developers.arcgis.com/javascript/latest/references/core/widgets/smartMapping/ColorSlider/ColorSliderViewModel/)
+ * @see [colorRendererCreator](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/renderers/color/)
  */
 export abstract class ArcgisSliderColorLegacy extends LitElement {
   /**
    * If true, the component will not be destroyed automatically when it is
    * disconnected from the document. This is useful when you want to move the
    * component to a different place on the page, or temporarily hide it. If this
-   * is set, make sure to call the [destroy()](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-slider-color-legacy/#destroy) method when you are done to
+   * is set, make sure to call the [destroy()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-legacy/#destroy) method when you are done to
    * prevent memory leaks.
    *
    * @default false
    */
   accessor autoDestroyDisabled: boolean;
   /**
-   * The [Histogram](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Histogram.html) associated with the data represented on the slider. The bins are typically
-   * generated using the [histogram](https://developers.arcgis.com/javascript/latest/api-reference/esri-smartMapping-statistics-histogram.html) statistics function.
+   * Only applicable when three thumbs (i.e. handles) are set on the
+   * slider (i.e. when [primaryHandleEnabled](#primaryHandleEnabled) is `true`). This property
+   * indicates whether the position of the outside handles are synced with the middle, or primary,
+   * handle. When enabled, if the primary handle is moved then the outside handle positions are updated
+   * while maintaining a fixed distance from the primary handle.
+   *
+   * @default true
+   * @see [primaryHandleEnabled](https://developers.arcgis.com/javascript/latest/references/core/widgets/smartMapping/ColorSlider/#primaryHandleEnabled)
+   * @example
+   * ```js
+   * // enables the primary handles and syncs it with the others
+   * colorSlider.primaryHandleEnabled = true;
+   * colorSlider.handlesSyncedToPrimary = true;
+   * ```
+   */
+  accessor handlesSyncedToPrimary: boolean;
+  /**
+   * The [Histogram](https://developers.arcgis.com/javascript/latest/references/core/widgets/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/api-reference/esri-smartMapping-statistics-histogram.html)
-   * @see [Histogram](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Histogram.html)
+   * @see [histogram](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/histogram/)
+   * @see [Histogram](https://developers.arcgis.com/javascript/latest/references/core/widgets/Histogram/)
    * @example
    * ```js
    * const histogramResult = await histogram({
@@ -129,7 +145,7 @@ export abstract class ArcgisSliderColorLegacy extends LitElement {
    */
   accessor icon: IconName;
   /**
-   * A function used to format user inputs. As opposed to [labelFormatFunction](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-smartMapping-SmartMappingSliderBase.html#labelFormatFunction), which formats
+   * A function used to format user inputs. As opposed to [labelFormatFunction](https://developers.arcgis.com/javascript/latest/references/core/widgets/smartMapping/SmartMappingSliderBase/#labelFormatFunction), which formats
    * thumb labels, the `inputFormatFunction` formats thumb values in the input element when the user begins
    * to edit them.
    *
@@ -144,13 +160,13 @@ export abstract class ArcgisSliderColorLegacy extends LitElement {
    * ![Slider with input formatter](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sliders/slider-input-formatter.png "Slider with input formatter")
    *
    * However, if an `inputFormatFunction` is specified, you must also write a corresponding
-   * [inputParseFunction](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-smartMapping-SmartMappingSliderBase.html#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/api-reference/esri-widgets-smartMapping-SmartMappingSliderBase.html#labelFormatFunction) to the same value
+   * [inputParseFunction](https://developers.arcgis.com/javascript/latest/references/core/widgets/smartMapping/SmartMappingSliderBase/#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/core/widgets/smartMapping/SmartMappingSliderBase/#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](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-smartMapping-SmartMappingSliderBase.html#inputParseFunction)
+   * @see [inputParseFunction](https://developers.arcgis.com/javascript/latest/references/core/widgets/smartMapping/SmartMappingSliderBase/#inputParseFunction)
    * @example
    * ```js
    * // Formats the slider input to abbreviated numbers with units
@@ -171,13 +187,13 @@ export abstract class ArcgisSliderColorLegacy extends LitElement {
    */
   accessor inputFormatFunction: LabelFormatFunction | null | undefined;
   /**
-   * Function used to parse slider inputs formatted by the [inputFormatFunction](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-smartMapping-SmartMappingSliderBase.html#inputFormatFunction).
+   * Function used to parse slider inputs formatted by the [inputFormatFunction](https://developers.arcgis.com/javascript/latest/references/core/widgets/smartMapping/SmartMappingSliderBase/#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](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-smartMapping-SmartMappingSliderBase.html#inputFormatFunction)
+   * @see [inputFormatFunction](https://developers.arcgis.com/javascript/latest/references/core/widgets/smartMapping/SmartMappingSliderBase/#inputFormatFunction)
    * @example
    * ```js
    * // Parses the slider input (a string value) to a number value understandable to the slider
@@ -205,7 +221,7 @@ export abstract class ArcgisSliderColorLegacy extends LitElement {
   accessor inputParseFunction: InputParseFunction | null | undefined;
   /**
    * A modified version of
-   * [Slider#labelFormatFunction](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slider.html#labelFormatFunction),
+   * [Slider#labelFormatFunction](https://developers.arcgis.com/javascript/latest/references/core/widgets/Slider/#labelFormatFunction),
    * which is a custom function used to format labels on the thumbs, min, max, and average
    * values. Overrides the default label formatter.
    * This function also supports date formatting.
@@ -245,7 +261,7 @@ export abstract class ArcgisSliderColorLegacy 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](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-smartMapping-SmartMappingSliderViewModel.html#values) and shouldn't be used exclusively
+   * [values](https://developers.arcgis.com/javascript/latest/references/core/widgets/smartMapping/SmartMappingSliderViewModel/#values) and shouldn't be used exclusively
    * for formatting purposes.
    *
    * @default 4
@@ -255,6 +271,27 @@ export abstract class ArcgisSliderColorLegacy extends LitElement {
    * ```
    */
   accessor precision: number;
+  /**
+   * When `true`, the slider will render a third handle between the
+   * two handles already provided by default. This is the primary handle.
+   * Three or five [stops](#stops) must be defined for the primary handle to render.
+   * The primary handle represents the middle stop.
+   *
+   * When [handlesSyncedToPrimary](#handlesSyncedToPrimary) is `true`, then
+   * this handle will control the position of the others when moved.
+   *
+   * This is typically used in diverging, or `above-and-below` renderer configurations.
+   *
+   * @default false
+   * @see [primaryHandleEnabled](https://developers.arcgis.com/javascript/latest/references/core/widgets/smartMapping/ColorSlider/#handlesSyncedToPrimary)
+   * @example
+   * ```js
+   * // enables the primary handles and syncs it with the others
+   * colorSlider.primaryHandleEnabled = true;
+   * colorSlider.handlesSyncedToPrimary = true;
+   * ```
+   */
+  accessor primaryHandleEnabled: boolean;
   /**
    * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
    *
@@ -262,7 +299,7 @@ export abstract class ArcgisSliderColorLegacy extends LitElement {
    */
   accessor referenceElement: ArcgisReferenceElement | string | undefined;
   /**
-   * The color stops from the [ColorVariable](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-visualVariables-ColorVariable.html)
+   * The color stops from the [ColorVariable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/ColorVariable/)
    * to link to the slider. The colors in these stops will be used to render the color gradient on the slider's track. They should match the colors
    * rendered in the associated layer's renderer.
    *
@@ -344,14 +381,14 @@ export abstract class ArcgisSliderColorLegacy extends LitElement {
   destroy(): Promise<void>;
   /**
    * A convenience function used to update the properties of a Color Slider component instance from the
-   * [result](https://developers.arcgis.com/javascript/latest/api-reference/esri-smartMapping-renderers-color.html#ContinuousRendererResult) of
-   * the [createContinuousRenderer()](https://developers.arcgis.com/javascript/latest/api-reference/esri-smartMapping-renderers-color.html#createContinuousRenderer)
+   * [result](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/renderers/color/#ContinuousRendererResult) of
+   * the [createContinuousRenderer()](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/renderers/color/#createContinuousRenderer)
    * method. This method is used to configure an empty Color Slider to be used with the layer data, and is useful for cases when the app allows the end user to switch data variables.
    * Note that this method always expects `rendererResult` to be defined for the slider to function, but `histogramResult` is optional.
    *
-   * @param rendererResult - The result object from the [createContinuousRenderer](https://developers.arcgis.com/javascript/latest/api-reference/esri-smartMapping-renderers-color.html#createContinuousRenderer)
+   * @param rendererResult - The result object from the [createContinuousRenderer](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/renderers/color/#createContinuousRenderer)
    *   method.
-   * @param histogramResult - The result histogram object from the [histogram](https://developers.arcgis.com/javascript/latest/api-reference/esri-smartMapping-statistics-histogram.html)
+   * @param histogramResult - The result histogram object from the [histogram](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/histogram/)
    *   method.
    * @example
    * ```js
@@ -369,12 +406,11 @@ export abstract class ArcgisSliderColorLegacy extends LitElement {
    */
   updateFromRendererResult(rendererResult: ContinuousRendererResult, histogramResult?: HistogramResult): void;
   /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
-  readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "precision" | "max" | "min" | "histogramConfig" | "zoomOptions" | "stops"; }>;
+  readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "handlesSyncedToPrimary" | "histogramConfig" | "max" | "min" | "precision" | "primaryHandleEnabled" | "stops" | "zoomOptions"; }>;
   /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
   readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
   /**
    * Fires when a user changes the value of a thumb via the arrow keys or by keyboard editing of the label on the slider.
-   * It is the responsibility of the app developer to set up event listeners on this slider that update the color variable of the appropriate renderer.
    *
    * @example
    * ```js
@@ -393,10 +429,7 @@ export abstract class ArcgisSliderColorLegacy extends LitElement {
    * ```
    */
   readonly arcgisThumbChange: import("@arcgis/lumina").TargetedEvent<this, ThumbChangeEvent>;
-  /**
-   * Fires when a user drags a thumb on the component.
-   * It is the responsibility of the app developer to set up event listeners on this slider that update the color variable of the appropriate renderer.
-   */
+  /** Fires when a user drags a thumb on the component. */
   readonly arcgisThumbDrag: import("@arcgis/lumina").TargetedEvent<this, ThumbDragEvent>;
   readonly "@eventTypes": {
     arcgisPropertyChange: ArcgisSliderColorLegacy["arcgisPropertyChange"]["detail"];

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

@@ -3,16 +3,16 @@ import { c as t } from "../../chunks/runtime.js";
 import o from "@arcgis/core/widgets/smartMapping/ColorSlider.js";
 import { m as s } from "../../chunks/useWidget.js";
 import { LitElement as l, createEvent as a } from "@arcgis/lumina";
-import { usePropertyChange as n } from "@arcgis/lumina/controllers";
-import { css as d } from "lit";
+import { usePropertyChange as d } from "@arcgis/lumina/controllers";
+import { css as n } from "lit";
 import { reEmitEvent as e } from "@arcgis/lumina/controllers/accessor";
-const c = d`.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}@supports (-ms-ime-align: auto){.esri-slider__anchor:focus{outline:1px dotted var(--calcite-color-foreground-current)}}.esri-slider{-webkit-user-select:none;user-select:none;direction:ltr;width:100%;height:100%;display:flex}.esri-disabled{pointer-events:none}.esri-disabled .esri-slider__content,.esri-disabled .esri-slider__min,.esri-disabled .esri-slider__max{opacity:var(--calcite-opacity-light)}.esri-slider--reversed.esri-slider--horizontal{flex-direction:row-reverse}.esri-slider--reversed.esri-slider--vertical{flex-direction:column}.esri-slider--horizontal{flex-direction:row}.esri-slider--horizontal .esri-slider__content{height:auto}.esri-slider--horizontal .esri-slider__track{width:100%;height:2px}.esri-slider--horizontal .esri-slider__segment--interactive:hover{cursor:ew-resize}.esri-slider--horizontal .esri-slider__anchor{width:1px;height:100%}.esri-slider--horizontal .esri-slider__label{text-align:center;margin:0 11px;top:-30px;left:-50px}.esri-slider--horizontal .esri-slider__label-input{text-align:center}.esri-slider--horizontal .esri-slider__max,.esri-slider--horizontal .esri-slider__min{flex:none;width:50px;height:auto;margin:auto}.esri-slider--horizontal .esri-slider__ticks{width:100%;margin:9px 0 0;top:100%;left:0}.esri-slider--horizontal .esri-slider__tick{width:1px;height:5px}.esri-slider--horizontal .esri-slider__tick-label{margin-top:18px}.esri-slider--vertical{flex-direction:column-reverse}.esri-slider--vertical .esri-slider__content{flex-direction:column;width:auto}.esri-slider--vertical .esri-slider__track{flex-direction:column;flex:1 0 0;width:2px;height:100%}.esri-slider--vertical .esri-slider__segment--interactive:hover{cursor:ns-resize}.esri-slider--vertical .esri-slider__anchor{width:100%;height:1px}.esri-slider--vertical .esri-slider__label{text-align:left;top:-10px;left:20px}.esri-slider--vertical .esri-slider__max,.esri-slider--vertical .esri-slider__min{flex:0 0 22px;width:100%;margin:auto}.esri-slider--vertical .esri-slider__ticks{margin:0 0 0 11px;top:0;left:100%}.esri-slider--vertical .esri-slider__tick{width:5px;height:1px}.esri-slider--vertical .esri-slider__tick-label{margin-left:30px}.esri-slider__content{z-index:0;flex:1 0 auto;justify-content:center;align-items:center;margin:auto;line-height:0;display:flex;position:relative}.esri-slider__track{touch-action:none;background-color:var(--calcite-color-border-ghost);display:inline-block;position:relative}.esri-slider__segment{transform-origin:0 0;will-change:transform;touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0}.esri-slider__segment:hover{cursor:pointer}.esri-slider__anchor{touch-action:none;-webkit-user-select:none;user-select:none;background-color:var(--calcite-color-brand);position:absolute}.esri-slider__anchor:focus .esri-slider__thumb,.esri-slider__anchor:focus .esri-slider__label{outline:inherit}.esri-slider__anchor--moving:focus .esri-slider__thumb{cursor:grabbing;border:3px solid var(--calcite-color-brand-press)}.esri-slider__anchor--moving .esri-slider__label:hover,.esri-slider__anchor--moving .esri-slider__label--interactive:hover{cursor:grabbing}.esri-slider__thumb{box-sizing:border-box;z-index:1;touch-action:none;background-color:var(--calcite-color-foreground-2);border:2px solid var(--calcite-color-brand);border-radius:16px;width:16px;height:16px;transition:all .125s ease-in-out;position:absolute;top:-7px;left:-7px}.esri-slider__thumb:hover{cursor:grab;border-width:3px;border-color:var(--calcite-color-brand-press);width:19.2px;height:19.2px;top:-8.6px;left:-8.6px}.esri-slider__label{min-width:80px;line-height:var(--calcite-font-line-height-fixed-xl);position:absolute}.esri-slider__label:hover{cursor:grab}.esri-slider__label--interactive:hover,.esri-slider__max--interactive:hover,.esri-slider__min--interactive:hover{cursor:pointer;text-decoration:underline}.esri-slider__label-input{z-index:1;width:100%;position:relative}.esri-slider__extra-content{display:inline-block}.esri-slider__max,.esri-slider__min{text-align:center;justify-content:center;align-items:center;height:22px;line-height:var(--calcite-font-line-height-fixed-xl);display:flex}.esri-slider__max--interactive:hover,.esri-slider__min--interactive:hover{background-color:var(--calcite-color-foreground-2)}.esri-slider__range-input{text-align:center;width:100%;padding:1px 0}.esri-slider__ticks{z-index:0;height:100%;display:inline-block;position:absolute}.esri-slider__tick{background:var(--calcite-color-foreground-1);position:absolute}.esri-slider__tick-label{width:max-content;position:absolute}:dir(rtl) .esri-slider__label,:dir(rtl) .esri-slider__max,:dir(rtl) .esri-slider__min,:dir(rtl) .esri-slider__tick-label{direction:rtl;unicode-bidi:plaintext}:dir(rtl) .esri-slider__range-input,:dir(rtl) .esri-slider__label-input{unicode-bidi:plaintext}.esri-histogram{direction:ltr;width:100%;height:100%}.esri-histogram__content{width:100%;height:100%}.esri-histogram__svg{width:100%;height:100%;display:inline-block;overflow:hidden}.esri-histogram__data-line{stroke:var(--calcite-color-text-3);stroke-width:1px;shape-rendering:crispEdges}.esri-histogram__label{stroke:var(--calcite-color-text-1);stroke-width:0;direction:ltr;unicode-bidi:plaintext;font-size:var(--calcite-font-size-sm)}.esri-histogram__average-data-line{stroke:var(--calcite-color-text-3)}.esri-histogram__average-symbol{font-family:Georgia\\, serif,sans-serif;font-style:italic}.esri-expand__panel-content .esri-histogram{width:100%}:dir(rtl) .esri-histogram{direction:rtl}:dir(rtl) .esri-histogram .esri-histogram__average-label{direction:rtl;unicode-bidi:plaintext}:host{min-width:260px}.esri-color-slider{direction:ltr}.esri-color-slider .esri-slider{z-index:1;font-size:var(--calcite-font-size-sm);position:relative}.esri-color-slider .esri-slider .esri-slider__content{flex-direction:row;height:240px;margin:0 auto 0 40%}.esri-color-slider .esri-slider .esri-slider__track{background-color:var(--calcite-color-transparent);flex:none;display:flex}.esri-color-slider .esri-slider .esri-slider__anchor{border-top:1px solid var(--calcite-color-foreground-1);border-bottom:1px solid var(--calcite-color-text-3);width:30px}.esri-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__label,.esri-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__label{text-decoration:underline}.esri-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb,.esri-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb{background-color:var(--calcite-color-inverse-press);border:none;transform:none}.esri-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:after,.esri-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:after{border-left-color:var(--calcite-color-inverse-press)}.esri-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:before,.esri-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:before{background-color:var(--calcite-color-brand);transform:translate(-1.5px)}.esri-color-slider .esri-slider .esri-slider__thumb{background-color:var(--calcite-color-text-3);border:none;border-radius:0;width:6px;height:12px;top:-6px;left:-12px}.esri-color-slider .esri-slider .esri-slider__thumb:before{content:"";background-color:var(--calcite-color-text-3);width:3px;height:12px;transition:transform .125s ease-in-out,background-color .125s ease-in-out;position:absolute;top:0;left:-1.5px}.esri-color-slider .esri-slider .esri-slider__thumb:after{content:"";border-top:6px solid var(--calcite-color-transparent);border-bottom:6px solid var(--calcite-color-transparent);border-left:6px solid var(--calcite-color-text-3);width:0;height:0;position:absolute;top:0;left:6px}.esri-color-slider .esri-slider .esri-slider__label{text-align:right;min-width:50px;line-height:20px;left:auto;right:50px}.esri-color-slider .esri-slider .esri-slider__label:hover{background-color:var(--calcite-color-foreground-2)}.esri-color-slider .esri-slider .esri-slider__segment:hover{cursor:default}.esri-color-slider .esri-slider .esri-slider__range-input{text-align:center;width:50%;margin:auto}.esri-color-slider .esri-slider .esri-slider__label-input{text-align:right;width:70px}.esri-color-slider .esri-slider .esri-slider__max,.esri-color-slider .esri-slider .esri-slider__min{z-index:0;flex:none;width:auto;margin:9px auto;padding:9px 12px;position:relative}.esri-color-slider .esri-slider .esri-slider__max:before,.esri-color-slider .esri-slider .esri-slider__min:before{z-index:-1;content:"";width:100%;height:100%;position:absolute;top:0;left:0}.esri-color-slider .esri-slider .esri-slider__max.esri-slider__range--active,.esri-color-slider .esri-slider .esri-slider__min.esri-slider__range--active{background-color:var(--calcite-color-foreground-1)}.esri-color-slider .esri-slider .esri-slider__max .esri-slider__range-input,.esri-color-slider .esri-slider .esri-slider__min .esri-slider__range-input{margin:0 auto}.esri-color-slider .esri-slider .esri-slider__extra-content{height:100%;display:flex}.esri-color-slider .esri-slider .esri-histogram__svg{overflow:visible}.esri-color-slider .esri-slider .esri-histogram__label{fill:var(--calcite-color-text-2);stroke-width:2px}.esri-color-slider .esri-slider .esri-histogram__average-line,.esri-color-slider .esri-slider .esri-histogram__label{paint-order:stroke;stroke:var(--calcite-color-border-3)}.esri-color-slider .esri-slider .zoom-cap--max{position:absolute;top:0}.esri-color-slider .esri-slider .zoom-cap--min{position:absolute;bottom:0}.esri-color-slider .esri-slider .zoom-cap{stroke-width:0;width:30px;height:11px}.esri-color-slider .esri-slider .zoom-cap:hover{cursor:pointer}.esri-color-slider .esri-slider .zoom-cap:hover .zoom-cap--mask{fill:var(--calcite-color-foreground-1)}.esri-color-slider .esri-slider .zoom-cap:hover .zoom-cap--line{fill:var(--calcite-color-brand)}.esri-color-slider .esri-slider .zoom-cap:hover .zoom-cap--underline,.esri-color-slider .esri-slider .zoom-cap .zoom-cap--mask,.esri-color-slider .esri-slider .zoom-cap .zoom-cap--line{fill:var(--calcite-color-foreground-1)}.esri-color-slider .esri-slider .zoom-cap .zoom-cap--underline{fill:var(--calcite-color-inverse)}.esri-color-slider__ramp{width:30px;height:100%;display:flex;position:relative}.esri-color-slider__ramp svg{stroke:var(--calcite-color-text-3);stroke-width:1px;width:100%;height:100%;position:absolute;left:0}.esri-color-slider__ramp svg rect{width:100%;height:100%}.esri-color-slider__ramp svg path{stroke-width:.5px}.esri-color-slider__histogram-container{flex:1 1 0;width:120px;height:100%;display:flex}.esri-color-slider.esri-color-slider--interactive-track .esri-slider .esri-slider__content{margin:0 auto 0 35%}.esri-color-slider.esri-color-slider--interactive-track .esri-slider .esri-slider__track{background-color:var(--calcite-color-transparent);width:12px}.esri-color-slider.esri-color-slider--interactive-track .esri-slider__anchor--active .esri-slider__label{text-decoration:underline}.esri-color-slider.esri-color-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb{background-color:var(--calcite-color-inverse-press);border:none;transform:none}.esri-color-slider.esri-color-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:after{border-left-color:var(--calcite-color-inverse-press)}.esri-color-slider.esri-color-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:before{background-color:var(--calcite-color-brand);transform:translate(-1.5px)}`, _ = s(o);
-class h extends l {
+const c = n`.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}@supports (-ms-ime-align: auto){.esri-slider__anchor:focus{outline:1px dotted var(--calcite-color-foreground-current)}}.esri-slider{-webkit-user-select:none;user-select:none;direction:ltr;width:100%;height:100%;display:flex}.esri-disabled{pointer-events:none}.esri-disabled .esri-slider__content,.esri-disabled .esri-slider__min,.esri-disabled .esri-slider__max{opacity:var(--calcite-opacity-light)}.esri-slider--reversed.esri-slider--horizontal{flex-direction:row-reverse}.esri-slider--reversed.esri-slider--vertical{flex-direction:column}.esri-slider--horizontal{flex-direction:row}.esri-slider--horizontal .esri-slider__content{height:auto}.esri-slider--horizontal .esri-slider__track{width:100%;height:2px}.esri-slider--horizontal .esri-slider__segment--interactive:hover{cursor:ew-resize}.esri-slider--horizontal .esri-slider__anchor{width:1px;height:100%}.esri-slider--horizontal .esri-slider__label{text-align:center;margin:0 11px;top:-30px;left:-50px}.esri-slider--horizontal .esri-slider__label-input{text-align:center}.esri-slider--horizontal .esri-slider__max,.esri-slider--horizontal .esri-slider__min{flex:none;width:50px;height:auto;margin:auto}.esri-slider--horizontal .esri-slider__ticks{width:100%;margin:9px 0 0;top:100%;left:0}.esri-slider--horizontal .esri-slider__tick{width:1px;height:5px}.esri-slider--horizontal .esri-slider__tick-label{margin-top:18px}.esri-slider--vertical{flex-direction:column-reverse}.esri-slider--vertical .esri-slider__content{flex-direction:column;width:auto}.esri-slider--vertical .esri-slider__track{flex-direction:column;flex:1 0 0;width:2px;height:100%}.esri-slider--vertical .esri-slider__segment--interactive:hover{cursor:ns-resize}.esri-slider--vertical .esri-slider__anchor{width:100%;height:1px}.esri-slider--vertical .esri-slider__label{text-align:left;top:-10px;left:20px}.esri-slider--vertical .esri-slider__max,.esri-slider--vertical .esri-slider__min{flex:0 0 22px;width:100%;margin:auto}.esri-slider--vertical .esri-slider__ticks{margin:0 0 0 11px;top:0;left:100%}.esri-slider--vertical .esri-slider__tick{width:5px;height:1px}.esri-slider--vertical .esri-slider__tick-label{margin-left:30px}.esri-slider__content{z-index:0;flex:1 0 auto;justify-content:center;align-items:center;margin:auto;line-height:0;display:flex;position:relative}.esri-slider__track{touch-action:none;background-color:var(--calcite-color-border-ghost);display:inline-block;position:relative}.esri-slider__segment{transform-origin:0 0;will-change:transform;touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0}.esri-slider__segment:hover{cursor:pointer}.esri-slider__anchor{touch-action:none;-webkit-user-select:none;user-select:none;background-color:var(--calcite-color-brand);position:absolute}.esri-slider__anchor:focus .esri-slider__thumb,.esri-slider__anchor:focus .esri-slider__label{outline:inherit}.esri-slider__anchor--moving:focus .esri-slider__thumb{cursor:grabbing;border:3px solid var(--calcite-color-brand-press)}.esri-slider__anchor--moving .esri-slider__label:hover,.esri-slider__anchor--moving .esri-slider__label--interactive:hover{cursor:grabbing}.esri-slider__thumb{box-sizing:border-box;z-index:1;touch-action:none;background-color:var(--calcite-color-foreground-2);border:2px solid var(--calcite-color-brand);border-radius:16px;width:16px;height:16px;transition:all .125s ease-in-out;position:absolute;top:-7px;left:-7px}.esri-slider__thumb:hover{cursor:grab;border-width:3px;border-color:var(--calcite-color-brand-press);width:19.2px;height:19.2px;top:-8.6px;left:-8.6px}.esri-slider__label{min-width:80px;line-height:var(--calcite-font-line-height-fixed-xl);position:absolute}.esri-slider__label:hover{cursor:grab}.esri-slider__label--interactive:hover,.esri-slider__max--interactive:hover,.esri-slider__min--interactive:hover{cursor:pointer;text-decoration:underline}.esri-slider__label-input{z-index:1;width:100%;position:relative}.esri-slider__extra-content{display:inline-block}.esri-slider__max,.esri-slider__min{text-align:center;justify-content:center;align-items:center;height:22px;line-height:var(--calcite-font-line-height-fixed-xl);display:flex}.esri-slider__max--interactive:hover,.esri-slider__min--interactive:hover{background-color:var(--calcite-color-foreground-2)}.esri-slider__range-input{text-align:center;width:100%;padding:1px 0}.esri-slider__ticks{z-index:0;height:100%;display:inline-block;position:absolute}.esri-slider__tick{background:var(--calcite-color-foreground-1);position:absolute}.esri-slider__tick-label{width:max-content;position:absolute}:dir(rtl) .esri-slider__label,:dir(rtl) .esri-slider__max,:dir(rtl) .esri-slider__min,:dir(rtl) .esri-slider__tick-label{direction:rtl;unicode-bidi:plaintext}:dir(rtl) .esri-slider__range-input,:dir(rtl) .esri-slider__label-input{unicode-bidi:plaintext}.esri-histogram{direction:ltr;width:100%;height:100%}.esri-histogram__content{width:100%;height:100%}.esri-histogram__svg{width:100%;height:100%;display:inline-block;overflow:hidden}.esri-histogram__data-line{stroke:var(--calcite-color-text-3);stroke-width:1px;shape-rendering:crispEdges}.esri-histogram__label{stroke:var(--calcite-color-text-1);stroke-width:0;direction:ltr;unicode-bidi:plaintext;font-size:var(--calcite-font-size-sm)}.esri-histogram__average-data-line{stroke:var(--calcite-color-text-3)}.esri-histogram__average-symbol{font-family:Georgia\\, serif,sans-serif;font-style:italic}.esri-expand__panel-content .esri-histogram{width:100%}:dir(rtl) .esri-histogram{direction:rtl}:dir(rtl) .esri-histogram .esri-histogram__average-label{direction:rtl;unicode-bidi:plaintext}:host{min-width:260px}.esri-color-slider{direction:ltr}.esri-color-slider .esri-slider{z-index:1;font-size:var(--calcite-font-size-sm);position:relative}.esri-color-slider .esri-slider .esri-slider__content{flex-direction:row;height:240px;margin:0 auto 0 40%}.esri-color-slider .esri-slider .esri-slider__track{background-color:var(--calcite-color-transparent);flex:none;display:flex}.esri-color-slider .esri-slider .esri-slider__anchor{border-top:1px solid var(--calcite-color-foreground-1);border-bottom:1px solid var(--calcite-color-text-3);width:30px}.esri-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__label,.esri-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__label{text-decoration:underline}.esri-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb,.esri-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb{background-color:var(--calcite-color-inverse-press);border:none;transform:none}.esri-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:after,.esri-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:after{border-left-color:var(--calcite-color-inverse-press)}.esri-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:before,.esri-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:before{background-color:var(--calcite-color-brand);transform:translate(-1.5px)}.esri-color-slider .esri-slider .esri-slider__thumb{background-color:var(--calcite-color-text-3);border:none;border-radius:0;width:6px;height:12px;top:-6px;left:-12px}.esri-color-slider .esri-slider .esri-slider__thumb:before{content:"";background-color:var(--calcite-color-text-3);width:3px;height:12px;transition:transform .125s ease-in-out,background-color .125s ease-in-out;position:absolute;top:0;left:-1.5px}.esri-color-slider .esri-slider .esri-slider__thumb:after{content:"";border-top:6px solid var(--calcite-color-transparent);border-bottom:6px solid var(--calcite-color-transparent);border-left:6px solid var(--calcite-color-text-3);width:0;height:0;position:absolute;top:0;left:6px}.esri-color-slider .esri-slider .esri-slider__label{text-align:right;min-width:50px;line-height:20px;left:auto;right:50px}.esri-color-slider .esri-slider .esri-slider__label:hover{background-color:var(--calcite-color-foreground-2)}.esri-color-slider .esri-slider .esri-slider__segment:hover{cursor:default}.esri-color-slider .esri-slider .esri-slider__range-input{text-align:center;width:50%;margin:auto}.esri-color-slider .esri-slider .esri-slider__label-input{text-align:right;width:70px}.esri-color-slider .esri-slider .esri-slider__max,.esri-color-slider .esri-slider .esri-slider__min{z-index:0;flex:none;width:auto;margin:9px auto;padding:9px 12px;position:relative}.esri-color-slider .esri-slider .esri-slider__max:before,.esri-color-slider .esri-slider .esri-slider__min:before{z-index:-1;content:"";width:100%;height:100%;position:absolute;top:0;left:0}.esri-color-slider .esri-slider .esri-slider__max.esri-slider__range--active,.esri-color-slider .esri-slider .esri-slider__min.esri-slider__range--active{background-color:var(--calcite-color-foreground-1)}.esri-color-slider .esri-slider .esri-slider__max .esri-slider__range-input,.esri-color-slider .esri-slider .esri-slider__min .esri-slider__range-input{margin:0 auto}.esri-color-slider .esri-slider .esri-slider__extra-content{height:100%;display:flex}.esri-color-slider .esri-slider .esri-histogram__svg{overflow:visible}.esri-color-slider .esri-slider .esri-histogram__label{fill:var(--calcite-color-text-2);stroke-width:2px}.esri-color-slider .esri-slider .esri-histogram__average-line,.esri-color-slider .esri-slider .esri-histogram__label{paint-order:stroke;stroke:var(--calcite-color-border-3)}.esri-color-slider .esri-slider .zoom-cap--max{position:absolute;top:0}.esri-color-slider .esri-slider .zoom-cap--min{position:absolute;bottom:0}.esri-color-slider .esri-slider .zoom-cap{stroke-width:0;width:30px;height:11px}.esri-color-slider .esri-slider .zoom-cap:hover{cursor:pointer}.esri-color-slider .esri-slider .zoom-cap:hover .zoom-cap--mask{fill:var(--calcite-color-foreground-1)}.esri-color-slider .esri-slider .zoom-cap:hover .zoom-cap--line{fill:var(--calcite-color-brand)}.esri-color-slider .esri-slider .zoom-cap:hover .zoom-cap--underline,.esri-color-slider .esri-slider .zoom-cap .zoom-cap--mask,.esri-color-slider .esri-slider .zoom-cap .zoom-cap--line{fill:var(--calcite-color-foreground-1)}.esri-color-slider .esri-slider .zoom-cap .zoom-cap--underline{fill:var(--calcite-color-inverse)}.esri-color-slider__ramp{width:30px;height:100%;display:flex;position:relative}.esri-color-slider__ramp svg{stroke:var(--calcite-color-text-3);stroke-width:1px;width:100%;height:100%;position:absolute;left:0}.esri-color-slider__ramp svg rect{width:100%;height:100%}.esri-color-slider__ramp svg path{stroke-width:.5px}.esri-color-slider__histogram-container{flex:1 1 0;width:120px;height:100%;display:flex}.esri-color-slider.esri-color-slider--interactive-track .esri-slider .esri-slider__content{margin:0 auto 0 35%}.esri-color-slider.esri-color-slider--interactive-track .esri-slider .esri-slider__track{background-color:var(--calcite-color-transparent);width:12px}.esri-color-slider.esri-color-slider--interactive-track .esri-slider__anchor--active .esri-slider__label{text-decoration:underline}.esri-color-slider.esri-color-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb{background-color:var(--calcite-color-inverse-press);border:none;transform:none}.esri-color-slider.esri-color-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:after{border-left-color:var(--calcite-color-inverse-press)}.esri-color-slider.esri-color-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:before{background-color:var(--calcite-color-brand);transform:translate(-1.5px)}`, h = s(o);
+class _ extends l {
   constructor() {
-    super(...arguments), this.widget = _(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.stops = this.widget.stops, this.zoomOptions = this.widget.zoomOptions, this.arcgisReady = a(), this.arcgisPropertyChange = n()("precision", "max", "min", "histogramConfig", "zoomOptions", "stops"), this.arcgisThumbChange = e(() => this.widget, "thumb-change"), this.arcgisThumbDrag = e(() => this.widget, "thumb-drag");
+    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.primaryHandleEnabled = this.widget.primaryHandleEnabled, this.precision = this.widget.precision, this.stops = this.widget.stops, this.zoomOptions = this.widget.zoomOptions, this.arcgisReady = a(), this.arcgisPropertyChange = d()("handlesSyncedToPrimary", "histogramConfig", "max", "min", "precision", "primaryHandleEnabled", "stops", "zoomOptions"), 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, 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, primaryHandleEnabled: 5, precision: 9, referenceElement: 1, stops: 0, zoomOptions: 0 };
   }
   static {
     this.styles = c;
@@ -24,7 +24,7 @@ class h extends l {
     return this.widget.updateFromRendererResult(i, r);
   }
 }
-t("arcgis-slider-color-legacy", h);
+t("arcgis-slider-color-legacy", _);
 export {
-  h as ArcgisSliderColorLegacy
+  _ as ArcgisSliderColorLegacy
 };