@arcgis/map-components 5.2.0-next.112 → 5.2.0-next.114

package/dist/components/arcgis-layer-list-next/layer-list-item/customElement.js

@@ -1,41 +1,41 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { html as s } from "lit";
 import { keyed as K } from "lit/directives/keyed.js";
-import { isLayerFromCatalog as De } from "@arcgis/core/layers/catalog/catalogUtils.js";
+import { isLayerFromCatalog as Ee } from "@arcgis/core/layers/catalog/catalogUtils.js";
 import { safeClassMap as r, nothing as d } from "@arcgis/lumina";
 import { classes as Q } from "@arcgis/toolkit/dom";
 import { createRef as W, ref as X } from "lit/directives/ref.js";
-import { a as Ee } from "../../../chunks/action-utils.js";
-import { f as Pe, i as Y, l as we, h as Oe, j as Fe, k as Ge, g as Re } from "../../../chunks/layer-list-utils.js";
-import { a as Ve, b as He, i as Ue, g as Z, t as ee, h as te, c as qe, F as je, d as Be, L as ie, f as Ne } from "../../../chunks/utils2.js";
+import { a as Pe } from "../../../chunks/action-utils.js";
+import { f as we, i as Y, l as Oe, h as Fe, j as Ge, k as Re, g as Ve } from "../../../chunks/layer-list-utils.js";
+import { a as He, b as Ue, i as qe, g as Z, t as ee, h as te, c as je, F as Be, d as Ne, L as ie, f as _e } from "../../../chunks/utils2.js";
 const ae = /* @__PURE__ */ new Map();
 function le(l) {
   return l ? ae.get(l) ?? !1 : !1;
 }
