@arcgis/map-components 5.2.0-next.87 → 5.2.0-next.88

package/dist/components/arcgis-table-list-next/customElement.d.ts

@@ -1,6 +1,5 @@
 /// <reference path="../../index.d.ts" />
 import type Collection from "@arcgis/core/core/Collection.js";
-import type Layer from "@arcgis/core/layers/Layer.js";
 import type LinkChartView from "@arcgis/core/views/LinkChartView.js";
 import type MapView from "@arcgis/core/views/MapView.js";
 import type SceneView from "@arcgis/core/views/SceneView.js";
@@ -8,20 +7,22 @@ import type TableItemCollection from "@arcgis/core/layers/list/TableItemCollecti
 import type TableItem from "@arcgis/core/layers/list/TableItem.js";
 import type WebMap from "@arcgis/core/WebMap.js";
 import type WebScene from "@arcgis/core/WebScene.js";
+import type Layer from "@arcgis/core/layers/Layer.js";
 import type Sublayer from "@arcgis/core/layers/support/Sublayer.js";
 import type { TableItemCollectionEvents, TableItemModifier } from "@arcgis/core/layers/list/TableItemCollection.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { ArcgisReferenceElement, HeadingLevel, IconName } from "../types.js";
+import type { CanSortFunction, FilterPredicate } from "./types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 import type { List as List } from "@esri/calcite-components/components/calcite-list";
 import type { ReadonlyCollection } from "@arcgis/core/core/Collection.js";
 
-export type TableListOptions = Partial<Pick<ArcgisTableListNext, "collapsed" | "dragEnabled" | "filterPlaceholder" | "filterText" | "headingLevel" | "hideStatusIndicators" | "icon" | "label" | "minFilterItems" | "selectionMode" | "showErrors" | "showFilter" | "showTemporaryTableIndicators">>
-  & {
-  listItemCreatedFunction?: TableItemCollection["listItemCreatedFunction"];
-};
-
 /**
+ * > [!WARNING]
+ * > The Table List (next) component is the successor to the Table List component, provided to you early for testing and feedback.
+ * In version 6.0, the implementation of [arcgis-table-list](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-table-list/) will be updated under the hood to that of [arcgis-table-list-next](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-table-list-next/),
+ * and this component will be removed. To update at version 6.0, simply remove `-next` from the component name.
+ *
  * The Table List (next) component provides a way to display a list of tables associated with a map or table collection.
  * It is the direct component migration of the TableList widget and is provided early for testing and feedback.
  *
@@ -37,64 +38,175 @@ export abstract class ArcgisTableListNext extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-table-list-next auto-destroy-disabled></arcgis-table-list-next>
+   * ```
+   *
+   * ```js
+   * tableListNextElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**
    * Indicates whether a component is closed. When `true`, the component will be hidden.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-table-list-next closed></arcgis-table-list-next>
+   * ```
+   *
+   * ```js
+   * tableListNextElement.closed = true;
+   * ```
+   * 
    */
   accessor closed: boolean;
   /**
-   * Indicates whether the component is collapsed.
+   * Indicates whether the component is collapsed. When collapsed, only the collapse button and heading are displayed.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-table-list-next collapsed></arcgis-table-list-next>
+   * ```
+   *
+   * ```js
+   * tableListNextElement.collapsed = true;
+   * ```
+   * 
    */
   accessor collapsed: boolean;
   /**
-   * Indicates whether list items may be reordered by dragging and dropping.
+   * Indicates whether [items](https://developers.arcgis.com/javascript/latest/references/core/layers/list/Item/) may be reordered within the list by dragging and dropping. MapImageLayer [MapImageLayer#sublayers](https://developers.arcgis.com/javascript/latest/references/core/layers/MapImageLayer/#sublayers) can be reordered only within their parent MapImageLayer and can not be dragged out as a separate layer. Drag and drop won't be enabled until the number of list items is equal to or greater than than the value set set in [minDragEnabledItems](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-table-list-next/#minDragEnabledItems).
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-table-list-next drag-enabled></arcgis-table-list-next>
+   * ```
+   *
+   * ```js
+   * tableListNextElement.dragEnabled = true;
+   * ```
+   * 
    */
   accessor dragEnabled: boolean;
   /**
-   * Placeholder text used in the filter input if showFilter is true.
+   * Placeholder text used in the filter input when filtering is enabled.
    *
    * @default ""
+   * @example
+   * 
+   * ```html
+   * <arcgis-table-list-next filter-placeholder="Search..."></arcgis-table-list-next>
+   * ```
+   *
+   * ```js
+   * tableListNextElement.filterPlaceholder = "Search...";
+   * ```
+   * 
    */
   accessor filterPlaceholder: string;
