@arcgis/map-components 5.2.0-next.61 → 5.2.0-next.63

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

@@ -5,25 +5,25 @@ import { keyed as _ } from "lit/directives/keyed.js";
 import L from "@arcgis/core/core/Collection.js";
 import { watch as I, on as v } from "@arcgis/core/core/reactiveUtils.js";
 import M from "@arcgis/core/widgets/TableList/TableListViewModel.js";
-import { LitElement as E, createEvent as c, safeClassMap as w, nothing as T } from "@arcgis/lumina";
-import { usePropertyChange as F } from "@arcgis/lumina/controllers";
+import { LitElement as E, createEvent as c, safeClassMap as w, nothing as F } from "@arcgis/lumina";
+import { usePropertyChange as T } from "@arcgis/lumina/controllers";
 import { reEmitEvent as D } from "@arcgis/lumina/controllers/accessor";
 import { classes as P } from "@arcgis/toolkit/dom";
 import "@arcgis/toolkit/function";
-import { generateGuid as U } from "@arcgis/toolkit/string";
-import { createRef as x, ref as A } from "lit/directives/ref.js";
+import { generateGuid as N } from "@arcgis/toolkit/string";
+import { createRef as U, ref as x } from "lit/directives/ref.js";
 import { html as o } from "lit";
-import { u as B } from "../../chunks/useT9n.js";
+import { u as A } from "../../chunks/useT9n.js";
 import { g as u } from "../../chunks/globalCss.js";