-function _e(l, e) {
-  const $ = !(l.aria?.pressed ?? le(e));
-  return l.aria = { ...l.aria, pressed: $ }, e && ae.set(e, $), $;
+function ze(l, e) {
+  const g = !(l.aria?.pressed ?? le(e));
+  return l.aria = { ...l.aria, pressed: g }, e && ae.set(e, g), g;
 }
-function ze(l) {
-  const { item: e, itemType: $ = "layer", parent: v, hideStatusIndicators: ne, css: i, visibilityAppearance: I, hideCatalogLayerList: se, dragEnabled: E = !1, rootGroupUid: A, listModeDisabled: ce = !1, selectionMode: T, displayMode: oe, layerTablesEnabled: C, showErrors: re, parentTitles: P, selectedItems: de, activeItem: me, handleCatalogOpen: ue, handleTablesOpen: pe, selectedDragItemLayerUid: be, handleSelectedDragItemLayerUidChange: ge, handlePanelOpen: ye, messages: a, setCurrentActiveItem: w, clearActiveItem: O } = l, $e = Ve(e), ve = He(e), c = Ue(e), g = W(), S = W(), fe = $ === "table" ? a.untitledTable ?? "" : a.untitledLayer ?? "", he = $e ? a.trackInfo?.[e.content.name] ?? e.content.name : "", Ie = ve ? a.telemetryDisplay?.[e.content.name] ?? e.content.name : "", p = e.title || he || Ie || fe || "";
+function Je(l) {
+  const { item: e, itemType: g = "layer", parent: v, hideStatusIndicators: ne, css: i, visibilityAppearance: I, hideCatalogLayerList: se, dragEnabled: E = !1, rootGroupUid: A, listModeDisabled: ce = !1, selectionMode: T, displayMode: oe, layerTablesEnabled: C, showErrors: re, parentTitles: P, selectedItems: de, activeItem: me, handleCatalogOpen: ue, handleTablesOpen: pe, selectedDragItemLayerUid: be, handleSelectedDragItemLayerUidChange: ge, handlePanelOpen: ye, messages: a, setCurrentActiveItem: w, clearActiveItem: O } = l, $e = He(e), ve = Ue(e), c = qe(e), y = W(), S = W(), fe = g === "table" ? a.untitledTable ?? "" : a.untitledLayer ?? "", he = $e ? a.trackInfo?.[e.content.name] ?? e.content.name : "", Ie = ve ? a.telemetryDisplay?.[e.content.name] ?? e.content.name : "", p = e.title || he || Ie || fe || "";
   let F = null;
   !ne && !c && (F = s`<arcgis-layer-list-item-indicator class=${r(i.statusIndicator)} .messages=${a} .item=${e} .parent=${v} slot=content-end></arcgis-layer-list-item-indicator>`);
   let G = null;
   {
-    const { layer: t } = e, n = t && "persistenceEnabled" in t && (De(t) || !t.persistenceEnabled);
+    const { layer: t } = e, n = t && "persistenceEnabled" in t && (Ee(t) || !t.persistenceEnabled);
     !c && (l.showTemporaryLayerIndicators || l.showTemporaryTableIndicators) && n && (G = s`<calcite-icon class=${r(i.itemTemporaryIcon)} icon=temporary scale=s slot=content-start title=${a.temporary ?? d}></calcite-icon>`);
   }
   let R = null;
   if ("visible" in e && "visibleToggle" in i && I) {
     const t = Z(v);
     if (t !== "inherited") {
-      const n = Pe({
+      const n = we({
         visible: e.visible,
         exclusive: t === "exclusive",
         visibilityAppearance: I
-      }), o = I === "checkbox", m = a.layerVisibility, y = p, b = y ? `${m ?? ""}: ${y}` : m ?? "", f = c ? e.visible : le(e.layer?.id);
+      }), o = I === "checkbox", m = a.layerVisibility, $ = p, b = $ ? `${m ?? ""}: ${$}` : m ?? "", f = c ? e.visible : le(e.layer?.id);
       R = s`<calcite-action .aria=${{ pressed: f }} class=${r(i.visibleToggle)} .icon=${o ? n : void 0} .label=${b} @click=${(D) => {
-        c || _e(D.currentTarget, e.layer?.id), ee(e, v);
+        c || ze(D.currentTarget, e.layer?.id), ee(e, v);
       }} .slot=${o ? "actions-start" : "actions-end"} .text=${m ?? ""} title=${m ?? d}>${o ? null : s`<calcite-icon class=${r(Q({
         [i.visibleIcon]: t !== "exclusive" && e.visible
       }))} .icon=${n} scale=s></calcite-icon>`}</calcite-action>`;
@@ -52,12 +52,12 @@ function ze(l) {
     if (t?.visible && (!c || te(e))) {
       const { open: n, title: o, disabled: m } = t;
       (t.content === "legend" || Array.isArray(t.content) && t.content.includes("legend")) && (t.icon = "legend");
-      const y = {
+      const $ = {
         icon: t.icon,
         image: t.image ?? void 0,
         indicator: !1
-      }, b = Ee(y);
-      H = s`<calcite-action .active=${n} .disabled=${m} .icon=${b} @click=${() => qe(e, ye)} slot=actions-end .text=${o ?? ""} title=${o ?? void 0 ?? d}>${je(i, t)}</calcite-action>`;
+      }, b = Pe($);
+      H = s`<calcite-action .active=${n} .disabled=${m} .icon=${b} @click=${() => je(e, ye)} slot=actions-end .text=${o ?? ""} title=${o ?? void 0 ?? d}>${Be(i, t)}</calcite-action>`;
     }
   }
   let U = null;
@@ -75,37 +75,37 @@ function ze(l) {
     const t = e.layer;
     !c && !se && t?.type === "catalog-dynamic-group" && (j = s`<calcite-action .disabled=${!t.visible} icon=chevron-right icon-flip-rtl @click=${() => ue?.(e)} slot=actions-end .text=${p ?? ""}></calcite-action>`);
   }
-  let B = null, x = !1;
+  let B = null, L = !1;
   {
     const t = e.layer;
     if (!c && C && t)
       switch (t.type) {
         case "knowledge-graph":
-          x = C.includes(t.type) && "tables" in t && !!t.tables?.length;
+          L = C.includes(t.type) && "tables" in t && !!t.tables?.length;
           break;
         case "map-image":
         case "tile":
-          x = C.includes(t.type) && "subtables" in t && !!t.subtables?.length;
+          L = C.includes(t.type) && "subtables" in t && !!t.subtables?.length;
           break;
       }
-    "itemTableIcon" in i && "visible" in e && "tables" in a && x && (B = K(`${e.uid}-tables`, s`<calcite-list-item class=${r(i.item)} data-layer-id=${t?.id ?? d} drag-disabled .label=${a.tables} title=${a.tables ?? d} @calciteListItemSelect=${() => pe?.(e)} .value=${e}><calcite-icon class=${r(i.itemTableIcon)} icon=table scale=s slot=content-start></calcite-icon><calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon></calcite-list-item>`));
+    "itemTableIcon" in i && "visible" in e && "tables" in a && L && (B = K(`${e.uid}-tables`, s`<calcite-list-item class=${r(i.item)} data-layer-id=${t?.id ?? d} drag-disabled .label=${a.tables} title=${a.tables ?? d} @calciteListItemSelect=${() => pe?.(e)} .value=${e}><calcite-icon class=${r(i.itemTableIcon)} icon=table scale=s slot=content-start></calcite-icon><calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon></calcite-list-item>`));
   }
   let N = null;
   if ("children" in e) {
-    const t = [...P ?? [], e.title], { children: n, layer: o } = e, m = o?.type !== "catalog-dynamic-group" && we(e), y = ce ? !1 : Oe(o), b = o?.type === "group", f = !y && !m && E && b, D = b && "sortable" in e && e.sortable, Le = n.some((u) => "sortable" in u && u.sortable), Me = E && (m || f) && (Le || f) && ("childrenSortable" in e && e.childrenSortable || D) && Fe(e), ke = m ? (n?.filter((u) => !u.hidden && (re || !u.error)).toArray() ?? []).map((u) => ze({
+    const t = [...P ?? [], e.title], { children: n, layer: o } = e, m = o?.type !== "catalog-dynamic-group" && Oe(e), $ = ce ? !1 : Fe(o), b = o?.type === "group", f = !$ && !m && E && b, D = b && "sortable" in e && e.sortable, xe = n.some((u) => "sortable" in u && u.sortable), Me = g === "layer" ? Ge(e) : !0, ke = E && (m || f) && (xe || f) && ("childrenSortable" in e && e.childrenSortable || D) && Me, De = m ? (n?.filter((u) => !u.hidden && (re || !u.error)).toArray() ?? []).map((u) => Je({
       ...l,
       item: u,
       parent: e,
       parentTitles: t
     })) : null;
-    (m || f) && (N = s`<calcite-list .canPull=${(u) => l.canMove ? l.canMove(u, "pull") : !1} .canPut=${(u) => l.canMove ? l.canMove(u, "put") : !1} data-item=${e.uid ?? d} data-layer-type=${A ?? d} .displayMode=${oe} .dragEnabled=${Me} .group=${b ? A : `${A}-${o?.uid}`} .label=${e.title} selection-appearance=highlight .selectionMode=${T}>${ke}${B}</calcite-list>`);
+    (m || f) && (N = s`<calcite-list .canPull=${(u) => l.canMove ? l.canMove(u, "pull") : !1} .canPut=${(u) => l.canMove ? l.canMove(u, "put") : !1} data-item=${e.uid ?? d} data-layer-type=${A ?? d} .displayMode=${oe} .dragEnabled=${ke} .group=${b ? A : `${A}-${o?.uid}`} .label=${e.title} selection-appearance=highlight .selectionMode=${T}>${De}${B}</calcite-list>`);
   }
-  let L = null;
+  let x = null;
   if (!c && e.error) {
     const t = "layerError" in a ? a.layerError : a.tableError;
-    L = s`<div class=${r(i.itemMessage)} slot=content-bottom><calcite-notice icon=exclamation-mark-triangle kind=warning open scale=s width=full><div slot=message>${t}</div></calcite-notice></div>`;
-  } else "incompatible" in e && e.incompatible && "layerIncompatible" in a && (L = s`<div class=${r(i.itemMessage)} slot=content-bottom><calcite-notice icon=exclamation-mark-triangle kind=warning open scale=s tabindex=0 width=full ${X(S)}><div slot=message>${a.layerIncompatible}</div></calcite-notice></div>`);
-  const _ = Be(e), M = e.actionsSections.reduce((t, n) => t + n.length, 0), z = Ge(_), Ae = _.toArray().map((t) => s`<calcite-action-group>${t.toArray().map((n) => ie(l, n, !0))}</calcite-action-group>`), Te = (t) => {
+    x = s`<div class=${r(i.itemMessage)} slot=content-bottom><calcite-notice icon=exclamation-mark-triangle kind=warning open scale=s width=full><div slot=message>${t}</div></calcite-notice></div>`;
+  } else "incompatible" in e && e.incompatible && "layerIncompatible" in a && (x = s`<div class=${r(i.itemMessage)} slot=content-bottom><calcite-notice icon=exclamation-mark-triangle kind=warning open scale=s tabindex=0 width=full ${X(S)}><div slot=message>${a.layerIncompatible}</div></calcite-notice></div>`);
+  const _ = Ne(e), M = e.actionsSections.reduce((t, n) => t + n.length, 0), z = Re(_), Ae = _.toArray().map((t) => s`<calcite-action-group>${t.toArray().map((n) => ie(l, n, !0))}</calcite-action-group>`), Te = (t) => {
     e.actionsOpen = t.currentTarget.open;
   };
   let J = null;
@@ -115,23 +115,23 @@ function ze(l) {
   }} icon=ellipsis slot=trigger .text=${a.options ?? ""} title=${a.options ?? d}></calcite-action>${Ae}</calcite-action-menu>`);
   let k = null;
   M === 1 && z ? k = ie(l, z, !1) : M > 1 && (k = J);
-  const Ce = c ? p : "visibleAtCurrentTimeExtent" in e && "layerInvisibleAtTime" in a && !e.visibleAtCurrentTimeExtent ? `${p} (${a.layerInvisibleAtTime})` : "visibleAtCurrentScale" in e && "layerInvisibleAtScale" in a && !e.visibleAtCurrentScale ? `${p} (${a.layerInvisibleAtScale})` : p, Se = "parent" in e && e.parent?.layer?.type === "catalog", h = e.layer, xe = !c && ("visibleAtCurrentScale" in e && !e.visibleAtCurrentScale || "visibleAtCurrentTimeExtent" in e && !e.visibleAtCurrentTimeExtent);
+  const Ce = c ? p : "visibleAtCurrentTimeExtent" in e && "layerInvisibleAtTime" in a && !e.visibleAtCurrentTimeExtent ? `${p} (${a.layerInvisibleAtTime})` : "visibleAtCurrentScale" in e && "layerInvisibleAtScale" in a && !e.visibleAtCurrentScale ? `${p} (${a.layerInvisibleAtScale})` : p, Se = "parent" in e && e.parent?.layer?.type === "catalog", h = e.layer, Le = !c && ("visibleAtCurrentScale" in e && !e.visibleAtCurrentScale || "visibleAtCurrentTimeExtent" in e && !e.visibleAtCurrentTimeExtent);
   return queueMicrotask(() => {
-    c || Ne(g.value ?? null, e, be, ge), S.value && (l.handleTooltipReferenceChange?.(h?.uid, S.value), queueMicrotask(() => l.handleTooltipReferenceChange?.(h?.uid, null)));
-  }), K(e.uid, s`<calcite-list-item class=${r(Q(i.item, "itemActive" in i && { [i.itemActive]: me?.uid === e.uid }))} data-item=${e.uid ?? d} data-layer-id=${h?.id ?? d} .dragDisabled=${!("sortable" in e && e.sortable) || Se} id=${(c ? void 0 : h?.uid) ?? d} .label=${p} .metadata=${{ parentTitles: P ?? [], _title: p }} .expanded=${"open" in e && e.open} .selected=${T !== "none" ? de.includes(e) : !1} title=${Ce ?? d} .unavailable=${xe} .value=${e} @focusin=${() => {
-    w?.(e), g.value?.classList.add(i.itemActive);
+    c || _e(y.value ?? null, e, be, ge), S.value && (l.handleTooltipReferenceChange?.(h?.uid, S.value), queueMicrotask(() => l.handleTooltipReferenceChange?.(h?.uid, null)));
+  }), K(e.uid, s`<calcite-list-item class=${r(Q(i.item, "itemActive" in i && { [i.itemActive]: me?.uid === e.uid }))} data-item=${e.uid ?? d} data-layer-id=${h?.id ?? d} .dragDisabled=${!("sortable" in e && e.sortable) || Se} id=${(c ? void 0 : h?.uid) ?? d} .label=${p} .metadata=${{ parentTitles: P ?? [], _title: p }} .expanded=${"open" in e && e.open} .selected=${T !== "none" ? de.includes(e) : !1} title=${Ce ?? d} .unavailable=${Le} .value=${e} @focusin=${() => {
+    w?.(e), y.value?.classList.add(i.itemActive);
   }} @focusout=${() => {
-    O?.(), g.value?.classList.remove(i.itemActive);
+    O?.(), y.value?.classList.remove(i.itemActive);
   }} @mouseover=${() => {
-    w?.(e), g.value?.classList.add(i.itemActive);
+    w?.(e), y.value?.classList.add(i.itemActive);
   }} @mouseleave=${() => {
-    O?.(), g.value?.classList.remove(i.itemActive);
+    O?.(), y.value?.classList.remove(i.itemActive);
   }} @calciteListItemSelect=${(t) => {
-    t.target === t.currentTarget && "visible" in e && Re(t.currentTarget, l.operationalItems) === e && T === "none" && Z(v) !== "inherited" && ee(e, v);
+    t.target === t.currentTarget && "visible" in e && Ve(t.currentTarget, l.operationalItems) === e && T === "none" && Z(v) !== "inherited" && ee(e, v);
   }} @calciteListItemToggle=${(t) => {
     "open" in e && (t.stopPropagation(), e.open = t.target.expanded);
-  }} ${X(g)}>${U}${q}${F}${R}${j}${G}${N}${L}${V}${H}${k}</calcite-list-item>`);
+  }} ${X(y)}>${U}${q}${F}${R}${j}${G}${N}${x}${V}${H}${k}</calcite-list-item>`);
 }
 export {
-  ze as ArcgisLayerListItem
+  Je as ArcgisLayerListItem
 };

package/dist/components/arcgis-oriented-imagery-viewer/customElement.d.ts

@@ -13,6 +13,18 @@ import type { Icon } from "@esri/calcite-components/components/calcite-icon";
  * @since 4.31
  */
 export abstract class ArcgisOrientedImageryViewer extends LitElement {
+  /**
+   * Specifies the position of the action bar within the oriented imagery viewer.
+   * | Position | Description |
+   * |----------|-------------|
+   * | bottom   | Action bar is positioned at the bottom of the viewer. |
+   * | end      | Action bar is positioned at the end of the viewer. |
+   * | start    | Action bar is positioned at the start of the viewer. |
+   * | top      | Action bar is positioned at the top of the viewer. |
+   *
+   * @since 5.2
+   */
+  accessor actionBarPosition: "bottom" | "end" | "start" | "top";
   /**
    * If true, the component will not be destroyed automatically when it is
    * disconnected from the document. This is useful when you want to move the
@@ -201,6 +213,12 @@ export abstract class ArcgisOrientedImageryViewer extends LitElement {
    * @since 4.29
    */
   get referencePoint(): Point | null;
+  /**
+   * The map location selected to find imagery. Geographic points are projected to Web Mercator; other points retain their spatial reference.
+   *
+   * @since 5.2
+   */
+  get selectedPoint(): null | undefined | Point;
   /**
    * 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-oriented-imagery-viewer component will be associated with a map or scene component rather than using the `view` property.

package/dist/components/arcgis-oriented-imagery-viewer/customElement.js

@@ -12,16 +12,19 @@ import { u as v } from "../../chunks/useLayerById.js";
 const h = g`:host{--esri-oriented-imagery-viewer-min-width: var(--arcgis-oriented-imagery-viewer-min-width, 288px);--esri-oriented-imagery-viewer-min-height: var(--arcgis-oriented-imagery-viewer-min-height, 348px);inline-size:100%;block-size:100%}.esri-image-viewer{width:100%;height:100%}.esri-image-viewer__slider-container{--calcite-block-padding: 0;box-sizing:border-box;box-shadow:none;padding-inline:var(--calcite-spacing-md);background-color:#0000;border:none;width:100%;margin:0;overflow:hidden}.esri-image-viewer__slider-container calcite-slider{width:100%}.esri-oriented-imagery-viewer{--esri-oriented-imagery-viewer-action-icon-size: 8px;--calcite-dialog-size-x: 210px;--calcite-dialog-min-size-y: 90px;--calcite-font-weight-medium: $font-weight;--calcite-font-size-0: $font-size;--calcite-icon-size: var(--esri-oriented-imagery-viewer-action-icon-size);box-sizing:border-box;z-index:1;width:100%;min-width:var(--esri-oriented-imagery-viewer-min-width);height:100%;min-height:var(--esri-oriented-imagery-viewer-min-height);flex-direction:column;align-items:flex-start;display:flex;overflow:hidden}.esri-oriented-imagery-viewer:has(.esri-widget .esri-oriented-imagery-viewer__image-overlays-no-result){--esri-oriented-imagery-viewer-min-height: 420px}.esri-oriented-imagery-viewer__body{flex-direction:column;flex:1 0 auto;order:1;align-self:stretch;height:100%;display:flex}.esri-oriented-imagery-viewer__body-current-coverage{--calcite-icon-color: var(--calcite-color-status-danger)}.esri-oriented-imagery-viewer__body-additional-camera-locations{--calcite-icon-color: var(--calcite-color-brand)}.esri-oriented-imagery-viewer__body-additional-coverage{--calcite-icon-color: var(--calcite-color-status-info)}.esri-oriented-imagery-viewer__body-footprint{--calcite-icon-color: var(--calcite-color-status-success)}.esri-oriented-imagery-viewer__carousel{z-index:1;border:1px solid var(--calcite-color-border-2);align-items:center;width:98%;height:140px;margin:auto 1% 0;position:absolute;bottom:0;box-shadow:0 0 1px #0000004d}.esri-oriented-imagery-viewer__carousel-container{height:auto;display:inline-block;overflow:auto hidden}.esri-oriented-imagery-viewer__carousel header{--calcite-font-weight-medium: $font-weight--light;--calcite-font-size-0: $font-size--tiny}.esri-oriented-imagery-viewer__carousel-item{width:100px;height:70px}.esri-oriented-imagery-viewer__carousel-item-wrapper{box-sizing:border-box;justify-content:center;align-items:center;width:106px;height:78px;margin:auto 10px;display:flex;box-shadow:0 1px 2px #0000004d}.esri-oriented-imagery-viewer__carousel-item-wrapper--selected{box-sizing:border-box;border:2px solid var(--calcite-color-brand);justify-content:center;align-items:center;width:106px;height:78px;margin:auto 10px;display:flex;box-shadow:0 1px 2px #0000004d}.esri-oriented-imagery-viewer__carousel-content{display:flex}.esri-oriented-imagery-viewer__close{background:var(--calcite-color-foreground-1);flex-direction:row;flex-grow:0;order:7;justify-content:center;align-items:center;width:48px;height:59px;display:flex}.esri-oriented-imagery-viewer__image-enhancement-wrapper{z-index:1;border:1px solid var(--calcite-color-border-2);align-items:center;width:98%;height:140px;margin:auto 1% 0;position:absolute;bottom:0;box-shadow:0 0 1px #0000004d}.esri-oriented-imagery-viewer__image-enhancement-tools{display:flex}.esri-oriented-imagery-viewer__image-enhancement-tool-container{width:50%;margin-block:2px;padding-inline:.75rem}.esri-oriented-imagery-viewer__superimpose-tools{box-shadow:none;width:100%;height:auto;margin:0}.esri-oriented-imagery-viewer__superimpose-tools .esri-oriented-imagery-viewer__image-enhancement-tool-container{padding-block:var(--calcite-spacing-sm) var(--calcite-spacing-md);width:100%;margin-block:0}.esri-oriented-imagery-viewer__image-overlays{z-index:1;margin:auto 1% 0;border:1px solid var(--calcite-color-border-2);align-items:center;width:98%;height:140px;position:absolute;bottom:0;overflow-y:auto;box-shadow:0 0 1px #0000004d}.esri-oriented-imagery-viewer__image-overlays-layer-list,.esri-oriented-imagery-viewer__image-overlays-switch{padding:0 var(--calcite-spacing-md)}.esri-oriented-imagery-viewer__image-overlays-container{height:auto;display:flex}.esri-oriented-imagery-viewer__image-overlays-no-result{z-index:1;border:1px solid var(--calcite-color-border-2);align-items:center;width:98%;height:auto;margin:auto 1% 0;position:absolute;bottom:0;overflow-y:auto;box-shadow:0 0 1px #0000004d}.esri-oriented-imagery-viewer__image-overlays-no-result-layer-list,.esri-oriented-imagery-viewer__image-overlays-no-result-switch{padding:0 var(--calcite-spacing-md)}.esri-oriented-imagery-viewer__image-overlays-increased-height{z-index:1;border:1px solid var(--calcite-color-border-2);align-items:center;width:98%;height:200px;margin:auto 1% 0;position:absolute;bottom:0;overflow-y:auto;box-shadow:0 0 1px #0000004d}.esri-oriented-imagery-viewer__image-overlays-increased-height-layer-list,.esri-oriented-imagery-viewer__image-overlays-increased-height-switch{padding:0 var(--calcite-spacing-md)}.esri-oriented-imagery-viewer__measurement-results{width:auto;height:fit-content}.esri-oriented-imagery-viewer__measurements-table{margin-block-start:var(--calcite-spacing-sm)}.esri-oriented-imagery-viewer__measurements-bar{flex-wrap:nowrap;display:flex}.esri-oriented-imagery-viewer__measurements-button{display:flex}.esri-oriented-imagery-viewer__measurement-display{text-align:center;margin-block-end:var(--calcite-spacing-xxs)}.esri-oriented-imagery-viewer__viewer{cursor:url(data:text/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2226%22%20width%3D%2226%22%3E%0A%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%221px%22%20fill%3D%22%23fff%22%20d%3D%22m15.3%2020.5s6.38-6.73%204.64-8.24-3.47%201.01-3.47%201.01%203.61-5.72%201.41-6.49c-2.2-0.769-3.33%204.36-3.33%204.36s0.873-5.76-1.06-5.76-1.58%205.39-1.58%205.39-0.574-4.59-2.18-4.12c-1.61%200.468-0.572%205.51-0.572%205.51s-1.58-4.89-2.93-3.79c-1.35%201.11%200.258%205.25%200.572%206.62%200.836%202.43%202.03%202.94%202.17%205.55%22%2F%3E%0A%3C%2Fsvg%3E%0A);flex-grow:1;width:100%;margin:0;display:flex}.esri-oriented-imagery-viewer__viewer--hidden{display:none}.esri-oriented-imagery-viewer__viewer-container{border-top:1px solid var(--calcite-color-border-3);background:var(--calcite-color-foreground-1);border-radius:0 0 3px 3px;flex:1 0 auto;order:1;align-self:stretch;width:100%;height:100%;display:flex}.esri-oriented-imagery-viewer__alert{inset-block-end:var(--calcite-spacing-md);inset-inline:var(--calcite-spacing-md);position:absolute}.esri-oriented-imagery-viewer-container-measurement{border-top:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);border-radius:0 0 var(--calcite-corner-radius-round) var(--calcite-corner-radius-round);background:var(--calcite-color-foreground-1);flex:1 0 auto;order:1;align-self:stretch;width:100%;height:50%;display:flex}@keyframes rotateOrientedImageryNavigationTool{0%{transform:rotate(var(--oi-navigation-tool-rotation-from, 0deg))}to{transform:rotate(var(--oi-navigation-tool-rotation-to, 0deg))}}.esri-oriented-imagery-viewer__navigation{transform:rotate(var(--oi-navigation-tool-rotation-to, 0deg))}.esri-oriented-imagery-viewer__navigation-animate{animation:.7s linear forwards rotateOrientedImageryNavigationTool}.esri-oriented-imagery-viewer__navigation-feature{fill:var(--calcite-color-brand);stroke:var(--calcite-color-foreground-1);stroke-width:1px}.esri-oriented-imagery-viewer__navigation-feature.selected{fill:var(--calcite-color-status-danger)}.esri-oriented-imagery-viewer__navigation-feature-path{pointer-events:none}.esri-oriented-imagery-viewer__navigation-feature-path-stop-offset-0{stop-color:var(--calcite-color-status-danger);stop-opacity:.4}.esri-oriented-imagery-viewer__navigation-feature-path-stop-offset-1{stop-color:var(--calcite-color-status-danger);stop-opacity:.2}.esri-oriented-imagery-viewer__navigation-pointer{fill:var(--calcite-color-foreground-1);fill-rule:evenodd;stroke:#0000;stroke-dasharray:none;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-width:0}.esri-oriented-imagery-viewer__navigation-pointer-north{fill:var(--calcite-color-status-danger)}.esri-oriented-imagery-viewer__navigation-wrapper{z-index:1;position:absolute;bottom:0;right:0;overflow:hidden}.esri-oriented-imagery-viewer__navigation-wrapper--video{inset-block-end:calc(var(--calcite-spacing-xxxl) * 3)}.esri-oriented-imagery-viewer__navigation-wrapper--zoomed{transform-origin:100% 100%;transform:scale(1.5)}.esri-oriented-imagery-viewer__navigation-wrapper-boundary{fill:var(--calcite-color-foreground-1);fill-opacity:.25;stroke:var(--calcite-color-border-2)}.esri-oriented-imagery-viewer__navigation-sector{fill:none}.esri-oriented-imagery-viewer__navigation-sector-separator{stroke:var(--calcite-color-border-2);stroke-width:1px}.esri-oriented-imagery-viewer__navigation-sector-cross{stroke:var(--calcite-color-status-danger);stroke-width:1px}.esri-oriented-imagery-viewer__navigation-sector-enabled{fill:var(--calcite-color-foreground-1);stroke:var(--calcite-color-border-2);stroke-width:1px}.esri-oriented-imagery-viewer__navigation-sector-disabled{fill:var(--calcite-color-foreground-3);stroke:var(--calcite-color-border-2);stroke-width:1px}.esri-oriented-imagery-viewer__navigation-sector-outer{fill:var(--calcite-color-foreground-1);fill-opacity:.4;stroke:none}.esri-oriented-imagery-viewer__pro .esri-oriented-imagery-viewer{width:100%;max-width:unset;height:100%;max-height:unset;position:static}.esri-oriented-imagery-viewer__sketch-tools{justify-content:center;align-items:center;width:100%;display:flex;position:absolute;bottom:0}.esri-oriented-imagery-viewer--notice{margin-block:auto}.esri-oriented-imagery-viewer__navigation-ui{box-sizing:border-box;transform-style:preserve-3d;z-index:var(--calcite-z-index-overlay);aspect-ratio:1;pointer-events:none;flex-direction:column;align-items:center;width:50%;max-width:330px;display:flex;position:absolute;inset-block-end:0;inset-inline:50%;overflow:hidden;translate:-50%}.esri-oriented-imagery-viewer__navigation-ui__direction{--esri-oriented-imagery-viewer__navigation-ui-direction-color: wheat;--calcite-icon-color: var(--esri-oriented-imagery-viewer__navigation-ui-direction-color);transform-origin:top;transform-style:preserve-3d;cursor:not-allowed;border:3px solid #bfc5cc;border-radius:50%;width:4.5em;height:4.5em;transition:border-color .15s;position:absolute}.esri-oriented-imagery-viewer__navigation-ui__direction:not([disabled]){cursor:pointer;pointer-events:auto}.esri-oriented-imagery-viewer__navigation-ui__direction:not([disabled]):hover{--calcite-icon-color: var(--calcite-color-brand);border-color:var(--calcite-color-brand)}.esri-oriented-imagery-viewer__navigation-ui__direction-pad{box-sizing:border-box;filter:drop-shadow(0 2px 1px #00000080);width:100%;height:100%;transform:perspective(400px) rotateX(60deg)}.esri-oriented-imagery-viewer__navigation-settings-ui [slot=content-bottom]{padding:.5rem;display:none}.esri-oriented-imagery-viewer__navigation-settings-ui [selected]>[slot=content-bottom]{display:block}.esri-panoramic-viewer{width:100%;height:100%;overflow-x:hidden}.esri-panoramic-viewer__slider-container{--calcite-block-padding: 0;box-sizing:border-box;box-shadow:none;padding-inline:var(--calcite-spacing-md);background-color:#0000;border:none;width:100%;margin:0;overflow:hidden}.esri-panoramic-viewer__slider-container calcite-slider{width:100%}`, w = c(n), y = "map-components:arcgis-oriented-imagery-viewer";
 class p extends s {
   constructor() {
-    super(...arguments), this.widget = w(this), this._hasOrientedImageryLayerToAdd = !1, this.viewModel = this.widget.viewModel, this.view = this.widget.view, this.autoDestroyDisabled = !1, this.currentCoverageVisible = this.widget.currentCoverageVisible, this.dataCaptureEnabled = this.widget.dataCaptureEnabled, this.disabled = this.widget.disabled, this.galleryOpened = this.widget.galleryOpened, this.hideHeader = this.widget.visibleElements.header, this.hideMenu = this.widget.visibleElements.menu, this.icon = this.widget.icon, this.imageEnhancementToolActive = this.widget.imageEnhancementToolActive, this.imageGalleryEnabled = this.widget.imageGalleryEnabled, this.imageOverlaysOpened = this.widget.imageOverlaysOpened, this.isAdditionalCoverageVisible = this.widget.isAdditionalCoverageVisible, this.isAdditionalPointSourcesVisible = this.widget.isAdditionalPointSourcesVisible, this.label = this.widget.label, this.layer = this.widget.layer, this.mapLayerId = v(this, (e) => {
+    super(...arguments), this.widget = w(this), this._hasOrientedImageryLayerToAdd = !1, this.viewModel = this.widget.viewModel, this.view = this.widget.view, this.autoDestroyDisabled = !1, this.actionBarPosition = this.widget.actionBarPosition, this.currentCoverageVisible = this.widget.currentCoverageVisible, this.dataCaptureEnabled = this.widget.dataCaptureEnabled, this.disabled = this.widget.disabled, this.galleryOpened = this.widget.galleryOpened, this.hideHeader = this.widget.visibleElements.header, this.hideMenu = this.widget.visibleElements.menu, this.icon = this.widget.icon, this.imageEnhancementToolActive = this.widget.imageEnhancementToolActive, this.imageGalleryEnabled = this.widget.imageGalleryEnabled, this.imageOverlaysOpened = this.widget.imageOverlaysOpened, this.isAdditionalCoverageVisible = this.widget.isAdditionalCoverageVisible, this.isAdditionalPointSourcesVisible = this.widget.isAdditionalPointSourcesVisible, this.label = this.widget.label, this.layer = this.widget.layer, this.mapLayerId = v(this, (e) => {
       e && (e.type === "oriented-imagery" ? this.layer = e : l("warn", this, `${y} - layer with id ${this.mapLayerId} is not a valid Oriented Imagery Layer`));
     }), this.mapImageConversionToolState = this.widget.mapImageConversionToolState, this.navigationToolActive = this.widget.navigationToolActive, this.preloadMedia = this.widget.preloadMedia, this.referencePoint = this.widget.referencePoint, this.arcgisPropertyChange = o()("imageGalleryEnabled", "layer"), this.arcgisReady = d();
   }
   static {
-    this.properties = { view: 0, autoDestroyDisabled: 5, currentCoverageVisible: 5, dataCaptureEnabled: 5, disabled: 5, galleryOpened: 5, hideHeader: 5, hideMenu: 5, icon: 1, imageEnhancementToolActive: 5, imageGalleryEnabled: 36, imageOverlaysOpened: 5, isAdditionalCoverageVisible: 5, isAdditionalPointSourcesVisible: 5, label: 1, layer: 0, mapLayerId: 1, mapImageConversionToolState: 5, navigationToolActive: 5, orientedImageryLayerItemId: 1, preloadMedia: 5, referenceElement: 1, referencePoint: 32 };
+    this.properties = { view: 0, autoDestroyDisabled: 5, actionBarPosition: 1, currentCoverageVisible: 5, dataCaptureEnabled: 5, disabled: 5, galleryOpened: 5, hideHeader: 5, hideMenu: 5, icon: 1, imageEnhancementToolActive: 5, imageGalleryEnabled: 36, imageOverlaysOpened: 5, isAdditionalCoverageVisible: 5, isAdditionalPointSourcesVisible: 5, label: 1, layer: 0, mapLayerId: 1, mapImageConversionToolState: 5, navigationToolActive: 5, orientedImageryLayerItemId: 1, preloadMedia: 5, referenceElement: 1, referencePoint: 32, selectedPoint: 32 };
   }
   static {
     this.styles = [m, h];
   }
+  get selectedPoint() {
+    return this.widget.selectedPoint;
+  }
   async destroy() {
     await this.manager.destroy();
   }

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

@@ -1,35 +1,42 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as i } from "../../chunks/runtime.js";
-import { css as n, html as r } from "lit";
-import { LitElement as c, safeStyleMap as l } from "@arcgis/lumina";
-import { t as a } from "../../chunks/screenLocation.js";
-const p = n`:host{display:contents}.root{position:absolute}`;
-class m extends c {
+import { c } from "../../chunks/runtime.js";
+import { css as r, html as l } from "lit";
+import { LitElement as a, safeStyleMap as p } from "@arcgis/lumina";
+import { t as f } from "../../chunks/screenLocation.js";
+const d = r`:host{display:contents}.root{position:absolute}`;
+class m extends a {
   constructor() {
-    super(...arguments), this.trackLocation = !1, this.screenLocation = a(this);
+    super(...arguments), this.trackLocation = !1, this.screenLocation = f(this);
   }
   static {
-    this.properties = { trackLocation: 5, screenLocation: 32, label: 1, location: 0, view: 0 };
+    this.properties = { trackLocation: 5, screenLocation: 32, label: 1, location: 0, referenceElement: 0, view: 0 };
   }
   static {
-    this.styles = p;
+    this.styles = d;
+  }
+  _getViewOffset() {
+    const t = this.view?.container?.getBoundingClientRect(), e = this.referenceElement?.getBoundingClientRect();
+    return {
+      left: t && e ? t.left - e.left : 0,
+      top: t && e ? t.top - e.top : 0
+    };
   }
   _getPositionStyles() {
-    const { screenLocation: t, view: s } = this;
-    if (s == null || t == null)
+    const { screenLocation: t, view: e } = this;
+    if (e == null || t == null)
       return {};
-    const { padding: o } = s, e = 16;
+    const i = 16, n = e.padding.left ?? 0, s = e.padding.top ?? 0, o = this._getViewOffset();
     return {
-      "--calcite-loader-size": `${e}px`,
-      left: `${t.x - (o.left ?? 0) - e / 2}px`,
-      top: `${t.y - (o.top ?? 0) - e / 2}px`
+      "--calcite-loader-size": `${i}px`,
+      left: `${t.x - n + o.left - i / 2}px`,
+      top: `${t.y - s + o.top - i / 2}px`
     };
   }
   render() {
-    return this.screenLocation ? r`<calcite-loader class="root" .label=${this.label ?? ""} inline style=${l(this._getPositionStyles())}></calcite-loader>` : null;
+    return this.screenLocation ? l`<calcite-loader class="root" .label=${this.label ?? ""} inline style=${p(this._getPositionStyles())}></calcite-loader>` : null;
   }
 }
-i("arcgis-spinner", m);
+c("arcgis-spinner", m);
 export {
   m as ArcgisSpinner
 };

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/layers/list/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";
@@ -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.
    *
@@ -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.
@@ -499,7 +495,7 @@ export abstract class ArcgisTableListNext extends LitElement {
   /** 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/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;
@@ -35,6 +37,8 @@ export class TimeBarViewModel extends Accessor {
   accessor mode: Mode;
   accessor playRate: number;
   /** @default false */
+  accessor reverseAnimation: boolean;
+  /** @default false */
   accessor savePersistedSettingsDisabled: boolean;
   get state(): State;
   accessor stops: Stops | 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.
@@ -179,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.
@@ -498,6 +507,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.
    *
@@ -825,15 +847,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.