@arcgis/map-components 4.34.0-next.8 → 4.34.0-next.80

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

@@ -1,67 +1,67 @@
-import { c as I } from "../../chunks/runtime.js";
-import { html as m } from "lit-html";
-import { usePropertyChange as G } from "@arcgis/lumina/controllers";
-import { classes as F } from "@arcgis/components-utils";
+import { c as _ } from "../../chunks/runtime.js";
+import { css as G, html as g } from "lit";
+import { usePropertyChange as F } from "@arcgis/lumina/controllers";
+import { classes as z } from "@arcgis/toolkit/dom";
 import { watch as y } from "@arcgis/core/core/reactiveUtils.js";
-import { LitElement as z, createEvent as f, noShadowRoot as j, safeClassMap as w, nothing as Q } from "@arcgis/lumina";
-import { u as V } from "../../chunks/useT9n.js";
-import { m as k } from "../../chunks/useViewModel.js";
+import { LitElement as j, createEvent as f, noShadowRoot as Q, safeClassMap as w, nothing as V } from "@arcgis/lumina";
+import { u as k } from "../../chunks/useT9n.js";
+import { createRef as H, ref as K } from "lit-html/directives/ref.js";
+import { m as J } from "../../chunks/useViewModel.js";
 import { g as b } from "../../chunks/globalCss.js";
-import { l as H } from "../../chunks/legacyIcon.js";
-import { css as K } from "@lit/reactive-element/css-tag.js";
+import { l as q } from "../../chunks/legacyIcon.js";
 import { property as n, subclass as S } from "@arcgis/core/core/accessorSupport/decorators.js";
 import u from "@arcgis/core/core/Error.js";
-import { onLocaleChange as J } from "@arcgis/core/intl.js";
-import q from "@arcgis/core/PopupTemplate.js";
-import W from "@arcgis/core/support/actions/ActionButton.js";
-import { t as X, a as E } from "../../chunks/async-utils.js";
-import B from "@arcgis/core/core/Accessor.js";
+import { onLocaleChange as B } from "@arcgis/core/intl.js";
+import W from "@arcgis/core/PopupTemplate.js";
+import X from "@arcgis/core/support/actions/ActionButton.js";
+import { t as Z, i as C } from "../../chunks/async-utils.js";
+import Y from "@arcgis/core/core/Accessor.js";
 import O from "@arcgis/core/Graphic.js";
-import Z from "@arcgis/core/symbols/CIMSymbol.js";
-import Y from "@arcgis/core/geometry/Point.js";
+import $ from "@arcgis/core/symbols/CIMSymbol.js";
+import ee from "@arcgis/core/geometry/Point.js";
 import * as A from "@arcgis/core/geometry/operators/projectOperator.js";
