@arcgis/map-components 5.2.0-next.98 → 6.0.0-next.0

package/dist/components/arcgis-value-picker-legacy/customElement.d.ts

@@ -10,7 +10,7 @@ import type { Icon } from "@esri/calcite-components/components/calcite-icon";
  * >
  * > This is a **legacy component**. It relies on an underlying widget as part of our migration to native web components.
  * >
- * > A fully native replacement for this component is in development. Once it reaches feature parity, the legacy component will be deprecated and no longer maintained. At that point, development should use the native component.
+ * > We recommend using the [Value Picker component](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-value-picker/) instead, which provides a native implementation with improved features and accessibility.
  *
  * Value Picker is a component that allows users to step or play through a list of values. Value Picker component can be configured
  * with an optional [collection](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#from-collection),
@@ -25,7 +25,7 @@ import type { Icon } from "@esri/calcite-components/components/calcite-icon";
  *
  * ### Configuring Value Picker
  *
- * Value Picker can be configured in variety of ways, depending on your use case.
+ * Value Picker can be configured in a variety of ways, depending on your use case.
  * The following are the five possible configurations of the Value Picker component.
  *
  * <span id="nodata"></span>
@@ -90,7 +90,7 @@ import type { Icon } from "@esri/calcite-components/components/calcite-icon";
  * ```
  *
  * <span id="from-collection"></span>
- * #### 3. Using an arbitrary collection component to present predefined list
+ * #### 3. Using an arbitrary collection component to present a predefined list
  *
  * It may be required to step through a fixed collection of items like [extents](https://developers.arcgis.com/javascript/latest/references/core/geometry/Extent/),
  * [bookmarks](https://developers.arcgis.com/javascript/latest/references/core/webmap/Bookmark/), or
@@ -100,7 +100,7 @@ import type { Icon } from "@esri/calcite-components/components/calcite-icon";
  * tracked.
  *
  * In the following example, a Value Picker component is created with a [collection](https://developers.arcgis.com/javascript/latest/references/core/core/Collection/) of three items. Value Picker is
- * initialized with starting value of "topo-vector". Since "topo-vector" is the first item in the collection, only the _next_
+ * initialized with a starting value of "topo-vector". Since "topo-vector" is the first item in the collection, only the _next_
  * button will be enabled.
  *
  * ![option-collection](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/valuepicker/option-collection.avif)
@@ -232,6 +232,7 @@ import type { Icon } from "@esri/calcite-components/components/calcite-icon";
  * valuePickerBasemap.values = ["topo-vector"];
  * ```
  *
+ * @deprecated since 5.1. Use the [Value Picker component](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-value-picker/) instead.
  * @since 5.0
  * @see [ValuePickerCollection](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerCollection/)
  * @see [ValuePickerCombobox](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerCombobox/)
@@ -627,7 +628,7 @@ export abstract class ArcgisValuePickerLegacy extends LitElement {
    * ```
    */
   readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "values"; }>;
-  /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
+  /** Emitted when the component associated with a map or scene view is ready for user interaction. */
   readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
   readonly "@eventTypes": {
     arcgisAnimate: ArcgisValuePickerLegacy["arcgisAnimate"]["detail"];

package/dist/components/arcgis-value-picker-legacy/customElement.js

@@ -1,7 +1,7 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as i } from "../../chunks/runtime.js";
 import { usePropertyChange as r } from "@arcgis/lumina/controllers";
-import { reEmitEvent as e } from "@arcgis/lumina/controllers/accessor";
+import { reEmitEvent as e } from "@arcgis/lumina-toolkit/reEmitEvent";
 import t from "@arcgis/core/widgets/ValuePicker.js";
 import { LitElement as o, createEvent as l } from "@arcgis/lumina";
 import { m as a } from "../../chunks/useWidget.js";

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

@@ -235,7 +235,7 @@ export abstract class ArcgisVersionManagement extends LitElement {
   /**
    * The current component state.
    *
-   * * `disabled` -  an error occured during initialization
+   * * `disabled` -  an error occurred during initialization
    * * `executing` - an operation is being performed
    * * `failed` - an error occurred during execution
    * * `loading` - the object is loading
@@ -262,7 +262,7 @@ export abstract class ArcgisVersionManagement extends LitElement {
   accessor view: MapView | undefined;
   /** Permanently destroy the component. */
   destroy(): Promise<void>;
-  /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
+  /** Emitted when the component associated with a map or scene view is ready for user interaction. */
   readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
   readonly arcgisVersioningStateChanged: import("@arcgis/lumina").TargetedEvent<this, VersioningStateEvent>;
   readonly "@eventTypes": {

package/dist/components/arcgis-version-management/customElement.js

@@ -3,15 +3,15 @@ import { c as P } from "../../chunks/runtime.js";
 import { css as L, html as h } from "lit";
 import { once as C, watch as U } from "@arcgis/core/core/reactiveUtils.js";
 import A from "@arcgis/core/versionManagement/VersionManager.js";
-import { LitElement as N, createEvent as V } from "@arcgis/lumina";
+import { LitElement as N, createEvent as w } from "@arcgis/lumina";
 import { rethrowError as M, log as v } from "@arcgis/toolkit/log";
 import { u as T } from "../../chunks/useT9n.js";
 import { m as D } from "../../chunks/useViewModel.js";
 import { l as z } from "../../chunks/async-utils.js";
-const R = L`:host{--arcgis-internal-color-black-30: color-mix(in srgb, #000000 30.2%, transparent);--arcgis-internal-box-shadow: var(--calcite-spacing-none) var(--calcite-spacing-px) var(--calcite-spacing-base) var(--arcgis-internal-color-black-30);--arcgis-internal-top-max-width: calc(min(100cqw, 100vw) - var(--calcite-spacing-xxxl));--arcgis-internal-panel-width: 300px;--arcgis-internal-panel-height: 100%;--arcgis-internal-panel-height-sm: 240px;--arcgis-internal-panel-height-md: 420px;--arcgis-internal-panel-height-lg: 540px;--arcgis-internal-panel-height-xl: 680px;--arcgis-internal-panel-gap: var(--calcite-spacing-lg);--arcgis-internal-panel-actions-gap: var(--calcite-spacing-sm);--arcgis-internal-basemap-gallery-width-lg: 450px;--arcgis-internal-collapse-icon-flip: scaleX(1);--arcgis-internal-row-direction: row;--arcgis-internal-legend-width: 300px;--arcgis-internal-layout-overlay-space-top: var(--arcgis-layout-overlay-space-top, 0px);--arcgis-internal-layout-overlay-space-bottom: var(--arcgis-layout-overlay-space-bottom, 0px);--arcgis-internal-layout-overlay-space-left: var(--arcgis-layout-overlay-space-left, 0px);--arcgis-internal-layout-overlay-space-right: var(--arcgis-layout-overlay-space-right, 0px);--arcgis-internal-view-color-focus: var(--arcgis-view-color-focus, var(--calcite-color-brand));--arcgis-internal-attribution-space-bottom: var(--arcgis-internal-layout-overlay-space-bottom);--arcgis-internal-attribution-space-left: var(--arcgis-internal-layout-overlay-space-left);--arcgis-internal-attribution-space-right: var(--arcgis-internal-layout-overlay-space-right);--arcgis-internal-attribution-font-size: var(--calcite-font-size-sm);--arcgis-internal-attribution-font-size-sm: var(--calcite-font-size-xs);--arcgis-internal-sketch-justify-content: flex-start}:host{display:flex;flex-direction:column;height:var(--arcgis-internal-panel-height, 100%)}calcite-notice{background-color:var(--calcite-color-surface-2);padding:var(--calcite-space-sm)}`, B = D(A);
+const R = L`:host{--arcgis-internal-color-black-30: color-mix(in srgb, #000000 30.2%, transparent);--arcgis-internal-box-shadow: var(--calcite-spacing-none) var(--calcite-spacing-px) var(--calcite-spacing-base) var(--arcgis-internal-color-black-30);--arcgis-internal-top-max-width: calc(min(100cqw, 100vw) - var(--calcite-spacing-xxxl));--arcgis-internal-panel-width: 300px;--arcgis-internal-panel-height: 100%;--arcgis-internal-panel-height-sm: 240px;--arcgis-internal-panel-height-md: 420px;--arcgis-internal-panel-height-lg: 540px;--arcgis-internal-panel-height-xl: 680px;--arcgis-internal-panel-gap: var(--calcite-spacing-lg);--arcgis-internal-panel-actions-gap: var(--calcite-spacing-sm);--arcgis-internal-basemap-gallery-width-lg: 450px;--arcgis-internal-collapse-icon-flip: scaleX(1);--arcgis-internal-row-direction: row;--arcgis-internal-legend-width: 300px;--arcgis-internal-layout-overlay-space-top: var(--arcgis-layout-overlay-space-top, 0px);--arcgis-internal-layout-overlay-space-bottom: var(--arcgis-layout-overlay-space-bottom, 0px);--arcgis-internal-layout-overlay-space-left: var(--arcgis-layout-overlay-space-left, 0px);--arcgis-internal-layout-overlay-space-right: var(--arcgis-layout-overlay-space-right, 0px);--arcgis-internal-view-color-focus: var(--arcgis-view-color-focus, var(--calcite-color-brand));--arcgis-internal-view-corner-radius: var(--arcgis-view-corner-radius, 0px);--arcgis-internal-attribution-space-bottom: var(--arcgis-internal-layout-overlay-space-bottom);--arcgis-internal-attribution-space-left: var(--arcgis-internal-layout-overlay-space-left);--arcgis-internal-attribution-space-right: var(--arcgis-internal-layout-overlay-space-right);--arcgis-internal-attribution-font-size: var(--calcite-font-size-sm);--arcgis-internal-attribution-font-size-sm: var(--calcite-font-size-xs);--arcgis-internal-sketch-justify-content: flex-start}:host{display:flex;flex-direction:column;height:var(--arcgis-internal-panel-height, 100%)}calcite-notice{background-color:var(--calcite-color-surface-2);padding:var(--calcite-space-sm)}`, B = D(A);
 class q extends N {
   constructor() {
-    super(...arguments), this._messages = T({ blocking: !0 }), this.#t = [], this.#r = [], this.#s = [], this.#e = B(this), this._currentPage = 1, this._filterText = "", this._isInitialFeatureServiceInvalid = !1, this._mode = "browse-services", this.allowEditingDisabled = !1, this.autoDestroyDisabled = !1, this.closable = !1, this.pageSize = 5, this.state = this.#e.state, this.versioningStates = this.#e.versioningStates, this.view = this.#e.view, this.arcgisReady = V(), this.arcgisVersioningStateChanged = V();
+    super(...arguments), this._messages = T({ blocking: !0 }), this.#r = [], this.#t = [], this.#s = [], this.#e = B(this), this._currentPage = 1, this._filterText = "", this._isInitialFeatureServiceInvalid = !1, this._mode = "browse-services", this.allowEditingDisabled = !1, this.autoDestroyDisabled = !1, this.closable = !1, this.pageSize = 5, this.state = this.#e.state, this.versioningStates = this.#e.versioningStates, this.view = this.#e.view, this.arcgisReady = w(), this.arcgisVersioningStateChanged = w();
   }
   static {
     this.properties = { _currentPage: 16, _editVersionInfo: 16, _filterText: 16, _isInitialFeatureServiceInvalid: 16, _loadError: 16, _mode: 16, _selectedFeatureService: 16, allowEditingDisabled: 5, autoDestroyDisabled: 5, closable: 7, icon: 1, initialVersionInfos: 0, label: 1, messageOverrides: 0, mode: 1, pageSize: 9, referenceElement: 1, state: 32, versioningStates: 0, view: 0 };
@@ -19,15 +19,15 @@ class q extends N {
   static {
     this.styles = R;
   }
-  #t;
   #r;
+  #t;
   #s;
   #e;
   get initialVersionInfos() {
-    return this.#t;
+    return this.#r;
   }
   set initialVersionInfos(e) {
-    this.#t = e.map((i) => ({
+    this.#r = e.map((i) => ({
       ...i,
       url: this.#b(i.url)
     }));
@@ -54,17 +54,17 @@ class q extends N {
     });
   }
   #c(e) {
-    const { url: i, name: a } = e, r = this.#e.versioningStateLookup.get(i);
-    if (!r) {
+    const { url: i, name: a } = e, t = this.#e.versioningStateLookup.get(i);
+    if (!t) {
       this._isInitialFeatureServiceInvalid = !0, v("error", this, `No versioning state found for feature service ${i}`);
       return;
     }
-    const t = r?.versionInfos.find((c) => c.versionIdentifier.name.toUpperCase() === a.toUpperCase());
-    if (!t) {
-      this.#r.push(i), this.requestUpdate(), v("error", this, `Version ${a} not found in the versioning state for feature service ${i}`);
+    const r = t?.versionInfos.find((c) => c.versionIdentifier.name.toUpperCase() === a.toUpperCase());
+    if (!r) {
+      this.#t.push(i), this.requestUpdate(), v("error", this, `Version ${a} not found in the versioning state for feature service ${i}`);
       return;
     }
-    const s = t.versionIdentifier, l = r?.currentVersionInfo?.versionIdentifier;
+    const s = r.versionIdentifier, l = t?.currentVersionInfo?.versionIdentifier;
     s.guid !== l?.guid && this.#e.changeVersion(i, s.name, s.guid);
   }
   #a(e) {
@@ -84,22 +84,22 @@ class q extends N {
   }
   #i(e) {
     const { _messages: i } = this;
-    let a = !1, r, t, s;
+    let a = !1, t, r, s;
     switch (e) {
       case "invalid-feature-service":
-        a = !0, r = i.loadErrors.invalidInitialFeatureService, t = this.#I, s = i.headers.invalidInitialFeatureService;
+        a = !0, t = i.loadErrors.invalidInitialFeatureService, r = this.#I, s = i.headers.invalidInitialFeatureService;
         break;
       case "no-version-management-service-found":
-        r = this.#a("no-version-management-service-found");
+        t = this.#a("no-version-management-service-found");
         break;
       case "view-model-load":
-        r = this.#a(this.#e.loadError ?? "");
+        t = this.#a(this.#e.loadError ?? "");
         break;
       case "webmap-load":
-        r = this.#a("webmap-failed-to-load");
+        t = this.#a("webmap-failed-to-load");
         break;
     }
-    return h`<calcite-notice .closable=${a} icon kind=warning open scale=s width=full @calciteNoticeClose=${t}>${s ? h`<div slot=title>${s}</div>` : void 0}<div slot=message>${r}</div></calcite-notice>`;
+    return h`<calcite-notice .closable=${a} icon kind=warning open scale=s width=full @calciteNoticeClose=${r}>${s ? h`<div slot=title>${s}</div>` : void 0}<div slot=message>${t}</div></calcite-notice>`;
   }
   async #d(e) {
     e.stopPropagation();
@@ -114,17 +114,17 @@ class q extends N {
   }
   async #g(e) {
     e.stopPropagation();
-    const { arcgisVersioningStateChanged: i } = this, { createVersionParameters: a, switchToVersion: r } = e.detail, t = await this.#e.createVersion(a).finally(() => {
+    const { arcgisVersioningStateChanged: i } = this, { createVersionParameters: a, switchToVersion: t } = e.detail, r = await this.#e.createVersion(a).finally(() => {
       this._mode = "browse-versions";
     });
-    t && (i.emit({
+    r && (i.emit({
       type: "version-created",
-      versionIdentifier: t.versionIdentifier,
+      versionIdentifier: r.versionIdentifier,
       versioningState: this.#e.versioningStateLookup.get(a.featureServerUrl)
-    }), r && await this.#e.changeVersion(a.featureServerUrl, t.versionIdentifier.name, t.versionIdentifier.guid).then((s) => {
+    }), t && await this.#e.changeVersion(a.featureServerUrl, r.versionIdentifier.name, r.versionIdentifier.guid).then((s) => {
       s && i.emit({
         type: "version-switched",
-        versionIdentifier: t.versionIdentifier,
+        versionIdentifier: r.versionIdentifier,
         versioningState: this.#e.versioningStateLookup.get(a.featureServerUrl)
       });
     }));
