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

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

@@ -1,60 +1,59 @@
 /// <reference path="../../index.d.ts" />
-import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
 
-/** [Read more...](https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-slider-input/) */
-export declare class ArcgisSliderInput extends LitElement {
-    /**
-     * If true, prevents interaction with the component.
-     *
-     * @default false
-     */
-    disabled: boolean;
-    /** Label for the component. */
-    label?: string;
-    /**
-     * Handle LTR and RTL label placement.
-     *
-     * @default false
-     */
-    flipLabels: boolean;
-    /**
-     * Min value for the component.
-     *
-     * @default 0
-     */
-    min: number;
-    /**
-     * Max value for the component.
-     *
-     * @default 100
-     */
-    max: number;
-    /**
-     * Initial value for the component.
-     *
-     * @default 50
-     */
-    value: number;
-    /**
-     * Increment interval for the component.
-     *
-     * @default 1
-     */
-    step: number;
-    /** If provided, specifies units for the input. */
-    unitsLabel?: string;
-    /**
-     * If true, adds up/down arrows to the input.
-     *
-     * @default false
-     */
-    withSteppers: boolean;
-    /** @deprecated use arcgisValueChange instead. */
-    readonly arcgisSliderInputValueChange: TargetedEvent<this, number>;
-    /** Emitted when the value has changed. */
-    readonly arcgisValueChange: TargetedEvent<this, number>;
-    "@eventTypes": {
-        "arcgisSliderInputValueChange": ArcgisSliderInput["arcgisSliderInputValueChange"]["detail"];
-        "arcgisValueChange": ArcgisSliderInput["arcgisValueChange"]["detail"];
-    };
-}
+export abstract class ArcgisSliderInput extends LitElement {
+  /**
+   * If true, prevents interaction with the component.
+   *
+   * @default false
+   */
+  accessor disabled: boolean;
+  /**
+   * Handle LTR and RTL label placement.
+   *
+   * @default false
+   */
+  accessor flipLabels: boolean;
+  /** Label for the component. */
+  accessor label: string | undefined;
+  /**
+   * Max value for the component.
+   *
+   * @default 100
+   */
+  accessor max: number;
+  /**
+   * Min value for the component.
+   *
+   * @default 0
+   */
+  accessor min: number;
+  /**
+   * Increment interval for the component.
+   *
+   * @default 1
+   */
+  accessor step: number;
+  /** If provided, specifies units for the input. */
+  accessor unitsLabel: string | undefined;
+  /**
+   * Initial value for the component.
+   *
+   * @default 50
+   */
+  accessor value: number;
+  /**
+   * If true, adds up/down arrows to the input.
+   *
+   * @default false
+   */
+  accessor withSteppers: boolean;
+  /** @deprecated use arcgisValueChange instead. */
+  readonly arcgisSliderInputValueChange: import("@arcgis/lumina").TargetedEvent<this, number>;
+  /** Emitted when the value has changed. */
+  readonly arcgisValueChange: import("@arcgis/lumina").TargetedEvent<this, number>;
+  readonly "@eventTypes": {
+    arcgisSliderInputValueChange: ArcgisSliderInput["arcgisSliderInputValueChange"]["detail"];
+    arcgisValueChange: ArcgisSliderInput["arcgisValueChange"]["detail"];
+  };
+}

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

