@arcgis/map-components 5.2.0-next.8 → 5.2.0-next.85

package/dist/components/arcgis-value-picker-collection/customElement.d.ts

@@ -1,113 +0,0 @@
-/// <reference path="../../index.d.ts" />
-import type Collection from "@arcgis/core/core/Collection.js";
-import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-
-export abstract class ArcgisValuePickerCollection 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/components/arcgis-value-picker-collection/#destroy) method when you are done to
-   * prevent memory leaks.
-   *
-   * @default false
-   */
-  accessor autoDestroyDisabled: boolean;
-  /**
-   * Determines whether the user can interact with the next button.
-   * This property is automatically set to `false` when [currentValue](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-collection/#currentValue) matches the last index of
-   * [items](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-collection/#items).
-   *
-   * @default false
-   * @example
-   * ```js
-   * const valuePicker = document.querySelector("arcgis-value-picker");
-   * const valuePickerCollection = document.querySelector("arcgis-value-picker-collection");
-   *
-   * const collection = new Collection([
-   *   { name: "Isaac Newton", dob: new Date(1643, 0, 4)},
-   *   { name: "Albert Einstein", dob: new Date(1879, 2, 14)},
-   *   { name: "Ernest Rutherford", dob: new Date(1871, 7, 20)}
-   * ]);
-   * valuePickerCollection.items = collection;
-   * valuePickerCollection.currentValue = valuePickerCollection.items.at(0);
-   * if (valuePickerCollection.canNext === true) {
-   *   valuePicker.next();
-   *   console.log(valuePickerCollection.currentValue.name); // "Albert Einstein"
-   * }
-   * ```
-   */
-  accessor canNext: boolean;
-  /**
-   * Determines whether the user can interact with the play/pause button.
-   *
-   * @default false
-   */
-  accessor canPlay: boolean;
-  /**
-   * Determines whether the user can interact with the previous button.
-   * This property is automatically set to `false` when [currentValue](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-collection/#currentValue) matches the first index of
-   * [items](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-collection/#items).
-   *
-   * @default false
-   * @example
-   * ```js
-   * const valuePicker = document.querySelector("arcgis-value-picker");
-   * const valuePickerCollection = document.querySelector("arcgis-value-picker-collection");
-   *
-   * const collection = new Collection([
-   *   { name: "Isaac Newton", dob: new Date(1643, 0, 4)},
-   *   { name: "Albert Einstein", dob: new Date(1879, 2, 14)},
-   *   { name: "Ernest Rutherford", dob: new Date(1871, 7, 20)}
-   * ]);
-   * valuePickerCollection.items = collection;
-   * valuePickerCollection.currentValue = valuePickerCollection.items.at(1);
-   * if (valuePickerCollection.canPrevious === true) {
-   *   valuePicker.previous();
-   *   console.log(valuePickerCollection.currentValue.name); // "Isaac Newton"
-   * }
-   * ```
-   */
-  accessor canPrevious: boolean;
-  /**
-   * The currently selected collection item. Note that because the type of [items](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-collection/#items) is a
-   * [Collection](https://developers.arcgis.com/javascript/latest/references/core/core/Collection/) of any shape, this component
-   * identifies `currentValue` by reference rather than matching a field that may not always be present. Ensure that `currentValue` is always
-   * assigned from an existing element within `items`.
-   *
-   * @example
-   * ```js
-   * const valuePickerCollection = document.querySelector("arcgis-value-picker-collection");
-   *
-   * const collection = new Collection([
-   *   { name: "Isaac Newton", dob: new Date(1643, 0, 4)},
-   *   { name: "Albert Einstein", dob: new Date(1879, 2, 14)},
-   *   { name: "Ernest Rutherford", dob: new Date(1871, 7, 20)}
-   * ]);
-   * valuePickerCollection.items = collection;
-   *
-   * // 3 different approaches to setting currentValue
-   *
-   * // Acceptable. currentValue is a reference to items
-   * valuePickerCollection.currentValue = valuePickerCollection.items.at(0);
-   *
-   * // Acceptable. currentValue is assigned to the element at the index of items returned by find()
-   * valuePickerCollection.currentValue = valuePickerCollection.items.find(
-   *   ({ name }) => name === "Albert Einstein"
-   * );
-   *
-   * // Invalid. The component has no mechanism to predict which field should be used to match this property to an index.
-   * valuePickerCollection.currentValue = { name: "Isaac Newton", dob: new Date(1643, 0, 4) };
-   * ```
-   */
-  accessor currentValue: unknown | undefined;
-  /** The collection of arbitrary items that [arcgis-value-picker](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/) can iterate over. */
-  accessor items: Collection | undefined;
-  /** Permanently destroy the component. */
-  destroy(): Promise<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: "canNext" | "canPlay" | "canPrevious" | "currentValue"; }>;
-  readonly "@eventTypes": {
-    arcgisPropertyChange: ArcgisValuePickerCollection["arcgisPropertyChange"]["detail"];
-  };
-}