-import P from "@arcgis/core/config.js";
-import { geographicToWebMercator as $ } from "@arcgis/core/geometry/support/webMercatorUtils.js";
-import ee from "@arcgis/core/portal/Portal.js";
-import { project as te } from "@arcgis/core/rest/geometryService.js";
-import oe from "@arcgis/core/rest/support/ProjectParameters.js";
+import E from "@arcgis/core/config.js";
+import { geographicToWebMercator as te } from "@arcgis/core/geometry/support/webMercatorUtils.js";
+import oe from "@arcgis/core/portal/Portal.js";
+import { project as ie } from "@arcgis/core/rest/geometryService.js";
+import re from "@arcgis/core/rest/support/ProjectParameters.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.8 */
-const ie = K`@layer{arcgis-locate{display:block}}`;
-let M = !1;
-const re = {
+v4.34.0-next.80 */
+const ae = G`@layer{arcgis-locate{display:block}}`;
+let P = !1;
+const se = {
   maximumAge: 0,
   timeout: 15e3,
   enableHighAccuracy: !0
 };
-function ae() {
+function ne() {
   const e = "geolocation" in navigator;
   return e || console.warn("geolocation-unsupported", "Geolocation unsupported."), e;
 }
-function se() {
+function ce() {
   const e = window.isSecureContext;
-  return e || M || (M = !0, console.warn("insecure-context", "Geolocation requires a secure origin.")), e;
+  return e || P || (P = !0, console.warn("insecure-context", "Geolocation requires a secure origin.")), e;
 }
-function ne() {
-  return ae() && se();
+function le() {
+  return ne() && ce();
 }
-function le(e) {
-  return e ??= re, new Promise((o, r) => {
+function pe(e) {
+  return e ??= se, new Promise((o, r) => {
     setTimeout(
       () => r(new u("geolocation:timeout", "getting the current geolocation position timed out")),
       e?.timeout ?? 15e3
     ), navigator.geolocation.getCurrentPosition(o, r, e ?? void 0);
   });
 }
-function ce(e, t) {
-  const { position: o, view: r } = e, a = pe(o)?.coords;
+function de(e, t) {
+  const { position: o, view: r } = e, a = ue(o)?.coords;
   if (!a)
     throw new u("geometry-service:no-coords", "Geolocation has no coordinates");
-  const s = de(a);
-  return ue(s, r, t);
+  const s = he(a);
+  return me(s, r, t);
 }
-function pe(e) {
+function ue(e) {
   const t = e?.coords || {}, o = {
     accuracy: t.accuracy,
     altitude: t.altitude,
@@ -82,8 +82,8 @@ function pe(e) {
     }
   };
 }
-function de({ longitude: e, latitude: t, altitude: o }) {
-  return new Y({
+function he({ longitude: e, latitude: t, altitude: o }) {
+  return new ee({
     longitude: e,
     latitude: t,
     z: o || void 0,
@@ -92,36 +92,36 @@ function de({ longitude: e, latitude: t, altitude: o }) {
     }
   });
 }
-async function ue(e, t, o) {
+async function me(e, t, o) {
   if (!t)
     return await Promise.resolve(e);
   const r = t.spatialReference;
-  return r.isWGS84 ? await Promise.resolve(e) : r.isWebMercator ? await Promise.resolve($(e)) : A.isLoaded() ? await Promise.resolve(A.execute(e, r)) : await he(o).then(async (i) => {
+  return r.isWGS84 ? await Promise.resolve(e) : r.isWebMercator ? await Promise.resolve(te(e)) : A.isLoaded() ? await Promise.resolve(A.execute(e, r)) : await ge(o).then(async (i) => {
     if (!i)
       throw new u("geometry-service:missing-url", "Geometry service URL is missing");
-    const a = new oe({
+    const a = new re({
       geometries: [e],
       outSpatialReference: r
     });
-    return (await te(i, a, o))[0];
+    return (await ie(i, a, o))[0];
   });
 }
-async function he(e) {
-  if (P.geometryServiceUrl)
-    return await Promise.resolve(P.geometryServiceUrl);
-  const t = ee.getDefault();
+async function ge(e) {
+  if (E.geometryServiceUrl)
+    return await Promise.resolve(E.geometryServiceUrl);
+  const t = oe.getDefault();
   try {
     await t.load(e);
   } catch {
   }
   return t.helperServices?.geometry?.url;
 }
-var me = Object.defineProperty, ge = Object.getOwnPropertyDescriptor, p = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? ge(t, o) : t, a = e.length - 1, s; a >= 0; a--)
+var fe = Object.defineProperty, ye = Object.getOwnPropertyDescriptor, p = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? ye(t, o) : t, a = e.length - 1, s; a >= 0; a--)
     (s = e[a]) && (i = (r ? s(t, o, i) : s(i)) || i);
-  return r && i && me(t, o, i), i;
+  return r && i && fe(t, o, i), i;
 };
-const fe = 2500;
+const ve = 2500;
 function T(e) {
   const t = {
     type: "CIMVectorMarker",
@@ -229,12 +229,12 @@ const L = {
   scaleX: 1,
   textureFilter: "Picture",
   url: "data:image/png;base64,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"
-}, ye = T("layer"), ve = T("background"), we = new Z({
+}, we = T("layer"), be = T("background"), Ae = new $({
   data: {
     type: "CIMSymbolReference",
     symbol: {
       type: "CIMPointSymbol",
-      symbolLayers: [ye, ve, L],
+      symbolLayers: [we, be, L],
       angleAlignment: "Map"
     },
     primitiveOverrides: [
@@ -263,15 +263,15 @@ const L = {
     ]
   }
 });
-let l = class extends B {
+let c = class extends Y {
   constructor() {
-    super(...arguments), this._geolocationUsable = !0, this.geolocationOptions = null, this.goToLocationEnabled = !0, this.goToOverride = null, this.graphic = new O({
-      symbol: we
-    }), this.scale = null, this.rotationEnabled = !0, this.view = null;
+    super(...arguments), this._geolocationUsable = !0, this.goToLocationEnabled = !0, this.graphic = new O({
+      symbol: Ae
+    }), this.rotationEnabled = !0;
   }
   //#region Lifecycle
   initialize() {
-    ne() || (this._geolocationUsable = !1), this.addHandles([
+    le() || (this._geolocationUsable = !1), this.addHandles([
       y(
         () => this.view?.type,
         () => this._handleViewTypeChange(),
@@ -282,7 +282,7 @@ let l = class extends B {
     ]);
   }
   destroy() {
-    this._clearGraphic(), this.view = null;
+    this._clearGraphic(), this.view = void 0;
   }
   //#endregion
   //#region Private Methods
@@ -313,7 +313,7 @@ let l = class extends B {
     return e;
   }
   _getScale(e) {
-    const { scale: t } = this, o = typeof t == "number" ? t : fe;
+    const { scale: t } = this, o = typeof t == "number" ? t : ve;
     return this._getScaleWithinConstraints(o, e);
   }
   _getHeading(e, t) {
@@ -344,28 +344,28 @@ let l = class extends B {
       view: i
     });
     const s = { signal: r.signal };
-    X(s), this.goToOverride && i && this.goToOverride(i, {
+    Z(s), this.goToOverride && i && this.goToOverride(i, {
       target: a,
       options: s
     }), await i.goTo(a, s);
   }
   async updatePosition(e, t) {
     try {
-      const o = this.view, r = await ce({ position: e, view: o }, { signal: t.signal }), { graphic: i } = this, { timestamp: a, coords: s } = e, { accuracy: g, altitude: h, altitudeAccuracy: N, latitude: D, longitude: x, speed: R } = s, v = this._getHeading(e, o), U = {
+      const o = this.view, r = await de({ position: e, view: o }, { signal: t.signal }), { graphic: i } = this, { timestamp: a, coords: s } = e, { accuracy: m, altitude: h, altitudeAccuracy: N, latitude: D, longitude: R, speed: x } = s, v = this._getHeading(e, o), U = {
         timestamp: a,
-        accuracy: g,
+        accuracy: m,
         altitude: h,
         altitudeAccuracy: N,
         heading: v,
         latitude: D,
-        longitude: x,
-        speed: R
+        longitude: R,
+        speed: x
       };
       i && (i.geometry = r, i.attributes = U);
-      const _ = this._getScale(o);
-      await this._animatePoint(r, _, v, t);
+      const I = this._getScale(o);
+      await this._animatePoint(r, I, v, t);
     } catch (o) {
-      if (!E(o))
+      if (!C(o))
         throw new u("geolocation-positioning:invalid-point", "Cannot position invalid point", {
           error: o
         });
@@ -376,46 +376,46 @@ let l = class extends B {
 };
 p([
   n()
-], l.prototype, "_geolocationUsable", 2);
+], c.prototype, "_geolocationUsable", 2);
 p([
   n()
-], l.prototype, "geolocationOptions", 2);
+], c.prototype, "geolocationOptions", 2);
 p([
   n()
-], l.prototype, "goToLocationEnabled", 2);
+], c.prototype, "goToLocationEnabled", 2);
 p([
   n()
-], l.prototype, "goToOverride", 2);
+], c.prototype, "goToOverride", 2);
 p([
   n({
     type: O
   })
-], l.prototype, "graphic", 2);
+], c.prototype, "graphic", 2);
 p([
   n()
-], l.prototype, "scale", 2);
+], c.prototype, "scale", 2);
 p([
   n()
-], l.prototype, "rotationEnabled", 2);
+], c.prototype, "rotationEnabled", 2);
 p([
   n()
-], l.prototype, "view", 2);
-l = p([
+], c.prototype, "view", 2);
+c = p([
   S("map-components.geolocation.GeolocationPositioning")
-], l);
-var be = Object.defineProperty, Ae = Object.getOwnPropertyDescriptor, d = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? Ae(t, o) : t, a = e.length - 1, s; a >= 0; a--)
+], c);
+var Ee = Object.defineProperty, Pe = Object.getOwnPropertyDescriptor, d = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? Pe(t, o) : t, a = e.length - 1, s; a >= 0; a--)
     (s = e[a]) && (i = (r ? s(t, o, i) : s(i)) || i);
-  return r && i && be(t, o, i), i;
+  return r && i && Ee(t, o, i), i;
 };
-const Pe = new W({
+const Me = new X({
   icon: "trash",
   id: "remove-selected-feature",
   title: "{messages.remove}",
   className: "esri-icon-trash"
 });
-function Me(e) {
-  return new q({
+function Se(e) {
+  return new W({
     title: e.currentLocation,
     fieldInfos: [
       {
@@ -482,7 +482,7 @@ function Me(e) {
         }
       }
     ],
-    actions: [Pe.clone()],
+    actions: [Me.clone()],
     content: [
       {
         type: "fields"
@@ -490,14 +490,14 @@ function Me(e) {
     ]
   });
 }
-let c = class extends l {
+let l = class extends c {
   //#region Lifecycle
   constructor(e) {
-    super(e), this._locateController = null, this.currentPosition = null, this.error = void 0, this.messages = null, this.popupEnabled = !0, this.locate = this.locate.bind(this);
+    super(e), this.popupEnabled = !0, this.locate = this.locate.bind(this);
   }
   initialize() {
     this.addHandles([
-      J(() => {
+      B(() => {
         const { graphic: e, view: t } = this;
         if (!e)
           return;
@@ -521,66 +521,68 @@ let c = class extends l {
     const e = new AbortController();
     this._locateController = e, this.error = void 0;
     try {
-      const t = await le(this.geolocationOptions);
+      const t = await pe(this.geolocationOptions);
       if (await this.updatePosition(t, e), this._locateController !== e)
         return null;
       const { graphic: o } = this;
-      return o && this._updatePopupTemplate(o), this._addGraphic(), this.currentPosition = t, this._locateController = null, t;
+      return o && this._updatePopupTemplate(o), this._addGraphic(), this.currentPosition = t, this._locateController = void 0, t;
     } catch (t) {
-      if (E(t))
+      if (C(t))
         return null;
-      throw e === this._locateController && (this._locateController = null), this.error = t, t;
+      throw e === this._locateController && (this._locateController = void 0), this.error = t, t;
     }
   }
   cancelLocate() {
-    this._clearGraphic(), this._locateController && this._locateController.abort(), this._locateController = null;
+    this._clearGraphic(), this._locateController && this._locateController.abort(), this._locateController = void 0;
   }
   //#endregion
   //#region Private Methods
   _updatePopupTemplate(e) {
     if (!this.popupEnabled)
       return;
-    const t = Me(this.messages), o = e !== this.graphic;
+    const t = Se(this.messages), o = e !== this.graphic;
     this.destroyed || o || (e.popupTemplate = t);
   }
   //#endregion
 };
 d([
   n()
-], c.prototype, "_locateController", 2);
+], l.prototype, "_locateController", 2);
 d([
   n()
-], c.prototype, "currentPosition", 2);
+], l.prototype, "currentPosition", 2);
 d([
   n()
-], c.prototype, "error", 2);
+], l.prototype, "error", 2);
 d([
   n()
-], c.prototype, "messages", 2);
+], l.prototype, "messages", 2);
 d([
   n()
-], c.prototype, "popupEnabled", 2);
+], l.prototype, "popupEnabled", 2);
 d([
   n({ readOnly: !0 })
-], c.prototype, "state", 1);
-c = d([
+], l.prototype, "state", 1);
+l = d([
   S("map-components.locate.LocateViewModel")
-], c);
+], l);
 const Ce = {
   base: "esri-locate"
-}, C = "gps-off", Se = k(c);
-class Ee extends z {
+}, M = "gps-off", Oe = J(l);
+class Te extends j {
   constructor() {
-    super(...arguments), this.messages = V(), this.viewModel = Se(this), this.autoDestroyDisabled = !1, this.geolocationOptions = this.viewModel.geolocationOptions, this.goToLocationDisabled = this.viewModel.goToLocationEnabled, this.goToOverride = this.viewModel.goToOverride, this.graphic = this.viewModel.graphic, this.icon = C, this.popupDisabled = this.viewModel.popupEnabled, this.position = "top-left", this.scale = this.viewModel.scale, this.state = this.viewModel.state, this.arcgisError = f(), this.arcgisPropertyChange = G()("state"), this.arcgisReady = f(), this.arcgisSuccess = f();
+    super(), this.locateButtonElement = H(), this.messages = k(), this.viewModel = Oe(this), this.hideErrorTooltip = () => {
+      this.isErrorTooltipOpen = !1;
+    }, this.isErrorTooltipOpen = !1, this.autoDestroyDisabled = !1, this.geolocationOptions = this.viewModel.geolocationOptions, this.goToLocationDisabled = this.viewModel.goToLocationEnabled, this.goToOverride = this.viewModel.goToOverride, this.graphic = this.viewModel.graphic, this.icon = M, this.popupDisabled = this.viewModel.popupEnabled, this.position = "top-left", this.scale = this.viewModel.scale, this.state = this.viewModel.state, this.arcgisError = f(), this.arcgisPropertyChange = F()("state"), this.arcgisReady = f(), this.arcgisSuccess = f(), this.listenOn(document, "click", this.hideErrorTooltip);
   }
   static {
-    this.properties = { autoDestroyDisabled: 5, geolocationOptions: 0, goToLocationDisabled: 7, goToOverride: 0, graphic: 0, icon: 1, label: 1, messageOverrides: 0, popupDisabled: 5, position: 3, referenceElement: 1, scale: 9, state: 3 };
+    this.properties = { isErrorTooltipOpen: 16, autoDestroyDisabled: 5, geolocationOptions: 0, goToLocationDisabled: 7, goToOverride: 0, graphic: 0, icon: 1, label: 1, messageOverrides: 0, popupDisabled: 5, position: 3, referenceElement: 1, scale: 9, state: 3 };
   }
   static {
-    this.shadowRootOptions = j;
+    this.shadowRootOptions = Q;
   }
   static {
-    this.styles = ie;
+    this.styles = ae;
   }
   async cancelLocate() {
     this.viewModel.cancelLocate();
@@ -594,7 +596,7 @@ class Ee extends z {
   loaded() {
     this.viewModel.messages = { ...this.messages, ...this.messageOverrides }, this.manager.onLifecycle(() => [
       y(() => this.viewModel.error, (t) => {
-        this.arcgisError.emit({ error: t });
+        this.isErrorTooltipOpen = !!t, this.arcgisError.emit({ error: t });
       }),
       y(() => this.viewModel.currentPosition, (t) => {
         this.arcgisSuccess.emit({ position: t });
@@ -613,11 +615,11 @@ class Ee extends z {
     });
   }
   render() {
-    const { viewModel: t, icon: o } = this, { state: r } = t, i = r === "locating", a = i ? this.messages.cancel : this.messages.title, s = r === "feature-unsupported", g = H === void 0 ? C : void 0, h = this._localizeError(this.viewModel?.error);
-    return m`<div class=${w(F(Ce.base, b.widget))}>${!s && m`<calcite-button class=${w(b.widgetButton)} .disabled=${r === "disabled"} .iconStart=${i ? void 0 : o ?? g} kind=neutral .label=${a} @click=${this._locate} title=${a ?? Q}>${i ? m`<calcite-loader inline label></calcite-loader>` : null}</calcite-button>` || ""}${h ? m`<calcite-tooltip open overlay-positioning=fixed .referenceElement=${this.el}>${h}</calcite-tooltip>` : null}</div>`;
+    const { viewModel: t, icon: o } = this, { state: r } = t, i = r === "locating", a = i ? this.messages.cancel : this.messages.title, s = r === "feature-unsupported", m = q === void 0 ? M : void 0, h = this._localizeError(this.viewModel?.error);
+    return g`<div class=${w(z(Ce.base, b.widget))}>${!s && g`<calcite-button class=${w(b.widgetButton)} .disabled=${r === "disabled"} .loading=${i} .iconStart=${i ? void 0 : o ?? m} kind=neutral .label=${a} @click=${this._locate} title=${a ?? V} ${K(this.locateButtonElement)}></calcite-button>` || ""}${h ? g`<calcite-tooltip .open=${this.isErrorTooltipOpen} overlay-positioning=fixed .referenceElement=${this.locateButtonElement.value}>${h}</calcite-tooltip>` : null}</div>`;
   }
 }
-I("arcgis-locate", Ee);
+_("arcgis-locate", Te);
 export {
-  Ee as ArcgisLocate
+  Te as ArcgisLocate
 };

package/dist/components/arcgis-locate/index.d.ts

@@ -1,4 +1,3 @@
 import "@esri/calcite-components/components/calcite-button";
-import "@esri/calcite-components/components/calcite-loader";
 import "@esri/calcite-components/components/calcite-tooltip";
 export * from "./customElement.js";

package/dist/components/arcgis-locate/index.js

@@ -1,4 +1,3 @@
 import "@esri/calcite-components/components/calcite-button";
-import "@esri/calcite-components/components/calcite-loader";
 import "@esri/calcite-components/components/calcite-tooltip";
 export * from "./customElement.js";

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

@@ -1,12 +1,12 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { Use } from '@arcgis/lumina/controllers';
-import { Nil } from '@arcgis/components-utils';
+import { nil } from '@arcgis/toolkit/type';
 import { default as MapView } from '@arcgis/core/views/MapView.js';
 import { default as WebMap } from '@arcgis/core/WebMap.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 
-declare const useWebMap: (component: LitElement & Omit<Pick<WebMap, "basemap" | "ground" | "ipsInfo" | "layers" | "bookmarks" | "tables" | "presentation" | "widgets" | "applicationProperties" | "authoringApp" | "authoringAppVersion" | "floorInfo" | "geotriggersInfo" | "initialViewProperties" | "portalItem" | "thumbnailUrl" | "utilityNetworks">, "basemap" | "ground" | ("destroyed" | "initialized" | "declaredClass" | "set" | "watch" | "addHandles" | "removeHandles" | "hasHandles") | "layers" | "bookmarks" | "tables" | "presentation" | "widgets" | "applicationProperties" | "authoringApp" | "authoringAppVersion" | "floorInfo" | "geotriggersInfo" | "initialViewProperties" | "portalItem" | "thumbnailUrl" | "utilityNetworks"> & {
+declare const useWebMap: (component: LitElement & Omit<Pick<WebMap, "basemap" | "focusAreas" | "ground" | "ipsInfo" | "layers" | "bookmarks" | "applicationProperties" | "authoringApp" | "authoringAppVersion" | "floorInfo" | "geotriggersInfo" | "initialViewProperties" | "portalItem" | "presentation" | "tables" | "thumbnailUrl" | "widgets" | "utilityNetworks">, "basemap" | "ground" | ("destroyed" | "initialized" | "declaredClass" | "set" | "watch" | "addHandles" | "removeHandles" | "hasHandles") | "layers" | "bookmarks" | "applicationProperties" | "authoringApp" | "authoringAppVersion" | "floorInfo" | "geotriggersInfo" | "initialViewProperties" | "portalItem" | "presentation" | "tables" | "thumbnailUrl" | "widgets" | "utilityNetworks"> & {
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }) => WebMap;
@@ -15,7 +15,7 @@ declare const useMapView: (component: LitElement & Omit<Pick<MapView, "container
     destroy: () => Promise<void>;
 }) => MapView;
 /**
- * The ArcGIS Map Component is used to add 2D maps to web applications. For 3D maps, use the
+ * The ArcGIS Map component is used to add 2D maps to web applications. For 3D maps, use the
  * [ArcGIS Scene component](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/).
  *
  * The Map component creates a [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) and loads a WebMap from either [ArcGIS Online](https://www.arcgis.com/home/index.html) or [ArcGIS Enterprise portal](https://enterprise.arcgis.com/en/portal/latest/administer/windows/what-is-portal-for-arcgis-.htm).
@@ -51,7 +51,7 @@ declare const useMapView: (component: LitElement & Omit<Pick<MapView, "container
  *
  * See also:
  * - [SDK sample apps using the Map component](https://developers.arcgis.com/javascript/latest/sample-code/?tagged=arcgis-map)
- * - [Getting started](https://developers.arcgis.com/javascript/latest/get-started-overview/)
+ * - [Get started](https://developers.arcgis.com/javascript/latest/get-started/)
  * - [Programming patterns](https://developers.arcgis.com/javascript/latest/programming-patterns/)
  *
  * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/)
@@ -102,7 +102,7 @@ export declare class ArcgisMap extends LitElement {
      * For animating the view, see this component's goTo() method.
      */
     get center(): __esri.MapView["center"];
-    set center(newValue: __esri.MapView["center"] | Nil | number[] | string);
+    set center(newValue: __esri.MapView["center"] | nil | number[] | string);
     /** Specifies constraints to scale, zoom, and rotation that may be applied to the MapView. */
     constraints: __esri.View2DConstraints;
     /**
@@ -131,13 +131,14 @@ export declare class ArcgisMap extends LitElement {
     get gamepad(): __esri.GamepadSettings;
     /**
      * Allows for adding graphics directly to the default graphics in the View.
-     * Example:
-     * ```
+     *
+     * @example
+     * ```js
      * // Adds a graphic to the View
      * graphics.add(pointGraphic);
      * ```
-     * Example:
-     * ```
+     * @example
+     * ```js
      * // Removes a graphic from the View
      * graphics.remove(pointGraphic);
      * ```
@@ -155,6 +156,8 @@ export declare class ArcgisMap extends LitElement {
      * Options for configuring the highlight.
      *
      * @deprecated
+     * since 4.33, use [highlights](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/#highlights) instead.
+     *
      * Options for configuring the highlight. Use the highlight method on the
      * appropriate esri/views/layers/LayerView to highlight a feature.
      * The layerView's `highlightOptions` will take precedence over the MapView's `highlightOptions` if both properties are set.
@@ -173,8 +176,8 @@ export declare class ArcgisMap extends LitElement {
      *
      * To configure the portal url you must set the [`portalUrl` property on `config`](https://developers.arcgis.com/javascript/latest/api-reference/esri-config.html#portalUrl) before the Map component loads.
      */
-    get itemId(): Nil | string;
-    set itemId(newValue: Nil | string);
+    get itemId(): nil | string;
+    set itemId(newValue: nil | string);
     /**
      * A collection containing a hierarchical list of all the created
      * esri/views/layers/LayerView LayerViews of the
@@ -184,7 +187,7 @@ export declare class ArcgisMap extends LitElement {
     /** The magnifier allows for showing a portion of the view as a magnifier image on top of the view. */
     readonly magnifier: __esri.Magnifier;
     /** An instance of a esri/Map object to display in the view. */
-    map: __esri.Map;
+    map: __esri.Map | nullish;
     /**
      * Indication whether the view is being navigated (for example when panning).
      *
@@ -331,28 +334,28 @@ export declare class ArcgisMap extends LitElement {
     set zoom(newValue: number);
     /**
      * @deprecated
-     * since 4.33. Use `element.map.add(layer)` instead.
+     * since 4.33, use `element.map.add(layer)` instead.
      *
      * Adds a layer to the map layers collection.
      */
     addLayer(layer: __esri.Layer | Promise<any>, index?: number): Promise<void>;
     /**
      * @deprecated
-     * since 4.33. Use `element.map.addMany([layer])` instead.
+     * since 4.33, use `element.map.addMany([layer])` instead.
      *
      * Adds a layer or array of layers to the map layers collection.
      */
     addLayers(layers: __esri.Layer[], index?: number): Promise<void>;
     /**
      * @deprecated
-     * since 4.33. Use `element.map.tables.add(table)` instead.
+     * since 4.33, use `element.map.tables.add(table)` instead.
      *
      * Adds a table to the map tables collection.
      */
     addTable(table: __esri.FeatureLayer): Promise<void>;
     /**
      * @deprecated
-     * since 4.33. Use `element.map.tables.addMany([table])` instead.
+     * since 4.33, use `element.map.tables.addMany([table])` instead.
      *
      * Adds a table or array of tables to the map tables collection.
      */
@@ -379,8 +382,18 @@ export declare class ArcgisMap extends LitElement {
     /** Gets the LayerView created on the view for the given layer. */
     whenLayerView(layer: __esri.Layer): Promise<__esri.LayerView>;
     /**
-     * `viewOnReady()` may be leveraged once an instance of the component is created and ready.
-     * This method takes two input parameters: a `callback` function and an `errback` function.
+     * `viewOnReady()` may be leveraged once an instance of the component and its underlying [view](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/#view) is created and ready.
+     * This method takes two input parameters, a `callback` function and an `errback` function, and returns a promise. The `callback` executes when the promise resolves, and the `errback` executes if the promise is rejected.
+     *
+     * @since 4.33
+     * @see [Watch for changes - waiting for components or views to be ready](https://developers.arcgis.com/javascript/latest/watch-for-changes/#waiting-for-components-or-views-to-be-ready)
+     * @example
+     * ```js
+     * const viewElement = document.querySelector("arcgis-map");
+     * await viewElement.viewOnReady();
+     * // The view is now ready to be used.
+     * viewElement.map.add(new FeatureLayer({...}));
+     * ```
      */
     viewOnReady(callback?: () => void, errback?: (error: Error) => void): Promise<void>;
     /**
@@ -429,7 +442,7 @@ export declare class ArcgisMap extends LitElement {
     readonly arcgisViewReadyChange: TargetedEvent<this, void>;
     private _map: __esri.Map;
     readonly _setterTypes: {
-        center?: __esri.MapView["center"] | Nil | number[] | string;
+        center?: __esri.MapView["center"] | nil | number[] | string;
         ground?: __esri.Ground | string;
     };
 }