-  /** Specifies a function to handle filtering list items. */
+  /**
+   * Specifies a function to determine whether a list item should be included in filter results.
+   *
+   * @example
+   * 
+   *
+   * ```js
+   * tableListNextElement.filterPredicate = (item) => item.title.toLowerCase().includes("streets");
+   * ```
+   * 
+   */
   accessor filterPredicate: FilterPredicate | undefined;
   /**
-   * The value of the filter input text string if showFilter is true.
+   * The value of the filter input text string when filtering is enabled.
    *
    * @default ""
+   * @example
+   * 
+   *
+   * ```js
+   * tableListNextElement.filterText = 
+   *   reactiveUtils.watch(
+   *     () => tableListNext.filterText,
+   *     (filterText) => console.log(filterText)
+   *   );
+   * ;
+   * ```
+   * 
    */
   accessor filterText: string;
   /**
-   * Indicates the heading level to use for the heading of the component.
+   * Indicates the heading level to use for the heading of the component. By default, the heading is rendered as a `<h2>`. Depending on the component's placement in your app, you may need to adjust this heading for proper semantics. This is important for meeting accessibility standards.
    *
    * @default 2
+   * @see [HTML heading elements](https://developer.mozilla.org/docs/Web/HTML/Element/Heading_Elements)
+   * @example
+   * 
+   * ```html
+   * <arcgis-table-list-next heading-level="2"></arcgis-table-list-next>
+   * ```
+   *
+   * ```js
+   * tableListNextElement.headingLevel = 2;
+   * ```
+   * 
    */
   accessor headingLevel: HeadingLevel;
   /**
-   * This property provides the ability to show or hide the no items to display notice when there are no filter results.
+   * Indicates whether to hide the notice that appears when no results are found after filtering.
    *
    * @default false
-   * @since 5.2
+   * @example
+   * 
+   * ```html
+   * <arcgis-table-list-next hide-no-filter-results-notice></arcgis-table-list-next>
+   * ```
+   *
+   * ```js
+   * tableListNextElement.hideNoFilterResultsNotice = true;
+   * ```
+   * 
    */
   accessor hideNoFilterResultsNotice: boolean;
   /**
-   * This property provides the ability to show or hide the no items to display notice.
+   * Indicates whether to hide the notice that appears when there are no items to display.
    *
    * @default false
-   * @since 5.2
+   * @example
+   * 
+   * ```html
+   * <arcgis-table-list-next hide-no-items-notice></arcgis-table-list-next>
+   * ```
+   *
+   * ```js
+   * tableListNextElement.hideNoItemsNotice = true;
+   * ```
+   * 
    */
   accessor hideNoItemsNotice: boolean;
   /**
-   * Indicates whether the status indicators will be hidden.
+   * Indicates whether to hide status indicators in the component.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-table-list-next hide-status-indicators></arcgis-table-list-next>
+   * ```
+   *
+   * ```js
+   * tableListNextElement.hideStatusIndicators = true;
+   * ```
+   * 
    */
   accessor hideStatusIndicators: boolean;
   /**
@@ -111,7 +223,37 @@ export abstract class ArcgisTableListNext extends LitElement {
   accessor listItemCanGiveFunction: CanSortFunction | undefined;
   /** @internal */
   accessor listItemCanReceiveFunction: CanSortFunction | undefined;
