@arcgis/common-components 5.1.0-next.60 → 5.1.0-next.62

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

@@ -8,7 +8,7 @@ import type { Layout, TickMode, TickValues } from "./types.js";
  * slider’s range and make more precise selections.
  *
  * 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 none-linear scaling via
+ * 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.
  *
@@ -17,8 +17,8 @@ import type { Layout, TickMode, TickValues } from "./types.js";
  * @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 { Layout, TickMode, TickValues } from "./types.js";
  */
 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)
@@ -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 -->