package/dist/components/arcgis-value-picker-collection/customElement.js

@@ -1,43 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as s } from "../../chunks/runtime.js";
-import { LitElement as i } from "@arcgis/lumina";
-import { usePropertyChange as a } from "@arcgis/lumina/controllers";
-class r extends i {
-  constructor() {
-    super(...arguments), this.autoDestroyDisabled = !1, this.canNext = !1, this.canPlay = !1, this.canPrevious = !1, this.arcgisPropertyChange = a()("canNext", "canPlay", "canPrevious", "currentValue");
-  }
-  static {
-    this.properties = { autoDestroyDisabled: 5, items: 0, currentValue: 0, canNext: 5, canPlay: 5, canPrevious: 5 };
-  }
-  async destroy() {
-    await this.manager.destroy();
-  }
-  reset() {
-    this.currentValue = this.items?.at(0);
-  }
-  step(t) {
-    if (!this.items || !this.currentValue)
-      return;
-    const e = this.items.indexOf(this.currentValue) + (t === "next" ? 1 : -1);
-    e >= this.items.length || e < 0 || (this.currentValue = this.items.at(e), this._checkState());
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.el.hidden = !0;
-  }
-  willUpdate(t) {
-    (t.has("currentValue") || t.has("items")) && this.items?.length && (this.currentValue ??= this.items.at(0)), this._checkState();
-  }
-  _checkState() {
-    if (!this.items?.length) {
-      this.canPlay = !1, this.canNext = !1, this.canPrevious = !1;
-      return;
-    }
-    this.canPlay = !0;
-    const t = this.items.indexOf(this.currentValue);
-    this.canNext = t >= 0 && t < this.items.length - 1, this.canPrevious = t > 0;
-  }
-}
-s("arcgis-value-picker-collection", r);
-export {
-  r as ArcgisValuePickerCollection
-};

package/dist/components/arcgis-value-picker-combobox/customElement.d.ts