-  /** Specifies a function that accesses each list item as it is created. */
+  /**
+   * A function that executes each time a list item is created. Use this function to configure the list item, including its title, actions, and panels.
+   *
+   * @example
+   * 
+   *
+   * ```js
+   * tableListNextElement.listItemCreatedFunction = async (event) => {
+   *   // Destructure the item from the event object
+   *   const {item} = event;
+   *
+   *   // Wait for the layer to load and the item title to become available
+   *   await item.layer.when();
+   *   
+   *   // If the item's title matches "US Demographics", customize the list item
+   *   if (item.title === "US Demographics") {
+   *     // open the list item in the LayerList component
+   *     item.open = true;
+   *     // change the title to something more descriptive
+   *     item.title = "Population by county";
+   *     // set an action for zooming to the full extent of the layer
+   *     item.actionsSections = [[{
+   *       title: "Go to full extent",
+   *       icon: "zoom-out-fixed",
+   *       id: "full-extent"
+   *     }]];
+   *   }
+   * };;
+   * ```
+   * 
+   */
   accessor listItemCreatedFunction: TableItemModifier | null | undefined;
   /**
    * Specifies whether to ignore the [listMode](https://developers.arcgis.com/javascript/latest/references/core/layers/Layer/#listMode) property to display all layers. A common use case for `listModeDisabled` is when you want to use the component to manage and configure a layer's `listMode` value.
@@ -119,11 +261,25 @@ export abstract class ArcgisTableListNext extends LitElement {
    * @default false
    * @see [listMode](https://developers.arcgis.com/javascript/latest/references/core/layers/Layer/#listMode)
    * @since 5.2
+   * @example
+   * 
+   * ```html
+   * <arcgis-table-list-next list-mode-disabled></arcgis-table-list-next>
+   * ```
+   *
+   * ```js
+   * tableListNextElement.listModeDisabled = true;
+   * ```
+   * 
    */
   accessor listModeDisabled: boolean;
   /** A reference to a map containing the tables. */
   accessor map: WebMap | WebScene | null | undefined;
