@arcgis/map-components 5.2.0-next.116 → 5.2.0-next.118

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

@@ -43,7 +43,7 @@ function Se(e, t, i, a, s, r) {
   const g = r.objectIdField ?? "";
   return e.forEach((m) => {
     if (m.name !== g && !h.includes(m.name) && !p.includes(m.name) && !s.includes(m.name) && m.type !== "global-id" && (u === "" || u !== m.name)) {
-      const f = ke(m, t);
+      const f = Oe(m, t);
       f.match && f.targetField && (l[f.targetField?.name] = i[m.name]);
     }
   }), l;
@@ -54,7 +54,7 @@ function Te(e) {
 function Ge(e) {
   return e?.type === "subtype-sublayer" && (e = e.parent), e ? _e(e) : [];
 }
-function Oe(e, t) {
+function ke(e, t) {
   if (e.type === t.type)
     return t.type === "string" ? e.length <= t.length : !0;
   switch (e.type) {
@@ -68,10 +68,10 @@ function Oe(e, t) {
       return !1;
   }
 }
-function ke(e, t) {
+function Oe(e, t) {
   const i = { match: !1, sourceField: null, targetField: null };
   for (const a of t)
-    if (Oe(e, a)) {
+    if (ke(e, a)) {
       const s = e.name.replace(/\s/gu, "").toLowerCase();
       if (a.name.replace(/\s/gu, "").toLowerCase() === s)
         return i.match = !0, i.sourceField = e, i.targetField = a, i;
@@ -390,7 +390,12 @@ let v = class extends U {
   }
   async createMergedClipboardGeom() {
     const e = this.viewModel.clipboardFeatures.map((i) => i.graphic?.geometry).filter((i) => i != null).toArray();
-    return e.length === 0 ? null : e.length === 1 ? e[0].clone() : (await import("@arcgis/core/geometry/operators/unionOperator.js")).executeMany(e) ?? null;
+    if (e.length === 0)
+      return null;
+    if (e.length === 1)
+      return e[0].clone();
+    const { unionExecuteMany: t } = await import("@arcgis/core/geometry/operators/unionOperator.js");
+    return t(e) ?? null;
   }
   removeGraphicIdentifierFields(e, t) {
     t.objectIdField && delete e.attributes[t.objectIdField], t.globalIdField && delete e.attributes[t.globalIdField];
@@ -497,7 +502,7 @@ let F = class extends v {
     const e = q();
     if (e.featureState = K(this.viewModel.view), !this.viewModel.selectedFeature)
       return { success: !1, failReason: "noSelectedError" };
-    const [t, i] = await Promise.all([
+    const [{ unionExecute: t }, { equalsExecute: i }] = await Promise.all([
       import("@arcgis/core/geometry/operators/unionOperator.js"),
       import("@arcgis/core/geometry/operators/equalsOperator.js")
     ]);
@@ -510,8 +515,8 @@ let F = class extends v {
         a = l?.graphic?.geometry ?? null, a && (a = a.clone(), s = !0);
         continue;
       }
-      const p = t.execute(a, h);
-      i.execute(a, p) || (a = p, s = !0);
+      const p = t(a, h);
+      i(a, p) || (a = p, s = !0);
     }
     if (!s)
       return { success: !1, failReason: "noChangeError" };
@@ -555,7 +560,7 @@ G([
 F = G([
   C("components.paste.commands.PasteAppendCommand")
 ], F);
-var Ne = Object.defineProperty, Ue = Object.getOwnPropertyDescriptor, O = (e, t, i, a) => {
+var Ne = Object.defineProperty, Ue = Object.getOwnPropertyDescriptor, k = (e, t, i, a) => {
   for (var s = a > 1 ? void 0 : a ? Ue(t, i) : t, r = e.length - 1, l; r >= 0; r--)
     (l = e[r]) && (s = (a ? l(t, i, s) : l(s)) || s);
   return a && s && Ne(t, i, s), s;
@@ -587,7 +592,7 @@ let _ = class extends v {
     const e = q();
     if (e.featureState = K(this.viewModel.view), !this.viewModel.selectedFeature)
       return { success: !1, failReason: "noSelectedError", applySet: e };
-    const [t, i] = await Promise.all([
+    const [{ differenceExecute: t }, { equalsExecute: i }] = await Promise.all([
       import("@arcgis/core/geometry/operators/differenceOperator.js"),
       import("@arcgis/core/geometry/operators/equalsOperator.js")
     ]);
@@ -599,10 +604,10 @@ let _ = class extends v {
       const h = l?.graphic?.geometry;
       if (!h)
         continue;
-      const p = t.execute(a, h);
+      const p = t(a, h);
       if (!p)
         return { success: !1, failReason: "deletesGeometryError", applySet: e };
-      i.execute(a, p) || (a = p, s = !0);
+      i(a, p) || (a = p, s = !0);
     }
     if (!s)
       return { success: !1, failReason: "noChangeError", applySet: e };
@@ -673,25 +678,25 @@ let _ = class extends v {
     return e.pasteSubtractTitle;
   }
 };
-O([
+k([
   o()
 ], _.prototype, "id", 1);
-O([
+k([
   o()
 ], _.prototype, "icon", 1);
-O([
+k([
   o()
 ], _.prototype, "immediate", 1);
-O([
+k([
   o()
 ], _.prototype, "mustShowOnCommandPage", 1);
-O([
+k([
   o()
 ], _.prototype, "commandEnabled", 1);
-_ = O([
+_ = k([
   C("components.paste.commands.PasteSubtractCommand")
 ], _);
-var qe = Object.defineProperty, Ke = Object.getOwnPropertyDescriptor, k = (e, t, i, a) => {
+var qe = Object.defineProperty, Ke = Object.getOwnPropertyDescriptor, O = (e, t, i, a) => {
   for (var s = a > 1 ? void 0 : a ? Ke(t, i) : t, r = e.length - 1, l; r >= 0; r--)
     (l = e[r]) && (s = (a ? l(t, i, s) : l(s)) || s);
   return a && s && qe(t, i, s), s;
@@ -731,22 +736,22 @@ let x = class extends v {
     return e.pasteAsTitle;
   }
 };
-k([
+O([
   o()
 ], x.prototype, "id", 1);
-k([
+O([
   o()
 ], x.prototype, "icon", 1);
-k([
+O([
   o()
 ], x.prototype, "immediate", 1);
-k([
+O([
   o()
 ], x.prototype, "mustShowOnCommandPage", 1);
-k([
+O([
   o()
 ], x.prototype, "commandEnabled", 1);
-x = k([
+x = O([
   C("components.paste.commands.PasteAsCommand")
 ], x);
 var Xe = Object.defineProperty, Ze = Object.getOwnPropertyDescriptor, H = (e, t, i, a) => {

package/dist/components/arcgis-reverse-geocode-list/customElement.js

@@ -1,24 +1,24 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as g } from "../../chunks/runtime.js";
-import { css as _, html as r } from "lit";
-import * as d from "@arcgis/core/geometry/operators/projectOperator.js";
-import f from "@arcgis/core/portal/Portal.js";
-import b from "@arcgis/core/geometry/SpatialReference.js";
-import { LitElement as v, createEvent as m, nothing as C } from "@arcgis/lumina";
-import { locationToAddress as y } from "@arcgis/core/rest/locator.js";
-import { substitute as $ } from "@arcgis/core/intl.js";
-import { u as R } from "../../chunks/useT9n.js";
-import { watch as p } from "@arcgis/core/core/reactiveUtils.js";
-const x = _`calcite-notice{padding:var(--calcite-space-lg)}calcite-block{padding-inline-end:var(--calcite-spacing-xxs)}calcite-block[expanded]{margin:0}`;
-class w extends v {
+import { c as p } from "../../chunks/runtime.js";
+import { css as g, html as r } from "lit";
+import { projectIsLoaded as _, projectLoad as f, projectExecute as b } from "@arcgis/core/geometry/operators/projectOperator.js";
+import v from "@arcgis/core/portal/Portal.js";
+import C from "@arcgis/core/geometry/SpatialReference.js";
+import { LitElement as y, createEvent as h, nothing as $ } from "@arcgis/lumina";
+import { locationToAddress as R } from "@arcgis/core/rest/locator.js";
+import { substitute as x } from "@arcgis/core/intl.js";
+import { u as w } from "../../chunks/useT9n.js";
+import { watch as m } from "@arcgis/core/core/reactiveUtils.js";
+const L = g`calcite-notice{padding:var(--calcite-space-lg)}calcite-block{padding-inline-end:var(--calcite-spacing-xxs)}calcite-block[expanded]{margin:0}`;
+class G extends y {
   constructor() {
-    super(...arguments), this.messages = R(), this._abortController = null, this._location = null, this._results = null, this.headingLevel = 3, this.portal = f.getDefault(), this.autoDestroyDisabled = !1, this.hideCoordinates = !1, this.arcgisReverseGeocodeResultsChange = m(), this.arcgisReverseGeocodeCopy = m();
+    super(...arguments), this.messages = w(), this._abortController = null, this._location = null, this._results = null, this.headingLevel = 3, this.portal = v.getDefault(), this.autoDestroyDisabled = !1, this.hideCoordinates = !1, this.arcgisReverseGeocodeResultsChange = h(), this.arcgisReverseGeocodeCopy = h();
   }
   static {
     this.properties = { _abortController: 16, _location: 16, _results: 16, headingLevel: 9, portal: 0, location: 0, messageOverrides: 0, autoDestroyDisabled: 5, hideCoordinates: 5, reverseGeocodeResults: 32 };
   }
   static {
-    this.styles = x;
+    this.styles = L;
   }
   get reverseGeocodeResults() {
     return this._results;
@@ -28,10 +28,10 @@ class w extends v {
   }
   loaded() {
     this.manager.onLifecycle(() => [
-      p(() => [this.portal, this.location], () => {
+      m(() => [this.portal, this.location], () => {
         this._update();
       }, { initial: !0 }),
-      p(() => this._results, () => {
+      m(() => this._results, () => {
         this.arcgisReverseGeocodeResultsChange.emit();
       })
     ]);
@@ -48,23 +48,23 @@ class w extends v {
     const s = new AbortController(), i = s.signal;
     this._abortController = s;
     const o = () => i.aborted || this._abortController !== s;
-    if (!d.isLoaded() && (await d.load(), o()))
+    if (!_() && (await f(), o()))
       return;
-    const c = d.execute(e, b.WGS84) ?? e;
+    const c = b(e, C.WGS84) ?? e;
     if (o() || (this._location = c, await this.portal?.load({ signal: i }), o()))
       return;
-    const l = this.portal?.helperServices?.geocode?.filter((a) => a.reverseGeocode ?? !0);
+    const l = this.portal?.helperServices?.geocode?.filter((n) => n.reverseGeocode ?? !0);
     if (!l) {
       if (o())
         return;
       this._results = null;
       return;
     }
-    const n = l.map(async (a) => await y(a.url, { location: e }, { signal: i })), u = await Promise.allSettled(n);
-    o() || (this._abortController = null, this._results = l.map((a, h) => ({
-      name: a.name ?? t?.untitledService ?? "",
-      address: (u[h].status === "fulfilled" ? u[h].value.address : null) ?? t?.noResultFound ?? "",
-      url: a.url
+    const a = l.map(async (n) => await R(n.url, { location: e }, { signal: i })), d = await Promise.allSettled(a);
+    o() || (this._abortController = null, this._results = l.map((n, u) => ({
+      name: n.name ?? t?.untitledService ?? "",
+      address: (d[u].status === "fulfilled" ? d[u].value.address : null) ?? t?.noResultFound ?? "",
+      url: n.url
     })));
   }
   _copyTextToClipboard(e) {
@@ -72,10 +72,10 @@ class w extends v {
   }
   _renderMoreResults(e) {
     const { messages: t } = this;
-    return !this._abortController && e?.length ? r`<calcite-block expandable scale=s .headingLevel=${this.headingLevel} .heading=${$(t?.showMoreResults ?? "", { count: e.length })}><calcite-list scale=s display-mode=flat interaction-mode=static selection-mode=none .label=${t?.moreResults ?? ""}>${e?.map((s) => this._renderItem(s))}</calcite-list></calcite-block>` : null;
+    return !this._abortController && e?.length ? r`<calcite-block expandable scale=s .headingLevel=${this.headingLevel} .heading=${x(t?.showMoreResults ?? "", { count: e.length })}><calcite-list scale=s display-mode=flat interaction-mode=static selection-mode=none .label=${t?.moreResults ?? ""}>${e?.map((s) => this._renderItem(s))}</calcite-list></calcite-block>` : null;
   }
   _renderCopyAction({ text: e, value: t }) {
-    return r`<calcite-action .text=${e} title=${e ?? C} slot=actions-end icon=copy @click=${() => this._copyTextToClipboard(t)}></calcite-action>`;
+    return r`<calcite-action .text=${e} title=${e ?? $} slot=actions-end icon=copy @click=${() => this._copyTextToClipboard(t)}></calcite-action>`;
   }
   _renderCoordinatesItem() {
     const { _location: e, messages: t } = this;
@@ -95,11 +95,11 @@ class w extends v {
     const { _abortController: e, _location: t, _results: s, messages: i } = this;
     if (!t)
       return r`<calcite-notice scale=s open kind=warning icon><div slot=message>${i?.noLocation ?? ""}</div></calcite-notice>`;
-    const o = s?.[0], c = s && s.length > 1 ? s.slice(1) : void 0, l = this._renderCoordinatesItem(), n = o ? this._renderItem(o) : null;
-    return !e && !n && !l ? r`<calcite-notice scale=s open kind=info><div slot=message>${i?.noResultFound ?? ""}</div></calcite-notice>` : r`<calcite-list .loading=${!!e} display-mode=flat interaction-mode=static selection-mode=none .label=${i.label ?? ""} scale=s>${l}${n}</calcite-list>${this._renderMoreResults(c)}`;
+    const o = s?.[0], c = s && s.length > 1 ? s.slice(1) : void 0, l = this._renderCoordinatesItem(), a = o ? this._renderItem(o) : null;
+    return !e && !a && !l ? r`<calcite-notice scale=s open kind=info><div slot=message>${i?.noResultFound ?? ""}</div></calcite-notice>` : r`<calcite-list .loading=${!!e} display-mode=flat interaction-mode=static selection-mode=none .label=${i.label ?? ""} scale=s>${l}${a}</calcite-list>${this._renderMoreResults(c)}`;
   }
 }
-g("arcgis-reverse-geocode-list", w);
+p("arcgis-reverse-geocode-list", G);
 export {
-  w as ArcgisReverseGeocodeList
+  G as ArcgisReverseGeocodeList
 };

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

@@ -212,7 +212,7 @@ export abstract class ArcgisSketch extends LitElement {
   accessor hideSnappingControls: boolean;
   /**
    * Indicates whether to hide the `enabledToggle` (Enable snapping). This toggles
-   * the [SnappingOptions#enabled](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/snapping/SnappingOptions/#enabled) property.
+   * the [SnappingOptions#enabled](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/SnappingOptions/#enabled) property.
    * > [!WARNING]
    * >
    * > **Note**
@@ -226,7 +226,7 @@ export abstract class ArcgisSketch extends LitElement {
   accessor hideSnappingControlsElementsEnabledToggle: boolean;
   /**
    * Indicates whether to hide the `featureEnabledToggle` (Feature to feature). This toggles
-   * the [SnappingOptions#featureEnabled](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/snapping/SnappingOptions/#featureEnabled) property.
+   * the [SnappingOptions#featureEnabled](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/SnappingOptions/#featureEnabled) property.
    *
    * @default false
    * @since 5.0
@@ -304,7 +304,7 @@ export abstract class ArcgisSketch extends LitElement {
   accessor hideSnappingControlsElementsLayerList: boolean;
   /**
    * Indicates whether to hide the `selfEnabledToggle` (Geometry guides). This toggles
-   * the [SnappingOptions#selfEnabled](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/snapping/SnappingOptions/#selfEnabled) property.
+   * the [SnappingOptions#selfEnabled](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/SnappingOptions/#selfEnabled) property.
    *
    * @default false
    * @since 5.0
@@ -468,7 +468,7 @@ export abstract class ArcgisSketch extends LitElement {
    * @since 5.0
    */
   accessor showSnappingControlsElementsHeader: boolean;
-  /** The [SnappingOptions](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/snapping/SnappingOptions/) for sketching. It supports [self](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/snapping/SnappingOptions/#selfEnabled) and [feature](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/snapping/SnappingOptions/#featureEnabled) snapping. */
+  /** The [SnappingOptions](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/SnappingOptions/) for sketching. It supports [self](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/SnappingOptions/#selfEnabled) and [feature](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/SnappingOptions/#featureEnabled) snapping. */
   accessor snappingOptions: SnappingOptions;
   /** The current state of the component. */
   get state(): State;

package/dist/components/arcgis-sketch-tooltip-controls/customElement.d.ts

@@ -1,6 +1,6 @@
 /// <reference path="../../index.d.ts" />
 import type SketchOptions from "@arcgis/core/views/interactive/sketch/SketchOptions.js";
-import type { TooltipDirectionMode } from "@arcgis/core/views/interactive/tooltip/types.js";
+import type { DirectionMode } from "@arcgis/core/views/interactive/support/types.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
@@ -22,7 +22,7 @@ export abstract class ArcgisSketchTooltipControls extends LitElement {
    * is measured relative to the previous segment or from the main axis of the map
    * (usually north). See [SketchTooltipOptions](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/sketch/SketchTooltipOptions/) and [SketchValueOptions](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/sketch/SketchValueOptions/#directionMode).
    */
-  accessor directionMode: TooltipDirectionMode;
+  accessor directionMode: DirectionMode;
   /**
    * Controls whether the labels toggle is shown for this component.
    *

package/dist/components/arcgis-snapping-controls/customElement.d.ts

@@ -133,7 +133,7 @@ export abstract class ArcgisSnappingControls extends LitElement {
    */
   accessor showHeader: boolean;
   /**
-   * The [SnappingOptions](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/snapping/SnappingOptions/)
+   * The [SnappingOptions](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/SnappingOptions/)
    * that will be controlled by this component if the snapping toggle is enabled for display.
    * If SnappingOptions are provided, grid display will be automatically enabled or disabled to match snapping state.
    */

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

@@ -287,7 +287,7 @@ export abstract class ArcgisTableList extends LitElement {
    */
   accessor selectionMode: "none" | "single-persist" | "multiple" | "single";
   /**
-   * This property provides the ability to show or hide the close button.
+   * This property provides the ability to show or hide the close button. When the close button is shown, the `ESC` key can be used to close the component via keyboard when the focus is within the component.
    *
    * @default false
    * @example

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

@@ -369,7 +369,7 @@ export abstract class ArcgisTableListNext extends LitElement {
    */
   accessor selectionMode: List["selectionMode"];
   /**
-   * This property provides the ability to show or hide the close button.
+   * This property provides the ability to show or hide the close button. When the close button is shown, the `ESC` key can be used to close the component via keyboard when the focus is within the component.
    *
    * @default false
    * @example

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),
@@ -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/)

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,7 +267,7 @@ 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. */