@@ -1,90 +0,0 @@
-/// <reference path="../../index.d.ts" />
-import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { ComboboxItem } from "../arcgis-value-picker/types.js";
-import type { T9nMeta } from "@arcgis/lumina/controllers";
-
-export abstract class ArcgisValuePickerCombobox 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/components/arcgis-value-picker-combobox/#destroy) method when you are done to
-   * prevent memory leaks.
-   *
-   * @default false
-   */
-  accessor autoDestroyDisabled: boolean;
-  /**
-   * Determines whether the user can interact with the next button.
-   * This property is automatically set to `false` when [currentValue](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-combobox/#currentValue) matches the last index of
-   * [items](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-combobox/#items).
-   *
-   * @default false
-   * @example
-   * ```js
-   * const valuePicker = document.querySelector("arcgis-value-picker");
-   * const valuePickerCombobox = document.querySelector("arcgis-value-picker-combobox");
-   *
-   * valuePickerCombobox.items = [
-   *   { value: "ind", label: "Industrial" },
-   *   { value: "res", label: "Residential" },
-   *   { value: "com", label: "Commercial" }
-   * ];
-   * valuePickerCombobox.currentValue = valuePickerCombobox.items[0];
-   * if (valuePickerCombobox.canNext === true) {
-   *   valuePicker.next();
-   *   console.log(valuePickerCombobox.currentValue.label); // "Residential"
-   * }
-   * ```
-   */
-  accessor canNext: boolean;
-  /**
-   * Determines whether the user can interact with the play/pause button.
-   *
-   * @default false
-   */
-  accessor canPlay: boolean;
-  /**
-   * Determines whether the user can interact with the previous button.
-   * This property is automatically set to `false` when [currentValue](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-combobox/#currentValue) matches the first index of
-   * [items](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-combobox/#items).
-   *
-   * @default false
-   * @example
-   * ```js
-   * const valuePicker = document.querySelector("arcgis-value-picker");
-   * const valuePickerCombobox = document.querySelector("arcgis-value-picker-combobox");
-   *
-   * valuePickerCombobox.items = [
-   *   { value: "ind", label: "Industrial" },
-   *   { value: "res", label: "Residential" },
-   *   { value: "com", label: "Commercial" }
-   * ];
-   * valuePickerCombobox.currentValue = valuePickerCombobox.items[1];
-   * if (valuePickerCombobox.canPrevious === true) {
-   *   valuePicker.previous();
-   *   console.log(valuePickerCombobox.currentValue.label); // "Industrial"
-   * }
-   * ```
-   */
-  accessor canPrevious: boolean;
-  /** The currently selected combobox item rendered by the component. */
-  accessor currentValue: ComboboxItem | undefined;
-  /**
-   * When true, the component is visually withdrawn and cannot receive user interaction.
-   *
-   * @default false
-   */
-  accessor disabled: boolean;
-  /** The array of combobox items that [arcgis-value-picker](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/) can iterate over. */
-  accessor items: ComboboxItem[] | undefined;
-  /** @internal */
-  protected messages: { comboboxLabel: string; } & T9nMeta<{ comboboxLabel: string; }>;
-  /** Permanently destroy the component. */
-  destroy(): Promise<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: "canNext" | "canPlay" | "canPrevious" | "currentValue"; }>;
-  readonly "@eventTypes": {
-    arcgisPropertyChange: ArcgisValuePickerCombobox["arcgisPropertyChange"]["detail"];
-  };
-}

package/dist/components/arcgis-value-picker-combobox/customElement.js