-  /** Overwrite localized strings for this component. */
+  /**
+   * Replace localized message strings with your own strings.
+   *
+   * _**Note**: Individual message keys may change between releases._
+   */
   accessor messageOverrides: {
       componentLabel?: string | undefined;
       back?: string | undefined;
@@ -161,12 +317,32 @@ export abstract class ArcgisTableListNext extends LitElement {
    * The minimum number of list items required to enable drag and drop reordering.
    *
    * @default 2
+   * @example
+   * 
+   * ```html
+   * <arcgis-table-list-next min-drag-enabled-items="5"></arcgis-table-list-next>
+   * ```
+   *
+   * ```js
+   * tableListNextElement.minDragEnabledItems = 5;
+   * ```
+   * 
    */
   accessor minDragEnabledItems: number;
   /**
    * The minimum number of list items required to display the filter input box.
    *
    * @default 10
+   * @example
+   * 
+   * ```html
+   * <arcgis-table-list-next min-filter-items="3"></arcgis-table-list-next>
+   * ```
+   *
+   * ```js
+   * tableListNextElement.minFilterItems = 3;
+   * ```
+   * 
    */
   accessor minFilterItems: number;
   /**
@@ -175,55 +351,157 @@ export abstract class ArcgisTableListNext extends LitElement {
    * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
    */
   accessor referenceElement: ArcgisReferenceElement | string | undefined;
-  /** A collection of selected table list items. */
+  /**
+   * A collection of selected [items](https://developers.arcgis.com/javascript/latest/references/core/layers/list/Item/) in the list. This collection is updated when the user changes selection and is only populated when [selectionMode](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-table-list-next/#selectionMode) is not set to `"none"`.
+   *
+   * @see [selectionMode](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-table-list-next/#selectionMode)
+   * @example
+   * ```js
+   * reactiveUtils.watch(
+   *   () => tableListNext.selectedItems?.at(0)?.layer,
+   *   (layer) => {
+   *     layer && handleLayerSelection(layer);
+   *   },
+   * );
+   * ```
+   */
   accessor selectedItems: Collection<TableItem>;
   /**
-   * Specifies the selection mode.
+   * Specifies the selection mode. Selected items are available in the [selectedItems](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-table-list-next/#selectedItems) property.
+   *
+   * | Value | Description |
+   * | ----- | ----------- |
+   * | multiple | Allows any number of items to be selected at once. This is useful when you want to apply an operation to multiple items at the same time. |
+   * | none | Disables selection. Use this when you want to prevent selecting items. |
+   * | single | Allows only one item to be selected at a time. If another item is selected, the previous selection is cleared. This is useful when you want to ensure that a maximum of one item is selected at a time. |
+   * | single-persist | Allows only one item to be selected at a time and prevents de-selection. Once an item is selected, it remains selected until another item is selected. This is useful when you want to ensure that there is always exactly one selected item. |
    *
    * @default "none"
+   * @see [selectedItems](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-table-list-next/#selectedItems)
+   * @example
+   * 
+   * ```html
+   * <arcgis-table-list-next selection-mode="multiple"></arcgis-table-list-next>
+   * ```
+   *
+   * ```js
+   * tableListNextElement.selectionMode = "multiple";
+   * ```
+   * 
    */
   accessor selectionMode: List["selectionMode"];
   /**
-   * Indicates whether to display a close button in the header.
+   * This property provides the ability to show or hide the close button.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-table-list-next show-close-button></arcgis-table-list-next>
+   * ```
+   *
+   * ```js
+   * tableListNextElement.showCloseButton = true;
+   * ```
+   * 
    */
   accessor showCloseButton: boolean;
   /**
-   * Indicates whether to display a collapse button in the header.
+   * This property provides the ability to show or hide the collapse button.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-table-list-next show-collapse-button></arcgis-table-list-next>
+   * ```
+   *
+   * ```js
+   * tableListNextElement.showCollapseButton = true;
+   * ```
+   * 
    */
   accessor showCollapseButton: boolean;
   /**
-   * Indicates whether to display tables with load errors.
+   * This property provides the ability to show or hide layer error indicators.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-table-list-next show-errors></arcgis-table-list-next>
+   * ```
+   *
+   * ```js
+   * tableListNextElement.showErrors = true;
+   * ```
+   * 
    */
   accessor showErrors: boolean;
   /**
-   * Indicates whether to display a filter input box.
+   * This property provides the ability to show or hide the filter input box when then number of list items is equal to or greater than the value set in [minFilterItems](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-table-list-next/#minFilterItems), allowing users to filter layers by their title.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-table-list-next show-filter></arcgis-table-list-next>
+   * ```
+   *
+   * ```js
+   * tableListNextElement.showFilter = true;
+   * ```
+   * 
    */
   accessor showFilter: boolean;
   /**
-   * Indicates whether to display the table list heading.
+   * This property provides the ability to show or hide the heading.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-table-list-next show-heading></arcgis-table-list-next>
+   * ```
+   *
+   * ```js
+   * tableListNextElement.showHeading = true;
+   * ```
+   * 
    */
   accessor showHeading: boolean;
   /**
-   * Indicates whether temporary table indicators will be displayed.
+   * This property provides the ability to show or hide the temporary table indicators for tables with [Layer#persistenceEnabled](https://developers.arcgis.com/javascript/latest/references/core/layers/Layer/#persistenceEnabled) set to `false`. A [temporary icon](https://developers.arcgis.com/calcite-design-system/icons/?icon=temporary&library=Calcite%20UI&query=temporary) will be displayed on the near side of the table title.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-table-list-next show-temporary-table-indicators></arcgis-table-list-next>
+   * ```
+   *
+   * ```js
+   * tableListNextElement.showTemporaryTableIndicators = true;
+   * ```
+   * 
    */
   accessor showTemporaryTableIndicators: boolean;
   /** The current state of the component. */
   get state(): TableItemCollection["state"];
-  /** The collection of table ListItems displayed within the component. */
+  /**
+   * The collection of table [items](https://developers.arcgis.com/javascript/latest/references/core/layers/list/Item/) displayed within the component.
+   *
+   * @example
+   * ```js
+   * tableListElement.tableItems.forEach(item => console.log(item.title));
+   * ```
+   */
   get tableItems(): Collection<TableItem>;
-  /** A collection of tables to display in the component. */
+  /**
+   * A collection of tables to display in the component.
+   *
+   * @internal
+   */
   accessor tables: ReadonlyCollection<Layer | Sublayer> | null | undefined;
   /**
    * The view associated with the component.
@@ -234,15 +512,15 @@ export abstract class ArcgisTableListNext extends LitElement {
   destroy(): Promise<void>;
   /** Emitted when the component's close button is clicked. */
   readonly arcgisClose: import("@arcgis/lumina").TargetedEvent<this, void>;
-  /** Emits when the list filter input value changes. */
+  /** Emitted when the value of the [filterText](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-table-list-next/#filterText) input changes. */
   readonly arcgisFilterChange: import("@arcgis/lumina").TargetedEvent<this, 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: "state"; }>;
   /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
   readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
-  /** Emits when selected items state changes. */
+  /** Emitted when the collection of [selectedItems](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-table-list-next/#selectedItems) changes. */
   readonly arcgisSelectedItemsChange: import("@arcgis/lumina").TargetedEvent<this, void>;
-  /** Emits when table items state changes. */
+  /** Emitted when the collection of [tableItems](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-table-list-next/#tableItems) changes. */
   readonly arcgisTableItemsChanged: import("@arcgis/lumina").TargetedEvent<this, void>;
   /** Emitted when an action is triggered on the component. */
   readonly arcgisTriggerAction: import("@arcgis/lumina").TargetedEvent<this, TableItemCollectionEvents["trigger-action"]>;
@@ -255,16 +533,4 @@ export abstract class ArcgisTableListNext extends LitElement {
     arcgisTableItemsChanged: ArcgisTableListNext["arcgisTableItemsChanged"]["detail"];
     arcgisTriggerAction: ArcgisTableListNext["arcgisTriggerAction"]["detail"];
   };
-}
-
-/** @param event */
-export type CanSortFunction = (event: CanSortEvent) => boolean;
-
-/** @param item */
-export type FilterPredicate = (item: TableItem) => boolean;
-
-export interface CanSortEvent {
-  selected: null | undefined | TableItem;
-  from: null | undefined | TableItem;
-  to: null | undefined | TableItem;
 }

