@arcgis/map-components 5.2.0-next.90 → 5.2.0-next.91

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

@@ -1,15 +1,15 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as O } from "../../chunks/runtime.js";
 import { css as z, html as g } from "lit";
-import { GenericController as P, proxyExports as E, useDirection as B } from "@arcgis/lumina/controllers";
-import { LitElement as G, createEvent as v, nothing as y } from "@arcgis/lumina";
-import { u as T } from "../../chunks/useT9n.js";
+import { GenericController as P, proxyExports as E, useDirection as T } from "@arcgis/lumina/controllers";
+import { LitElement as B, createEvent as v, nothing as y } from "@arcgis/lumina";
+import { u as G } from "../../chunks/useT9n.js";
 import { m as R } from "../../chunks/useViewModel.js";
 import { property as d, subclass as N } from "@arcgis/core/core/accessorSupport/decorators.js";
-import H from "@arcgis/core/core/Accessor.js";
+import D from "@arcgis/core/core/Accessor.js";
 import w from "@arcgis/core/core/Collection.js";
-import { ignoreAbortErrors as k } from "@arcgis/core/core/promiseUtils.js";
-import { watch as u, on as D, whenOnce as _ } from "@arcgis/core/core/reactiveUtils.js";
+import { ignoreAbortErrors as H } from "@arcgis/core/core/promiseUtils.js";
+import { watch as u, on as k, whenOnce as _ } from "@arcgis/core/core/reactiveUtils.js";
 import V from "@arcgis/core/Graphic.js";
 import M from "@arcgis/core/layers/Layer.js";
 import j from "@arcgis/core/graphic/CSVGraphicOrigin.js";
@@ -20,14 +20,15 @@ import Q from "@arcgis/core/graphic/BuildingGraphicOrigin.js";
 import q from "@arcgis/core/graphic/FeatureGraphicOrigin.js";
 import { fetchPopupFeaturesFromGraphics as A } from "@arcgis/core/applications/SceneViewer/sceneViewerUtils.js";
 import { s as I } from "../../chunks/resources.js";