@@ -4,7 +4,7 @@ import { LitElement as o, createEvent as c } from "@arcgis/lumina";
 import { debounce as b } from "@arcgis/toolkit/function";
 /*! 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 g = h`.container{display:flex;align-items:center;justify-content:space-between;position:relative}.slider{width:50%}.input{width:45%}`;
 class $ extends o {
   constructor() {

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

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

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

@@ -1,97 +1,102 @@
 /// <reference path="../../index.d.ts" />
-import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
 
-type Layout = "horizontal" | "vertical";
-type TickMode = "count" | "percent" | "value";
-type TickValues = number[] | number;
-/** [Read more...](https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-ticks/) */
-export declare class ArcgisTicks extends LitElement {
-    /**
-     * When `true`, the component will allow clicking on ticks.
-     *
-     * @default false
-     */
-    interactive: boolean;
-    /**
-     * The exponent used to interpolate the position of ticks along the component.
-     * A value of `0` indicates linear interpolation. Positive values indicate exponential interpolation, and negative values indicate logarithmic interpolation.
-     *
-     * Set this property when the range of values is large and users need precision in the lower range of values (for an exponential interpolation), or in the higher range (for a logarithmic interpolation).
-     *
-     * ```tsx
-     * <arcgis-ticks interpolation-exponent={14} min={1} max={5518000} mode="value" values={[1, 11500, 5518000]} />
-     * ```
-     *
-     * @default 0
-     */
-    interpolationExponent: number;
-    /** A function used to format each tick's label. */
-    labelFormatter?: (value: number, defaultFormatter: (value: number) => string) => nullish | string;
-    /**
-     * Determines whether the labels are placed before or after the ticks.
-     *
-     * @default "trailing"
-     */
-    labelPlacement: "leading" | "trailing";
-    /**
-     * Determines the layout/orientation of the component.
-     *
-     * @default "horizontal"
-     */
-    layout: Layout;
-    /**
-     * The component's maximum rendered value.
-     *
-     * @default 100
-     */
-    max: number;
-    /**
-     * The component's minimum rendered value.
-     *
-     * @default 0
-     */
-    min: number;
-    /**
-     * When `true`, the values are displayed from high to low.
-     *
-     * @default false
-     */
-    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/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/arcgis-ticks/#values) property) at equal distances from each other.
-     * - `percent`: [values](https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-ticks/#values) is interpreted as percentage. If [values](https://developers.arcgis.com/javascript/latest/references/common-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.
-     *
-     * @default "count"
-     * @see [values](https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-ticks/#values)
-     */
-    mode: TickMode;
-    /**
-     * Indicates whether to render labels for the ticks.
-     *
-     * @default false
-     */
-    showLabels: boolean;
-    /**
-     * Indicates whether to render a line connecting the ticks.
-     *
-     * @default false
-     */
-    showBaseline: boolean;
-    /**
-     * Indicates where ticks will be rendered along the component.
-     * See the description for [mode](https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-ticks/#mode) for more information about how this property is interpreted by each mode.
-     *
-     * @see [mode](https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-ticks/#mode)
-     */
-    values: TickValues;
-    /** Fires when the user clicks on one of the ticks. */
-    readonly arcgisTickClick: TargetedEvent<this, {
-        value: number;
-    }>;
-    "@eventTypes": {
-        "arcgisTickClick": ArcgisTicks["arcgisTickClick"]["detail"];
-    };
+/**
+ * @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.
+ */
+export abstract class ArcgisTicks extends LitElement {
+  /**
+   * When `true`, the component will allow clicking on ticks.
+   *
+   * @default false
+   */
+  accessor interactive: boolean;
+  /**
+   * The exponent used to interpolate the position of ticks along the component.
+   * A value of `0` indicates linear interpolation. Positive values indicate exponential interpolation, and negative values indicate logarithmic interpolation.
+   *
+   * Set this property when the range of values is large and users need precision in the lower range of values (for an exponential interpolation), or in the higher range (for a logarithmic interpolation).
+   *
+   * ```tsx
+   * <arcgis-ticks interpolation-exponent={14} min={1} max={5518000} mode="value" values={[1, 11500, 5518000]} />
+   * ```
+   *
+   * @default 0
+   */
+  accessor interpolationExponent: number;
+  /** A function used to format each tick's label. */
+  accessor labelFormatter: ((value: number, defaultFormatter: (value: number) => string) => nullish | string) | undefined;
+  /**
+   * Determines whether the labels are placed before or after the ticks.
+   *
+   * @default "trailing"
+   */
+  accessor labelPlacement: "leading" | "trailing";
+  /**
+   * Determines the layout/orientation of the component.
+   *
+   * @default "horizontal"
+   */
+  accessor layout: Layout;
+  /**
+   * The component's maximum rendered value.
+   *
+   * @default 100
+   */
+  accessor max: number;
+  /**
+   * The component's minimum rendered value.
+   *
+   * @default 0
+   */
+  accessor min: number;
+  /**
+   * When `true`, the values are displayed from high to low.
+   *
+   * @default false
+   */
+  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/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/arcgis-ticks/#values) property) at equal distances from each other.
+   * - `percent`: [values](https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-ticks/#values) is interpreted as percentage. If [values](https://developers.arcgis.com/javascript/latest/references/common-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.
+   *
+   * @default "count"
+   * @see [values](https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-ticks/#values)
+   */
+  accessor mode: TickMode;
+  /**
+   * Indicates whether to render a line connecting the ticks.
+   *
+   * @default false
+   */
+  accessor showBaseline: boolean;
+  /**
+   * Indicates whether to render labels for the ticks.
+   *
+   * @default false
+   */
+  accessor showLabels: boolean;
+  /**
+   * Indicates where ticks will be rendered along the component.
+   * See the description for [mode](https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-ticks/#mode) for more information about how this property is interpreted by each mode.
+   *
+   * @see [mode](https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-ticks/#mode)
+   */
+  accessor values: TickValues;
+  /** Fires when the user clicks on one of the ticks. */
+  readonly arcgisTickClick: import("@arcgis/lumina").TargetedEvent<this, { value: number; }>;
+  readonly "@eventTypes": {
+    arcgisTickClick: ArcgisTicks["arcgisTickClick"]["detail"];
+  };
 }
-export {};
+
+export type Layout = "horizontal" | "vertical";
+
+export type TickMode = "count" | "percent" | "value";
+
+export type TickValues = number[] | number;

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

@@ -4,7 +4,7 @@ import { LitElement as _, createEvent as C, safeClassMap as h, safeStyleMap as u
 import { formatNumber as A } from "@arcgis/core/intl.js";
 /*! 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 l = {
   container: "container",
   ticksContainer: "ticks-container",

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

@@ -1,91 +1,108 @@
-/// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
-import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
-import { SupportedLayer } from './utils/basic';
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { SupportedLayer } from "./utils/basic.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
 
-/**
- * Displays a list of unique values taking into account field type formatting and field domains.
- *
- * [Read more...](https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-unique-values-list/)
- */
-export declare class ArcgisUniqueValuesList extends LitElement {
-    /** MapView instance, required if uniqueValues is not provided and/or to display dates in the correct timezone */
-    view?: __esri.MapView | __esri.SceneView;
-    /** Layer instance, required if uniqueValues is not provided, if component needs to format values, or needs to check for field domains. */
-    layer?: SupportedLayer;
-    /** Field name, required if uniqueValues is not provided, if component needs to format values, or needs to check for field domains. */
-    fieldName?: string;
-    /**
-     * 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.
-     */
-    uniqueValues?: __esri.UniqueValuesResultUniqueValueInfos[];
-    /**
-     * Optional format options if values are numbers.
-     *
-     * e.g.
-     *      {
-     *        style: "decimal",
-     *        useGrouping: true,
-     *        minimumFractionDigits: 0,
-     *        maximumFractionDigits: 2
-     *      }
-     *
-     *      {
-     *        style: "percent",
-     *        useGrouping: true
-     *      }
-     *
-     *      {
-     *        style: "currency",
-     *        currency: "EUR",
-     *        currencyDisplay: "symbol"
-     *      }
-     */
-    numberFormatOptions?: Intl.NumberFormatOptions;
-    /** Lists of selected values */
-    selectedValues?: (number | string)[];
-    /** Sort by default setting */
-    sortBy?: "count" | "name" | "selected";
-    /**
-     * Multiple selections allowed?
-     *
-     * @default false
-     */
-    multiple?: boolean | undefined;
-    /**
-     * Too many values? If true then it displays a message below the list. Only required if uniqueValues is provided.
-     *
-     * @default false
-     */
-    partialUniqueValues?: boolean | undefined;
-    /**
-     * If true, displays the filter option based on the number of fields.
-     *
-     * @default 10
-     */
-    showFilterLength: number;
-    /** Optional, max height of list in pixel. */
-    maxHeight?: number;
-    /** Sets focus on component */
-    setFocus(): Promise<void>;
-    /**
-     * 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[];
-        partialUniqueValues: boolean;
-    } | undefined>;
-    /** Emitted if selection has changed */
-    readonly arcgisChange: TargetedEvent<this, (string | number)[]>;
-    /** Emitted if the sort order has changed */
-    readonly arcgisSortByChange: TargetedEvent<this, string | undefined>;
-    /** Emitted once the component is loaded. Useful when no uniqueValues were passed in. */
-    readonly arcgisLoad: TargetedEvent<this, void>;
-    "@eventTypes": {
-        "arcgisChange": ArcgisUniqueValuesList["arcgisChange"]["detail"];
-        "arcgisLoad": ArcgisUniqueValuesList["arcgisLoad"]["detail"];
-        "arcgisSortByChange": ArcgisUniqueValuesList["arcgisSortByChange"]["detail"];
-    };
-}
+/** Displays a list of unique values taking into account field type formatting and field domains. */
+export abstract class ArcgisUniqueValuesList extends LitElement {
+  /** @internal */
+  protected _messages: {
+      searchValues: string;
+      sortValues: string;
+      values: string;
+      sortByCount: string;
+      sortAlphabetical: string;
+      sortAscending: string;
+      sortSelected: string;
+      errors: { tooManyUniqueValues: string; };
+  } & T9nMeta<{
+      searchValues: string;
+      sortValues: string;
+      values: string;
+      sortByCount: string;
+      sortAlphabetical: string;
+      sortAscending: string;
+      sortSelected: string;
+      errors: { tooManyUniqueValues: string; };
+  }>;
+  /** Field name, required if uniqueValues is not provided, if component needs to format values, or needs to check for field domains. */
+  accessor fieldName: string | undefined;
+  /** Layer instance, required if uniqueValues is not provided, if component needs to format values, or needs to check for field domains. */
+  accessor layer: SupportedLayer | undefined;
+  /** Optional, max height of list in pixel. */
+  accessor maxHeight: number | undefined;
+  /**
+   * Multiple selections allowed?
+   *
+   * @default false
+   */
+  accessor multiple: boolean | undefined;
+  /**
+   * Optional format options if values are numbers.
+   *
+   * e.g.
+   *      {
+   *        style: "decimal",
+   *        useGrouping: true,
+   *        minimumFractionDigits: 0,
+   *        maximumFractionDigits: 2
+   *      }
+   *
+   *      {
+   *        style: "percent",
+   *        useGrouping: true
+   *      }
+   *
+   *      {
+   *        style: "currency",
+   *        currency: "EUR",
+   *        currencyDisplay: "symbol"
+   *      }
+   */
+  accessor numberFormatOptions: Intl.NumberFormatOptions | undefined;
+  /**
+   * Too many values? If true then it displays a message below the list. Only required if uniqueValues is provided.
+   *
+   * @default false
+   */
+  accessor partialUniqueValues: boolean | undefined;
+  /** Lists of selected values */
+  accessor selectedValues: (number | string)[] | undefined;
+  /**
+   * If true, displays the filter option based on the number of fields.
+   *
+   * @default 10
+   */
+  accessor showFilterLength: number;
+  /** Sort by default setting */
+  accessor sortBy: "count" | "name" | "selected" | undefined;
+  /**
+   * 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;
+  /** MapView instance, required if uniqueValues is not provided and/or to display dates in the correct timezone */
+  accessor view: __esri.MapView | __esri.SceneView | 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[];
+      partialUniqueValues: boolean;
+  } | undefined>;
+  /** Sets focus on component */
+  setFocus(): Promise<void>;
+  /** Emitted if selection has changed */
+  readonly arcgisChange: import("@arcgis/lumina").TargetedEvent<this, (number | string)[]>;
+  /** Emitted once the component is loaded. Useful when no uniqueValues were passed in. */
+  readonly arcgisLoad: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Emitted if the sort order has changed */
+  readonly arcgisSortByChange: import("@arcgis/lumina").TargetedEvent<this, string | undefined>;
+  readonly "@eventTypes": {
+    arcgisChange: ArcgisUniqueValuesList["arcgisChange"]["detail"];
+    arcgisLoad: ArcgisUniqueValuesList["arcgisLoad"]["detail"];
+    arcgisSortByChange: ArcgisUniqueValuesList["arcgisSortByChange"]["detail"];
+  };
+}

package/dist/components/arcgis-unique-values-list/customElement.js

@@ -12,7 +12,7 @@ import { i as h } from "../../chunks/commonFunctions.js";
 import { u as X } from "../../chunks/useT9n.js";
 /*! 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 */
 function x(i) {
   return (/* @__PURE__ */ new Date(`1970-01-01T${i}Z`)).getTime();
 }

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

@@ -1,8 +1 @@
-import "@esri/calcite-components/components/calcite-list";
-import "@esri/calcite-components/components/calcite-dropdown";
-import "@esri/calcite-components/components/calcite-action";
-import "@esri/calcite-components/components/calcite-icon";
-import "@esri/calcite-components/components/calcite-dropdown-group";
-import "@esri/calcite-components/components/calcite-dropdown-item";
-import "@esri/calcite-components/components/calcite-list-item";
 export * from "./customElement.js";

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

@@ -1,10 +1,3 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
-import { CodedValueProperties } from '@arcgis/core/layers/support/CodedValue';
-export type UniqueValuesFieldInfo = {
-    layerField?: __esri.Field;
-    fieldDomains?: CodedValueProperties[];
-    simpleType?: "date-only" | "date" | "number" | "string" | "time-only" | "timestamp-offset";
-    uniqueValueInfos?: __esri.UniqueValuesResultUniqueValueInfos[] | undefined;
-    partialUniqueValues: boolean;
-};
-export type SupportedLayer = __esri.CatalogFootprintLayer | __esri.CatalogLayer | __esri.CSVLayer | __esri.FeatureLayer | __esri.GeoJSONLayer | __esri.ImageryLayer | __esri.KnowledgeGraphSublayer | __esri.OrientedImageryLayer | __esri.StreamLayer | __esri.SubtypeGroupLayer | __esri.SubtypeSublayer | __esri.WFSLayer;
+
+export type SupportedLayer = __esri.CatalogFootprintLayer | __esri.CatalogLayer | __esri.CSVLayer | __esri.FeatureLayer | __esri.GeoJSONLayer | __esri.ImageryLayer | __esri.KnowledgeGraphSublayer | __esri.OrientedImageryLayer | __esri.StreamLayer | __esri.SubtypeGroupLayer | __esri.SubtypeSublayer | __esri.WFSLayer;