@arcgis/common-components 5.0.0-next.135 → 5.0.0-next.137

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

@@ -1,294 +1,294 @@
 /// <reference path="../../index.d.ts" />
-import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
-import { Use } from '@arcgis/lumina/controllers';
-import { PropertyValues } from 'lit';
-import { SliderData } from './SliderData';
-import { StepsInfo } from './stepsUtils';
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+import type { Popover as Popover } from "@esri/calcite-components/components/calcite-popover";
 
-declare const useSliderData: (component: LitElement & Omit<Pick<SliderData, "max" | "min" | "precision" | "values">, "set" | "declaredClass" | "destroyed" | "initialized" | "addHandles" | "hasHandles" | "removeHandles" | "watch"> & {
-    autoDestroyDisabled: boolean;
-    destroy: () => Promise<void>;
-}) => SliderData;
 /**
- * [Read more...](https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-slider/)
- *
  * @slot [content-start] - A slot for elements before the track.
  * @slot [content-end] - A slot for elements after the track.
  * @slot [popover] - A slot for custom content to be rendered in the popover.
  */
-export declare class ArcgisSlider extends LitElement {
-    /**
-     * The currently active value of the slider.
-     *
-     * It can be:
-     * - `undefined` when no value is active
-     * - a `number` when a single value is active
-     * - `"all"` when the range is active
-     *
-     * Listen to `arcgisActiveValueChange` to be notified when a value becomes active or inactive.
-     *
-     * @see [arcgisActiveValueChange](#arcgisActiveValueChange)
-     */
-    get activeValue(): number | "all" | undefined;
-    /**
-     * When `true`, allows the slider's values to overlap.
-     *
-     * @default false
-     */
-    allowValuesOverlap: boolean;
-    /** @default false */
-    autoDestroyDisabled: boolean;
-    /**
-     * Indicates whether the slider is disabled.
-     *
-     * @default false
-     */
-    disabled: boolean;
-    /**
-     * Used to define the full range displayed by the slider.
-     *
-     * The full range is visualized by the track while the [min](#min) and [max](#max) defines the subset of allowed values for the thumbs.
-     *
-     * @see [fullRangeMin](#fullRangeMin)
-     * @example
-     * Slider with a full range from 0 to 100, while only allowing thumb values between 25 and 75.
-     * ```html
-     * <arcgis-slider full-range-min="0" full-range-max="100" min="25" max="75" values="50"></arcgis-slider>
-     * ```
-     */
-    fullRangeMax?: number;
-    /**
-     * Used to define the full range displayed by the slider.
-     *
-     * The full range is visualized by the track while the [min](#min) and [max](#max) defines the subset of allowed values for the thumbs.
-     *
-     * @see [fullRangeMax](#fullRangeMax)
-     * @example
-     * Slider with a full range from 0 to 100, while only allowing thumb values between 25 and 75.
-     * ```html
-     * <arcgis-slider full-range-min="0" full-range-max="100" min="25" max="75" values="50"></arcgis-slider>
-     * ```
-     */
-    fullRangeMin?: number;
-    /**
-     * Used to configure where the fill is placed along the slider track in relation to the value handle.
-     *
-     * Range mode will always display the fill between the min and max handles.
-     *
-     * @default "start"
-     */
-    fillPlacement: "end" | "none" | "start";
-    /**
-     * When specified, allows users to customize labels.
-     *
-     * Note: the formatted label is also used as the thumb's accessible value text
-     * via `aria-valuetext`, which screen readers prefer to announce over the raw
-     * numeric value.
-     */
-    labelFormatter?: (value: number, type: "max" | "min" | "value", defaultFormatter: (value: number) => string) => nullish | string;
-    /**
-     * Determines the layout/orientation of the Slider widget.
-     *
-     * @default "horizontal"
-     */
-    layout: "horizontal" | "vertical";
-    /**
-     * The maximum possible data/thumb value of the slider.
-     *
-     * To display the `max` value's label on the slider, set [showRangeLabels](#showRangeLabels) to `true`.
-     * To allow the end user to modify the max value, set [rangeLabelsEditingEnabled](#rangeLabelsEditingEnabled) to `true`.
-     *
-     * @see [rangeLabelsEditingEnabled](#rangeLabelsEditingEnabled)
-     * @see [showRangeLabels](#showRangeLabels)
-     */
-    max: number;
-    /**
-     * The minimum possible data/thumb value of the slider.
-     *
-     * To display the `min` value's label on the slider, set [showRangeLabels](#showRangeLabels) to `true`.
-     * To allow the end user to modify the min value, set [rangeLabelsEditingEnabled](#rangeLabelsEditingEnabled) to `true`.
-     *
-     * @see [rangeLabelsEditingEnabled](#rangeLabelsEditingEnabled)
-     * @see [showRangeLabels](#showRangeLabels)
-     */
-    min: number;
-    /**
-     * When `true`, the slider will display values from high to low.
-     *
-     * @default false
-     */
-    mirrored: boolean;
-    /**
-     * The accessible label of the popover.
-     *
-     * @default ""
-     */
-    popoverLabel: HTMLCalcitePopoverElement["label"];
-    /**
-     * Determines the placement of the popover relative to the track.
-     *
-     * @default "leading"
-     */
-    popoverPlacement: "leading" | "trailing";
-    /**
-     * 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.
-     *
-     * This value also indicates the precision of thumb labels when the data range
-     * is less than `10` (i.e. `(max - min) < 10`).
-     *
-     * When the data range is larger than `10`, labels display with a precision of
-     * no more than two decimal places, though actual slider thumb values will maintain the
-     * precision specified in this property.
-     *
-     * For example, given the default precision of `4`, and the following slider configuration,
-     * The labels of the thumbs will display two decimal places, but the precision of the actual
-     * thumb values will not be lost even when the user slides or moves the thumb.
-     *
-     * Keep in mind this property rounds thumb [values](#values) and shouldn't be used exclusively
-     * for formatting purposes. To format thumb `labels`, use the [labelFormatter](#labelFormatter)
-     * property.
-     *
-     * @default 4
-     * @example
-     * // thumb label will display 50.43
-     * // thumb value will maintain precision, so value will remain at 50.4331
-     * ```html
-     * <arcgis-slider min="0" max="100" values="50.4331" precision="4"></arcgis-slider>
-     * ```
-     */
-    precision: number;
-    /**
-     * Indicates whether to enable editing range values via keyboard input
-     * when the user clicks a [min](#min) or [max](#max) label.
-     * This allows the user to increase or decrease the data range of the slider.
-     *
-     * @default false
-     */
-    rangeLabelsEditingEnabled: boolean;
-    /**
-     * Determines whether the range labels are placed centered with the slider track
-     * or placed below it when the [layout](#layout) is `"horizontal"`.
-     *
-     * @default "center"
-     */
-    rangeLabelsPlacement: "center" | "trailing";
-    /**
-     * Indicates if the user can drag the segment between thumbs to update thumb positions.
-     *
-     * @default false
-     */
-    segmentsDraggingDisabled: boolean;
-    /**
-     * Indicates whether to min and max range labels are visible on the slider.
-     *
-     * @default false
-     */
-    showRangeLabels: boolean;
-    /**
-     * Sets steps, or intervals, on the slider that restrict user
-     * input to specific values. If an array of numbers is passed to this
-     * property, the slider thumbs may only be moved to the positions
-     * specified in the array.
-     *
-     * If a single number is set, then steps are set along the entire
-     * slider range at an interval of the provided value. In this scenario,
-     * the user may only slide the thumbs to values at the provided interval.
-     * For example, if a value of `0.5` is set here, and the slider
-     * [min](#min) is `0` and the slider [max](#max) is `10`, then the user will
-     * only be able to update the thumbs to values of 0, 0.5, 1.0, 1.5, 2.0, etc.
-     *
-     * @example
-     * ```html
-     * // set steps at an interval of 0.5. So the
-     * // slider thumb snaps at values of 0.5, 1.0, 1.5, etc.
-     * <arcgis-slider min="0" max="10" steps="0.5" values="5"></arcgis-slider>
-     * ```
-     * @example
-     * ```html
-     * // Set steps at specific slider positions
-     * <arcgis-slider min="0" max="100" steps="5, 10, 15, 20, 25, 30, 35, 40" values="15, 30"></arcgis-slider>
-     * ```
-     */
-    steps?: number[] | number;
-    /**
-     * Indicates whether to show the value labels on the slider.
-     *
-     * This property can be set to one of the following values:
-     * - `"always"`: Always show the labels.
-     * - `"auto"`: Show the labels only when the thumb representing a value is dragged.
-     * - `"hidden"`: Never show the labels.
-     *
-     * @default "hidden"
-     */
-    valueLabelsDisplay: "always" | "auto" | "hidden";
-    /**
-     * Determines whether the labels are placed before or after the track.
-     *
-     * @default "leading"
-     */
-    valueLabelsPlacement: "leading" | "trailing";
-    /**
-     * Indicates whether to enable editing input values via keyboard input
-     * when the user clicks a label. This allows the user to move the slider
-     * thumb to precise values without sliding the thumbs.
-     *
-     * ![Slider with editable labels](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sliders/slider-edit-label.png)
-     *
-     * @default false
-     */
-    valueLabelsEditingEnabled: boolean;
-    /** An array of numbers representing absolute thumb positions on the slider. */
-    values: number[];
-    messageOverrides?: typeof this.messages._overrides;
-    destroy(): Promise<void>;
-    /**
-     * Fires when the `activeValue` changes because a
-     * thumb or range is focused and blurred.
-     *
-     * This event does not fire when `values` changes.
-     * Use `arcgisInput` or `arcgisChange` instead.
-     *
-     * @see [activeValue](#activeValue)
-     */
-    readonly arcgisActiveValueChange: TargetedEvent<this, void>;
-    /**
-     * Fires when the thumb or range is released on the component.
-     *
-     * Note: To constantly listen to the drag event,
-     * use `arcgisInput` instead.
-     */
-    readonly arcgisChange: TargetedEvent<this, void>;
-    /**
-     * Fires when the thumb or range is being dragged and released on the component.
-     *
-     * Note: Fires frequently during drag. To perform
-     * expensive operations consider using a debounce or throttle to avoid
-     * locking up the main thread.
-     */
-    readonly arcgisInput: TargetedEvent<this, void>;
-    /** Fires when the min or max values are changed by the user. */
-    readonly arcgisRangeChange: TargetedEvent<this, void>;
-    private messages: Partial<{
-        componentLabel: string;
-        maximumValue: string;
-        minimumValue: string;
-        rangeMaximum: string;
-        rangeMinimum: string;
-        sliderValue: string;
-    }> & import('@arcgis/lumina/controllers').T9nMeta<{
-        componentLabel: string;
-        maximumValue: string;
-        minimumValue: string;
-        rangeMaximum: string;
-        rangeMinimum: string;
-        sliderValue: string;
-    }>;
-    "@eventTypes": {
-        "arcgisActiveValueChange": ArcgisSlider["arcgisActiveValueChange"]["detail"];
-        "arcgisChange": ArcgisSlider["arcgisChange"]["detail"];
-        "arcgisInput": ArcgisSlider["arcgisInput"]["detail"];
-        "arcgisRangeChange": ArcgisSlider["arcgisRangeChange"]["detail"];
-    };
-}
-export {};
+export abstract class ArcgisSlider extends LitElement {
+  /**
+   * The currently active value of the slider.
+   *
+   * It can be:
+   * - `undefined` when no value is active
+   * - a `number` when a single value is active
+   * - `"all"` when the range is active
+   *
+   * Listen to `arcgisActiveValueChange` to be notified when a value becomes active or inactive.
+   *
+   * @see [arcgisActiveValueChange](#arcgisActiveValueChange)
+   */
+  get activeValue(): number | "all" | undefined;
+  /**
+   * When `true`, allows the slider's values to overlap.
+   *
+   * @default false
+   */
+  accessor allowValuesOverlap: boolean;
+  /** @default false */
+  accessor autoDestroyDisabled: boolean;
+  /**
+   * Indicates whether the slider is disabled.
+   *
+   * @default false
+   */
+  accessor disabled: boolean;
+  /**
+   * Used to configure where the fill is placed along the slider track in relation to the value handle.
+   *
+   * Range mode will always display the fill between the min and max handles.
+   *
+   * @default "start"
+   */
+  accessor fillPlacement: "end" | "none" | "start";
+  /**
+   * Used to define the full range displayed by the slider.
+   *
+   * The full range is visualized by the track while the [min](#min) and [max](#max) defines the subset of allowed values for the thumbs.
+   *
+   * @see [fullRangeMin](#fullRangeMin)
+   * @example
+   * Slider with a full range from 0 to 100, while only allowing thumb values between 25 and 75.
+   * ```html
+   * <arcgis-slider full-range-min="0" full-range-max="100" min="25" max="75" values="50"></arcgis-slider>
+   * ```
+   */
+  accessor fullRangeMax: number | undefined;
+  /**
+   * Used to define the full range displayed by the slider.
+   *
+   * The full range is visualized by the track while the [min](#min) and [max](#max) defines the subset of allowed values for the thumbs.
+   *
+   * @see [fullRangeMax](#fullRangeMax)
+   * @example
+   * Slider with a full range from 0 to 100, while only allowing thumb values between 25 and 75.
+   * ```html
+   * <arcgis-slider full-range-min="0" full-range-max="100" min="25" max="75" values="50"></arcgis-slider>
+   * ```
+   */
+  accessor fullRangeMin: number | undefined;
+  /**
+   * When specified, allows users to customize labels.
+   *
+   * Note: the formatted label is also used as the thumb's accessible value text
+   * via `aria-valuetext`, which screen readers prefer to announce over the raw
+   * numeric value.
+   */
+  accessor labelFormatter: ((value: number, type: "max" | "min" | "value", defaultFormatter: (value: number) => string) => nullish | string) | undefined;
+  /**
+   * Determines the layout/orientation of the Slider widget.
+   *
+   * @default "horizontal"
+   */
+  accessor layout: "horizontal" | "vertical";
+  /**
+   * The maximum possible data/thumb value of the slider.
+   *
+   * To display the `max` value's label on the slider, set [showRangeLabels](#showRangeLabels) to `true`.
+   * To allow the end user to modify the max value, set [rangeLabelsEditingEnabled](#rangeLabelsEditingEnabled) to `true`.
+   *
+   * @see [rangeLabelsEditingEnabled](#rangeLabelsEditingEnabled)
+   * @see [showRangeLabels](#showRangeLabels)
+   */
+  accessor max: number;
+  accessor messageOverrides: {
+      componentLabel?: string | undefined;
+      maximumValue?: string | undefined;
+      minimumValue?: string | undefined;
+      rangeMaximum?: string | undefined;
+      rangeMinimum?: string | undefined;
+      sliderValue?: string | undefined;
+  };
+  /** @internal */
+  protected messages: Partial<{
+      componentLabel: string;
+      maximumValue: string;
+      minimumValue: string;
+      rangeMaximum: string;
+      rangeMinimum: string;
+      sliderValue: string;
+  }> & T9nMeta<{
+      componentLabel: string;
+      maximumValue: string;
+      minimumValue: string;
+      rangeMaximum: string;
+      rangeMinimum: string;
+      sliderValue: string;
+  }>;
+  /**
+   * The minimum possible data/thumb value of the slider.
+   *
+   * To display the `min` value's label on the slider, set [showRangeLabels](#showRangeLabels) to `true`.
+   * To allow the end user to modify the min value, set [rangeLabelsEditingEnabled](#rangeLabelsEditingEnabled) to `true`.
+   *
+   * @see [rangeLabelsEditingEnabled](#rangeLabelsEditingEnabled)
+   * @see [showRangeLabels](#showRangeLabels)
+   */
+  accessor min: number;
+  /**
+   * When `true`, the slider will display values from high to low.
+   *
+   * @default false
+   */
+  accessor mirrored: boolean;
+  /**
+   * The accessible label of the popover.
+   *
+   * @default ""
+   */
+  accessor popoverLabel: Popover["label"];
+  /**
+   * Determines the placement of the popover relative to the track.
+   *
+   * @default "leading"
+   */
+  accessor popoverPlacement: "leading" | "trailing";
+  /**
+   * 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.
+   *
+   * This value also indicates the precision of thumb labels when the data range
+   * is less than `10` (i.e. `(max - min) < 10`).
+   *
+   * When the data range is larger than `10`, labels display with a precision of
+   * no more than two decimal places, though actual slider thumb values will maintain the
+   * precision specified in this property.
+   *
+   * For example, given the default precision of `4`, and the following slider configuration,
+   * The labels of the thumbs will display two decimal places, but the precision of the actual
+   * thumb values will not be lost even when the user slides or moves the thumb.
+   *
+   * Keep in mind this property rounds thumb [values](#values) and shouldn't be used exclusively
+   * for formatting purposes. To format thumb `labels`, use the [labelFormatter](#labelFormatter)
+   * property.
+   *
+   * @default 4
+   * @example
+   * // thumb label will display 50.43
+   * // thumb value will maintain precision, so value will remain at 50.4331
+   * ```html
+   * <arcgis-slider min="0" max="100" values="50.4331" precision="4"></arcgis-slider>
+   * ```
+   */
+  accessor precision: number;
+  /**
+   * Indicates whether to enable editing range values via keyboard input
+   * when the user clicks a [min](#min) or [max](#max) label.
+   * This allows the user to increase or decrease the data range of the slider.
+   *
+   * @default false
+   */
+  accessor rangeLabelsEditingEnabled: boolean;
+  /**
+   * Determines whether the range labels are placed centered with the slider track
+   * or placed below it when the [layout](#layout) is `"horizontal"`.
+   *
+   * @default "center"
+   */
+  accessor rangeLabelsPlacement: "center" | "trailing";
+  /**
+   * Indicates if the user can drag the segment between thumbs to update thumb positions.
+   *
+   * @default false
+   */
+  accessor segmentsDraggingDisabled: boolean;
+  /**
+   * Indicates whether to min and max range labels are visible on the slider.
+   *
+   * @default false
+   */
+  accessor showRangeLabels: boolean;
+  /**
+   * Sets steps, or intervals, on the slider that restrict user
+   * input to specific values. If an array of numbers is passed to this
+   * property, the slider thumbs may only be moved to the positions
+   * specified in the array.
+   *
+   * If a single number is set, then steps are set along the entire
+   * slider range at an interval of the provided value. In this scenario,
+   * the user may only slide the thumbs to values at the provided interval.
+   * For example, if a value of `0.5` is set here, and the slider
+   * [min](#min) is `0` and the slider [max](#max) is `10`, then the user will
+   * only be able to update the thumbs to values of 0, 0.5, 1.0, 1.5, 2.0, etc.
+   *
+   * @example
+   * ```html
+   * // set steps at an interval of 0.5. So the
+   * // slider thumb snaps at values of 0.5, 1.0, 1.5, etc.
+   * <arcgis-slider min="0" max="10" steps="0.5" values="5"></arcgis-slider>
+   * ```
+   * @example
+   * ```html
+   * // Set steps at specific slider positions
+   * <arcgis-slider min="0" max="100" steps="5, 10, 15, 20, 25, 30, 35, 40" values="15, 30"></arcgis-slider>
+   * ```
+   */
+  accessor steps: number[] | number | undefined;
+  /**
+   * Indicates whether to show the value labels on the slider.
+   *
+   * This property can be set to one of the following values:
+   * - `"always"`: Always show the labels.
+   * - `"auto"`: Show the labels only when the thumb representing a value is dragged.
+   * - `"hidden"`: Never show the labels.
+   *
+   * @default "hidden"
+   */
+  accessor valueLabelsDisplay: "always" | "auto" | "hidden";
+  /**
+   * Indicates whether to enable editing input values via keyboard input
+   * when the user clicks a label. This allows the user to move the slider
+   * thumb to precise values without sliding the thumbs.
+   *
+   * ![Slider with editable labels](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/sliders/slider-edit-label.png)
+   *
+   * @default false
+   */
+  accessor valueLabelsEditingEnabled: boolean;
+  /**
+   * Determines whether the labels are placed before or after the track.
+   *
+   * @default "leading"
+   */
+  accessor valueLabelsPlacement: "leading" | "trailing";
+  /** An array of numbers representing absolute thumb positions on the slider. */
+  accessor values: number[];
+  destroy(): Promise<void>;
+  /**
+   * Fires when the `activeValue` changes because a
+   * thumb or range is focused and blurred.
+   *
+   * This event does not fire when `values` changes.
+   * Use `arcgisInput` or `arcgisChange` instead.
+   *
+   * @see [activeValue](#activeValue)
+   */
+  readonly arcgisActiveValueChange: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /**
+   * Fires when the thumb or range is released on the component.
+   *
+   * Note: To constantly listen to the drag event,
+   * use `arcgisInput` instead.
+   */
+  readonly arcgisChange: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /**
+   * Fires when the thumb or range is being dragged and released on the component.
+   *
+   * Note: Fires frequently during drag. To perform
+   * expensive operations consider using a debounce or throttle to avoid
+   * locking up the main thread.
+   */
+  readonly arcgisInput: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires when the min or max values are changed by the user. */
+  readonly arcgisRangeChange: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    arcgisActiveValueChange: ArcgisSlider["arcgisActiveValueChange"]["detail"];
+    arcgisChange: ArcgisSlider["arcgisChange"]["detail"];
+    arcgisInput: ArcgisSlider["arcgisInput"]["detail"];
+    arcgisRangeChange: ArcgisSlider["arcgisRangeChange"]["detail"];
+  };
+}

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