@@ -1,55 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as l } from "../../chunks/runtime.js";
-import { LitElement as r } from "@arcgis/lumina";
-import { css as n, html as a } from "lit";
-import { usePropertyChange as o } from "@arcgis/lumina/controllers";
-import { u as h } from "../../chunks/useT9n.js";
-const u = n`:host{align-items:center;display:flex;flex:auto;min-width:300px;padding-inline:var(--calcite-space-sm);--calcite-color-border-input: var(--calcite-color-border-3)}calcite-combobox{flex:auto;width:var(--calcite-space-none)}`;
-class m extends r {
-  constructor() {
-    super(...arguments), this.messages = h({ blocking: !0 }), this.autoDestroyDisabled = !1, this.disabled = !1, this.canNext = !1, this.canPlay = !1, this.canPrevious = !1, this.arcgisPropertyChange = o()("canNext", "canPlay", "canPrevious", "currentValue");
-  }
-  static {
-    this.properties = { autoDestroyDisabled: 5, disabled: 5, items: 0, currentValue: 0, canNext: 5, canPlay: 5, canPrevious: 5 };
-  }
-  static {
-    this.styles = u;
-  }
-  async destroy() {
-    await this.manager.destroy();
-  }
-  reset() {
-    this.currentValue = this.items?.[0];
-  }
-  step(e) {
-    if (!this.items || !this.currentValue)
-      return;
-    const s = this.items.findIndex(({ value: c }) => c === this.currentValue?.value) + (e === "next" ? 1 : -1);
-    s >= this.items.length || s < 0 || (this.currentValue = this.items[s], this._checkState());
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.el.hidden = !0;
-  }
-  willUpdate(e) {
-    (e.has("currentValue") || e.has("items")) && this.items?.length && (this.currentValue ??= this.items[0]), this.el.hidden = !this.items?.length, this._checkState();
-  }
-  _checkState() {
-    if (!this.items?.length) {
-      this.canPlay = !1, this.canNext = !1, this.canPrevious = !1;
-      return;
-    }
-    this.canPlay = !0;
-    const e = this.items.findIndex(({ value: t }) => t === this.currentValue?.value);
-    this.canNext = e < this.items.length - 1, this.canPrevious = e > 0;
-  }
-  render() {
-    return a`<calcite-combobox .disabled=${this.disabled} selection-mode=single .label=${this.messages.comboboxLabel} @calciteComboboxChange=${({ currentTarget: e }) => {
-      const t = e.selectedItems[0]?.value;
-      this.currentValue = this.items?.find(({ value: i }) => i === t), this._checkState();
-    }}>${this.items?.map((e) => a`<calcite-combobox-item .value=${e.value} .heading=${e.label} .selected=${e.value === this.currentValue?.value}></calcite-combobox-item>`)}</calcite-combobox>`;
-  }
-}
-l("arcgis-value-picker-combobox", m);
-export {
-  m as ArcgisValuePickerCombobox
-};

package/dist/components/arcgis-value-picker-combobox/index.js

@@ -1,3 +0,0 @@
-import "@esri/calcite-components/components/calcite-combobox";
-import "@esri/calcite-components/components/calcite-combobox-item";
-export * from "./customElement.js";

package/dist/components/arcgis-value-picker-label/customElement.d.ts

@@ -1,81 +0,0 @@
-/// <reference path="../../index.d.ts" />
-import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { LabelItem } from "../arcgis-value-picker/types.js";
-
-export abstract class ArcgisValuePickerLabel 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/components/arcgis-value-picker-label/#destroy) method when you are done to
-   * prevent memory leaks.
-   *
-   * @default false
-   */
-  accessor autoDestroyDisabled: boolean;
-  /**
-   * Determines whether the user can interact with the next button.
-   * This property is automatically set to `false` when [currentValue](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-label/#currentValue) matches the last index of
-   * [items](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-label/#items).
-   *
-   * @default false
-   * @example
-   * ```js
-   * const valuePicker = document.querySelector("arcgis-value-picker");
-   * const valuePickerLabel = document.querySelector("arcgis-value-picker-label");
-   *
-   * valuePickerLabel.items = [
-   *   { value: "90606", label: "Whittier, CA (90606)" },
-   *   { value: "76001", label: "Arlington, TX (76001)" },
-   *   { value: "92335", label: "Fontana, CA (92335)" }
-   * ];
-   * valuePickerLabel.currentValue = valuePickerLabel.items[0];
-   * if (valuePickerLabel.canNext === true) {
-   *   valuePicker.next();
-   *   console.log(valuePickerLabel.currentValue.label); // "Arlington, TX (76001)"
-   * }
-   * ```
-   */
-  accessor canNext: boolean;
-  /**
-   * Determines whether the user can interact with the play/pause button.
-   *
-   * @default false
-   */
-  accessor canPlay: boolean;
-  /**
-   * Determines whether the user can interact with the previous button.
-   * This property is automatically set to `false` when [currentValue](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-label/#currentValue) matches the first index of
-   * [items](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-label/#items).
-   *
-   * @default false
-   * @example
-   * ```js
-   * const valuePicker = document.querySelector("arcgis-value-picker");
-   * const valuePickerLabel = document.querySelector("arcgis-value-picker-label");
-   *
-   * valuePickerLabel.items = [
-   *   { value: "90606", label: "Whittier, CA (90606)" },
-   *   { value: "76001", label: "Arlington, TX (76001)" },
-   *   { value: "92335", label: "Fontana, CA (92335)" }
-   * ];
-   * valuePickerLabel.currentValue = valuePickerLabel.items[1];
-   * if (valuePickerLabel.canPrevious === true) {
-   *   valuePicker.previous();
-   *   console.log(valuePickerLabel.currentValue.label); // "Whittier, CA (90606)"
-   * }
-   * ```
-   */
-  accessor canPrevious: boolean;
-  /** The currently selected label item rendered by the component. */
-  accessor currentValue: LabelItem | undefined;
-  /** The array of label items that [arcgis-value-picker](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/) can iterate over. */
-  accessor items: LabelItem[] | undefined;
-  /** Permanently destroy the component. */
-  destroy(): Promise<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: "canNext" | "canPlay" | "canPrevious" | "currentValue"; }>;
-  readonly "@eventTypes": {
-    arcgisPropertyChange: ArcgisValuePickerLabel["arcgisPropertyChange"]["detail"];
-  };
-}