-import { m as k, b as S, r as G, e as N } from "../../chunks/layer-list-utils.js";
-import { ArcgisLayerListItem as O } from "../arcgis-layer-list-next/layer-list-item/customElement.js";
-import { s as R, a as q } from "../../chunks/layer-list-next.js";
+import { m as B, b as R, r as k, e as S } from "../../chunks/layer-list-utils.js";
+import { ArcgisLayerListItem as G } from "../arcgis-layer-list-next/layer-list-item/customElement.js";
+import { s as O, a as q } from "../../chunks/layer-list-next.js";
 import { c as H } from "../../chunks/css.js";
 import { m as V } from "../../chunks/useViewModel.js";
 const b = H, y = "nested", j = V(M);
 class z extends E {
   constructor() {
-    super(...arguments), this._lastDragDetail = null, this._rootGroupUid = `table-${U()}`, this._rootListRef = x(), this._selectedDragItemLayerUid = null, this.messages = B(), this.viewModel = j(this), this._canMove = ({ dragEl: e, fromEl: t, toEl: i }, s) => {
+    super(...arguments), this._lastDragDetail = null, this._rootGroupUid = `table-${N()}`, this._rootListRef = U(), this._selectedDragItemLayerUid = null, this.messages = A(), this.viewModel = j(this), this._canMove = ({ dragEl: e, fromEl: t, toEl: i }, s) => {
       const l = s === "pull" ? this.listItemCanGiveFunction : this.listItemCanReceiveFunction, a = this._getItem(e);
       if (!a || !("sortable" in a) || !a.sortable)
         return !1;
@@ -35,13 +35,13 @@ class z extends E {
       this._selectedDragItemLayerUid = e;
     }, this._onTriggerAction = (e, t) => {
       this.triggerAction(e, t);
-    }, this.autoDestroyDisabled = !1, this.closed = !1, this.collapsed = !1, this.dragEnabled = !1, this.filterPlaceholder = "", this.filterText = "", this.headingLevel = 2, this.icon = "table", this.listItemCreatedFunction = this.viewModel.listItemCreatedFunction, this.map = this.viewModel.map, this.minDragEnabledItems = k, this.minFilterItems = S, this.selectedItems = new L(), this.selectionMode = "none", this.tables = this.viewModel.tables, this.showCloseButton = !1, this.showCollapseButton = !1, this.showErrors = !1, this.showFilter = !1, this.showHeading = !1, this.hideStatusIndicators = !1, this.showTemporaryTableIndicators = !1, this.arcgisClose = c(), this.arcgisPropertyChange = F()("state"), this.arcgisReady = c(), this.arcgisFilterChange = c(), this.arcgisSelectedItemsChange = c(), this.arcgisTableItemsChanged = c(), this.arcgisTriggerAction = D(() => this.viewModel, "trigger-action");
+    }, this.autoDestroyDisabled = !1, this.closed = !1, this.collapsed = !1, this.dragEnabled = !1, this.filterPlaceholder = "", this.filterText = "", this.headingLevel = 2, this.icon = "table", this.listItemCreatedFunction = this.viewModel.listItemCreatedFunction, this.map = this.viewModel.map, this.minDragEnabledItems = B, this.minFilterItems = R, this.selectedItems = new L(), this.selectionMode = "none", this.tables = this.viewModel.tables, this.showCloseButton = !1, this.showCollapseButton = !1, this.showErrors = !1, this.hideNoFilterResultsNotice = !1, this.hideNoItemsNotice = !1, this.showFilter = !1, this.showHeading = !1, this.hideStatusIndicators = !1, this.showTemporaryTableIndicators = !1, this.arcgisClose = c(), this.arcgisPropertyChange = T()("state"), this.arcgisReady = c(), this.arcgisFilterChange = c(), this.arcgisSelectedItemsChange = c(), this.arcgisTableItemsChanged = c(), this.arcgisTriggerAction = D(() => this.viewModel, "trigger-action");
   }
   static {
-    this.properties = { _visibleItems: 16, _openedPanelItems: 16, _dragEnabled: 16, _filterEnabled: 16, view: 0, autoDestroyDisabled: 5, closed: 5, referenceElement: 1, collapsed: 7, dragEnabled: 5, filterPlaceholder: 1, filterPredicate: 0, filterText: 1, headingLevel: 9, icon: 1, label: 1, listItemCanGiveFunction: 0, listItemCanReceiveFunction: 0, listItemCreatedFunction: 0, map: 0, minDragEnabledItems: 9, minFilterItems: 9, selectedItems: 0, selectionMode: 1, state: 32, tableItems: 32, tables: 0, showCloseButton: 5, showCollapseButton: 5, showErrors: 5, showFilter: 5, showHeading: 5, hideStatusIndicators: 5, showTemporaryTableIndicators: 5, messageOverrides: 0 };
+    this.properties = { _visibleItems: 16, _openedPanelItems: 16, _dragEnabled: 16, _filterEnabled: 16, view: 0, autoDestroyDisabled: 5, closed: 5, referenceElement: 1, collapsed: 7, dragEnabled: 5, filterPlaceholder: 1, filterPredicate: 0, filterText: 1, headingLevel: 9, icon: 1, label: 1, listItemCanGiveFunction: 0, listItemCanReceiveFunction: 0, listItemCreatedFunction: 0, map: 0, minDragEnabledItems: 9, minFilterItems: 9, selectedItems: 0, selectionMode: 1, state: 32, tableItems: 32, tables: 0, showCloseButton: 5, showCollapseButton: 5, showErrors: 5, hideNoFilterResultsNotice: 5, hideNoItemsNotice: 5, showFilter: 5, showHeading: 5, hideStatusIndicators: 5, showTemporaryTableIndicators: 5, messageOverrides: 0 };
   }
   static {
-    this.styles = [R, q];
+    this.styles = [O, q];
   }
   get _visibleItems() {
     return this.tableItems?.filter((e) => !e.hidden && (this.showErrors || !e.error));
@@ -73,7 +73,7 @@ class z extends E {
         this.map || (this.viewModel.map = e);
       }, { initial: !0 }),
       v(() => this.viewModel.tableItems, "change", () => {
-        G(this.selectedItems), this.arcgisTableItemsChanged.emit(), this.requestUpdate();
+        k(this.selectedItems), this.arcgisTableItemsChanged.emit(), this.requestUpdate();
       }, { initial: !0 }),
       v(() => this.selectedItems, "change", () => this.arcgisSelectedItemsChange.emit()),
       I(() => [this.viewModel.state, this.viewModel.totalItems], () => this.requestUpdate(), { initial: !0 }),
@@ -153,7 +153,7 @@ class z extends E {
     return o`<div slot=message>${this.messages.noItemsToDisplay}</div>`;
   }
   _renderNoItems() {
-    return o`<div class=${w(b.itemMessage)}><calcite-notice icon=information kind=info open width=full>${this._renderNoItemsMessage()}</calcite-notice></div>`;
+    return this.hideNoItemsNotice ? null : o`<div class=${w(b.itemMessage)}><calcite-notice icon=information kind=info open width=full>${this._renderNoItemsMessage()}</calcite-notice></div>`;
   }
   _renderPanelFlowItems() {
     return $(this._openedPanelItems.toArray(), (e) => e.uid, (e, t) => {
@@ -165,15 +165,15 @@ class z extends E {
   }
   _renderItems() {
     const { collapsed: e, _visibleItems: t, _filterEnabled: i, _rootGroupUid: s, showCloseButton: l, showCollapseButton: a, showHeading: h, _dragEnabled: d, selectionMode: n, filterText: m, filterPlaceholder: f, messages: g } = this, p = [
-      o`<calcite-flow-item .closable=${l} .closed=${this.closed} .collapsed=${e} .collapsible=${a} .heading=${h ? this.label ?? g.componentLabel : void 0} .headingLevel=${this.headingLevel} .selected=${!this._openedPanelItems.length} @calciteFlowItemClose=${() => this._handleFlowItemClose()}>${t?.length ? o`<calcite-list .canPull=${(r) => this._canMove(r, "pull")} .canPut=${(r) => this._canMove(r, "put")} data-layer-type=${s ?? T} .displayMode=${y} .dragEnabled=${d} .filterEnabled=${i} .filterPlaceholder=${f} .filterProps=${N} .filterText=${i ? m : ""} .group=${s} .label=${this.label ?? g.componentLabel} selection-appearance=border .selectionMode=${n} @calciteListChange=${this._handleCalciteListChange} @calciteListDragEnd=${(r) => this._handleCalciteListDragEnd(r.detail)} @calciteListFilter=${(r) => {
+      o`<calcite-flow-item .closable=${l} .closed=${this.closed} .collapsed=${e} .collapsible=${a} .heading=${h ? this.label ?? g.componentLabel : void 0} .headingLevel=${this.headingLevel} .selected=${!this._openedPanelItems.length} @calciteFlowItemClose=${() => this._handleFlowItemClose()}>${t?.length ? o`<calcite-list .canPull=${(r) => this._canMove(r, "pull")} .canPut=${(r) => this._canMove(r, "put")} data-layer-type=${s ?? F} .displayMode=${y} .dragEnabled=${d} .filterEnabled=${i} .filterPlaceholder=${f} .filterProps=${S} .filterText=${i ? m : ""} .group=${s} .label=${this.label ?? g.componentLabel} selection-appearance=border .selectionMode=${n} @calciteListChange=${this._handleCalciteListChange} @calciteListDragEnd=${(r) => this._handleCalciteListDragEnd(r.detail)} @calciteListFilter=${(r) => {
         this.filterText = r.currentTarget?.filterText ?? "", this.arcgisFilterChange.emit();
-      }} @calciteListOrderChange=${(r) => this._onCalciteListOrderChange(r.detail)} ${A(this._rootListRef)}>${t.toArray().map((r) => this._renderItem(r))}${i ? o`<div class=${w(b.filterNoResults)} slot=filter-no-results><calcite-notice kind=info open width=full>${this._renderNoItemsMessage()}</calcite-notice></div>` : null}</calcite-list>` : this._renderNoItems()}</calcite-flow-item>`,
+      }} @calciteListOrderChange=${(r) => this._onCalciteListOrderChange(r.detail)} ${x(this._rootListRef)}>${t.toArray().map((r) => this._renderItem(r))}${i && !this.hideNoFilterResultsNotice ? o`<div class=${w(b.filterNoResults)} slot=filter-no-results><calcite-notice kind=info open width=full>${this._renderNoItemsMessage()}</calcite-notice></div>` : null}</calcite-list>` : this._renderNoItems()}</calcite-flow-item>`,
       this._renderPanelFlowItems()
     ];
     return this.closed ? null : _("root-flow", o`<calcite-flow>${p}</calcite-flow>`);
   }
   _renderItem(e) {
-    return _(e.uid, O({ canMove: this._canMove, css: b, displayMode: y, dragEnabled: this.dragEnabled, hideStatusIndicators: this.hideStatusIndicators, item: e, itemType: "table", listModeDisabled: this.viewModel.listModeDisabled, messages: this.messages, rootGroupUid: this._rootGroupUid, selectedDragItemLayerUid: this._selectedDragItemLayerUid, selectedItems: this.selectedItems, selectionMode: this.selectionMode, showErrors: this.showErrors, showFilter: this.showFilter, showTemporaryTableIndicators: this.showTemporaryTableIndicators, handleAction: (t, i) => this._onTriggerAction(t, i), handlePanelOpen: this._onPanelOpen, handleSelectedDragItemLayerUidChange: this._onSelectedDragItemLayerUidChange, view: this.view }));
+    return _(e.uid, G({ canMove: this._canMove, css: b, displayMode: y, dragEnabled: this.dragEnabled, hideStatusIndicators: this.hideStatusIndicators, item: e, itemType: "table", listModeDisabled: this.viewModel.listModeDisabled, messages: this.messages, rootGroupUid: this._rootGroupUid, selectedDragItemLayerUid: this._selectedDragItemLayerUid, selectedItems: this.selectedItems, selectionMode: this.selectionMode, showErrors: this.showErrors, showFilter: this.showFilter, showTemporaryTableIndicators: this.showTemporaryTableIndicators, handleAction: (t, i) => this._onTriggerAction(t, i), handlePanelOpen: this._onPanelOpen, handleSelectedDragItemLayerUidChange: this._onSelectedDragItemLayerUidChange, view: this.view }));
   }
 }
 C("arcgis-table-list-next", z);

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

@@ -797,8 +797,8 @@ export abstract class ArcgisTimeBar extends LitElement {
    */
   accessor timeZone: string | 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-time-bar component will be associated with a map or scene component rather than using the `view` property.
+   * 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.
    */
   accessor view: MapView | SceneView | undefined;
   /**
@@ -810,7 +810,7 @@ export abstract class ArcgisTimeBar extends LitElement {
    *
    * @param settings - The `arcgis-time-bar` settings to apply to the component. This should be in the format returned by `getTimeSliderSettingsFromWebDocument`.
    * @example
-   * The following example demonstrates how to use `getTimeSliderSettingsFromWebDocument` and `applyTimeSliderSettings`
+   * The following example demonstrates how to use `getTimeSliderSettingsFromWebDocument` and `applyTimeSettings`
    * together to extract `arcgis-time-bar` settings from a web map and apply them to the `arcgis-time-bar` component.
    * ```html
    * <arcgis-map basemap="satellite" zoom="6" center="-2,54">
@@ -834,11 +834,11 @@ export abstract class ArcgisTimeBar extends LitElement {
    *
    *   const timeBarElement = document.querySelector("arcgis-time-bar");
    *   const timeBar = await timeBarElement.componentOnReady();
-   *   timeBar.applyTimeSliderSettings(timeSliderSettings);
+   *   timeBar.applyTimeSettings(timeSliderSettings);
    * </script>
    * ```
    */
-  applyTimeSliderSettings(settings: Pick<ArcgisTimeBar, "fullTimeExtent" | "loop" | "mode" | "playRate" | "stops" | "timeExtent">): Promise<void>;
+  applyTimeSettings(settings: Pick<ArcgisTimeBar, "fullTimeExtent" | "loop" | "mode" | "playRate" | "stops" | "timeExtent">): Promise<void>;
   /** Permanently destroy the component. */
   destroy(): Promise<void>;
   /**

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

@@ -513,7 +513,7 @@ class St extends ot {
   #t;
   #e;
   #i;
-  async applyTimeSliderSettings(e) {
+  async applyTimeSettings(e) {
     this._viewModel.set(e);
   }
   async destroy() {

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

@@ -1,18 +1,18 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as u } from "../../chunks/runtime.js";
 import { css as h, html as a } from "lit";
-import o from "@arcgis/core/time/TimeExtent.js";
+import c from "@arcgis/core/time/TimeExtent.js";
 import { LitElement as v, nothing as f, safeClassMap as g } from "@arcgis/lumina";
-import { createRef as c, ref as d } from "lit/directives/ref.js";
+import { createRef as o, ref as d } from "lit/directives/ref.js";
 import { m as w } from "../../chunks/handle.js";
 import { watch as x } from "@arcgis/core/core/reactiveUtils.js";
-const p = h`:host{background-color:var(--calcite-color-surface-2);block-size:var(--calcite-size-fixed-xxxl);color:var(--calcite-color-text-1);display:flex;flex:1 0 auto;font-family:var(--calcite-font-family);font-size:var(--calcite-font-size-sm);inline-size:auto}.root{align-items:center;block-size:100%;display:flex;inline-size:100%}.slider{--labels-container-width: 100%;flex:1 1 auto;min-inline-size:0}.slider--has-ticks{margin-top:calc(var(--calcite-spacing-md) * -1)}.hidden,.max-date,.min-date{flex:0 0 auto}.hidden{inline-size:0}.max-date,.min-date{inline-size:calc(var(--calcite-size-md) * 3.125)}.popover{padding:var(--calcite-spacing-xxs) var(--calcite-spacing-xs) var(--calcite-spacing-xs)}.ticks-container{flex:1;position:relative;width:100%}.major-ticks,.minor-ticks{inset:0;position:absolute}.major-ticks,.minor-ticks{--arcgis-ticks-tick-transform: unset;--arcgis-ticks-tick-width: var(--calcite-size-px)}.minor-ticks{--arcgis-ticks-tick-length: var(--calcite-size-fixed-xxs)}.major-ticks{--arcgis-ticks-font-weight: var(--calcite-font-weight-normal)}.slider.slider--out-of-range{--arcgis-internal-slider-handle-color: var(--calcite-color-status-danger);--arcgis-internal-slider-track-range-background-color: var(--calcite-color-status-danger)}`;
+const p = h`:host{background-color:var(--calcite-color-surface-2);block-size:var(--calcite-size-fixed-xxxl);color:var(--calcite-color-text-1);display:flex;flex:1 0 auto;font-family:var(--calcite-font-family);font-size:var(--calcite-font-size-sm);inline-size:auto}.root{align-items:center;block-size:100%;display:flex;inline-size:100%}slot[name=max],slot[name=min]{display:flex}.slider{--labels-container-width: 100%;flex:1 1 auto;min-inline-size:calc(var(--calcite-spacing-md) * 15)}.slider--has-ticks{margin-top:calc(var(--calcite-spacing-md) * -1)}.hidden,.max-date,.min-date{flex:0 0 auto}.hidden{inline-size:0}.max-date,.min-date{inline-size:calc(var(--calcite-size-md) * 3.125)}.popover{padding:var(--calcite-spacing-xxs) var(--calcite-spacing-xs) var(--calcite-spacing-xs)}.ticks-container{flex:1;position:relative;width:100%}.major-ticks,.minor-ticks{inset:0;position:absolute}.major-ticks,.minor-ticks{--arcgis-ticks-tick-transform: unset;--arcgis-ticks-tick-width: var(--calcite-size-px)}.minor-ticks{--arcgis-ticks-tick-length: var(--calcite-size-fixed-xxs)}.major-ticks{--arcgis-ticks-font-weight: var(--calcite-font-weight-normal)}.slider.slider--out-of-range{--arcgis-internal-slider-handle-color: var(--calcite-color-status-danger);--arcgis-internal-slider-track-range-background-color: var(--calcite-color-status-danger)}`;
 class T extends v {
   constructor() {
     super(...arguments), this.#e = new ResizeObserver(() => {
       const e = this.#r.value?.clientWidth;
       e && (this._sliderWidth = e);
-    }), this.#n = 3, this.#a = c(), this.#r = c(), this._sliderWidth = 100, this.autoDestroyDisabled = !1, this.showMax = !1, this.showMin = !1, this.showTicks = !1, this.showTimeExtentPopover = !1;
+    }), this.#n = 3, this.#a = o(), this.#r = o(), this._sliderWidth = 100, this.autoDestroyDisabled = !1, this.showMax = !1, this.showMin = !1, this.showTicks = !1, this.showTimeExtentPopover = !1;
   }
   static {
     this.properties = { _activeValue: 16, _sliderFillPlacement: 16, _sliderWidth: 16, _timeExtentEpochValues: 16, activeValue: 32, autoDestroyDisabled: 5, showMax: 5, showMin: 5, showTicks: 5, showTimeExtentPopover: 5, viewModel: 0 };
@@ -91,23 +91,23 @@ class T extends v {
     const n = (r.getTime() - s.getTime()) / t;
     return i.tickFormats.find(({ duration: m }) => m > this.#n * n) ?? i.tickFormats.at(-1);
   }
-  #o(e) {
+  #c(e) {
     this._activeValue = e.target.activeValue;
   }
-  #c(e) {
+  #o(e) {
     const { viewModel: t } = this, i = t?.mode;
     i && (t.timeExtent = this.#d(e.target.values, i), this._activeValue = e.target.activeValue);
   }
   #d([e, t], i) {
     switch (i) {
       case "cumulative-from-end":
-        return new o({ start: new Date(e), end: null });
+        return new c({ start: new Date(e), end: null });
       case "cumulative-from-start":
-        return new o({ start: null, end: new Date(e) });
+        return new c({ start: null, end: new Date(e) });
       case "instant":
-        return new o({ start: new Date(e), end: new Date(e) });
+        return new c({ start: new Date(e), end: new Date(e) });
       case "time-window":
-        return new o({ start: new Date(e), end: new Date(t ?? e) });
+        return new c({ start: new Date(e), end: new Date(t ?? e) });
     }
   }
   render() {
@@ -138,7 +138,7 @@ class T extends v {
       slider: !0,
       "slider--has-ticks": this.showTicks,
       "slider--out-of-range": e.isOutOfRange
-    })} .disabled=${!e.interactive} fill-placement=${this._sliderFillPlacement ?? f} .max=${s} .min=${i} @arcgisActiveValueChange=${this.#o} @arcgisInput=${this.#c} precision=0 .steps=${e.effectiveStopsEpoch} .values=${this._timeExtentEpochValues} ${d(this.#r)}>${this.#h()}${this.#g(e, i, s)}</arcgis-slider>`;
+    })} .disabled=${!e.interactive} fill-placement=${this._sliderFillPlacement ?? f} .max=${s} .min=${i} @arcgisActiveValueChange=${this.#c} @arcgisInput=${this.#o} precision=0 .steps=${e.effectiveStopsEpoch} .values=${this._timeExtentEpochValues} ${d(this.#r)}>${this.#h()}${this.#g(e, i, s)}</arcgis-slider>`;
   }
   #g(e, t, i) {
     return this.showTicks ? a`<div slot=content-end class="ticks-container"><arcgis-ticks class="minor-ticks" .max=${i} .min=${t} mode=value .values=${this.#s}></arcgis-ticks><arcgis-ticks class="major-ticks" .labelFormatter=${e.majorTickFormatter} .max=${i} .min=${t} mode=value show-labels .values=${this.#i}></arcgis-ticks></div>` : null;

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

@@ -448,8 +448,8 @@ export abstract class ArcgisTimeSlider extends LitElement {
    */
   accessor timeZone: string;
   /**
-   * 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-slider component will be associated with a map or scene component rather than using the `view` property.
+   * 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-slider component will be associated with a map or scene component rather than using the `view` property.
    *
    * @example
    * ```js

package/dist/components/arcgis-time-zone-label/customElement.d.ts

@@ -61,8 +61,8 @@ export abstract class ArcgisTimeZoneLabel extends LitElement {
   /** The state of the component. */
   get state(): State;
   /**
-   * 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-zone-label component will be associated with a map or scene component rather than using the `view` property.
+   * 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-zone-label component will be associated with a map or scene component rather than using the `view` property.
    */
   accessor view: MapView | undefined;
   /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */

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

@@ -219,8 +219,8 @@ export abstract class ArcgisTrack extends LitElement {
    */
   get tracking(): boolean;
   /**
-   * 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-track component will be associated with a map or scene component rather than using the `view` property.
+   * 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-track component will be associated with a map or scene component rather than using the `view` property.
    */
   accessor view: MapView | SceneView | undefined;
   /**

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

@@ -219,8 +219,8 @@ export abstract class ArcgisUtilityNetworkAssociations extends LitElement {
    */
   accessor utilityNetwork: UtilityNetwork | 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-utility-network-associations component will be associated with a map or scene component rather than using the `view` property.
+   * 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-utility-network-associations component will be associated with a map or scene component rather than using the `view` property.
    *
    * @since 4.26
    */

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

@@ -205,8 +205,8 @@ export abstract class ArcgisUtilityNetworkTrace extends LitElement {
    */
   get traceResults(): TraceResultExtend[];
   /**
-   * 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-utility-network-trace component will be associated with a map or scene component rather than using the `view` property.
+   * 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-utility-network-trace component will be associated with a map or scene component rather than using the `view` property.
    */
   accessor view: MapView | null | undefined;
   checkCanTrace(): Promise<void>;

package/dist/components/arcgis-utility-network-trace-analysis/customElement.d.ts

@@ -276,8 +276,8 @@ export abstract class ArcgisUtilityNetworkTraceAnalysis extends LitElement {
    */
   get traceResultFeatures(): Graphic[];
   /**
-   * 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-utility-network-trace-analysis component will be associated with a map or scene component rather than using the `view` property.
+   * 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-utility-network-trace-analysis component will be associated with a map or scene component rather than using the `view` property.
    */
   accessor view: MapView | null | undefined;
   /** Permanently destroy the component. */

package/dist/components/arcgis-utility-network-trace-inputs/customElement.d.ts

@@ -161,8 +161,8 @@ export abstract class ArcgisUtilityNetworkTraceInputs extends LitElement {
   get traceLocationFlagInfos(): Collection<FlagInfo>;
   get traceLocations(): TraceLocation[];
   /**
-   * 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-utility-network-trace-inputs component will be associated with a map or scene component rather than using the `view` property.
+   * 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-utility-network-trace-inputs component will be associated with a map or scene component rather than using the `view` property.
    */
   accessor view: MapView | undefined;
   /** Permanently destroy the component. */

package/dist/components/arcgis-utility-network-trace-location/customElement.d.ts

@@ -107,8 +107,8 @@ export abstract class ArcgisUtilityNetworkTraceLocation extends LitElement {
   /** @required */
   accessor utilityNetwork: UtilityNetwork | 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-utility-network-trace-location component will be associated with a map or scene component rather than using the `view` property.
+   * 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-utility-network-trace-location component will be associated with a map or scene component rather than using the `view` property.
    */
   accessor view: MapView | undefined;
   /** Permanently destroy the component. */

package/dist/components/arcgis-utility-network-trace-location-list/customElement.d.ts

@@ -36,8 +36,8 @@ export abstract class ArcgisUtilityNetworkTraceLocationList extends LitElement {
   /** @default "starting-point" */
   accessor traceLocationType: TraceLocationType;
   /**
-   * 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-utility-network-trace-location-list component will be associated with a map or scene component rather than using the `view` property.
+   * 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-utility-network-trace-location-list component will be associated with a map or scene component rather than using the `view` property.
    */
   accessor view: MapView | undefined;
 }

package/dist/components/arcgis-utility-network-trace-results/customElement.d.ts

@@ -159,8 +159,8 @@ export abstract class ArcgisUtilityNetworkTraceResults extends LitElement {
   accessor traceResultFeatures: Graphic[];
   accessor utilityNetwork: UtilityNetwork | 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-utility-network-trace-results component will be associated with a map or scene component rather than using the `view` property.
+   * 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-utility-network-trace-results component will be associated with a map or scene component rather than using the `view` property.
    */
   accessor view: MapView | undefined;
   clearAggregatedGeometryGraphics(): void;

package/dist/components/arcgis-utility-network-validate-topology/customElement.d.ts

@@ -69,8 +69,8 @@ export abstract class ArcgisUtilityNetworkValidateTopology extends LitElement {
    */
   accessor utilityNetwork: UtilityNetwork | 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-utility-network-validate-topology component will be associated with a map or scene component rather than using the `view` property.
+   * 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-utility-network-validate-topology component will be associated with a map or scene component rather than using the `view` property.
    *
    * @since 4.27
    */

package/dist/components/arcgis-version-management/customElement.d.ts

@@ -3,8 +3,8 @@ import type Collection from "@arcgis/core/core/Collection.js";
 import type VersioningState from "@arcgis/core/versionManagement/VersioningState.js";
 import type MapView from "@arcgis/core/views/MapView.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { ArcgisReferenceElement } from "../types.js";
 import type { InitialVersionInfo, VersioningStateEvent } from "./types.js";
+import type { ArcgisReferenceElement } from "../types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 import type { VersionManagerState } from "@arcgis/core/versionManagement/VersionManager.js";
 
@@ -20,87 +20,9 @@ import type { VersionManagerState } from "@arcgis/core/versionManagement/Version
  * @since 4.29
  */
 export abstract class ArcgisVersionManagement extends LitElement {
-  /** @default false */
-  accessor allowEditingDisabled: boolean;
-  /**
-   * 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
-   * component to a different place on the page, or temporarily hide it. If this
-   * is set, make sure to call the [destroy()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-version-management/#destroy) method when you are done to
-   * prevent memory leaks.
-   *
-   * @default false
-   */
-  accessor autoDestroyDisabled: boolean;
-  /** @default false */
-  accessor closable: boolean;
-  /**
-   * Icon which represents the component.
-   * Typically used when the component is controlled by another component (e.g. by the Expand component).
-   *
-   * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
-   */
-  accessor icon: string | undefined;
-  /**
-   * The `initialVersionInfos` property enables users to initialize the Version Management component with a predefined set of versions.
-   * By providing an array of `InitialVersionInfo`, the component displays a specified version for each feature service upon initialization.
-   */
-  accessor initialVersionInfos: InitialVersionInfo[];
-  accessor label: string | undefined;
-  /**
-   * Replace localized message strings with your own strings.
-   *
-   * _**Note**: Individual message keys may change between releases._
-   */
-  accessor messageOverrides: {
-      label?: string | undefined;
-      actions?: {
-          cancelSave?: string | undefined;
-          deleteVersion?: string | undefined;
-          editVersion?: string | undefined;
-          newVersion?: string | undefined;
-          refreshVersions?: string | undefined;
-          saveVersion?: string | undefined;
-          searchVersions?: string | undefined;
-          switchToVersion?: string | undefined;
-      } | undefined;
-      accessLevels?: {
-          private?: string | undefined;
-          protected?: string | undefined;
-          public?: string | undefined;
-      } | undefined;
-      executionErrors?: {
-          invalidVersionName?: string | undefined;
-          noFeatureServiceFound?: string | undefined;
-          notValidEnterpriseVersion?: string | undefined;
-          noVersionManagementServiceFound?: string | undefined;
-      } | undefined;
-      headers?: {
-          currentVersion?: string | undefined;
-          manageVersions?: string | undefined;
-          filterVersions?: string | undefined;
-          versionProperties?: string | undefined;
-          invalidInitialVersion?: string | undefined;
-          invalidInitialFeatureService?: string | undefined;
-      } | undefined;
-      input?: {
-          versionAccess?: string | undefined;
-          versionDescription?: string | undefined;
-          versionName?: string | undefined;
-          versionOwner?: string | undefined;
-      } | undefined;
-      labels?: { versionList?: string | undefined; } | undefined;
-      loadErrors?: {
-          invalidInitialVersion?: string | undefined;
-          invalidInitialFeatureService?: string | undefined;
-          noFeatureServices?: string | undefined;
-          noViewProperty?: string | undefined;
-      } | undefined;
-      validationErrors?: { invalidCharacters?: string | undefined; } | undefined;
-  };
   /** @internal */
-  protected messages: {
-      label: string;
+  protected _messages: {
+      componentLabel: string;
       actions: {
           cancelSave: string;
           deleteVersion: string;
@@ -120,15 +42,15 @@ export abstract class ArcgisVersionManagement extends LitElement {
           invalidVersionName: string;
           noFeatureServiceFound: string;
           notValidEnterpriseVersion: string;
-          noVersionManagementServiceFound: string;
       };
       headers: {
           currentVersion: string;
-          manageVersions: string;
           filterVersions: string;
-          versionProperties: string;
-          invalidInitialVersion: string;
           invalidInitialFeatureService: string;
+          invalidInitialVersion: string;
+          manageVersions: string;
+          versioningStateFailedToLoad: string;
+          versionProperties: string;
       };
       input: {
           versionAccess: string;
@@ -138,14 +60,20 @@ export abstract class ArcgisVersionManagement extends LitElement {
       };
       labels: { versionList: string; };
       loadErrors: {
-          invalidInitialVersion: string;
           invalidInitialFeatureService: string;
+          invalidInitialVersion: string;
           noFeatureServices: string;
+          noVersionManagementServiceFound: string;
           noViewProperty: string;
+          versioningStateFailedToLoad: string;
+          webmapFailedToLoad: string;
+      };
+      validationErrors: {
+          emptyVersionName: string;
+          invalidCharacters: string;
       };
-      validationErrors: { invalidCharacters: string; };
   } & T9nMeta<{
-      label: string;
+      componentLabel: string;
       actions: {
           cancelSave: string;
           deleteVersion: string;
@@ -165,15 +93,15 @@ export abstract class ArcgisVersionManagement extends LitElement {
           invalidVersionName: string;
           noFeatureServiceFound: string;
           notValidEnterpriseVersion: string;
-          noVersionManagementServiceFound: string;
       };
       headers: {
           currentVersion: string;
-          manageVersions: string;
           filterVersions: string;
-          versionProperties: string;
-          invalidInitialVersion: string;
           invalidInitialFeatureService: string;
+          invalidInitialVersion: string;
+          manageVersions: string;
+          versioningStateFailedToLoad: string;
+          versionProperties: string;
       };
       input: {
           versionAccess: string;
@@ -183,13 +111,105 @@ export abstract class ArcgisVersionManagement extends LitElement {
       };
       labels: { versionList: string; };
       loadErrors: {
-          invalidInitialVersion: string;
           invalidInitialFeatureService: string;
+          invalidInitialVersion: string;
           noFeatureServices: string;
+          noVersionManagementServiceFound: string;
           noViewProperty: string;
+          versioningStateFailedToLoad: string;
+          webmapFailedToLoad: string;
+      };
+      validationErrors: {
+          emptyVersionName: string;
+          invalidCharacters: string;
       };
-      validationErrors: { invalidCharacters: string; };
   }>;
+  /** @default false */
+  accessor allowEditingDisabled: boolean;
+  /**
+   * 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
+   * component to a different place on the page, or temporarily hide it. If this
+   * is set, make sure to call the [destroy()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-version-management/#destroy) method when you are done to
+   * prevent memory leaks.
+   *
+   * @default false
+   */
+  accessor autoDestroyDisabled: boolean;
+  /** @default false */
+  accessor closable: boolean;
+  /**
+   * Icon which represents the component.
+   * Typically used when the component is controlled by another component (e.g. by the Expand component).
+   *
+   * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
+   */
+  accessor icon: string | undefined;
+  /**
+   * The `initialVersionInfos` property enables users to initialize the Version Management component with a predefined set of versions.
+   * By providing an array of `InitialVersionInfo`, the component displays a specified version for each feature service upon initialization.
+   */
+  accessor initialVersionInfos: InitialVersionInfo[];
+  /** The component's default label. */
+  accessor label: string | undefined;
+  /**
+   * Replace localized message strings with your own strings.
+   *
+   * _**Note**: Individual message keys may change between releases._
+   */
+  accessor messageOverrides: {
+      componentLabel?: string | undefined;
+      actions?: {
+          cancelSave?: string | undefined;
+          deleteVersion?: string | undefined;
+          editVersion?: string | undefined;
+          newVersion?: string | undefined;
+          refreshVersions?: string | undefined;
+          saveVersion?: string | undefined;
+          searchVersions?: string | undefined;
+          switchToVersion?: string | undefined;
+      } | undefined;
+      accessLevels?: {
+          private?: string | undefined;
+          protected?: string | undefined;
+          public?: string | undefined;
+      } | undefined;
+      executionErrors?: {
+          invalidVersionName?: string | undefined;
+          noFeatureServiceFound?: string | undefined;
+          notValidEnterpriseVersion?: string | undefined;
+      } | undefined;
+      headers?: {
+          currentVersion?: string | undefined;
+          filterVersions?: string | undefined;
+          invalidInitialFeatureService?: string | undefined;
+          invalidInitialVersion?: string | undefined;
+          manageVersions?: string | undefined;
+          versioningStateFailedToLoad?: string | undefined;
+          versionProperties?: string | undefined;
+      } | undefined;
+      input?: {
+          versionAccess?: string | undefined;
+          versionDescription?: string | undefined;
+          versionName?: string | undefined;
+          versionOwner?: string | undefined;
+      } | undefined;
+      labels?: { versionList?: string | undefined; } | undefined;
+      loadErrors?: {
+          invalidInitialFeatureService?: string | undefined;
+          invalidInitialVersion?: string | undefined;
+          noFeatureServices?: string | undefined;
+          noVersionManagementServiceFound?: string | undefined;
+          noViewProperty?: string | undefined;
+          versioningStateFailedToLoad?: string | undefined;
+          webmapFailedToLoad?: string | undefined;
+      } | undefined;
+      validationErrors?: {
+          emptyVersionName?: string | undefined;
+          invalidCharacters?: string | undefined;
+      } | undefined;
+  };
+  /** @deprecated since 5.2. */
   accessor mode: string | undefined;
   /**
    * Specifies the number of versions displayed on each page of the Version Management component.