@@ -140,21 +140,21 @@ class q extends N {
   }
   async #o(e) {
     e.stopPropagation();
-    const { arcgisVersioningStateChanged: i } = this, { actionType: a, serviceUrl: r, versionInfo: t } = e.detail;
+    const { arcgisVersioningStateChanged: i } = this, { actionType: a, serviceUrl: t, versionInfo: r } = e.detail;
     switch (a) {
       case "changeVersion": {
-        await this.#e.changeVersion(r, t.versionIdentifier.name, t.versionIdentifier.guid) && i.emit({
+        await this.#e.changeVersion(t, r.versionIdentifier.name, r.versionIdentifier.guid) && i.emit({
           type: "version-switched",
-          versionIdentifier: t.versionIdentifier,
-          versioningState: this.#e.versioningStateLookup.get(r)
+          versionIdentifier: r.versionIdentifier,
+          versioningState: this.#e.versioningStateLookup.get(t)
         });
         break;
       }
       case "deleteVersion": {
-        await this.#e.deleteVersion(r, t.versionIdentifier.name, t.versionIdentifier.guid) && i.emit({
+        await this.#e.deleteVersion(t, r.versionIdentifier.name, r.versionIdentifier.guid) && i.emit({
           type: "version-deleted",
-          versionIdentifier: t.versionIdentifier,
-          versioningState: this.#e.versioningStateLookup.get(r)
+          versionIdentifier: r.versionIdentifier,
+          versioningState: this.#e.versioningStateLookup.get(t)
         });
         break;
       }