-import { d as C, p as J } from "../../chunks/constants2.js";
-const X = z`:host{width:100%;height:100%;padding:var(--calcite-space-none);margin:var(--calcite-space-none);display:flex;--internal-attribution-height: 16px;--arcgis-internal-presentation-padding-start: unset;--arcgis-internal-presentation-padding-end: unset;--arcgis-internal-presentation-cover-padding-top: unset;--arcgis-internal-presentation-cover-padding-bottom: unset;--arcgis-internal-presentation-cover-padding-start: unset;--arcgis-internal-presentation-cover-padding-end: unset}p{padding:0;margin:0}.root{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%}.presentation-content{display:flex;width:100%;justify-content:flex-end;padding-top:var(--calcite-space-lg);padding-inline-start:calc(var(--calcite-space-lg) + var(--arcgis-internal-presentation-padding-start));padding-inline-end:calc(var(--calcite-space-lg) + var(--arcgis-internal-presentation-padding-end))}.navigation-container{display:flex;flex-direction:column;margin-inline-start:var(--calcite-space-lg);margin-block:auto calc(var(--calcite-space-lg) + var(--arcgis-internal-attribution-space-top));width:fit-content;height:100%}.navigation{width:fit-content;display:flex;align-items:center;background-color:var(--calcite-color-surface-2);box-shadow:var(--arcgis-internal-box-shadow);pointer-events:auto}.navigation-slide-list-container{position:relative;height:100%;min-height:0;margin-block-start:var(--calcite-space-lg)}.slide-list-action-container{height:100%;align-content:center;border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}.slide-list-action{padding-inline:var(--calcite-space-sm)}.slide-counter-text{display:flex;align-items:center;justify-content:center;gap:var(--calcite-space-base);font-size:var(--calcite-font-size-md)}.slide-counter-text-element{box-sizing:border-box;max-width:28px;margin:0;padding:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;min-width:var(--calcite-spacing-md);text-align:center}.legend-container{pointer-events:all;box-shadow:var(--calcite-shadow-sm);max-width:300px;height:auto;max-height:calc(100vh - 136px);overflow:hidden auto}.legend{padding:var(--esri-widget-padding);background-color:var(--calcite-color-surface-2)}`;
-var Y = Object.defineProperty, Z = Object.getOwnPropertyDescriptor, o = (i, e, t, s) => {
-  for (var n = s > 1 ? void 0 : s ? Z(e, t) : e, r = i.length - 1, a; r >= 0; r--)
+import { g as J } from "../../chunks/async-utils.js";
+import { d as C, p as X } from "../../chunks/constants2.js";
+const Y = z`:host{width:100%;height:100%;padding:var(--calcite-space-none);margin:var(--calcite-space-none);display:flex;--internal-attribution-height: 16px;--arcgis-internal-presentation-padding-start: unset;--arcgis-internal-presentation-padding-end: unset;--arcgis-internal-presentation-cover-padding-top: unset;--arcgis-internal-presentation-cover-padding-bottom: unset;--arcgis-internal-presentation-cover-padding-start: unset;--arcgis-internal-presentation-cover-padding-end: unset}p{padding:0;margin:0}.root{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%}.presentation-content{display:flex;width:100%;justify-content:flex-end;padding-top:var(--calcite-space-lg);padding-inline-start:calc(var(--calcite-space-lg) + var(--arcgis-internal-presentation-padding-start));padding-inline-end:calc(var(--calcite-space-lg) + var(--arcgis-internal-presentation-padding-end))}.navigation-container{display:flex;flex-direction:column;margin-inline-start:var(--calcite-space-lg);margin-block:auto calc(var(--calcite-space-lg) + var(--arcgis-internal-attribution-space-top));width:fit-content;height:100%}.navigation{width:fit-content;display:flex;align-items:center;background-color:var(--calcite-color-surface-2);box-shadow:var(--arcgis-internal-box-shadow);pointer-events:auto}.navigation-slide-list-container{position:relative;height:100%;min-height:0;margin-block-start:var(--calcite-space-lg)}.slide-list-action-container{height:100%;align-content:center;border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}.slide-list-action{padding-inline:var(--calcite-space-sm)}.slide-counter-text{display:flex;align-items:center;justify-content:center;gap:var(--calcite-space-base);font-size:var(--calcite-font-size-md)}.slide-counter-text-element{box-sizing:border-box;max-width:28px;margin:0;padding:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;min-width:var(--calcite-spacing-md);text-align:center}.legend-container{pointer-events:all;box-shadow:var(--calcite-shadow-sm);max-width:300px;height:auto;max-height:calc(100vh - 136px);overflow:hidden auto}.legend{padding:var(--esri-widget-padding);background-color:var(--calcite-color-surface-2)}`;
+var Z = Object.defineProperty, ee = Object.getOwnPropertyDescriptor, o = (i, e, t, s) => {
+  for (var n = s > 1 ? void 0 : s ? ee(e, t) : e, r = i.length - 1, a; r >= 0; r--)
     (a = i[r]) && (n = (s ? a(e, t, n) : a(n)) || n);
-  return s && n && Y(e, t, n), n;
+  return s && n && Z(e, t, n), n;
 };
-let l = class extends H {
+let l = class extends D {
   //endregion
   //#region Lifecycle
   constructor(i) {
@@ -129,7 +130,7 @@ let l = class extends H {
   async applySlide(i, e, t) {
     if (this.view) {
       const s = t ? { signal: t?.signal } : {};
-      await k(
+      await H(
         i.applyTo(this.view, {
           ...s,
           animate: !e
@@ -149,7 +150,7 @@ let l = class extends H {
   }
   _startWatchSlides() {
     this._subscribeToSlideEvents(this.slides), this.addHandles(
-      D(
+      k(
         () => this.slides,
         "change",
         (i) => {
@@ -224,7 +225,7 @@ o([
 l = o([
   N("components.presentation.PresentationViewModel")
 ], l);
-class ee extends P {
+class te extends P {
   constructor(e) {
     super(e);
   }
@@ -357,7 +358,7 @@ class ee extends P {
   }
   //#endregion
 }
-const te = (i) => new ee(i), S = Object.freeze({ width: 0, height: 0 }), f = /* @__PURE__ */ new WeakMap(), m = () => ({
+const ie = (i) => new te(i), S = Object.freeze({ width: 0, height: 0 }), f = /* @__PURE__ */ new WeakMap(), m = () => ({
   topCenter: { ...S },
   topLeft: { ...S },
   topRight: { ...S },
@@ -378,7 +379,7 @@ const te = (i) => new ee(i), S = Object.freeze({ width: 0, height: 0 }), f = /*
     observedSizes: m(),
     subscribers: /* @__PURE__ */ new Set()
   }, f.set(i, e)), e;
-}, ie = (i) => {
+}, se = (i) => {
   const e = i?.topCenter.value, t = i?.topLeft.value, s = i?.topRight.value, n = i?.bottomCenter.value, r = i?.bottomLeft.value, a = i?.bottomRight.value;
   return e && t && s && n && r && a ? {
     topCenter: e,
@@ -388,10 +389,10 @@ const te = (i) => new ee(i), S = Object.freeze({ width: 0, height: 0 }), f = /*
     bottomLeft: r,
     bottomRight: a
   } : null;
-}, se = (i, e) => I.every((t) => i.get(t) === e[t]), ne = (i) => {
+}, ne = (i, e) => I.every((t) => i.get(t) === e[t]), re = (i) => {
   const e = F(i.observedSizes);
   i.subscribers.forEach((t) => t(e));
-}, re = (i, e) => {
+}, ae = (i, e) => {
   const t = f.get(i);
   if (!t)
     return;
@@ -402,29 +403,29 @@ const te = (i) => new ee(i), S = Object.freeze({ width: 0, height: 0 }), f = /*
       return;
     const { width: a, height: c } = n.contentRect, h = { width: a, height: c }, p = t.observedSizes[r];
     p.width === h.width && p.height === h.height || (t.observedSizes[r] = h, s = !0);
-  }), s && ne(t);
+  }), s && re(t);
 }, L = (i, e) => {
   const t = $(i);
   t.resizeObserver || (t.resizeObserver = new ResizeObserver((n) => {
-    re(i, n);
+    ae(i, n);
   }));
-  const s = ie(e);
+  const s = se(e);
   if (!s) {
     t.observedGroups.size > 0 && (t.resizeObserver.disconnect(), t.observedGroups.clear());
     return;
   }
-  se(t.observedGroups, s) || (t.resizeObserver.disconnect(), t.observedGroups.clear(), I.forEach((n) => {
+  ne(t.observedGroups, s) || (t.resizeObserver.disconnect(), t.observedGroups.clear(), I.forEach((n) => {
     const r = s[n];
     t.observedGroups.set(n, r), t.resizeObserver?.observe(r);
   }));
-}, ae = (i, e) => {
+}, le = (i, e) => {
   const t = $(i);
   return t.subscribers.add(e), e(F(t.observedSizes)), () => {
     const s = f.get(i);
     s && (s.subscribers.delete(e), s.subscribers.size === 0 && (s.resizeObserver?.disconnect(), s.observedGroups.clear(), f.delete(i)));
   };
 };
-class le extends P {
+class oe extends P {
   // References to the slot group elements owned by the host component.
   #e;
   #t;
@@ -450,7 +451,7 @@ class le extends P {
               this.exports = m();
               return;
             }
-            this.#i = ae(t, (s) => {
+            this.#i = le(t, (s) => {
               this.#n(s) || (this.exports = s);
             }), L(t, this.#e);
           }
@@ -482,12 +483,12 @@ class le extends P {
     });
   }
 }
-const oe = E(le), de = R(l);
-class ce extends G {
+const de = E(oe), ce = R(l);
+class he extends B {
   constructor() {
-    super(...arguments), this._messages = T(), this._direction = B(), this.#e = de(this), this.#i = (e) => {
+    super(...arguments), this._messages = G(), this._direction = T(), this.#e = ce(this), this.#i = (e) => {
       this.#e.captureArrowKeysForNavigation(e, this._direction);
-    }, this.#s = te(this), this.#r = null, this.#l = (e) => {
+    }, this.#s = ie(this), this.#r = null, this.#l = (e) => {
       this.#s.closePopup(), this.arcgisSlideApplyStart.emit({ slide: e });
     }, this.#o = (e) => {
       this.#s.openPopup(e), this.sliceAnalysisInteractive && this.#e.setSliceAnalysisInteractive(!0), this.arcgisSlideApplyComplete.emit({ slide: e });
@@ -497,15 +498,17 @@ class ce extends G {
       const t = e.detail?.selectedSlide;
       if (!t)
         return;
-      this.#n?.abort(), this.#n = new AbortController();
-      const s = Date.now(), n = this.#r !== null && s - this.#r < C;
-      if (this.#r = s, this.#e.applySlide(t, n, this.#n), n) {
+      this.#n?.abort();
+      const s = new AbortController();
+      this.#n = s;
+      const n = Date.now(), r = this.#r !== null && n - this.#r < C;
+      if (this.#r = n, this.#e.applySlide(t, r, s), r) {
         this._showSlideList = !1;
         return;
       }
       setTimeout(() => {
-        this.#n?.signal.aborted || (this._showSlideList = !1, this.#e.applySlide(t, !1, this.#n));
-      }, C);
+        s.signal.aborted || (this._showSlideList = !1, this.#e.applySlide(t, !1, s));
+      }, J(C));
     }, this.#a = () => {
       this._showSlideList = !1;
     }, this._showSlideList = !1, this.autoDestroyDisabled = !1, this.view = this.#e.view, this.visualScale = "m", this.keyboardNavigationEnabled = !1, this.slidePopupDisabled = !1, this.slideCaptionsDisabled = !1, this.slideLegendDisabled = !1, this.sliceAnalysisInteractive = !1, this.navigationHidden = !1, this.arcgisPopupFeatureNotFound = v(), this.arcgisPopupFeaturesRetrieved = v(), this.arcgisReady = v(), this.arcgisSlideApplyCancel = v(), this.arcgisSlideApplyComplete = v(), this.arcgisSlideApplyStart = v();
@@ -514,7 +517,7 @@ class ce extends G {
     this.properties = { _slotSizesController: 16, _showSlideList: 16, slideId: 1, autoDestroyDisabled: 5, view: 0, visualScale: 1, keyboardNavigationEnabled: 5, slidePopupDisabled: 5, slideCaptionsDisabled: 5, slideLegendDisabled: 5, sliceAnalysisInteractive: 5, navigationHidden: 5 };
   }
   static {
-    this.styles = X;
+    this.styles = Y;
   }
   #e;
   #t;
@@ -552,7 +555,7 @@ class ce extends G {
         this.#e.setSliceAnalysisInteractive(t);
       }, { initial: !0 }),
       u(() => e.referenceElement, (t) => {
-        this.#u(t) && (this._slotSizesController = oe(this), this.#h = this.#g());
+        this.#u(t) && (this._slotSizesController = de(this), this.#h = this.#g());
       }, { once: !0, initial: !0 }),
       {
         remove: () => {
@@ -588,7 +591,7 @@ class ce extends G {
     if (this.navigationHidden)
       return null;
     const e = this.#e.lastSlideSelected && !this.#e.hasOnlyOneSlide, t = this.#w();
-    return g`<div class="navigation-container"><div class="navigation-slide-list-container">${t}</div><div class="navigation"><div class="slide-list-action-container"><calcite-action id=${J} class="slide-list-action" .text=${this._messages.slideList ?? ""} selection-appearance=highlight icon=list .scale=${this.visualScale === "l" ? "m" : "s"} .label=${this._messages.slideList} title=${this._messages.slideList ?? y} .active=${this._showSlideList} @click=${() => this._showSlideList = !this._showSlideList}></calcite-action></div><calcite-button appearance=transparent icon-start=chevron-left icon-flip-rtl=start kind=neutral .scale=${this.visualScale} .disabled=${this.#e.firstSlideSelected || !this.#e.slideSelected} .label=${this._messages.previous} title=${this._messages.previous ?? y} @click=${() => this.#e.navigateInPresentation(-1)}></calcite-button><div class="slide-counter-text">${this.#f()}</div><calcite-button appearance=transparent icon-start=${e ? "reset" : "chevron-right"} icon-flip-rtl=start kind=neutral .scale=${this.visualScale} .label=${e ? this._messages.restart : this._messages.next} title=${(e ? this._messages.restart : this._messages.next) ?? y} @click=${() => this.#e.navigateInPresentation(1)}></calcite-button></div></div>`;
+    return g`<div class="navigation-container"><div class="navigation-slide-list-container">${t}</div><div class="navigation"><div class="slide-list-action-container"><calcite-action id=${X} class="slide-list-action" .text=${this._messages.slideList ?? ""} selection-appearance=highlight icon=list .scale=${this.visualScale === "l" ? "m" : "s"} .label=${this._messages.slideList} title=${this._messages.slideList ?? y} .active=${this._showSlideList} @click=${() => this._showSlideList = !this._showSlideList}></calcite-action></div><calcite-button appearance=transparent icon-start=chevron-left icon-flip-rtl=start kind=neutral .scale=${this.visualScale} .disabled=${this.#e.firstSlideSelected || !this.#e.slideSelected} .label=${this._messages.previous} title=${this._messages.previous ?? y} @click=${() => this.#e.navigateInPresentation(-1)}></calcite-button><div class="slide-counter-text">${this.#f()}</div><calcite-button appearance=transparent icon-start=${e ? "reset" : "chevron-right"} icon-flip-rtl=start kind=neutral .scale=${this.visualScale} .label=${e ? this._messages.restart : this._messages.next} title=${(e ? this._messages.restart : this._messages.next) ?? y} @click=${() => this.#e.navigateInPresentation(1)}></calcite-button></div></div>`;
   }
   #f() {
     const e = this.#e.slideIndex + 1, t = this._messages?.slideNavAriaText?.replace("${index}", e.toString()).replace("${numberOfSlides}", this.#e.visibleSlides.length.toString());
@@ -604,7 +607,7 @@ class ce extends G {
     return this._showSlideList ? g`<arcgis-presentation-slide-list .slides=${this.#e.visibleSlides} .slideId=${this.#e.slideId} .label=${this._messages.slideList} .visualScale=${this.visualScale} @arcgisSlideListItemSelected=${this.#c} @arcgisSlideListOutsideClick=${this.#a}></arcgis-presentation-slide-list>` : null;
   }
 }
-O("arcgis-presentation", ce);
+O("arcgis-presentation", he);
 export {
-  ce as ArcgisPresentation
+  he as ArcgisPresentation
 };

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

@@ -42,6 +42,25 @@ import type { ReadonlyCollection } from "@arcgis/core/core/Collection.js";
 import type { ViewPadding } from "@arcgis/core/views/ui/types.js";
 import type { SlotGroupRefs } from "../../support/slots.js";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /** _Since 4.34_ Specifies the top padding for the layout. */
+  "--arcgis-layout-overlay-space-top": "*";
+  /** _Since 4.34_ Specifies the bottom padding for the layout. */
+  "--arcgis-layout-overlay-space-bottom": "*";
+  /** _Since 4.34_ Specifies the left padding for the layout. */
+  "--arcgis-layout-overlay-space-left": "*";
+  /** _Since 4.34_ Specifies the right padding for the layout. */
+  "--arcgis-layout-overlay-space-right": "*";
+  /** _Since 5.0_ Specifies the focus outline color for the view. */
+  "--arcgis-view-color-focus": "*";
+  /** _Since 5.1_ Specifies the background color for table rows. */
+  "--arcgis-table-row-background-color": "*";
+  /** _Since 5.1_ Specifies the background color for alternate table rows. */
+  "--arcgis-table-row-alt-background-color": "*";
+}
+}
+
 /**
  * The ArcGIS Scene component is used to add 3D maps to web applications. For 2D maps, use the
  * [arcgis-map](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-map/).
@@ -91,13 +110,6 @@ import type { SlotGroupRefs } from "../../support/slots.js";
  * - [Get started](https://developers.arcgis.com/javascript/latest/get-started/)
  * - [Programming patterns](https://developers.arcgis.com/javascript/latest/programming-patterns/)
  *
- * @cssproperty [--arcgis-layout-overlay-space-top] - _Since 4.34_ Specifies the top padding for the layout.
- * @cssproperty [--arcgis-layout-overlay-space-bottom] - _Since 4.34_ Specifies the bottom padding for the layout.
- * @cssproperty [--arcgis-layout-overlay-space-left] - _Since 4.34_ Specifies the left padding for the layout.
- * @cssproperty [--arcgis-layout-overlay-space-right] - _Since 4.34_ Specifies the right padding for the layout.
- * @cssproperty [--arcgis-view-color-focus] - _Since 5.0_ Specifies the focus outline color for the view.
- * @cssproperty [--arcgis-table-row-background-color] - _Since 5.1_ Specifies the background color for table rows.
- * @cssproperty [--arcgis-table-row-alt-background-color] - _Since 5.1_ Specifies the background color for alternate table rows.
  * @slot  - Default slot for adding components to the scene. User is responsible for positioning the content via CSS.
  * @slot [top-left] - Slot for components positioned in the top-left corner.
  * @slot [top-right] - Slot for components positioned in the top-right corner.
@@ -845,6 +857,29 @@ export abstract class ArcgisScene extends LitElement {
    * });
    */
   accessor timeExtent: TimeExtent | null | undefined;
+  /**
+   * Defines the time zone of the view.
+   * The time zone property determines how dates and times are represented to the user,
+   * but the underlying data is unchanged.
+   *
+   * > [!IMPORTANT]
+   * >
+   * > This property does not apply to the [arcgis-daylight](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-daylight/) or
+   * > [arcgis-shadow-cast](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-shadow-cast/) components. They use their own `utcOffset` properties. Support for using the
+   * > scene's time zone in these components is planned for a future release.
+   *
+   * @default "system"
+   * @since 5.2
+   * @see [SceneView.timeZone](https://developers.arcgis.com/javascript/latest/references/core/views/SceneView/#timeZone)
+   * @see [wikipedia - List of tz database time zones](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones)
+   * @example
+   * ```js
+   * // Date and time will be displayed in Pacific/Auckland (NZ) time zone
+   * const viewElement = document.querySelector("arcgis-scene");
+   * viewElement.timeZone = "Pacific/Auckland";
+   * ```
+   */
+  accessor timeZone: string;
   /**
    * Indicates whether the view is being updated by additional data requests to the network,
    * or by processing received data.

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

@@ -17,12 +17,12 @@ import { b as P, c as A, p as M, i as R } from "../../chunks/component-utils.js"
 const D = w(g, {}), I = w(u, {});
 class k extends d {
   constructor() {
-    super(), this._attributionMode = null, this._containerRef = n(), this._mapRef = n(), this._uiController = new f(this), this._cameraProperties = {}, this.arcgisLoadError = b(this), this.arcgisViewReadyError = V(this), this._map = D(this), this.view = I(this), this.allLayerViews = this.view.allLayerViews, this.alphaCompositingEnabled = this.view.alphaCompositingEnabled, this.analyses = this.view.analyses, this.animationsDisabled = this.view.animationsEnabled, this.autoDestroyDisabled = !1, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.canZoomIn = this.view.canZoomIn, this.canZoomOut = this.view.canZoomOut, this.clippingArea = this.view.clippingArea, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.environment = this.view.environment, this.fatalError = this.view.fatalError, this.floors = this.view.floors, this.graphics = this.view.graphics, this.ground = this._map.ground, this.groundView = this.view.groundView, this.highlights = this.view.highlights, this.layerViews = this.view.layerViews, this.magnifier = this.view.magnifier, this.map = this.view.map, this.navigation = this.view.navigation, this.padding = this.view.padding, this.popup = this.view.popup, this.popupDisabled = this.view.popupEnabled, this.popupComponentEnabled = !1, this.qualityProfile = this.view.qualityProfile, this.ready = this.view.ready, this.selectionManager = this.view.selectionManager, this.slotGroupRefs = this._uiController.slotGroupRefs, this.spatialReference = this.view.spatialReference, this.suspended = this.view.suspended, this.theme = this.view.theme, this.timeExtent = this.view.timeExtent, this.updating = this.view.updating, this.viewingMode = this.view.viewingMode, this.visibleArea = this.view.visibleArea, this.arcgisViewAnalysisViewCreate = t(() => this.view, "analysis-view-create"), this.arcgisViewAnalysisViewCreateError = t(() => this.view, "analysis-view-create-error"), this.arcgisViewAnalysisViewDestroy = t(() => this.view, "analysis-view-destroy"), this.arcgisViewChange = r(), this.arcgisViewClick = t(() => this.view, "click"), this.arcgisViewDoubleClick = t(() => this.view, "double-click"), this.arcgisViewDoubleTapDrag = t(() => this.view, "double-tap-drag"), this.arcgisViewDrag = t(() => this.view, "drag"), this.arcgisViewHold = t(() => this.view, "hold"), this.arcgisViewImmediateClick = t(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = t(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = t(() => this.view, "key-down"), this.arcgisViewKeyUp = t(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = t(() => this.view, "layerview-create"), this.arcgisViewLayerviewCreateError = t(() => this.view, "layerview-create-error"), this.arcgisViewLayerviewDestroy = t(() => this.view, "layerview-destroy"), this.arcgisViewMouseWheel = t(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = t(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = t(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = t(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = t(() => this.view, "pointer-move"), this.arcgisViewPointerUp = t(() => this.view, "pointer-up"), this.arcgisViewReadyChange = r(), this.arcgisViewVerticalTwoFingerDrag = t(() => this.view, "vertical-two-finger-drag"), C(this), this.view.ui = {
+    super(), this._attributionMode = null, this._containerRef = n(), this._mapRef = n(), this._uiController = new f(this), this._cameraProperties = {}, this.arcgisLoadError = b(this), this.arcgisViewReadyError = V(this), this._map = D(this), this.view = I(this), this.allLayerViews = this.view.allLayerViews, this.alphaCompositingEnabled = this.view.alphaCompositingEnabled, this.analyses = this.view.analyses, this.animationsDisabled = this.view.animationsEnabled, this.autoDestroyDisabled = !1, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.canZoomIn = this.view.canZoomIn, this.canZoomOut = this.view.canZoomOut, this.clippingArea = this.view.clippingArea, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.environment = this.view.environment, this.fatalError = this.view.fatalError, this.floors = this.view.floors, this.graphics = this.view.graphics, this.ground = this._map.ground, this.groundView = this.view.groundView, this.highlights = this.view.highlights, this.layerViews = this.view.layerViews, this.magnifier = this.view.magnifier, this.map = this.view.map, this.navigation = this.view.navigation, this.padding = this.view.padding, this.popup = this.view.popup, this.popupDisabled = this.view.popupEnabled, this.popupComponentEnabled = !1, this.qualityProfile = this.view.qualityProfile, this.ready = this.view.ready, this.selectionManager = this.view.selectionManager, this.slotGroupRefs = this._uiController.slotGroupRefs, this.spatialReference = this.view.spatialReference, this.suspended = this.view.suspended, this.theme = this.view.theme, this.timeExtent = this.view.timeExtent, this.timeZone = this.view.timeZone, this.updating = this.view.updating, this.viewingMode = this.view.viewingMode, this.visibleArea = this.view.visibleArea, this.arcgisViewAnalysisViewCreate = t(() => this.view, "analysis-view-create"), this.arcgisViewAnalysisViewCreateError = t(() => this.view, "analysis-view-create-error"), this.arcgisViewAnalysisViewDestroy = t(() => this.view, "analysis-view-destroy"), this.arcgisViewChange = r(), this.arcgisViewClick = t(() => this.view, "click"), this.arcgisViewDoubleClick = t(() => this.view, "double-click"), this.arcgisViewDoubleTapDrag = t(() => this.view, "double-tap-drag"), this.arcgisViewDrag = t(() => this.view, "drag"), this.arcgisViewHold = t(() => this.view, "hold"), this.arcgisViewImmediateClick = t(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = t(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = t(() => this.view, "key-down"), this.arcgisViewKeyUp = t(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = t(() => this.view, "layerview-create"), this.arcgisViewLayerviewCreateError = t(() => this.view, "layerview-create-error"), this.arcgisViewLayerviewDestroy = t(() => this.view, "layerview-destroy"), this.arcgisViewMouseWheel = t(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = t(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = t(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = t(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = t(() => this.view, "pointer-move"), this.arcgisViewPointerUp = t(() => this.view, "pointer-up"), this.arcgisViewReadyChange = r(), this.arcgisViewVerticalTwoFingerDrag = t(() => this.view, "vertical-two-finger-drag"), C(this), this.view.ui = {
       components: []
     };
   }
   static {
-    this.properties = { _map: 16, aria: 0, view: 32, allLayerViews: 32, alphaCompositingEnabled: 5, analyses: 0, animationsDisabled: 5, attributionItems: 32, attributionMode: 1, autoDestroyDisabled: 5, basemap: 1, basemapView: 0, camera: 0, cameraFov: 9, cameraHeading: 9, cameraPosition: 1, cameraTilt: 9, canZoomIn: 36, canZoomOut: 36, center: 1, clippingArea: 0, constraints: 0, displayFilterDisabled: 5, environment: 0, extent: 0, fatalError: 0, floors: 0, focusAreas: 0, gamepad: 32, graphics: 0, ground: 1, groundView: 32, hideAttribution: 5, highlights: 0, interacting: 32, itemId: 3, layerViews: 32, magnifier: 32, map: 0, navigating: 32, navigation: 0, padding: 0, performanceInfo: 32, popup: 0, popupElement: 32, popupDisabled: 5, popupComponentEnabled: 5, qualityProfile: 1, ready: 36, resolution: 32, selectionManager: 32, scale: 9, slotGroupRefs: 32, spatialReference: 0, stationary: 32, suspended: 39, theme: 0, timeExtent: 0, updating: 36, viewingMode: 1, viewpoint: 0, visibleArea: 32, zoom: 9, loadErrorSources: 0 };
+    this.properties = { _map: 16, aria: 0, view: 32, allLayerViews: 32, alphaCompositingEnabled: 5, analyses: 0, animationsDisabled: 5, attributionItems: 32, attributionMode: 1, autoDestroyDisabled: 5, basemap: 1, basemapView: 0, camera: 0, cameraFov: 9, cameraHeading: 9, cameraPosition: 1, cameraTilt: 9, canZoomIn: 36, canZoomOut: 36, center: 1, clippingArea: 0, constraints: 0, displayFilterDisabled: 5, environment: 0, extent: 0, fatalError: 0, floors: 0, focusAreas: 0, gamepad: 32, graphics: 0, ground: 1, groundView: 32, hideAttribution: 5, highlights: 0, interacting: 32, itemId: 3, layerViews: 32, magnifier: 32, map: 0, navigating: 32, navigation: 0, padding: 0, performanceInfo: 32, popup: 0, popupElement: 32, popupDisabled: 5, popupComponentEnabled: 5, qualityProfile: 1, ready: 36, resolution: 32, selectionManager: 32, scale: 9, slotGroupRefs: 32, spatialReference: 0, stationary: 32, suspended: 39, theme: 0, timeExtent: 0, timeZone: 1, updating: 36, viewingMode: 1, viewpoint: 0, visibleArea: 32, zoom: 9, loadErrorSources: 0 };
   }
   static {
     this.styles = [_, E];
@@ -164,12 +164,12 @@ class k extends d {
   async closePopup() {
     this._uiController.closePopup();
   }
-  async fetchPopupFeatures(i, e) {
-    return this.view.fetchPopupFeatures(i, e);
-  }
   async destroy() {
     await this.manager.destroy();
   }
+  async fetchPopupFeatures(i, e) {
+    return this.view.fetchPopupFeatures(i, e);
+  }
   async goTo(i, e) {
     return await this.view.goTo(i, e);
   }

package/dist/components/arcgis-shadow-cast/customElement.d.ts

@@ -27,9 +27,13 @@ import type { Icon as Icon } from "@esri/calcite-components/components/calcite-i
  * define the date, time range, and UTC offset used to compute the analysis overlay. They do not change the lighting in
  * the scene. To control scene lighting, use the [arcgis-daylight](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-daylight/) component.
  *
- * The [utcOffset](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-shadow-cast/#utcOffset) property determines which timezone the selected date and time range
- * are interpreted in for the analysis. This differs from the Daylight component, where selecting a timezone updates the
- * [arcgis-scene.environment](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#environment) date and time according to the camera position.
+ * The [utcOffset](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-shadow-cast/#utcOffset) property determines the time zone used to interpret the selected
+ * date and time range.
+ *
+ * > [!IMPORTANT]
+ * >
+ * > Shadow Cast does not use [arcgis-scene.timeZone](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#timeZone). Changing the scene's time zone does not affect
+ * > the analysis. Support for using the scene's time zone is planned for a future release.
  *
  * The [mode](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-shadow-cast/#mode) property controls how shadow or sunlight exposure is visualized:
  *
@@ -522,6 +526,7 @@ export abstract class ArcgisShadowCast extends LitElement {
   /**
    * The UTC offset in hours used to interpret the selected date and time range for the analysis. If not specified, the
    * component automatically determines an approximate UTC offset based on the camera location.
+   * This property is separate from [arcgis-scene.timeZone](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#timeZone). Changing one does not update the other.
    */
   accessor utcOffset: number | 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.
@@ -30,9 +30,7 @@ import type { Format, Mode, State, Stops } from "./types.js";
  * > The `time-extent` slot, if used, must contain a single `<arcgis-time-bar-slider>` component. Other elements or components are not supported.
  *
  * @slot [actions-end] - A slot for adding `calcite-action`s that will appear at the end of the component.
- * @slot
- * [settings   ] - A slot for adding custom content to the settings popover when the `showSettings` property is `true` and settings button is clicked.
- *                     If no content is provided, the default settings component will be rendered.
+ * @slot [settings] - A slot for adding custom content to the settings popover when the `showSettings` property is `true` and settings button is clicked. If no content is provided, the default settings component will be rendered.
  * @slot [time-extent] - A slot for optionally inserting a `arcgis-time-bar-slider`.
  * @since 5.2
  * @example
@@ -802,9 +800,20 @@ export abstract class ArcgisTimeBar extends LitElement {
    * ```
    * @see [wikipedia - List of tz database time zones](https://wikipedia.org/wiki/List_of_tz_database_time_zones)
    * @see [arcgis-map.timeZone](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-map/#timeZone)
-   * @see [MapView#timeZone](https://developers.arcgis.com/javascript/latest/references/core/views/MapView/#timeZone)
+   * @see [arcgis-scene.timeZone](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#timeZone)
+   * @see [MapView.timeZone](https://developers.arcgis.com/javascript/latest/references/core/views/MapView/#timeZone)
+   * @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.

package/dist/components/arcgis-time-bar/customElement.js

@@ -1,13 +1,13 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as W } from "../../chunks/runtime.js";
-import { css as V, html as v } from "lit";
-import z from "@arcgis/core/core/Accessor.js";
+import { css as z, html as v } from "lit";
+import V from "@arcgis/core/core/Accessor.js";
 import x from "@arcgis/core/time/TimeExtent.js";
 import q from "@arcgis/core/webdoc/widgets/TimeSlider.js";
-import H from "@arcgis/core/webdoc/Widgets.js";
-import { b as G, d as L, a as U } from "../../chunks/async-utils.js";
-import { c as Y, e as J, g as F, i as C, h as K, j as Q, k as X, l as Z, a as tt } from "../../chunks/dateUtils.js";
-import { convertDateFormatToIntlOptions as T } from "@arcgis/core/intl.js";
+import K from "@arcgis/core/webdoc/Widgets.js";
+import { b as H, d as G, a as L } from "../../chunks/async-utils.js";
+import { c as U, e as Y, g as F, i as C, h as J, j as Q, k as X, l as Z, a as tt } from "../../chunks/dateUtils.js";
+import { convertDateFormatToIntlOptions as b } from "@arcgis/core/intl.js";
 import { r as et, s as it } from "../../chunks/time-utils.js";
 import k from "@arcgis/core/time/TimeInterval.js";
 import { getTimeSliderSettingsFromWebDocument as st } from "@arcgis/core/support/timeUtils.js";
@@ -118,10 +118,10 @@ var _t = Object.defineProperty, Et = Object.getOwnPropertyDescriptor, N = (t) =>
   for (var u = a > 1 ? void 0 : a ? Et(e, n) : e, c = t.length - 1, f; c >= 0; c--)
     (f = t[c]) && (u = (a ? f(e, n, u) : f(u)) || u);
   return a && u && _t(e, n, u), u;
-}, j = (t, e, n) => e.has(t) || N("Cannot " + n), M = (t, e, n) => (j(t, e, "read from private field"), n ? n.call(t) : e.get(t)), R = (t, e, n) => e.has(t) ? N("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, n), p = (t, e, n) => (j(t, e, "access private method"), n), _, h, D, $, E, b, P;
-let o = class extends z {
+}, j = (t, e, n) => e.has(t) || N("Cannot " + n), M = (t, e, n) => (j(t, e, "read from private field"), n ? n.call(t) : e.get(t)), R = (t, e, n) => e.has(t) ? N("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, n), p = (t, e, n) => (j(t, e, "access private method"), n), _, h, D, $, E, T, P;
+let o = class extends V {
   constructor() {
-    super(...arguments), R(this, h), R(this, _, new AbortController()), this.disabled = !1, this.format = "date", this.loadPersistedSettingsDisabled = !1, this.loop = !1, this.mode = "time-window", this.savePersistedSettingsDisabled = !1, this.stops = J;
+    super(...arguments), R(this, h), R(this, _, new AbortController()), this.disabled = !1, this.format = "date", this.loadPersistedSettingsDisabled = !1, this.loop = !1, this.mode = "time-window", this.savePersistedSettingsDisabled = !1, this.stops = Y;
   }
   get _adjustedMajorTickFormat() {
     const { era: t, timeZone: e } = this;
@@ -133,13 +133,13 @@ let o = class extends z {
   }
   get _dateFormat() {
     const { era: t, timeZone: e } = this;
-    return { ...T("short-date"), era: t, timeZone: e };
+    return { ...b("short-date"), era: t, timeZone: e };
   }
   get _dateTimeFormat() {
     const { era: t, timeZone: e } = this;
     return {
-      ...T("short-date"),
-      ...T("long-time"),
+      ...b("short-date"),
+      ...b("long-time"),
       era: t,
       timeZone: e
     };
@@ -160,7 +160,7 @@ let o = class extends z {
   }
   get _timeFormat() {
     const { timeZone: t } = this;
-    return { ...T("long-time"), timeZone: t };
+    return { ...b("long-time"), timeZone: t };
   }
   get effectiveStops() {
     const { fullTimeExtent: t, stops: e } = this;
@@ -181,7 +181,7 @@ let o = class extends z {
     }
     const n = e.timeExtent ?? t;
     if (n)
-      return C(e) ? K(n, e.count) : Q(n, e.interval);
+      return C(e) ? J(n, e.count) : Q(n, e.interval);
   }
   get effectiveStopsEpoch() {
     return this.effectiveStops?.map((t) => t.getTime());
@@ -223,7 +223,7 @@ let o = class extends z {
   //#endregion
   //#region Public Methods
   destroy() {
-    M(this, _).abort(), this.view?.unregisterComponent(this), p(this, h, b).call(this);
+    M(this, _).abort(), this.view?.unregisterComponent(this), p(this, h, T).call(this);
   }
   formatDate(t) {
     return this._formatDate(t, this._dateFormat);
@@ -309,7 +309,7 @@ let o = class extends z {
             }
         }
       )
-    ]), await G(
+    ]), await H(
       (async () => {
         if (await O(() => this.view?.ready, { signal: M(this, _).signal }), this.loadPersistedSettingsDisabled)
           return;
@@ -331,7 +331,7 @@ let o = class extends z {
     p(this, h, E).call(this, { forward: !1, allowRestart: !1 });
   }
   stop() {
-    p(this, h, b).call(this);
+    p(this, h, T).call(this);
   }
   updateWebDocument(t) {
     if (this.savePersistedSettingsDisabled)
@@ -346,7 +346,7 @@ let o = class extends z {
       stopInterval: tt(this.stops) ? this.stops.interval : null,
       stops: F(this.stops) ? this.stops.dates : null
     });
-    t.widgets ??= new H(), t.widgets.timeSlider = e;
+    t.widgets ??= new K(), t.widgets.timeSlider = e;
   }
   _formatDate(t, e) {
     return ft({ locale: this.locale, formatOptions: e }).format(t);
@@ -361,15 +361,15 @@ h = /* @__PURE__ */ new WeakSet();
 D = async function() {
   try {
     const { view: t } = this, e = this._animationController?.signal;
-    await Promise.all([L(this.playRate, e), t && O(() => !t.updating, e)]);
+    await Promise.all([G(this.playRate, e), t && O(() => !t.updating, e)]);
   } catch (t) {
-    U(t) || nt("error", "arcgis-slider-time", "animation error", { detail: { error: t } }), this._animationController = void 0;
+    L(t) || nt("error", "arcgis-slider-time", "animation error", { detail: { error: t } }), this._animationController = void 0;
     return;
   }
   p(this, h, E).call(this, { forward: !0, allowRestart: !1 }), this._animationController && p(this, h, D).call(this);
 };
 $ = function() {
-  p(this, h, b).call(this), this._animationController = new AbortController(), p(this, h, E).call(this, { forward: !0, allowRestart: !0 }), p(this, h, D).call(this);
+  p(this, h, T).call(this), this._animationController = new AbortController(), p(this, h, E).call(this, { forward: !0, allowRestart: !0 }), p(this, h, D).call(this);
 };
 E = function({ forward: t, allowRestart: e }) {
   const { _thumbPositions: n, effectiveStopsEpoch: a } = this;
@@ -395,7 +395,7 @@ E = function({ forward: t, allowRestart: e }) {
     this.timeExtent = p(this, h, P).call(this, m);
   }
 };
-b = function() {
+T = function() {
   this._animationController?.abort(), this._animationController = void 0;
 };
 P = function(t) {
@@ -477,7 +477,7 @@ r([
   l()
 ], o.prototype, "state", 1);
 r([
-  l({ cast: Y })
+  l({ cast: U })
 ], o.prototype, "stops", 2);
 r([
   l()
@@ -497,18 +497,18 @@ r([
 o = r([
   at("components.time-bar.TimeBarViewModel")
 ], o);
-const Tt = V`:host{box-shadow:var(--arcgis-internal-box-shadow, var(--calcite-shadow-sm));transition:max-height var(--calcite-internal-animation-timing-medium) ease-in-out}::slotted([slot="actions-end"]){border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);padding-inline-start:var(--calcite-spacing-sm)}.action-bar,.time-extent-group,.time-extent-group>slot{display:flex;flex:1 0 auto;place-items:center}.label{block-size:var(--calcite-size-fixed-xxxl);inline-size:175px}.settings{inline-size:calc(var(--arcgis-internal-panel-width) - 2 * var(--calcite-spacing-lg))}`, bt = mt(o);
+const bt = z`:host{color:var(--calcite-color-text-2);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight);transition:max-height var(--calcite-internal-animation-timing-medium) ease-in-out;--arcgis-time-bar-shadow: none}::slotted([slot="actions-end"]){border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);padding-inline-start:var(--calcite-spacing-sm)}.action-bar,.time-extent-group,.time-extent-group>slot{display:flex;flex:1 0 auto;place-items:center}.action-bar{--calcite-action-bar-shadow: var(--arcgis-time-bar-shadow);--calcite-action-bar-background-color: var(--calcite-color-foreground-1)}.label{block-size:var(--calcite-size-fixed-xxxl);inline-size:175px}.settings{inline-size:calc(var(--arcgis-internal-panel-width) - 2 * var(--calcite-spacing-lg))}`, Tt = mt(o);
 class St extends ot {
   constructor() {
-    super(...arguments), this._viewModel = bt(this), this.messages = dt({ name: "time-bar", blocking: !0 }), this.#t = lt(), this.#e = ct(), this.#i = (e) => {
+    super(...arguments), this._viewModel = Tt(this), this.messages = dt({ name: "time-bar", blocking: !0 }), this.#t = lt(), this.#e = ct(), this.#i = (e) => {
       this._settingsActionElement = e;
-    }, this.autoDestroyDisabled = !1, this.disabled = this._viewModel.disabled, this.effectiveStops = this._viewModel.effectiveStops, this.format = this._viewModel.format, this.fullTimeExtent = this._viewModel.fullTimeExtent, this.icon = "clock", this.loadPersistedSettingsDisabled = this._viewModel.loadPersistedSettingsDisabled, this.loop = this._viewModel.loop, this.mode = this._viewModel.mode, this.playRate = this._viewModel.playRate, this.savePersistedSettingsDisabled = this._viewModel.savePersistedSettingsDisabled, this.showNext = !1, this.showPlay = !1, this.showPrevious = !1, this.showSettings = !1, this.state = this._viewModel.state, this.stops = this._viewModel.stops, this.timeExtent = this._viewModel.timeExtent, this.timeZone = this._viewModel.timeZone, this.view = this._viewModel.view, this.arcgisPropertyChange = ht()("effectiveStops", "fullTimeExtent", "state", "timeExtent"), this.arcgisReady = rt();
+    }, this.autoDestroyDisabled = !1, this.disabled = this._viewModel.disabled, this.effectiveStops = this._viewModel.effectiveStops, this.format = this._viewModel.format, this.fullTimeExtent = this._viewModel.fullTimeExtent, this.icon = "clock", this.loadPersistedSettingsDisabled = this._viewModel.loadPersistedSettingsDisabled, this.loop = this._viewModel.loop, this.mode = this._viewModel.mode, this.playRate = this._viewModel.playRate, this.savePersistedSettingsDisabled = this._viewModel.savePersistedSettingsDisabled, this.showNext = !1, this.showPlay = !1, this.showPrevious = !1, this.showSettings = !1, this.state = this._viewModel.state, this.stops = this._viewModel.stops, this.timeExtent = this._viewModel.timeExtent, this.timeZone = this._viewModel.timeZone, this.toolbarKind = "floating", this.view = this._viewModel.view, this.arcgisPropertyChange = ht()("effectiveStops", "fullTimeExtent", "state", "timeExtent"), this.arcgisReady = rt();
   }
   static {
-    this.properties = { _settingsActionElement: 16, autoDestroyDisabled: 5, disabled: 5, effectiveStops: 32, format: 1, fullTimeExtent: 0, icon: 1, label: 1, loadPersistedSettingsDisabled: 5, loop: 5, messageOverrides: 0, mode: 1, playRate: 9, referenceElement: 1, savePersistedSettingsDisabled: 5, showNext: 5, showPlay: 5, showPrevious: 5, showSettings: 5, state: 32, stops: 0, timeExtent: 0, timeZone: 1, view: 0 };
+    this.properties = { _settingsActionElement: 16, autoDestroyDisabled: 5, disabled: 5, effectiveStops: 32, format: 1, fullTimeExtent: 0, icon: 1, label: 1, loadPersistedSettingsDisabled: 5, loop: 5, messageOverrides: 0, mode: 1, playRate: 9, referenceElement: 1, savePersistedSettingsDisabled: 5, showNext: 5, showPlay: 5, showPrevious: 5, showSettings: 5, state: 32, stops: 0, timeExtent: 0, timeZone: 1, toolbarKind: 1, view: 0 };
   }
   static {
-    this.styles = Tt;
+    this.styles = bt;
   }
   #t;
   #e;
@@ -555,7 +555,7 @@ class St extends ot {
     }
   }
   render() {
-    return v`<div role=presentation><calcite-action-bar class="action-bar" layout=horizontal expand-disabled floating>${this.#e === "ltr" ? v`${this.#n()}${this.#u()}${this.#l()}${this.#s()}` : v`${this.#l()}${this.#u()}${this.#n()}${this.#s()}`}</calcite-action-bar></div>`;
+    return v`<div role=presentation><calcite-action-bar class="action-bar" layout=horizontal expand-disabled .floating=${this.toolbarKind === "floating"}>${this.#e === "ltr" ? v`${this.#n()}${this.#u()}${this.#l()}${this.#s()}` : v`${this.#l()}${this.#u()}${this.#n()}${this.#s()}`}</calcite-action-bar></div>`;
   }
   #s() {
     return v`<slot name=actions-end slot=actions-end></slot>`;

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

@@ -42,4 +42,6 @@ export interface TickFormat {
   format: DateTimeFormatOptions;
   major: TimeInterval;
   minor: TimeInterval;
-}
+}
+
+export type ToolbarKind = "docked" | "floating";

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

@@ -6,8 +6,8 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 /**
  * The `arcgis-time-bar-slider` component renders a time-based slider intended for use `arcgis-time-bar`'s "time-extent" slot.
  *
- * @slot [max    ] - A slot that displays a label for the end date of the slider. If not provided, a default label will be rendered.
- * @slot [min    ] - A slot that displays a label for the start date of the slider. If not provided, a default label will be rendered.
+ * @slot [max] - A slot that displays a label for the end date of the slider. If not provided, a default label will be rendered.
+ * @slot [min] - A slot that displays a label for the start date of the slider. If not provided, a default label will be rendered.
  * @slot [popover] - A slot that displays a popover's content while interacting with the slider's thumb or range. If not provided, a default content will be rendered.
  * @since 5.2
  * @example

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

@@ -442,7 +442,7 @@ export abstract class ArcgisTimeSlider extends LitElement {
   accessor timeVisible: boolean;
   /**
    * Dates and times displayed in the component will be displayed in this time zone. By default this time zone is
-   * inherited from [MapView#timeZone](https://developers.arcgis.com/javascript/latest/references/core/views/MapView/#timeZone). When a MapView is not associated with the component
+   * inherited from the associated [MapView.timeZone](https://developers.arcgis.com/javascript/latest/references/core/views/MapView/#timeZone) or [SceneView.timeZone](https://developers.arcgis.com/javascript/latest/references/core/views/SceneView/#timeZone). When a view is not associated with the component
    * then the property will fallback to the `system` time zone.
    *
    * **Possible Values**