package/dist/components/arcgis-value-picker-label/customElement.js

@@ -1,51 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as a } from "../../chunks/runtime.js";
-import { LitElement as r } from "@arcgis/lumina";
-import { css as n, html as c } from "lit";
-import { usePropertyChange as l } from "@arcgis/lumina/controllers";
-const o = n`:host{display:flex;flex:auto;min-width:300px;padding:var(--calcite-space-sm)}.container{align-items:center;border:solid 1px var(--calcite-color-border-3);display:flex;flex:auto;padding-inline:var(--calcite-space-sm)}.text{color:var(--calcite-color-text-1);flex:auto;font-family:inherit;font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-normal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:var(--calcite-space-none)}`;
-class h extends r {
-  constructor() {
-    super(...arguments), this.autoDestroyDisabled = !1, this.canNext = !1, this.canPlay = !1, this.canPrevious = !1, this.arcgisPropertyChange = l()("canNext", "canPlay", "canPrevious", "currentValue");
-  }
-  static {
-    this.properties = { autoDestroyDisabled: 5, items: 0, currentValue: 0, canNext: 5, canPlay: 5, canPrevious: 5 };
-  }
-  static {
-    this.styles = o;
-  }
-  async destroy() {
-    await this.manager.destroy();
-  }
-  reset() {
-    this.currentValue = this.items?.[0];
-  }
-  step(e) {
-    if (!this.items || !this.currentValue)
-      return;
-    const t = this.items.findIndex(({ value: s }) => s === this.currentValue?.value) + (e === "next" ? 1 : -1);
-    t >= this.items.length || t < 0 || (this.currentValue = this.items[t], this._checkState());
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.el.hidden = !0;
-  }
-  willUpdate(e) {
-    (e.has("currentValue") || e.has("items")) && this.items?.length && !this.currentValue && (this.currentValue = this.items[0]), this.el.hidden = !this.items?.length, this._checkState();
-  }
-  _checkState() {
-    if (!this.items?.length) {
-      this.canPlay = !1, this.canNext = !1, this.canPrevious = !1;
-      return;
-    }
-    this.canPlay = !0;
-    const e = this.items.findIndex(({ value: i }) => i === this.currentValue?.value);
-    this.canNext = e < this.items.length - 1, this.canPrevious = e > 0;
-  }
-  render() {
-    return c`<div class="container"><div class="text">${this.currentValue?.label}</div></div>`;
-  }
-}
-a("arcgis-value-picker-label", h);
-export {
-  h as ArcgisValuePickerLabel
-};

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