@@ -176,10 +176,10 @@ class q extends N {
   #I() {
     this._isInitialFeatureServiceInvalid = !1;
   }
-  #V() {
+  #w() {
     this._mode = "browse-services";
   }
-  #w() {
+  #V() {
     this._mode = "browse-versions", this._editVersionInfo = void 0;
   }
   async #$() {
@@ -206,14 +206,14 @@ class q extends N {
     }), this.requestUpdate();
   }
   render() {
-    const { _currentPage: e, _editVersionInfo: i, _filterText: a, _messages: r, _mode: t, _selectedFeatureService: s, closable: l, label: c, pageSize: d, state: o } = this, w = this._loadError === "webmap-failed-to-load" ? this.#i("webmap-load") : void 0, $ = o === "disabled" && this.#e.loadError ? this.#i("view-model-load") : void 0, b = this._loadError === "no-version-management-service-found" ? this.#i("no-version-management-service-found") : void 0, S = this._isInitialFeatureServiceInvalid ? this.#i("invalid-feature-service") : void 0, y = Array.from(this.#e.serviceNameLookup, ([n, k]) => ({ url: n, name: k })), g = s?.url ?? "", p = this.#e?.versioningStateLookup.get(g), u = p?.versionInfos ?? [], _ = p?.currentVersionInfo ?? void 0, x = u.length <= d, m = a === "" ? u : u.filter((n) => n.versionIdentifier.name.toUpperCase().includes(a.toUpperCase()) || n.versionIdentifier.guid.toUpperCase().includes(a.toUpperCase())), f = m.slice((e - 1) * d, e * d);
+    const { _currentPage: e, _editVersionInfo: i, _filterText: a, _messages: t, _mode: r, _selectedFeatureService: s, closable: l, label: c, pageSize: d, state: o } = this, V = this._loadError === "webmap-failed-to-load" ? this.#i("webmap-load") : void 0, $ = o === "disabled" && this.#e.loadError ? this.#i("view-model-load") : void 0, b = this._loadError === "no-version-management-service-found" ? this.#i("no-version-management-service-found") : void 0, S = this._isInitialFeatureServiceInvalid ? this.#i("invalid-feature-service") : void 0, y = Array.from(this.#e.serviceNameLookup, ([n, k]) => ({ url: n, name: k })), g = s?.url ?? "", p = this.#e?.versioningStateLookup.get(g), u = p?.versionInfos ?? [], _ = p?.currentVersionInfo ?? void 0, x = u.length <= d, m = a === "" ? u : u.filter((n) => n.versionIdentifier.name.toUpperCase().includes(a.toUpperCase()) || n.versionIdentifier.guid.toUpperCase().includes(a.toUpperCase())), f = m.slice((e - 1) * d, e * d);
     f.length === 0 && this.#n();
     const I = this.#e.userLookup.get(g), E = this.#e.versionAdministratorLookup.get(g), F = (this.#e.serverVersionLookup.get(g) ?? 0) >= 11.2;
-    return h`<calcite-flow><calcite-flow-item .closable=${l} .heading=${c} .loading=${o === "loading" || o === "executing"} .selected=${t === "browse-services"}>${w}${$}${b}${S}${y.map((n) => h`<arcgis-version-management-service-item .allowEditingDisabled=${this.allowEditingDisabled} .invalidInitialVersion=${this.#r.includes(n.url)} .messages=${r} .selectedFeatureService=${s} .serviceName=${n.name} .serviceUrl=${n.url} .versioningStateFailedToLoad=${this.#s.includes(n.url)} .viewModel=${this.#e} @arcgisInternalManageVersion=${this.#o} @arcgisPropertyChange=${this.#f}></arcgis-version-management-service-item>`)}</calcite-flow-item><calcite-flow-item .closable=${l} .description=${s?.name} .heading=${c} .loading=${o === "loading" || o === "executing"} .selected=${t === "browse-versions"} @calciteFlowItemBack=${(n) => {
-      n.preventDefault(), this.#V();
-    }}><arcgis-version-management-version-list .currentPage=${e} .currentUser=${I} .currentVersionInfo=${_} .executionError=${this.#e.executionError ?? void 0} .featureServiceName=${s?.name} .featureServiceUrl=${s?.url} .hideFilter=${x} .isVersionAdministrator=${E} .isVersioningApiAvailable=${F} .messages=${r} .mode=${t} .totalPages=${Math.ceil(m.length / d)} .totalVersions=${m.length} .versionInfos=${f} @arcgisInternalFilterVersions=${this.#u} @arcgisInternalGetVersions=${this.#v} @arcgisInternalManageVersion=${this.#o} @arcgisInternalNewVersion=${this.#m} @arcgisInternalPageChange=${this.#p}></arcgis-version-management-version-list></calcite-flow-item><calcite-flow-item .closable=${l} .description=${t === "create-version" ? "" : i?.versionIdentifier.name} .heading=${t === "create-version" ? r?.actions.newVersion : r?.actions.editVersion} .loading=${o === "loading" || o === "executing"} .selected=${t === "create-version" || t === "edit-version"} @calciteFlowItemBack=${(n) => {
+    return h`<calcite-flow><calcite-flow-item .closable=${l} .heading=${c} .loading=${o === "loading" || o === "executing"} .selected=${r === "browse-services"}>${V}${$}${b}${S}${y.map((n) => h`<arcgis-version-management-service-item .allowEditingDisabled=${this.allowEditingDisabled} .invalidInitialVersion=${this.#t.includes(n.url)} .messages=${t} .selectedFeatureService=${s} .serviceName=${n.name} .serviceUrl=${n.url} .versioningStateFailedToLoad=${this.#s.includes(n.url)} .viewModel=${this.#e} @arcgisInternalManageVersion=${this.#o} @arcgisPropertyChange=${this.#f}></arcgis-version-management-service-item>`)}</calcite-flow-item><calcite-flow-item .closable=${l} .description=${s?.name} .heading=${c} .loading=${o === "loading" || o === "executing"} .selected=${r === "browse-versions"} @calciteFlowItemBack=${(n) => {
       n.preventDefault(), this.#w();
-    }}><arcgis-version-management-version-properties .currentUser=${I} .editVersionInfo=${i} .featureServiceUrl=${s?.url} .messages=${r} .mode=${t} @arcgisInternalAlterVersion=${this.#d} @arcgisInternalCreateVersion=${this.#g} @arcgisInternalDiscardEdits=${this.#h}></arcgis-version-management-version-properties></calcite-flow-item></calcite-flow>`;
+    }}><arcgis-version-management-version-list .currentPage=${e} .currentUser=${I} .currentVersionInfo=${_} .executionError=${this.#e.executionError ?? void 0} .featureServiceName=${s?.name} .featureServiceUrl=${s?.url} .hideFilter=${x} .isVersionAdministrator=${E} .isVersioningApiAvailable=${F} .messages=${t} .mode=${r} .totalPages=${Math.ceil(m.length / d)} .totalVersions=${m.length} .versionInfos=${f} @arcgisInternalFilterVersions=${this.#u} @arcgisInternalGetVersions=${this.#v} @arcgisInternalManageVersion=${this.#o} @arcgisInternalNewVersion=${this.#m} @arcgisInternalPageChange=${this.#p}></arcgis-version-management-version-list></calcite-flow-item><calcite-flow-item .closable=${l} .description=${r === "create-version" ? "" : i?.versionIdentifier.name} .heading=${r === "create-version" ? t?.actions.newVersion : t?.actions.editVersion} .loading=${o === "loading" || o === "executing"} .selected=${r === "create-version" || r === "edit-version"} @calciteFlowItemBack=${(n) => {
+      n.preventDefault(), this.#V();
+    }}><arcgis-version-management-version-properties .currentUser=${I} .editVersionInfo=${i} .featureServiceUrl=${s?.url} .messages=${t} .mode=${r} @arcgisInternalAlterVersion=${this.#d} @arcgisInternalCreateVersion=${this.#g} @arcgisInternalDiscardEdits=${this.#h}></arcgis-version-management-version-properties></calcite-flow-item></calcite-flow>`;
   }
 }
 P("arcgis-version-management", q);

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

