@arcgis/common-components 5.1.0-next.6 → 5.1.0-next.61

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

@@ -1,6 +1,7 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 
+/** @internal */
 export abstract class ArcgisSliderInput extends LitElement {
   /**
    * If true, prevents interaction with the component.

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

@@ -1,24 +1,24 @@
 /// <reference path="../../index.d.ts" />
-/// <reference types="@arcgis/core/interfaces.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { Layout, TickMode, TickValues } from "./types.js";
 
 /**
  * The ticks component displays visual markers along a line to indicate scale, intervals, or specific values. It is often used in conjunction with the
- * [Slider component](https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-slider/). Ticks help users understand the
+ * [Slider component](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/). Ticks help users understand the
  * slider’s range and make more precise selections.
  *
- * Tick placement is controlled by the [mode](#mode), which defines how the [values](#values) are parsed and translated into positions along the
- * line. Tick positions are derived from the component’s [min](#min) and [max](#max) range, with optional none-linear scaling via
- * [interpolationExponent](#interpolationExponent). Ticks can be displayed in vertical or horizontal [layouts](#layout), with optional [labels](#showLabels) and a [baseline](#showBaseline).
- * The component can also be made [interactive](#interactive) to respond to user clicks on individual ticks. The [labelFormatter](#labelFormatter) property allows customization of tick label formatting.
+ * Tick placement is controlled by the [mode](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#mode), which defines how the [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values) are parsed and translated into positions along the
+ * line. Tick positions are derived from the component’s [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#max) range, with optional non-linear scaling via
+ * [interpolationExponent](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#interpolationExponent). Ticks can be displayed in vertical or horizontal [layout](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#layout), with optional [showLabels](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#showLabels) and a [showBaseline](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#showBaseline).
+ * The component can also be made [interactive](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#interactive) to respond to user clicks on individual ticks. The [labelFormatter](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#labelFormatter) property allows customization of tick label formatting.
  *
  * @cssproperty [--arcgis-ticks-tick-length] - Specifies the length of the ticks.
  * @cssproperty [--arcgis-ticks-tick-color] - Specifies the color of the ticks.
  * @cssproperty [--arcgis-ticks-gap] - Specifies the gap between the ticks and labels.
  * @since 5.0
  * @example
- * The following example creates a vertical slider with vertical ticks displayed at every 10 units from 0 to 100.
- * The ticks are labeled and positioned on the end side of the slider.
+ * The following example creates a vertical slider and ticks.
+ * The ticks are positioned at the end of the slider and displayed every 10 units from 0 to 100.
  * ```html
  * <arcgis-slider id="sliderComponent" min="0" max="100" show-range-labels values="50" layout="vertical">
  *    <arcgis-ticks slot="content-end" style="flex:1;"
@@ -34,7 +34,7 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
  */
 export abstract class ArcgisTicks extends LitElement {
   /**
-   * When `true`, ticks are clickable and the component emits  [@arcgisTickClick](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#event-arcgisTickClick) when the user selects a tick.
+   * When `true`, ticks are clickable and the component emits [@arcgisTickClick](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#event-arcgisTickClick) when the user selects a tick.
    *
    * @default false
    * @see [@arcgisTickClick](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#event-arcgisTickClick)
@@ -65,7 +65,7 @@ export abstract class ArcgisTicks extends LitElement {
    * };
    * ```
    */
-  accessor labelFormatter: ((value: number, defaultFormatter: (value: number) => string) => nullish | string) | undefined;
+  accessor labelFormatter: (value: number, defaultFormatter: (value: number) => string) => string | null | undefined;
   /**
    * Determines whether the labels are placed before or after the ticks.
    *
@@ -98,10 +98,11 @@ export abstract class ArcgisTicks extends LitElement {
    */
   accessor mirrored: boolean;
   /**
-   * The mode or method of positioning ticks along the component. It drives how [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values) is interpreted.
-   * - `count`: Places a fixed number of ticks (provided in the [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values) property) at equal distances from each other.
-   * - `percent`: [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values) is interpreted as percentage. If [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values) is a number, it indicates the interval between ticks. If it is an array, it indicates the percentage values at which to place the ticks.
-   * - `value`: Indicates that ticks will only be placed at the values specified in the property.
+   * The manner in which ticks are positioned along the component. It determines how [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values) is interpreted.
+   *
+   * - `count`: Places a fixed number of ticks (specified in [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values)) at equal intervals.
+   * - `percent`: Interprets [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values) as percentages. If it's a single number, that number is the interval between ticks; if it's an array, the array specifies the percentage positions for ticks.
+   * - `value`: Places ticks only at the values listed in [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values).
    *
    * @default "count"
    * @example
@@ -118,7 +119,7 @@ export abstract class ArcgisTicks extends LitElement {
    * </arcgis-slider>
    * ```
    * @example
-   * In count mode, values is the number of ticks to render (not a list of tick values).
+   * In count mode, values specifies the number of ticks to render (not a list of tick values).
    * For example, use `11` ticks to show 0–100 in steps of 10 (0, 10, 20, ..., 100).
    * ```html
    * <!-- 11 ticks from 0 to 100 -->
@@ -186,10 +187,4 @@ export abstract class ArcgisTicks extends LitElement {
   readonly "@eventTypes": {
     arcgisTickClick: ArcgisTicks["arcgisTickClick"]["detail"];
   };
-}
-
-export type Layout = "horizontal" | "vertical";
-
-export type TickMode = "count" | "percent" | "value";
-
-export type TickValues = number[] | number;
+}

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

@@ -1,7 +1,7 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as $ } from "../../chunks/runtime.js";
 import { css as M, html as c } from "lit";
-import { LitElement as _, createEvent as C, safeClassMap as h, safeStyleMap as u, nothing as v } from "@arcgis/lumina";
+import { LitElement as _, createEvent as C, safeClassMap as h, nothing as v, safeStyleMap as u } from "@arcgis/lumina";
 import { formatNumber as z } from "@arcgis/core/intl.js";
 const n = {
   container: "container",

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

@@ -0,0 +1,23 @@
+/**
+ * The layout of the [arcgis-ticks](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/) component, which determines the orientation of the ticks.
+ *
+ * @since 5.0
+ */
+export type Layout = "horizontal" | "vertical";
+
+/**
+ * The mode of positioning ticks along the [arcgis-ticks](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/) component. It drives how [arcgis-ticks.values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values) is interpreted.
+ * - `count`: Places a fixed number of ticks (provided in the [arcgis-ticks.values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values) property) at equal distances from each other.
+ * - `percent`: [arcgis-ticks.values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values) is interpreted as percentage. If [arcgis-ticks.values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values) is a number, it indicates the interval between ticks. If it is an array, it indicates the percentage values at which to place the ticks.
+ * - `value`: Indicates that ticks will only be placed at the values specified in the property.
+ *
+ * @since 5.0
+ */
+export type TickMode = "count" | "percent" | "value";
+
+/**
+ * Indicates where ticks will be rendered along the [arcgis-ticks](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/) component.
+ *
+ * @since 5.0
+ */
+export type TickValues = number[] | number;

package/dist/components/arcgis-unique-values-list/customElement.d.ts

@@ -1,10 +1,17 @@
 /// <reference path="../../index.d.ts" />
-/// <reference types="@arcgis/core/interfaces.d.ts" />
+import type SceneView from "@arcgis/core/views/SceneView.js";
+import type MapView from "@arcgis/core/views/MapView.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { UniqueValueCountInfo } from "@arcgis/core/smartMapping/statistics/types.js";
 import type { SupportedLayer } from "./utils/basic.js";
+import type { VisualizationSource } from "../../utils/types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
-/** Displays a list of unique values taking into account field type formatting and field domains. */
+/**
+ * Displays a list of unique values taking into account field type formatting and field domains.
+ *
+ * @internal
+ */
 export abstract class ArcgisUniqueValuesList extends LitElement {
   /** @internal */
   protected _messages: {
@@ -81,15 +88,17 @@ export abstract class ArcgisUniqueValuesList extends LitElement {
    * List of all unique values. If not provided component will get the unique values from the layer.
    * An empty list would mean that there are no unique values for this field on the layer. The component renders nothing then.
    */
-  accessor uniqueValues: __esri.UniqueValuesResultUniqueValueInfos[] | undefined;
+  accessor uniqueValues: UniqueValueCountInfo[] | undefined;
   /** MapView instance, required if uniqueValues is not provided and/or to display dates in the correct timezone */
-  accessor view: __esri.MapView | __esri.SceneView | undefined;
+  accessor view: MapView | SceneView | undefined;
+  /** Optional, specify visualization source other than the layer itself. */
+  accessor visualizationSource: VisualizationSource | undefined;
   /**
    * Get all unique values.
    * E.g. to be used to limit how often these unique values need to be requested from the layer.
    */
   getUniqueValues(): Promise<{
-      uniqueValues: __esri.UniqueValuesResultUniqueValueInfos[];
+      uniqueValues: UniqueValueCountInfo[];
       partialUniqueValues: boolean;
   } | undefined>;
   /** Sets focus on component */