@@ -13,7 +13,7 @@ import { watch as F } from "@arcgis/core/core/reactiveUtils.js";
 import { generateGuid as O } from "@arcgis/toolkit/string";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.135 */
+v5.0.0-next.137 */
 const ae = J`:host{display:flex;width:100%;height:100%;font-family:Avenir Next,Helvetica Neue,helvetica,arial,sans-serif;font-size:var(--calcite-font-size--2);font-variant-numeric:tabular-nums;--arcgis-slider-dash-length: 5px;--arcgis-slider-handle-size: .875rem;--arcgis-slider-track-background-color: var(--calcite-color-border-2);--arcgis-slider-internal-show-range-labels: 0;--arcgis-slider-internal-show-value-labels: 0;--arcgis-slider-internal-value-labels-placement-leading: 0;--arcgis-slider-internal-value-labels-placement-trailing: 0;--arcgis-slider-internal-range-labels-placement-center: 0;--arcgis-slider-internal-range-labels-placement-trailing: 0;--arcgis-slider-internal-handle-offset: calc(var(--arcgis-slider-handle-size) / 2);--arcgis-slider-internal-label-input-margin: calc(var(--arcgis-slider-internal-handle-offset) + 4px);--arcgis-slider-internal-label-input-height: var(--calcite-input-number-height, 1.5rem);--arcgis-slider-internal-track-size: 2px}:host([show-range-labels]){--arcgis-slider-internal-show-range-labels: 1}:host(:not([value-labels-display="hidden"])){--arcgis-slider-internal-show-value-labels: 1}:host([value-labels-placement="leading"]){--arcgis-slider-internal-value-labels-placement-leading: var(--arcgis-slider-internal-show-value-labels)}:host([value-labels-placement="trailing"]){--arcgis-slider-internal-value-labels-placement-trailing: var(--arcgis-slider-internal-show-value-labels)}:host([range-labels-placement="center"]){--arcgis-slider-internal-range-labels-placement-center: var(--arcgis-slider-internal-show-range-labels)}:host([range-labels-placement="trailing"]){--arcgis-slider-internal-range-labels-placement-trailing: var(--arcgis-slider-internal-show-range-labels)}:host([disabled]){cursor:default;opacity:var(--calcite-opacity-disabled);pointer-events:none}.content{direction:ltr;flex:1;touch-action:none;user-select:none;display:grid;word-wrap:normal;word-break:normal;padding-block:var(--arcgis-slider-internal-handle-offset)}.track-container{grid-area:track-container;position:relative;display:flex;justify-content:center;align-items:center}.track{touch-action:none;position:relative}.track-bounds{background-color:var(--calcite-color-border-2)}.track-fill{--arcgis-slider-track-background-color: var(--calcite-color-brand)}:host([layout="vertical"]){.track-effective-leading{background:repeating-linear-gradient(to bottom,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}.track-effective-trailing{background:repeating-linear-gradient(to top,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}}:host([layout="horizontal"]){.track-effective-leading{background:repeating-linear-gradient(to right,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}.track-effective-trailing{background:repeating-linear-gradient(to left,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}}.track-range{background-color:var(--calcite-color-brand);&.active{box-shadow:0 0 8px #00000029;outline:1px solid var(--calcite-color-focus, var(--calcite-color-focus, var(--calcite-color-brand)))}}:host([disabled]) .track-range{background-color:var(--calcite-color-text-3)}:host([layout="horizontal"]){.track-range.interactive{&:after{all:initial;cursor:ew-resize;position:absolute;inline-size:100%;content:"";inset-block-start:calc(-1 * var(--arcgis-slider-internal-handle-offset));block-size:var(--arcgis-slider-handle-size);margin-top:1px}}}:host([layout="vertical"]){.track-range.interactive{&:after{all:initial;cursor:ns-resize;position:absolute;inline-size:100%;content:"";inset-block-start:var(--arcgis-slider-internal-handle-offset);block-size:var(--arcgis-slider-handle-size);margin-left:1px}}}.segment{transform-origin:0 0;inset-block-start:0px;block-size:.125rem;position:absolute;top:0;left:0}.thumb{-webkit-user-select:none;user-select:none;background-color:#4c4c4c;position:absolute}.thumb:focus,.thumb.active{.handle{background-color:var(--calcite-color-brand);box-shadow:0 0 8px #00000029;outline:2px solid var(--calcite-color-focus, var(--calcite-color-focus, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}}.handle{cursor:pointer;box-sizing:border-box;z-index:1;touch-action:none;background-color:var(--calcite-color-foreground-1);box-shadow:0 0 0 2px var(--calcite-color-text-3) inset;border-radius:var(--arcgis-slider-handle-size);width:var(--arcgis-slider-handle-size);height:var(--arcgis-slider-handle-size);transition:all .125s ease-in-out;position:absolute;top:calc(var(--arcgis-slider-internal-handle-offset) * -1);left:calc(var(--arcgis-slider-internal-handle-offset) * -1)}.handle:hover{box-shadow:0 0 0 3px var(--calcite-color-brand) inset}.label{position:absolute;will-change:transform}.label[hidden]{display:block;opacity:0;pointer-events:none}.min{grid-area:range-start}.max{grid-area:range-end}:host([layout="horizontal"][mirrored][range-labels-placement="center"]),:host([layout="vertical"]:not([mirrored])){.min{grid-area:range-end}.max{grid-area:range-start}}.content-start{grid-area:content-start;display:flex}.content-end{grid-area:content-end;display:flex}:host([layout="vertical"]){.content{grid-template:". range-start range-start range-start ." "content-start content-start track-container content-end content-end" ". range-end range-end range-end .";grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto auto auto 1fr;row-gap:var(--arcgis-slider-internal-handle-offset)}.track-container{flex-direction:column}.track{flex:1;width:var(--arcgis-slider-internal-track-size)}.segment{writing-mode:vertical-lr}.label{top:calc(var(--arcgis-slider-internal-label-input-height) * -.5)}&:host([value-labels-placement="leading"]){.label{right:var(--arcgis-slider-internal-label-input-margin)}}&:host([value-labels-placement="trailing"]){.label{left:var(--arcgis-slider-internal-label-input-margin)}}}:host([layout="horizontal"][range-labels-placement="center"]){.content{--arcgis-slider-internal-content-start-min-height: calc( ((1 - var(--arcgis-slider-internal-show-range-labels)) * var(--arcgis-slider-internal-handle-offset)) + ( var(--arcgis-slider-internal-value-labels-placement-leading) * var(--arcgis-slider-internal-label-input-height) ) );--arcgis-slider-internal-content-end-min-height: calc( ((1 - var(--arcgis-slider-internal-show-range-labels)) * var(--arcgis-slider-internal-handle-offset)) + ( var(--arcgis-slider-internal-value-labels-placement-trailing) * var(--arcgis-slider-internal-label-input-height) ) );column-gap:calc(var(--arcgis-slider-internal-show-range-labels) * var(--arcgis-slider-internal-handle-offset) / 2);padding-inline:calc((1 - var(--arcgis-slider-internal-show-range-labels)) * var(--arcgis-slider-internal-handle-offset));grid-template:". content-start ." "range-start content-start range-end" "range-start track-container range-end" "range-start content-end range-end" ". content-end .";grid-template-columns:auto 1fr auto;grid-template-rows:minmax(var(--arcgis-slider-internal-content-start-min-height),auto) calc(var(--arcgis-slider-internal-show-range-labels) * calc(calc(var(--arcgis-slider-internal-label-input-height) / 2) - calc(var(--arcgis-slider-internal-track-size) / 2))) var(--arcgis-slider-internal-track-size) calc(var(--arcgis-slider-internal-show-range-labels) * calc(calc(var(--arcgis-slider-internal-label-input-height) / 2) - calc(var(--arcgis-slider-internal-track-size) / 2))) minmax(var(--arcgis-slider-internal-content-end-min-height),auto)}.track{flex:1;height:var(--arcgis-slider-internal-track-size)}&:host([value-labels-placement="leading"]){.label{bottom:var(--arcgis-slider-internal-label-input-margin)}}&:host([value-labels-placement="trailing"]){.label{top:var(--arcgis-slider-internal-label-input-margin)}}}:host([layout="horizontal"][range-labels-placement="trailing"]){.content{--arcgis-slider-internal-content-start-min-height: calc( var(--arcgis-slider-internal-handle-offset) + var(--arcgis-slider-internal-value-labels-placement-leading) * var(--arcgis-slider-internal-label-input-height) );--arcgis-slider-internal-content-end-min-height: calc( var(--arcgis-slider-internal-value-labels-placement-trailing) * var(--arcgis-slider-internal-label-input-height) );padding-inline:var(--arcgis-slider-internal-handle-offset);grid-template:"content-start content-start content-start" "track-container track-container track-container" "content-end content-end content-end" "content-end content-end content-end" "content-end content-end content-end";grid-template-columns:auto;grid-template-rows:minmax(var(--arcgis-slider-internal-content-start-min-height),auto) var(--arcgis-slider-internal-track-size) var(--arcgis-slider-internal-handle-offset) calc(var(--arcgis-slider-internal-range-labels-placement-trailing) * var(--arcgis-slider-internal-label-input-height)) minmax(var(--arcgis-slider-internal-content-end-min-height),auto);column-gap:var(--arcgis-slider-internal-handle-offset)}.track{flex:1;height:var(--arcgis-slider-internal-track-size)}&:host([value-labels-placement="leading"]){.label{bottom:var(--arcgis-slider-internal-label-input-margin)}}&:host([value-labels-placement="trailing"]){.label{top:calc(var(--arcgis-slider-internal-label-input-margin) + var(--arcgis-slider-internal-range-labels-placement-trailing) * (var(--arcgis-slider-internal-label-input-height)))}}.min,.max{--arcgis-slider-internal-range-translation: calc(var(--arcgis-slider-internal-handle-offset) + .5rem + 1px);grid-area:unset;grid-row:-3}&:host(:not([mirrored])){.min{grid-column:1;transform:translate(calc(var(--arcgis-slider-internal-range-translation) * -1))}.max{grid-column:3;transform:translate(var(--arcgis-slider-internal-range-translation))}}&:host([mirrored]){.min{grid-column:3;transform:translate(var(--arcgis-slider-internal-range-translation))}.max{grid-column:1;transform:translate(calc(var(--arcgis-slider-internal-range-translation) * -1))}}}`;
 var re = Object.defineProperty, ne = Object.getOwnPropertyDescriptor, w = (n, e, t, a) => {
   for (var i = a > 1 ? void 0 : a ? ne(e, t) : e, r = n.length - 1, l; r >= 0; r--)

package/dist/components/arcgis-slider/index.d.ts

@@ -1,3 +1 @@
-import "@esri/calcite-components/components/calcite-popover";
-import "../arcgis-label-input/index.js";
 export * from "./customElement.js";