@@ -1,21 +1,21 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as o } from "../../chunks/runtime.js";
-import { css as h, html as t } from "lit";
+import { css as h, html as e } from "lit";
 import { useDirection as n } from "@arcgis/lumina/controllers";
-import { watch as e } from "@arcgis/core/core/reactiveUtils.js";
+import { watch as t } from "@arcgis/core/core/reactiveUtils.js";
 import l from "@arcgis/core/views/VideoView.js";
 import { LitElement as c, createEvent as m, safeClassMap as d } from "@arcgis/lumina";
-import { makeAccessorController as p } from "@arcgis/lumina/controllers/accessor";
+import { makeAccessorController as f } from "@arcgis/lumina-toolkit/useAccessor";
 import { createRef as s, ref as a } from "lit/directives/ref.js";
 import { C as r } from "../../chunks/resources.js";
-import { c as f, s as y, S as w } from "../../chunks/slots.js";
+import { c as p, s as y, S as w } from "../../chunks/slots.js";
 import { s as v } from "../../chunks/esri-main.js";
-const u = h`:host{width:100%;height:100%}`, R = p(l, {
-  omitProps: ["container", "navigation", "scale", "ui"]
+const u = h`:host{width:100%;height:100%}`, R = f(l, {
+  omitProps: ["container", "focusRegionEnabled", "navigation", "scale", "ui"]
 });
 class g extends c {
   constructor() {
-    super(), this._containerRef = s(), this._direction = n(), this._mapRef = s(), this._slotGroupRefs = f(), this.autoDestroyDisabled = !1, this.view = R(this), this.attributionMode = this.view.attributionMode, this.ready = this.view.ready, this.layer = this.view.layer, this.map = this.view.map, this.operationalDataVisible = this.view.operationalDataVisible, this.arcgisViewReadyChange = m();
+    super(), this._containerRef = s(), this._direction = n(), this._mapRef = s(), this._slotGroupRefs = p(), this.autoDestroyDisabled = !1, this.view = R(this), this.attributionMode = this.view.attributionMode, this.ready = this.view.ready, this.layer = this.view.layer, this.map = this.view.map, this.operationalDataVisible = this.view.operationalDataVisible, this.arcgisViewReadyChange = m();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, view: 32, aria: 0, attributionMode: 1, ready: 36, layer: 0, map: 0, operationalDataVisible: 5 };
@@ -35,19 +35,19 @@ class g extends c {
   loaded() {
     const i = this;
     i.el.childElem = this._mapRef.value, this.view.container ??= i.el.childElem, this.manager.onLifecycle(() => [
-      e(() => this.layer, () => {
+      t(() => this.layer, () => {
         this.layer && this.view && (this.view.layer = this.layer, this.layer.loaded || this.layer.load());
       }, { initial: !0 }),
-      e(() => this.view.ready, () => {
+      t(() => this.view.ready, () => {
         this.view.ready && this.arcgisViewReadyChange.emit();
       }, { initial: this.view.ready })
     ]);
   }
   renderMain() {
-    return t`<div class=${`root ${r.base}`} ${a(this._mapRef)}></div>`;
+    return e`<div class=${`root ${r.base}`} ${a(this._mapRef)}></div>`;
   }
   render() {
-    return t`${this.renderMain()}<section class=${d(r.containerUI)} ${a(this._containerRef)}>${w({ direction: this._direction, slotGroupRefs: this._slotGroupRefs })}</section>`;
+    return e`${this.renderMain()}<section class=${d(r.containerUI)} ${a(this._containerRef)}>${w({ direction: this._direction, slotGroupRefs: this._slotGroupRefs })}</section>`;
   }
 }
 o("arcgis-video", g);

package/dist/components/arcgis-video-player/VideoPlayerViewModel.d.ts

@@ -0,0 +1,52 @@
+import type Color from "@arcgis/core/Color.js";
+import type Accessor from "@arcgis/core/core/Accessor.js";
+import type VideoLayer from "@arcgis/core/layers/VideoLayer.js";
+import type MapView from "@arcgis/core/views/MapView.js";
+import type { PreviewsInfo, VideoState } from "@arcgis/core/layers/video/types.js";
+
+/** @internal */
+export interface VideoPlayerViewModelProperties extends Partial<Pick<VideoPlayerViewModel, "followingMode" | "layer" | "seekLength" | "view">> {}
+
+/** @internal */
+export default class VideoPlayerViewModel extends Accessor {
+  constructor(properties?: VideoPlayerViewModelProperties);
+  get buffered(): number;
+  get currentTime(): number;
+  get duration(): number;
+  get ended(): boolean;
+  /** @default "follow-both" */
+  accessor followingMode: "follow-both" | "follow-frame" | "follow-sensor" | "none";
+  accessor layer: VideoLayer | undefined;
+  get metadata(): {
+      missionInfo: Record<string, string>;
+      platformInfo: Record<string, string>;
+      frameInfo: Record<string, string>;
+  } | null;
+  get playing(): boolean;
+  /** @default 10 */
+  accessor seekLength: number;
+  get state(): VideoState | "error";
+  accessor view: MapView | undefined;
+  /** @param color */
+  changeGraphicsColor(color: Color): void;
+  /** @param speed */
+  changePlaybackSpeed(speed: number): void;
+  protected initialize(): void;
+  pause(): void;
+  play(): void;
+  previewsInfo(): PreviewsInfo | null;
+  seekBackward(): void;
+  seekForward(): void;
+  /** @param seekToTime */
+  seekTo(seekToTime: number): void;
+  seekToBeginning(): void;
+  seekToEnding(): void;
+  toggleFrameCenterDisplay(): void;
+  toggleFrameDisplay(): void;
+  toggleFrameOutlineDisplay(): void;
+  toggleLoopPlayback(): void;
+  toggleSensorDisplay(): void;
+  toggleSensorPathDisplay(): void;
+  toggleSensorSightLineDisplay(): void;
+  toggleSensorTrailDisplay(): void;
+}

package/dist/components/arcgis-video-player/customElement.d.ts

@@ -1,5 +1,5 @@
 /// <reference path="../../index.d.ts" />
-import type VideoPlayerViewModel from "@arcgis/core/widgets/VideoPlayer/VideoPlayerViewModel.js";
+import type VideoPlayerViewModel from "./VideoPlayerViewModel.js";
 import type VideoLayer from "@arcgis/core/layers/VideoLayer.js";
 import type MapView from "@arcgis/core/views/MapView.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
@@ -19,14 +19,12 @@ import type { VideoState } from "@arcgis/core/layers/video/types.js";
  *  - Adjustable speed and quality
  *  - Access to frame metadata
  *
- * The [VideoPlayerViewModel](https://developers.arcgis.com/javascript/latest/references/core/widgets/VideoPlayer/VideoPlayerViewModel/) class provides the logic for the Video Player.
- *
  * **Known limitations**
  *
  * * Not supported in 3D [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/).
  * * Not supported on macOS and iOS devices.
  *
- * [![](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/video-player-video-preview.avif)](https://mediaspace.esri.com/media/1_ctc3psfr)
+ * [![](https://developers.arcgis.com/javascript/latest/assets/references/components/video-player/video-player-video-preview.avif)](https://mediaspace.esri.com/media/1_ctc3psfr)
  *
  * @example
  * ```html
@@ -119,7 +117,7 @@ export abstract class ArcgisVideoPlayer extends LitElement {
    * videoPlayer.layer = videoLayer;
    * ```
    */
-  accessor layer: VideoLayer | null | undefined;
+  accessor layer: VideoLayer | undefined;
   /**
    * Replace localized message strings with your own strings.
    *
@@ -269,12 +267,12 @@ export abstract class ArcgisVideoPlayer extends LitElement {
    * // Set the video player view model's view to a map view.
    * videoPlayerViewModel.view = mapView;
    */
-  accessor view: MapView | null | undefined;
+  accessor view: MapView | undefined;
   /** Permanently destroy the component. */
   destroy(): Promise<void>;
   /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
   readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "state" | "layer"; }>;
-  /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
+  /** Emitted when the component associated with a map or scene view is ready for user interaction. */
   readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
   readonly arcgisVideoReady: import("@arcgis/lumina").TargetedEvent<this, void>;
   readonly "@eventTypes": {