package/dist/components/arcgis-table-list-next/customElement.js

@@ -9,7 +9,6 @@ import { LitElement as E, createEvent as c, safeClassMap as b, nothing as F } fr
 import { usePropertyChange as T } from "@arcgis/lumina/controllers";
 import { reEmitEvent as D } from "@arcgis/lumina/controllers/accessor";
 import { classes as P } from "@arcgis/toolkit/dom";
-import "@arcgis/toolkit/function";
 import { generateGuid as N } from "@arcgis/toolkit/string";
 import { createRef as U, ref as A } from "lit/directives/ref.js";
 import { html as o } from "lit";
@@ -35,10 +34,10 @@ class z extends E {
       this._selectedDragItemLayerUid = e;
     }, this._onTriggerAction = (e, t) => {
       this.triggerAction(e, t);
-    }, this.autoDestroyDisabled = !1, this.closed = !1, this.collapsed = !1, this.dragEnabled = !1, this.filterPlaceholder = "", this.filterText = "", this.headingLevel = 2, this.icon = "table", this.listItemCreatedFunction = this.viewModel.listItemCreatedFunction, this.listModeDisabled = this.viewModel.listModeDisabled, this.map = this.viewModel.map, this.minDragEnabledItems = B, this.minFilterItems = R, this.selectedItems = new M(), this.selectionMode = "none", this.tables = this.viewModel.tables, this.showCloseButton = !1, this.showCollapseButton = !1, this.showErrors = !1, this.hideNoFilterResultsNotice = !1, this.hideNoItemsNotice = !1, this.showFilter = !1, this.showHeading = !1, this.hideStatusIndicators = !1, this.showTemporaryTableIndicators = !1, this.arcgisClose = c(), this.arcgisPropertyChange = T()("state"), this.arcgisReady = c(), this.arcgisFilterChange = c(), this.arcgisSelectedItemsChange = c(), this.arcgisTableItemsChanged = c(), this.arcgisTriggerAction = D(() => this.viewModel, "trigger-action");
+    }, this.autoDestroyDisabled = !1, this.closed = !1, this.collapsed = !1, this.dragEnabled = !1, this.filterPlaceholder = "", this.filterText = "", this.headingLevel = 2, this.hideNoFilterResultsNotice = !1, this.hideNoItemsNotice = !1, this.hideStatusIndicators = !1, this.icon = "table", this.listItemCreatedFunction = this.viewModel.listItemCreatedFunction, this.listModeDisabled = this.viewModel.listModeDisabled, this.map = this.viewModel.map, this.minDragEnabledItems = B, this.minFilterItems = R, this.selectedItems = new M(), this.selectionMode = "none", this.showCloseButton = !1, this.showCollapseButton = !1, this.showErrors = !1, this.showFilter = !1, this.showHeading = !1, this.showTemporaryTableIndicators = !1, this.tables = this.viewModel.tables, this.arcgisClose = c(), this.arcgisFilterChange = c(), this.arcgisPropertyChange = T()("state"), this.arcgisReady = c(), this.arcgisSelectedItemsChange = c(), this.arcgisTableItemsChanged = c(), this.arcgisTriggerAction = D(() => this.viewModel, "trigger-action");
   }
   static {
-    this.properties = { _visibleItems: 16, _openedPanelItems: 16, _dragEnabled: 16, _filterEnabled: 16, view: 0, autoDestroyDisabled: 5, closed: 5, referenceElement: 1, collapsed: 7, dragEnabled: 5, filterPlaceholder: 1, filterPredicate: 0, filterText: 1, headingLevel: 9, icon: 1, label: 1, listItemCanGiveFunction: 0, listItemCanReceiveFunction: 0, listItemCreatedFunction: 0, listModeDisabled: 5, map: 0, minDragEnabledItems: 9, minFilterItems: 9, selectedItems: 0, selectionMode: 1, state: 32, tableItems: 32, tables: 0, showCloseButton: 5, showCollapseButton: 5, showErrors: 5, hideNoFilterResultsNotice: 5, hideNoItemsNotice: 5, showFilter: 5, showHeading: 5, hideStatusIndicators: 5, showTemporaryTableIndicators: 5, messageOverrides: 0 };
+    this.properties = { _visibleItems: 16, _openedPanelItems: 16, _dragEnabled: 16, _filterEnabled: 16, autoDestroyDisabled: 5, closed: 5, collapsed: 7, dragEnabled: 5, filterPlaceholder: 1, filterPredicate: 0, filterText: 1, headingLevel: 9, hideNoFilterResultsNotice: 5, hideNoItemsNotice: 5, hideStatusIndicators: 5, icon: 1, label: 1, listItemCanGiveFunction: 0, listItemCanReceiveFunction: 0, listItemCreatedFunction: 0, listModeDisabled: 5, map: 0, messageOverrides: 0, minDragEnabledItems: 9, minFilterItems: 9, referenceElement: 1, selectedItems: 0, selectionMode: 1, showCloseButton: 5, showCollapseButton: 5, showErrors: 5, showFilter: 5, showHeading: 5, showTemporaryTableIndicators: 5, state: 32, tableItems: 32, tables: 0, view: 0 };
   }
   static {
     this.styles = [O, q];

package/dist/components/arcgis-table-list-next/types.d.ts

@@ -0,0 +1,37 @@
+import type Collection from "@arcgis/core/core/Collection.js";
+import type TableItemCollection from "@arcgis/core/layers/list/TableItemCollection.js";
+import type TableItem from "@arcgis/core/layers/list/TableItem.js";
+import type { ArcgisTableListNext } from "./customElement.js";
+import type { SortableList as SortableList } from "@esri/calcite-components/components/calcite-sortable-list";
+
+/** @internal */
+export type CanSortEvent = {
+  selected: null | undefined | TableItem;
+  from: null | undefined | TableItem;
+  to: null | undefined | TableItem;
+};
+
+/**
+ * @param event
+ * @internal
+ */
+export type CanSortFunction = (event: CanSortEvent) => boolean;
+
+/** @internal */
+export type DragDetail = Parameters<NonNullable<SortableList["canPull"]>>[0];
+
+/**
+ * A function that determines whether a table item matches a filter.
+ *
+ * @param item
+ */
+export type FilterPredicate = (item: TableItem) => boolean;
+
+/** @internal */
+export type SortableTables = Collection<{ uid?: string | null; }> | null | undefined;
+
+/** The properties used to configure the Table List (next). */
+export type TableListOptions = Partial<Pick<ArcgisTableListNext, "collapsed" | "dragEnabled" | "filterPlaceholder" | "filterText" | "headingLevel" | "hideStatusIndicators" | "icon" | "label" | "minFilterItems" | "selectionMode" | "showErrors" | "showFilter" | "showTemporaryTableIndicators">>
+  & {
+  listItemCreatedFunction?: TableItemCollection["listItemCreatedFunction"];
+};

package/dist/components/arcgis-time-bar/customElement.d.ts

@@ -104,6 +104,16 @@ export abstract class ArcgisTimeBar extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-time-bar auto-destroy-disabled></arcgis-time-bar>
+   * ```
+   *
+   * ```js
+   * timeBarElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**

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

@@ -132,6 +132,16 @@ export abstract class ArcgisTimeBarSlider extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-time-bar-slider auto-destroy-disabled></arcgis-time-bar-slider>
+   * ```
+   *
+   * ```js
+   * timeBarSliderElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**

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

@@ -86,6 +86,16 @@ export abstract class ArcgisTimeSlider extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-time-slider auto-destroy-disabled></arcgis-time-slider>
+   * ```
+   *
+   * ```js
+   * timeSliderElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**

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

@@ -42,6 +42,16 @@ export abstract class ArcgisTrack extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-track auto-destroy-disabled></arcgis-track>
+   * ```
+   *
+   * ```js
+   * trackElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**

package/dist/components/arcgis-utility-network-aggregated-geometry/customElement.d.ts

@@ -41,6 +41,16 @@ export abstract class ArcgisUtilityNetworkAggregatedGeometry extends LitElement
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-utility-network-aggregated-geometry auto-destroy-disabled></arcgis-utility-network-aggregated-geometry>
+   * ```
+   *
+   * ```js
+   * utilityNetworkAggregatedGeometryElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /** @required */