@arcgis/map-components 5.2.0-next.99 → 6.0.0-next.1

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

@@ -3,16 +3,12 @@ import type Collection from "@arcgis/core/core/Collection.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";
-import type TableItemCollection from "@arcgis/core/layers/list/TableItemCollection.js";
-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 { State, TableItemLayer } from "@arcgis/core/layerList/types.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 { CanSortFunction, FilterPredicate, TableItem, TableItemModifier, TableListTriggerActionEvent } 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";
@@ -80,7 +76,7 @@ export abstract class ArcgisTableListNext extends LitElement {
    */
   accessor collapsed: boolean;
   /**
-   * 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).
+   * Indicates whether [items](https://developers.arcgis.com/javascript/latest/references/core/layerList/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
@@ -240,7 +236,7 @@ export abstract class ArcgisTableListNext extends LitElement {
    * ```
    * 
    */
-  accessor listItemCreatedFunction: TableItemModifier | null | undefined;
+  accessor listItemCreatedFunction: TableItemModifier | 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.
    *
@@ -335,7 +331,7 @@ export abstract class ArcgisTableListNext extends LitElement {
    */
   accessor referenceElement: ArcgisReferenceElement | string | undefined;
   /**
-   * 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"`.
+   * A collection of selected [items](https://developers.arcgis.com/javascript/latest/references/core/layerList/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
@@ -373,7 +369,7 @@ export abstract class ArcgisTableListNext extends LitElement {
    */
   accessor selectionMode: List["selectionMode"];
   /**
-   * This property provides the ability to show or hide the close button.
+   * This property provides the ability to show or hide the close button. When the close button is shown, the `ESC` key can be used to close the component via keyboard when the focus is within the component.
    *
    * @default false
    * @example
@@ -463,9 +459,9 @@ export abstract class ArcgisTableListNext extends LitElement {
    */
   accessor showTemporaryTableIndicators: boolean;
   /** The current state of the component. */
-  get state(): TableItemCollection["state"];
+  get state(): State;
   /**
-   * The collection of table [items](https://developers.arcgis.com/javascript/latest/references/core/layers/list/Item/) displayed within the component.
+   * The collection of table items displayed within the component.
    *
    * @example
    * ```js
@@ -478,7 +474,7 @@ export abstract class ArcgisTableListNext extends LitElement {
    *
    * @internal
    */
-  accessor tables: ReadonlyCollection<Layer | Sublayer> | null | undefined;
+  accessor tables: ReadonlyCollection<TableItemLayer> | null | undefined;
   /**
    * The view associated with the component.
    * > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the arcgis-table-list-next component will be associated with a map or scene component rather than using the `view` property.
@@ -492,14 +488,14 @@ export abstract class ArcgisTableListNext extends LitElement {
   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. */
+  /** Emitted when the component associated with a map or scene view is ready for user interaction. */
   readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
   /** 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>;
   /** 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"]>;
+  readonly arcgisTriggerAction: import("@arcgis/lumina").TargetedEvent<this, TableListTriggerActionEvent>;
   readonly "@eventTypes": {
     arcgisClose: ArcgisTableListNext["arcgisClose"]["detail"];
     arcgisFilterChange: ArcgisTableListNext["arcgisFilterChange"]["detail"];

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

@@ -1,13 +1,13 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as C } from "../../chunks/runtime.js";
-import { repeat as $ } from "lit/directives/repeat.js";
+import { repeat as M } from "lit/directives/repeat.js";
 import { keyed as _ } from "lit/directives/keyed.js";
-import M from "@arcgis/core/core/Collection.js";
+import $ from "@arcgis/core/core/Collection.js";
 import { watch as I, on as v } from "@arcgis/core/core/reactiveUtils.js";
-import L from "@arcgis/core/layers/list/TableItemCollection.js";
+import L from "@arcgis/core/layerList/TableListModel.js";
 import { LitElement as E, createEvent as c, safeClassMap as b, nothing as F } from "@arcgis/lumina";
 import { usePropertyChange as T } from "@arcgis/lumina/controllers";
-import { reEmitEvent as D } from "@arcgis/lumina/controllers/accessor";
+import { reEmitEvent as D } from "@arcgis/lumina-toolkit/reEmitEvent";
 import { classes as P } from "@arcgis/toolkit/dom";
 import { generateGuid as N } from "@arcgis/toolkit/string";
 import { createRef as U, ref as x } from "lit/directives/ref.js";
@@ -34,7 +34,7 @@ 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.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");
+    }, 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 $(), 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, 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 };
@@ -155,7 +155,7 @@ class z extends E {
     return this.hideNoItemsNotice ? null : o`<div class=${b(w.itemMessage)}><calcite-notice icon=information kind=info open width=full>${this._renderNoItemsMessage()}</calcite-notice></div>`;
   }
   _renderPanelFlowItems() {
-    return $(this._openedPanelItems.toArray(), (e) => e.uid, (e, t) => {
+    return M(this._openedPanelItems.toArray(), (e) => e.uid, (e, t) => {
       const { panel: i, title: s } = e, l = () => this._handlePanelFlowItemBack(i);
       return o`<calcite-flow-item .description=${s} .heading=${i.title} .headingLevel=${this.headingLevel} .selected=${t === this._openedPanelItems.length - 1} @calciteFlowItemBack=${(a) => {
         a.preventDefault(), l();

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

@@ -1,9 +1,48 @@
 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 EsriError from "@arcgis/core/core/Error.js";
+import type Layer from "@arcgis/core/layers/Layer.js";
+import type SubtypeGroupLayer from "@arcgis/core/layers/SubtypeGroupLayer.js";
+import type Sublayer from "@arcgis/core/layers/support/Sublayer.js";
+import type SubtypeSublayer from "@arcgis/core/layers/support/SubtypeSublayer.js";
+import type { Action, Sections } from "../../utils/action-utils.js";
 import type { ArcgisTableListNext } from "./customElement.js";
 import type { SortableList as SortableList } from "@esri/calcite-components/components/calcite-sortable-list";
 
+/** Item state for a table displayed by Table List (next). */
+export type TableItem = {
+  actionsOpen: boolean;
+  actionsSections: Sections;
+  checkPublishStatusEnabled: boolean;
+  children: Collection<TableItem>;
+  clone: () => TableItem;
+  readonly error?: EsriError | null;
+  hidden: boolean;
+  /** Layer types represented by table items in Table List (next). */
+  layer: TableItemLayer;
+  listItemCreatedFunction: null | undefined | TableItemModifier;
+  listModeDisabled: boolean;
+  open: boolean;
+  panel: TableItemPanel;
+  parent: null | undefined | TableItem;
+  readonly publishing: boolean;
+  sortable: boolean;
+  title: string;
+  readonly uid: string;
+};
+
+/**
+ * A function for customizing a table item as it is created.
+ *
+ * @param event
+ */
+export type TableItemModifier = (event: TableItemModifierEvent) => void;
+
+/** The event object for the `arcgisTriggerAction` event in Table List (next). */
+export type TableListTriggerActionEvent = {
+  action: Action;
+  item: TableItem;
+};
+
 /** @internal */
 export type CanSortEvent = {
   selected: null | undefined | TableItem;
@@ -33,5 +72,33 @@ export type SortableTables = Collection<{ uid?: string | null; }> | null | undef
 /** 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"];
-};
+  listItemCreatedFunction?: TableItemModifier;
+};
+
+/** Panel state for a table item displayed by Table List (next). */
+export type TableItemPanel = {
+  /** The content associated with a table list item panel. The string `legend` displays a legend. */
+  content: null | undefined | TableItemPanelContents;
+  disabled: boolean;
+  flowEnabled: boolean;
+  icon: null | undefined | string;
+  image: null | undefined | string;
+  listItem: null | undefined | TableItem;
+  open: boolean;
+  title: string;
+  visible: boolean;
+};
+
+/** Layer types represented by table items in Table List (next). */
+export type TableItemLayer = Layer | Sublayer | SubtypeGroupLayer | SubtypeSublayer;
+
+/** Event object passed to a table item creation callback. */
+export type TableItemModifierEvent = {
+  item: TableItem;
+};
+
+/** Defines one or more content values for a table list item panel. */
+export type TableItemPanelContents = TableItemPanelContent | TableItemPanelContent[];
+
+/** The content associated with a table list item panel. The string `legend` displays a legend. */
+export type TableItemPanelContent = HTMLElement | string;

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

@@ -10,6 +10,8 @@ import type { Format, Mode, State, Stops, TickFormat } from "./types.js";
 import type { TimeZone } from "@arcgis/core/time/types.js";
 
 export class TimeBarViewModel extends Accessor {
+  get canNext(): boolean;
+  get canPrevious(): boolean;
   /** @default false */
   accessor disabled: boolean;
   get effectiveStops(): Date[] | undefined;
@@ -31,16 +33,18 @@ export class TimeBarViewModel extends Accessor {
   accessor locale: string | undefined;
   /** @default false */
   accessor loop: boolean;
-  accessor majorTickFormat: DateTimeFormatOptions | undefined;
-  get majorTickFormatter(): (value: number) => string;
   /** @default "time-window" */
   accessor mode: Mode;
   accessor playRate: number;
   /** @default false */
+  accessor reverseAnimation: boolean;
+  /** @default false */
   accessor savePersistedSettingsDisabled: boolean;
   get state(): State;
   accessor stops: Stops | undefined;
+  accessor tickFormat: DateTimeFormatOptions | undefined;
   get tickFormats(): TickFormat[];
+  get tickFormatter(): (value: number) => string;
   accessor timeExtent: TimeExtent | undefined;
   get timeZone(): TimeZone;
   set timeZone(value: TimeZone | null | undefined);

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

@@ -5,9 +5,9 @@ import type WebScene from "@arcgis/core/WebScene.js";
 import type MapView from "@arcgis/core/views/MapView.js";
 import type SceneView from "@arcgis/core/views/SceneView.js";
 import type { ArcgisReferenceElement, IconName } from "../types.js";
-import type { ToolbarKind, Format, Mode, State, Stops } from "./types.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
+import type { Format, Mode, State, Stops } from "./types.js";
 
 /**
  * The `<arcgis-time-bar>` component provides interactive time selection and playback within a defined temporal extent.
@@ -22,7 +22,7 @@ import type { T9nMeta } from "@arcgis/lumina/controllers";
  * > [playRate](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-time-bar/#playRate),
  * > [stops](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-time-bar/#stops), and
  * > [timeExtent](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-time-bar/#timeExtent) properties.
- * > The reason being is that these properties will overwritten when the saved settings are loaded.
+ * > The reason being is that these properties will be overwritten when the saved settings are loaded.
  * > To disable automatic loading of stored settings, set the `loadPersistedSettingsDisabled` property to `true`.
  *
  * > [!WARNING]
@@ -38,7 +38,13 @@ import type { T9nMeta } from "@arcgis/lumina/controllers";
  * buttons displayed and the fallback label displayed in the `time-extent` slot.
  * ```html
  * <arcgis-map basemap="satellite" zoom="6" center="-2,54">
- *   <arcgis-time-bar showPlay showNext showPrevious slot="top-right"></arcgis-time-bar>
+ *   <arcgis-time-bar
+ *     show-play
+ *     show-next
+ *     show-previous
+ *     show-time-extent
+ *     slot="top-right">
+ *   </arcgis-time-bar>
  * </arcgis-map>
  * ```
  * ```js
@@ -65,8 +71,16 @@ import type { T9nMeta } from "@arcgis/lumina/controllers";
  * An alternative to the default label is to use a `<arcgis-time-bar-slider>` component in the `time-extent` slot.
  * ```html
  * <arcgis-map basemap="satellite" zoom="6" center="-2,54">
- *   <arcgis-time-bar showPlay showNext showPrevious slot="top-right">
- *     <arcgis-time-bar-slider slot="time-extent"></arcgis-time-bar-slider>
+ *   <arcgis-time-bar
+ *     show-play
+ *     show-next
+ *     show-previous
+ *     show-time-extent
+ *     slot="top-right">
+ *     <arcgis-time-bar-slider
+ *       slot="time-extent"
+ *     >
+ *     </arcgis-time-bar-slider>
  *   </arcgis-time-bar>
  * </arcgis-map>
  * ```
@@ -114,7 +128,7 @@ export abstract class ArcgisTimeBar extends LitElement {
    */
   accessor autoDestroyDisabled: boolean;
   /**
-   * When true, the component is visually withdrawn and cannot receive user interaction.
+   * When true, the component is visually de-emphasized and does not accept user interaction.
    *
    * @default false
    */
@@ -126,7 +140,7 @@ export abstract class ArcgisTimeBar extends LitElement {
    * @example
    * ```html
    * <arcgis-map basemap="satellite" zoom="6" center="-2,54">
-   *   <arcgis-time-bar slot="top-right" disabled></arcgis-time-bar>
+   *   <arcgis-time-bar show-time-extent slot="top-right" disabled></arcgis-time-bar>
    * </arcgis-map>
    * ```
    * ```js
@@ -165,6 +179,15 @@ export abstract class ArcgisTimeBar extends LitElement {
    * @see [stops](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-time-bar/#stops)
    */
   get effectiveStops(): Date[] | undefined;
+  /**
+   * Controls the appearance of the `arcgis-time-bar` component.
+   *
+   * When `floating` is `true`, the component will appear with rounded corners and a dropshadow.
+   * When `floating` is `false`, the default, the component will appear without rounded corners and dropshadow.
+   *
+   * @default false
+   */
+  accessor floating: boolean;
   /**
    * This property determines the format of the date displayed in the minimum, maximum, and time extent labels.
    * If `"date"` is specified, only the localized day, month, and year components will be displayed, for example, "6/21/2026" in the "en-US" locale.
@@ -174,7 +197,7 @@ export abstract class ArcgisTimeBar extends LitElement {
    * @example
    * ```html
    * <arcgis-map basemap="satellite" zoom="6" center="-2,54">
-   *   <arcgis-time-bar slot="top-right" format="date-time"></arcgis-time-bar>
+   *   <arcgis-time-bar show-time-extent slot="top-right" format="date-time"></arcgis-time-bar>
    * </arcgis-map>
    * ```
    */
@@ -186,7 +209,7 @@ export abstract class ArcgisTimeBar extends LitElement {
    * @example
    * ```html
    * <arcgis-map basemap="satellite" zoom="6" center="-2,54">
-   *   <arcgis-time-bar slot="top-right">
+   *   <arcgis-time-bar show-time-extent slot="top-right" >
    *     <arcgis-time-bar-slider slot="time-extent"></arcgis-time-bar-slider>
    *   </arcgis-time-bar>
    * </arcgis-map>
@@ -233,7 +256,7 @@ export abstract class ArcgisTimeBar extends LitElement {
    * Disable loading persisted settings from the associated view's web document.
    * ```html
    * <arcgis-map item-id="3542f60d24484cb0af84f1a346607722">
-   *   <arcgis-time-bar slot="top-right" loadPersistedSettingsDisabled></arcgis-time-bar>
+   *   <arcgis-time-bar slot="top-right" load-persisted-settings-disabled></arcgis-time-bar>
    * </arcgis-map>
    * ```
    */
@@ -263,6 +286,7 @@ export abstract class ArcgisTimeBar extends LitElement {
       date?: string | undefined;
       display?: string | undefined;
       displayDescription?: string | undefined;
+      emptyTimeExtent?: string | undefined;
       end?: string | undefined;
       endDescription?: string | undefined;
       everyDurationPartsTemplate?: string | undefined;
@@ -271,6 +295,8 @@ export abstract class ArcgisTimeBar extends LitElement {
           dateAndTime?: string | undefined;
           dateOnly?: string | undefined;
       } | undefined;
+      from?: string | undefined;
+      lockTimeWindow?: string | undefined;
       loop?: string | undefined;
       mode?: string | undefined;
       modeDescription?: string | undefined;
@@ -281,6 +307,7 @@ export abstract class ArcgisTimeBar extends LitElement {
           "time-window"?: string | undefined;
       } | undefined;
       next?: string | undefined;
+      noTimeExtent?: string | undefined;
       noTimeZoneAdjustment?: string | undefined;
       overview?: string | undefined;
       play?: string | undefined;
@@ -300,8 +327,10 @@ export abstract class ArcgisTimeBar extends LitElement {
       } | undefined;
       stops?: string | undefined;
       stopsDescription?: string | undefined;
+      through?: string | undefined;
       time?: string | undefined;
       timeBarSettings?: string | undefined;
+      timeExtent?: string | undefined;
       timeUnitOptions?: {
           day?: string | undefined;
           hour?: string | undefined;
@@ -317,6 +346,7 @@ export abstract class ArcgisTimeBar extends LitElement {
       unit?: string | undefined;
       unitPrompt?: string | undefined;
       units?: string | undefined;
+      unlockTimeWindow?: string | undefined;
   };
   /** @internal */
   protected readonly messages: {
@@ -326,6 +356,7 @@ export abstract class ArcgisTimeBar extends LitElement {
       date: string;
       display: string;
       displayDescription: string;
+      emptyTimeExtent: string;
       end: string;
       endDescription: string;
       everyDurationPartsTemplate: string;
@@ -334,6 +365,8 @@ export abstract class ArcgisTimeBar extends LitElement {
           dateAndTime: string;
           dateOnly: string;
       };
+      from: string;
+      lockTimeWindow: string;
       loop: string;
       mode: string;
       modeDescription: string;
@@ -344,6 +377,7 @@ export abstract class ArcgisTimeBar extends LitElement {
           "time-window": string;
       };
       next: string;
+      noTimeExtent: string;
       noTimeZoneAdjustment: string;
       overview: string;
       play: string;
@@ -363,8 +397,10 @@ export abstract class ArcgisTimeBar extends LitElement {
       };
       stops: string;
       stopsDescription: string;
+      through: string;
       time: string;
       timeBarSettings: string;
+      timeExtent: string;
       timeUnitOptions: {
           day: string;
           hour: string;
@@ -380,6 +416,7 @@ export abstract class ArcgisTimeBar extends LitElement {
       unit: string;
       unitPrompt: string;
       units: string;
+      unlockTimeWindow: string;
   } & T9nMeta<{
       componentLabel: string;
       count: string;
@@ -387,6 +424,7 @@ export abstract class ArcgisTimeBar extends LitElement {
       date: string;
       display: string;
       displayDescription: string;
+      emptyTimeExtent: string;
       end: string;
       endDescription: string;
       everyDurationPartsTemplate: string;
@@ -395,6 +433,8 @@ export abstract class ArcgisTimeBar extends LitElement {
           dateAndTime: string;
           dateOnly: string;
       };
+      from: string;
+      lockTimeWindow: string;
       loop: string;
       mode: string;
       modeDescription: string;
@@ -405,6 +445,7 @@ export abstract class ArcgisTimeBar extends LitElement {
           "time-window": string;
       };
       next: string;
+      noTimeExtent: string;
       noTimeZoneAdjustment: string;
       overview: string;
       play: string;
@@ -424,8 +465,10 @@ export abstract class ArcgisTimeBar extends LitElement {
       };
       stops: string;
       stopsDescription: string;
+      through: string;
       time: string;
       timeBarSettings: string;
+      timeExtent: string;
       timeUnitOptions: {
           day: string;
           hour: string;
@@ -441,6 +484,7 @@ export abstract class ArcgisTimeBar extends LitElement {
       unit: string;
       unitPrompt: string;
       units: string;
+      unlockTimeWindow: string;
   }>;
   /**
    * The `arcgis-time-bar` mode. The mode determines how the time extent is calculated based on the position of the thumb(s)
@@ -481,6 +525,19 @@ export abstract class ArcgisTimeBar 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;
+  /**
+   * When `arcgis-time-bar` is playing, determines whether the animation should play in reverse.
+   *
+   * @default false
+   * @example
+   * Set the animation to play in reverse.
+   * ```html
+   * <arcgis-map basemap="satellite" zoom="6" center="-2,54">
+   *   <arcgis-time-bar slot="top-right" reverse-animation></arcgis-time-bar>
+   * </arcgis-map>
+   * ```
+   */
+  accessor reverseAnimation: boolean;
   /**
    * When `true`, the `arcgis-time-bar`'s settings will not be included in the parent web document when saved.
    *
@@ -489,7 +546,7 @@ export abstract class ArcgisTimeBar extends LitElement {
    * Disable saving persisted settings to the associated view's web document.
    * ```html
    * <arcgis-map item-id="3542f60d24484cb0af84f1a346607722">
-   *   <arcgis-time-bar slot="top-right" savePersistedSettingsDisabled></arcgis-time-bar>
+   *   <arcgis-time-bar slot="top-right" save-persisted-settings-disabled></arcgis-time-bar>
    * </arcgis-map>
    * ```
    */
@@ -505,7 +562,7 @@ export abstract class ArcgisTimeBar extends LitElement {
    * Add a `arcgis-time-bar` to a map with the *next* button displayed.
    * ```html
    * <arcgis-map item-id="3542f60d24484cb0af84f1a346607722">
-   *   <arcgis-time-bar slot="top-right" showNext></arcgis-time-bar>
+   *   <arcgis-time-bar slot="top-right" show-next></arcgis-time-bar>
    * </arcgis-map>
    * ```
    * @see [next()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-time-bar/#next)
@@ -521,7 +578,7 @@ export abstract class ArcgisTimeBar extends LitElement {
    * Add a `arcgis-time-bar` to a map with the *play* button displayed.
    * ```html
    * <arcgis-map item-id="3542f60d24484cb0af84f1a346607722">
-   *   <arcgis-time-bar slot="top-right" showPlay></arcgis-time-bar>
+   *   <arcgis-time-bar slot="top-right" show-play></arcgis-time-bar>
    * </arcgis-map>
    * ```
    * @see [play()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-time-bar/#play)
@@ -538,7 +595,7 @@ export abstract class ArcgisTimeBar extends LitElement {
    * Add a `arcgis-time-bar` to a map with the *previous* button displayed.
    * ```html
    * <arcgis-map item-id="3542f60d24484cb0af84f1a346607722">
-   *   <arcgis-time-bar slot="top-right" showPrevious></arcgis-time-bar>
+   *   <arcgis-time-bar slot="top-right" show-previous></arcgis-time-bar>
    * </arcgis-map>
    * ```
    * @see [previous()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-time-bar/#previous)
@@ -554,11 +611,25 @@ export abstract class ArcgisTimeBar extends LitElement {
    * Add a `arcgis-time-bar` to a map with the *settings* button displayed.
    * ```html
    * <arcgis-map item-id="3542f60d24484cb0af84f1a346607722">
-   *   <arcgis-time-bar slot="top-right" showSettings></arcgis-time-bar>
+   *   <arcgis-time-bar slot="top-right" show-settings></arcgis-time-bar>
    * </arcgis-map>
    * ```
    */
   accessor showSettings: boolean;
+  /**
+   * When `true`, the `arcgis-time-bar` will display the time extent.
+   * To customize the display of the time extent, use the `time-extent` slot with the `arcgis-time-bar-slider` component.
+   *
+   * @default false
+   * @example
+   * Add a `arcgis-time-bar` to a map with the time extent displayed.
+   * ```html
+   * <arcgis-map item-id="3542f60d24484cb0af84f1a346607722">
+   *   <arcgis-time-bar slot="top-right" show-time-extent></arcgis-time-bar>
+   * </arcgis-map>
+   * ```
+   */
+  accessor showTimeExtent: boolean;
   /**
    * The current state of the component.
    *
@@ -566,7 +637,7 @@ export abstract class ArcgisTimeBar extends LitElement {
    * The following snippet will log the `arcgis-time-bar`'s state to the console whenever it changes.
    * ```html
    * <arcgis-map basemap="satellite" zoom="6" center="-2,54">
-   *   <arcgis-time-bar slot="top-right">
+   *   <arcgis-time-bar slot="top-right" show-time-extent>
    *     <arcgis-time-bar-slider slot="time-extent"></arcgis-time-bar-slider>
    *   </arcgis-time-bar>
    * </arcgis-map>
@@ -623,10 +694,10 @@ export abstract class ArcgisTimeBar extends LitElement {
    * To allow thumbs to be manipulated continuously without snapping to specific dates, set `stops` to `null`:
    * ```js
    * <script type="module">
-   *   const timeSliderElement = document.querySelector("arcgis-slider-time");
-   *   await timeSliderElement.componentOnReady();
+   *   const timeBarElement = document.querySelector("arcgis-time-bar");
+   *   await timeBarElement.componentOnReady();
    *
-   *   timeSliderElement.stops = null;
+   *   timeBarElement.stops = null;
    * </script>
    * ```
    * @example
@@ -718,7 +789,7 @@ export abstract class ArcgisTimeBar extends LitElement {
    * | `cumulative-from-end`   | `null` end date               | `{ start: new Date(2019, 2, 1), end: null }`                  |
    *
    * @example
-   * The `arcgis-time-bar` may be used indepentantly of an `arcgis-map` or `arcgis-scene` component.
+   * The `arcgis-time-bar` may be used independently of an `arcgis-map` or `arcgis-scene` component.
    * In the following example, the `arcgis-time-bar` does not reference an `arcgis-map` and is used to update a single layer's filter.
    * ```html
    *   <arcgis-map basemap="dark-gray-vector" zoom="13" center="-117, 34"></arcgis-map>
@@ -794,15 +865,6 @@ export abstract class ArcgisTimeBar extends LitElement {
    * @see [SceneView.timeZone](https://developers.arcgis.com/javascript/latest/references/core/views/SceneView/#timeZone)
    */
   accessor timeZone: string | undefined;
-  /**
-   * Controls the appearance of the `arcgis-time-bar` component.
-   *
-   * When set to `"floating"`, the default, the component will appear with rounded corners and a dropshadow.
-   * When set to `"docked"`, the component will appear without rounded corners and dropshadow.
-   *
-   * @default "floating"
-   */
-  accessor toolbarKind: ToolbarKind;
   /**
    * The view associated with the component.
    * > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the arcgis-time-bar component will be associated with a map or scene component rather than using the `view` property.
@@ -1004,7 +1066,7 @@ export abstract class ArcgisTimeBar extends LitElement {
   updateWebDocument(document: WebMap | WebScene): 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: "effectiveStops" | "fullTimeExtent" | "state" | "timeExtent"; }>;
-  /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
+  /** Emitted when the component associated with a map or scene view is ready for user interaction. */
   readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
   readonly "@eventTypes": {
     arcgisPropertyChange: ArcgisTimeBar["arcgisPropertyChange"]["detail"];