@@ -1,173 +0,0 @@
-/// <reference path="../../index.d.ts" />
-import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { Layout } from "../arcgis-value-picker/types.js";
-
-export abstract class ArcgisValuePickerSlider 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/components/arcgis-value-picker-slider/#destroy) method when you are done to
-   * prevent memory leaks.
-   *
-   * @default false
-   */
-  accessor autoDestroyDisabled: boolean;
-  /**
-   * Determines whether the user can interact with the next button.
-   * This property is automatically set to `false` when the index of [currentValue](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-slider/#currentValue) matches the last index of
-   * [steps](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-slider/#steps). Regardless of the [layout](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-slider/#layout) property's value, the slider thumb will
-   * move in the direction that the next button is pointing. This means that when the slider is visually flipped
-   * (`layout` is `"horizontal"` and `mirrored` is `true`, or `layout` is `"vertical"` and `mirrored` is `false`), this property becomes `false`
-   * when `currentValue` is equal to the first index of `steps` rather than the last.
-   *
-   * @default false
-   * @example
-   * ```js
-   * const valuePicker = document.querySelector("arcgis-value-picker");
-   * const valuePickerSlider = document.querySelector("arcgis-value-picker-slider");
-   *
-   * valuePickerSlider.steps = [1, 2, 3];
-   * valuePickerSlider.currentValue = 3;
-   *
-   * if (valuePickerSlider.canNext) {
-   *   valuePicker.next();
-   * } else {
-   *   console.log("Cannot step forward."); // this line will execute
-   * }
-   * ```
-   */
-  accessor canNext: boolean;
-  /**
-   * Determines whether the user can interact with the play/pause button.
-   *
-   * @default false
-   */
-  accessor canPlay: boolean;
-  /**
-   * Determines whether the user can interact with the previous button.
-   * This property is automatically set to `false` when the index of [currentValue](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-slider/#currentValue) matches the first index of
-   * [steps](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-slider/#steps). Regardless of the [layout](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-slider/#layout) property's value, the slider thumb will
-   * move in the direction that the previous button is pointing. This means that when the slider is visually flipped
-   * (`layout` is `"horizontal"` and `mirrored` is `true`, or `layout` is `"vertical"` and `mirrored` is `false`), this property becomes `false`
-   * when `currentValue` is equal to the last index of `steps` rather than the first.
-   *
-   * @default false
-   * @example
-   * ```js
-   * const valuePicker = document.querySelector("arcgis-value-picker");
-   * const valuePickerSlider = document.querySelector("arcgis-value-picker-slider");
-   *
-   * // `steps` will be rendered on a vertical track where "3" is the topmost value.
-   * // The previous button (pointing upwards) will fail to increment the index of `steps` by 1.
-   *
-   * valuePickerSlider.steps = [1, 2, 3];
-   * valuePickerSlider.currentValue = 1;
-   * valuePickerSlider.mirrored = false;
-   * valuePicker.layout = "vertical";
-   *
-   * if (valuePickerSlider.canPrevious) {
-   *   valuePicker.previous(); // this line will execute
-   * } else {
-   *   console.log("Cannot step upward.");
-   * }
-   * ```
-   */
-  accessor canPrevious: boolean;
-  /**
-   * The value of the currently selected index in the slider's [steps](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-slider/#steps). If this property is not assigned by the
-   * user, it will default to the last index of `steps`.
-   */
-  accessor currentValue: number | undefined;
-  /**
-   * When set to `true`, the user may not interact with the slider.
-   * Note that if the ValuePicker's [arcgis-value-picker.disabled](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/#disabled) property is mutated, this property will update to match it.
-   *
-   * @default false
-   */
-  accessor disabled: boolean;
-  /**
-   * A function used to format labels. Overrides the default label formatter.
-   *
-   * @example
-   * ```js
-   * // Display a label at every step formatted as a percentage.
-   *
-   * const valuePickerSlider = document.querySelector("arcgis-value-picker-slider");
-   * valuePickerSlider.steps = [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
-   * valuePickerSlider.labels = [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
-   * valuePickerSlider.labelFormatter = (value) => `${value}%`;
-   * ```
-   */
-  accessor labelFormatter: (value: number, defaultFormatter: (value: number) => string) => string | null | undefined;
-  /**
-   * Determines where along the slider track labels should be placed. Labels will be formatted by the [labelFormatter](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-slider/#labelFormatter) property.
-   *
-   * @example
-   * ```js
-   * // Display a label at every other step
-   *
-   * const valuePickerSlider = document.querySelector("arcgis-value-picker-slider");
-   * valuePickerSlider.steps = [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
-   * valuePickerSlider.labels = [0, 20, 40, 60, 80, 100];
-   * ```
-   */
-  accessor labels: number[] | undefined;
-  /**
-   * Determines whether the slider should be oriented horizontally or vertically. Note that if [arcgis-value-picker.layout](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/#layout) on the Value Picker component
-   * is mutated, this property will update to match it. The UI will behave as if the indices of [steps](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-slider/#steps) will ascend left to right, or bottom
-   * to top on a horizontal or vertical layout, respectively. If you wish for the slider to be visually mirrored, set the [mirrored](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-slider/#mirrored)
-   * property to true. This will also make the 'next' button responsible for stepping backwards to the previous index of `steps`, and
-   * 'previous' responsible for advancing to the next index of `steps`.
-   *
-   * @default "horizontal"
-   * @example
-   * ```js
-   * // Display a vertical slider with `steps` ascending bottom to top. In this instance, the 'next'
-   * // button (pointing downwards) will bring `currentValue` closer to 0 to match the slider's appearance.
-   *
-   * const valuePickerSlider = document.querySelector("arcgis-value-picker-slider");
-   * valuePickerSlider.steps = [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
-   * valuePickerSlider.currentValue = 100;
-   * valuePickerSlider.layout = "vertical";
-   *
-   * // Display a horizontal slider with `steps` ascending right to left. Since `mirrored` is true,
-   * // the slider will show `currentValue` decreasing from 100 to 0 as the 'next' button (pointing to the right) is pressed.
-   *
-   * const valuePickerSlider = document.querySelector("arcgis-value-picker-slider");
-   * valuePickerSlider.steps = [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
-   * valuePickerSlider.currentValue = 100;
-   * valuePickerSlider.layout = "horizontal";
-   * valuePickerSlider.mirrored = true;
-   * ```
-   * @see [arcgis-value-picker.layout](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/#layout)
-   */
-  accessor layout: Layout | undefined;
-  /** Positions along the slider track rendered as long tick marks under the track. */
-  accessor majorTicks: number[] | undefined;
-  /** The greatest possible value on the slider track. If this property is not set, it will be inferred from the last index of [steps](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-slider/#steps). */
-  accessor max: number | undefined;
-  /** The smallest possible value on the slider track. If this property is not set, it will be inferred from the first index of [steps](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-slider/#steps). */
-  accessor min: number | undefined;
-  /** Positions along the slider track rendered as short tick marks under the track. */
-  accessor minorTicks: number[] | undefined;
-  /**
-   * When `true`, the slider will display its [steps](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-slider/#steps) from right to left, or top to bottom,
-   * depending on the value of [layout](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-slider/#layout). This inverts the direction of the slider.
-   *
-   * @default false
-   */
-  accessor mirrored: boolean;
-  /**
-   * Positions along the slider track between [min](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-slider/#max) that
-   * the slider thumb will snap to when interacted with.
-   */
-  accessor steps: number[] | undefined;
-  /** Permanently destroy the component. */
-  destroy(): Promise<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: "canNext" | "canPlay" | "canPrevious" | "currentValue"; }>;
-  readonly "@eventTypes": {
-    arcgisPropertyChange: ArcgisValuePickerSlider["arcgisPropertyChange"]["detail"];
-  };
-}