@arcgis/map-components 4.34.0-next.20 → 4.34.0-next.22

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

@@ -6,7 +6,7 @@ import { m as h } from "../../chunks/useWidget.js";
 import { css as l } from "@lit/reactive-element/css-tag.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.20 */
+v4.34.0-next.22 */
 const r = l`@layer{arcgis-feature{display:block}}`, c = h(n);
 class m extends a {
   constructor() {

package/dist/components/arcgis-feature-content/customElement.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+/// <reference types="../../index.d.ts" />
+import { Nil } from '@arcgis/components-utils';
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+
+/** [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-feature-content/) */
+export declare class ArcgisFeatureContent extends LitElement {
+    creator?: __esri.PopupTemplateContentCreator;
+    destroyer?: __esri.PopupTemplateContentCreator;
+    graphic?: __esri.Graphic;
+    /**
+     * 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/arcgis-feature-content/#destroy) method when you are done to
+     * prevent memory leaks.
+     *
+     * @default false
+     */
+    autoDestroyDisabled: boolean;
+    /** Permanently destroy the component. */
+    destroy(): Promise<void>;
+    /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */
+    readonly arcgisReady: TargetedEvent<this, void>;
+}

package/dist/components/arcgis-feature-content/customElement.js

@@ -0,0 +1,92 @@
+import { c as g } from "../../chunks/runtime.js";
+import { html as i } from "lit-html";
+import { ref as f } from "lit-html/directives/ref.js";
+import { LitElement as d, createEvent as h, noShadowRoot as u, safeClassMap as n } from "@arcgis/lumina";
+import { css as m } from "@lit/reactive-element/css-tag.js";
+import { watch as p } from "@arcgis/core/core/reactiveUtils.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.22 */
+const v = m`@layer{arcgis-feature-content{.arcgis-feature-content__loader-container{display:flex;align-items:center;justify-content:center;padding:0;height:150px}.arcgis-feature-content{font-size:var(--calcite-font-size-md)}.arcgis-feature-content h1,.arcgis-feature-content h2,.arcgis-feature-content h3,.arcgis-feature-content h4,.arcgis-feature-content h5,.arcgis-feature-content h6{margin:var(--calcite-spacing-sm) 0;line-height:normal;letter-spacing:0;color:var(--calcite-color-text-1);font-weight:var(--calcite-font-weight-semibold)}.arcgis-feature-content h1{font-size:var(--calcite-font-size-xxl)}.arcgis-feature-content h2{font-size:var(--calcite-font-size-xl)}.arcgis-feature-content h3{font-size:var(--calcite-font-size-lg)}.arcgis-feature-content h4,.arcgis-feature-content h5,.arcgis-feature-content h6{font-size:var(--calcite-font-size)}.arcgis-widget__heading.arcgis-feature-element-info__title{margin-top:0;margin-bottom:var(--calcite-spacing-xxs);color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-lg);font-weight:var(--calcite-font-weight-regular)}.arcgis-feature-element-info__description{margin-bottom:var(--calcite-spacing-xs);font-size:var(--calcite-font-weight-regular);font-weight:var(--calcite-font-weight-regular)}.arcgis-feature-content p{margin:0 0 var(--calcite-spacing-xs);font-size:var(--calcite-font-weight-regular)}.arcgis-feature-content p:last-child{margin-block-end:0}.arcgis-feature-content img{max-width:100%;max-height:100%;image-orientation:from-image}.arcgis-feature-content video{max-width:100%;max-height:100%}.arcgis-feature-content figure{margin:0;padding:0}.arcgis-feature-content figcaption{display:block;margin:var(--calcite-spacing-xs) 0 0;padding:0;font-size:var(--calcite-font-size-sm);font-style:italic}.arcgis-feature-content ul,.arcgis-feature-content ol{margin-block:var(--calcite-spacing-sm)}.arcgis-feature-content ul:first-child,.arcgis-feature-content ol:first-child{margin-block-start:0}.arcgis-feature-content a,.arcgis-feature-content a:hover,.arcgis-feature-content a:focus{color:var(--calcite-color-text-link)}}}`, _ = /^(?:mailto:|tel:)/u;
+function y(a = "") {
+  if (a)
+    return !_.test(a.trim().toLowerCase());
+}
+async function c({
+  type: a,
+  value: t,
+  event: e
+}) {
+  try {
+    return typeof t == "function" ? t(e) : await t;
+  } catch (r) {
+    console.error(`[arcgis-feature] An error occurred when calling the "${a}" function`, {
+      error: r,
+      graphic: e.graphic,
+      value: t
+    });
+    return;
+  }
+}
+const o = "arcgis-feature-content", s = {
+  base: o,
+  loaderContainer: `${o}__loader-container`
+};
+class w extends d {
+  constructor() {
+    super(...arguments), this.autoDestroyDisabled = !1, this.arcgisReady = h();
+  }
+  static {
+    this.properties = { _loadingPromise: 16, _created: 16, creator: 0, destroyer: 0, graphic: 0, autoDestroyDisabled: 5 };
+  }
+  static {
+    this.styles = v;
+  }
+  static {
+    this.shadowRootOptions = u;
+  }
+  async destroy() {
+    await this.manager.destroy();
+  }
+  loaded() {
+    this.manager.onLifecycle(() => p(() => this.creator, (t) => {
+      this._destroyContent(), this._createContent(t);
+    }, { initial: !0 }));
+  }
+  async _createContent(t) {
+    const { graphic: e } = this;
+    if (!e || !t)
+      return;
+    const r = c({
+      type: "content",
+      value: t,
+      event: { graphic: e }
+    });
+    this._loadingPromise = r;
+    const l = await r;
+    r === this._loadingPromise && (this._loadingPromise = void 0, this._created = l);
+  }
+  _destroyContent() {
+    const { _created: t, graphic: e, destroyer: r } = this;
+    t && e && (c({ type: "content", value: r, event: { graphic: e } }), this._created = null);
+  }
+  _addTargetToAnchors(t) {
+    Array.from(t.querySelectorAll("a")).forEach((e) => {
+      y(e.href) && !e.hasAttribute("target") && e.setAttribute("target", "_blank");
+    });
+  }
+  render() {
+    return i`<div class=${n(s.base)}>${this._loadingPromise ? this._renderLoading() : this._renderCreated()}</div>`;
+  }
+  _renderLoading() {
+    return i`<div class=${n(s.loaderContainer)}><calcite-loader inline label></calcite-loader></div>`;
+  }
+  _renderCreated() {
+    const { _created: t } = this;
+    return t instanceof HTMLElement ? t : typeof t == "string" ? i`<div .innerHTML=${t ?? ""} ${f(this._addTargetToAnchors)}></div>` : null;
+  }
+}
+g("arcgis-feature-content", w);
+export {
+  w as ArcgisFeatureContent
+};

package/dist/components/arcgis-feature-content/index.d.ts

@@ -0,0 +1,2 @@
+import "@esri/calcite-components/components/calcite-loader";
+export * from "./customElement.js";

package/dist/components/arcgis-feature-content/index.js

@@ -0,0 +1,2 @@
+import "@esri/calcite-components/components/calcite-loader";
+export * from "./customElement.js";

package/dist/components/arcgis-feature-form/customElement.d.ts

@@ -80,7 +80,7 @@ export declare class ArcgisFeatureForm extends LitElement {
      *
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm.html#layer)
      */
-    layer: nullish | __esri.FeatureLayer | __esri.SceneLayer | __esri.GeoJSONLayer | __esri.OrientedImageryLayer | __esri.SubtypeSublayer;
+    layer: nullish | __esri.FeatureLayer | __esri.SceneLayer | __esri.GeoJSONLayer | __esri.OrientedImageryLayer | __esri.SubtypeSublayer | __esri.KnowledgeGraphSublayer;
     /** @default "bottom-left" */
     position: __esri.UIPosition;
     referenceElement?: ArcgisReferenceElement | string;

package/dist/components/arcgis-feature-form/customElement.js

@@ -7,7 +7,7 @@ import { m as h } from "../../chunks/useWidget.js";
 import { css as m } from "@lit/reactive-element/css-tag.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.20 */
+v4.34.0-next.22 */
 const l = m`@layer{arcgis-feature-form{display:block}}`, g = h(s);
 class n extends r {
   constructor() {

package/dist/components/arcgis-feature-table/customElement.js

@@ -9,7 +9,7 @@ import { e as m, g as c } from "../../chunks/component-utils.js";
 import { css as u } from "@lit/reactive-element/css-tag.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.20 */
+v4.34.0-next.22 */
 const w = u`@layer{arcgis-feature-table{display:block}.arcgis-feature-table{width:100%;height:100%}}`, p = g(a);
 class b extends d {
   constructor() {

package/dist/components/arcgis-feature-templates/customElement.js

@@ -7,7 +7,7 @@ import { m as a } from "../../chunks/useWidget.js";
 import { css as h } from "@lit/reactive-element/css-tag.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.20 */
+v4.34.0-next.22 */
 const n = h`@layer{arcgis-feature-templates{display:block}}`, c = a(s);
 class d extends o {
   constructor() {

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

@@ -8,7 +8,7 @@ import { css as l } from "@lit/reactive-element/css-tag.js";
 import { c } from "../../chunks/createCloseEvent.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.20 */
+v4.34.0-next.22 */
 const g = l`@layer{arcgis-features{display:flex;flex-direction:column;overflow:hidden;.esri-features{flex:1 1 auto;overflow:hidden}}}`, u = d(o);
 class w extends r {
   constructor() {

package/dist/components/arcgis-floor-filter/customElement.js

@@ -5,7 +5,7 @@ import { m as a } from "../../chunks/useWidget.js";
 import { css as r } from "@lit/reactive-element/css-tag.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.20 */
+v4.34.0-next.22 */
 const h = r`@layer{arcgis-floor-filter{display:block}}`, n = a(i);
 class c extends s {
   constructor() {

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

@@ -9,7 +9,7 @@ import { css as p } from "@lit/reactive-element/css-tag.js";
 import { u as h } from "../../chunks/useView.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.20 */
+v4.34.0-next.22 */
 const g = p`arcgis-fullscreen{display:block}`, E = {
   base: "esri-fullscreen"
 };

package/dist/components/arcgis-grid-controls/customElement.js

@@ -15,7 +15,7 @@ import { watch as D } from "@arcgis/core/core/reactiveUtils.js";
 import L from "@arcgis/core/widgets/support/GridControls/GridControlsViewModel.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.20 */
+v4.34.0-next.22 */
 function B(s) {
   if (s == null || Number.isNaN(s))
     return 0;

package/dist/components/arcgis-histogram-range-slider/customElement.js

@@ -6,7 +6,7 @@ import { m as n } from "../../chunks/useWidget.js";
 import { css as d } from "@lit/reactive-element/css-tag.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.20 */
+v4.34.0-next.22 */
 const h = d`@layer{arcgis-histogram-range-slider{display:block}}`, l = n(s);
 class g extends a {
   constructor() {

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

@@ -11,7 +11,7 @@ import { g as a } from "../../chunks/globalCss.js";
 import { css as u } from "@lit/reactive-element/css-tag.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.20 */
+v4.34.0-next.22 */
 const b = u`@layer{arcgis-home{display:block}}`, y = {
   base: "esri-home"
 }, M = f(d);

package/dist/components/arcgis-labeled-switch/customElement.js

@@ -6,7 +6,7 @@ import { LitElement as m, createEvent as b, safeClassMap as c } from "@arcgis/lu
 import { css as f } from "@lit/reactive-element/css-tag.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.20 */
+v4.34.0-next.22 */
 const g = f`.label{--calcite-label-margin-bottom: 0}.label-content{display:flex;flex:1;gap:var(--calcite-spacing-sm);align-items:center;text-wrap:balance}.label-content>div{flex-grow:1}.icon{margin-top:-1px;&.info{color:var(--calcite-color-status-info)}&.warning{color:var(--calcite-color-status-warning)}}.tooltip{text-wrap:wrap}`, e = {
   label: "label",
   labelContent: "label-content",

package/dist/components/arcgis-layer-list/customElement.js

@@ -8,7 +8,7 @@ import { s as n } from "../../chunks/layer-list.js";
 import { c as g } from "../../chunks/createCloseEvent.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.20 */
+v4.34.0-next.22 */
 const c = d(a);
 class m extends r {
   constructor() {

package/dist/components/arcgis-layer-list-item/customElement.js

@@ -10,7 +10,7 @@ import { s as E } from "../../chunks/layer-list.js";
 import { u as x } from "../../chunks/useT9n.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.20 */
+v4.34.0-next.22 */
 const D = {
   hideChildren: "hide-children"
 };

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

@@ -6,7 +6,7 @@ import { m as o } from "../../chunks/useWidget.js";
 import { css as n } from "@lit/reactive-element/css-tag.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.20 */
+v4.34.0-next.22 */
 const l = n`@layer{arcgis-legend{display:block}}`, d = o(i);
 class h extends s {
   constructor() {

package/dist/components/arcgis-line-of-sight/customElement.js

@@ -11,7 +11,7 @@ import x from "@arcgis/core/analysis/LineOfSightAnalysis.js";
 import { property as O, subclass as A } from "@arcgis/core/core/accessorSupport/decorators.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.20 */
+v4.34.0-next.22 */
 const C = w`@layer{arcgis-line-of-sight{display:block}.arcgis-line-of-sight__container{display:flex;position:relative;flex-flow:column;gap:var(--calcite-spacing-md);padding:var(--esri-widget-padding);overflow-y:auto}.arcgis-line-of-sight__error{color:var(--calcite-color-status-danger)}.arcgis-line-of-sight__hint{display:flex;flex-direction:column;gap:var(--calcite-spacing-md)}.arcgis-line-of-sight__error,.arcgis-line-of-sight__hint{overflow:hidden;animation:arcgis-line-of-sight-fade-in .25s ease-in-out;p{margin:0;padding:0}}.arcgis-line-of-sight__actions{display:flex;flex-flow:column;gap:var(--calcite-spacing-xxs);justify-content:center}@keyframes arcgis-line-of-sight-fade-in{0%{opacity:0}25%{opacity:0}to{opacity:1}}}`, a = "arcgis-line-of-sight", r = {
   base: a,
   actions: `${a}__actions`,

package/dist/components/arcgis-link-chart/customElement.d.ts

@@ -308,8 +308,17 @@ export declare class ArcgisLinkChart 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-link-chart/#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-link-chart");
+     * await viewElement.viewOnReady();
+     * // The view is now ready to be used.
+     * ```
      */
     viewOnReady(callback?: () => void, errback?: (error: Error) => void): Promise<void>;
     /**

package/dist/components/arcgis-link-chart/customElement.js

@@ -8,7 +8,7 @@ import { c as v, i as l } from "../../chunks/component-utils.js";
 import { css as m } from "@lit/reactive-element/css-tag.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.20 */
+v4.34.0-next.22 */
 const g = m`@layer{arcgis-link-chart{display:block;height:100%;.esri-view{height:100%;width:100%}}}`, d = r(
   w,
   /**

package/dist/components/arcgis-link-chart-layout-switcher/customElement.d.ts

@@ -54,7 +54,7 @@ export declare class ArcgisLinkChartLayoutSwitcher extends LitElement {
     /**
      * Icon displayed in the component's button, when `appearance` is `dropdown`.
      *
-     * @see [Calcite Icon Search](https://next.gha.afd.arcgis.com/calcite-design-system/icons/)
+     * @see [Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)
      * @default "nodes-link"
      */
     icon?: string;

package/dist/components/arcgis-link-chart-layout-switcher/customElement.js

@@ -11,7 +11,7 @@ import { LitElement as b, createEvent as f, noShadowRoot as v, safeClassMap as c
 import { css as $ } from "@lit/reactive-element/css-tag.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.20 */
+v4.34.0-next.22 */
 const L = $`@layer{arcgis-link-chart-layout-switcher{display:block}}`, l = {
   basicLayoutCategory: [
     "basic-grid"

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

@@ -1,7 +1,6 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
 import { Use } from '@arcgis/lumina/controllers';
-import { Nil } from '@arcgis/components-utils';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 import { default as LocateViewModel } from './LocateViewModel';
@@ -23,14 +22,14 @@ export declare class ArcgisLocate extends LitElement {
      * @default false
      */
     autoDestroyDisabled: boolean;
-    geolocationOptions: Nil | PositionOptions;
+    geolocationOptions: PositionOptions | undefined;
     /**
      * Indicates whether to navigate the view to the position and scale of the geolocated result.
      *
      * @default false
      */
     goToLocationDisabled: boolean;
-    goToOverride: Nil | __esri.GoToOverride;
+    goToOverride: __esri.GoToOverride | undefined;
     /** The graphic used to show the user's location on the map. */
     graphic: __esri.Graphic;
     /** @default "gps-off" */
@@ -54,7 +53,7 @@ export declare class ArcgisLocate extends LitElement {
      *
      * @default null
      */
-    scale: number | Nil;
+    scale: number | undefined;
     /** The current state of the component. */
     state: "ready" | "disabled" | "error" | "feature-unsupported" | "locating";
     /**

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

@@ -27,7 +27,7 @@ import { project as te } from "@arcgis/core/rest/geometryService.js";
 import oe 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.20 */
+v4.34.0-next.22 */
 const ie = K`@layer{arcgis-locate{display:block}}`;
 let M = !1;
 const re = {
@@ -46,7 +46,7 @@ function se() {
 function ne() {
   return ae() && se();
 }
-function le(e) {
+function ce(e) {
   return e ??= re, new Promise((o, r) => {
     setTimeout(
       () => r(new u("geolocation:timeout", "getting the current geolocation position timed out")),
@@ -54,7 +54,7 @@ function le(e) {
     ), navigator.geolocation.getCurrentPosition(o, r, e ?? void 0);
   });
 }
-function ce(e, t) {
+function le(e, t) {
   const { position: o, view: r } = e, a = pe(o)?.coords;
   if (!a)
     throw new u("geometry-service:no-coords", "Geolocation has no coordinates");
@@ -263,11 +263,11 @@ const L = {
     ]
   }
 });
-let l = class extends B {
+let c = class extends B {
   constructor() {
-    super(...arguments), this._geolocationUsable = !0, this.geolocationOptions = null, this.goToLocationEnabled = !0, this.goToOverride = null, this.graphic = new O({
+    super(...arguments), this._geolocationUsable = !0, this.goToLocationEnabled = !0, this.graphic = new O({
       symbol: we
-    }), this.scale = null, this.rotationEnabled = !0, this.view = null;
+    }), this.rotationEnabled = !0;
   }
   //#region Lifecycle
   initialize() {
@@ -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
@@ -351,7 +351,7 @@ let l = class extends B {
   }
   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 le({ 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 = {
         timestamp: a,
         accuracy: g,
         altitude: h,
@@ -376,33 +376,33 @@ 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);
+], c);
 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--)
     (s = e[a]) && (i = (r ? s(t, o, i) : s(i)) || i);
@@ -490,7 +490,7 @@ 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);
@@ -521,7 +521,7 @@ 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 ce(this.geolocationOptions);
       if (await this.updatePosition(t, e), this._locateController !== e)
         return null;
       const { graphic: o } = this;
@@ -547,28 +547,28 @@ let c = class extends l {
 };
 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);
+}, C = "gps-off", Se = k(l);
 class Ee extends z {
   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();

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

@@ -387,8 +387,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>;
     /**

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

@@ -8,7 +8,7 @@ import { c as v, i as l } from "../../chunks/component-utils.js";
 import { css as m } from "@lit/reactive-element/css-tag.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.20 */
+v4.34.0-next.22 */
 const g = m`@layer{arcgis-map{display:block;height:100%;.esri-view{height:100%;width:100%}}}`, d = r(
   w,
   /**

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

@@ -6,7 +6,7 @@ import { m as r } from "../../chunks/useWidget.js";
 import { css as n } from "@lit/reactive-element/css-tag.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.20 */
+v4.34.0-next.22 */
 const c = n`@layer{arcgis-measurement{display:block}}`, l = r(i);
 class h extends s {
   constructor() {

package/dist/components/arcgis-measurement-content/customElement.js

@@ -6,7 +6,7 @@ import { f as l } from "../../chunks/measurementUtils.js";
 import { css as m } from "@lit/reactive-element/css-tag.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.20 */
+v4.34.0-next.22 */
 const u = m`:host,.hint,.error,.section,.actions,.item{display:flex;flex-direction:column;gap:var(--calcite-spacing-md);animation:esri-fade-in .25s ease-in-out}.error{color:var(--calcite-color-status-danger)}.error,.hint{overflow:hidden;p{margin:0;padding:0}}.item-disabled{color:var(--calcite-color-text-1);opacity:var(--calcite-opacity-light)}.item-value{font-weight:var(--calcite-font-weight-semibold)}.actions{justify-content:center}`, e = {
   error: "error",
   hint: "hint",

package/dist/components/arcgis-navigation-toggle/customElement.js

@@ -9,7 +9,7 @@ import { g as b } from "../../chunks/globalCss.js";
 import { css as M } from "@lit/reactive-element/css-tag.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.20 */
+v4.34.0-next.22 */
 const $ = "arcgis-navigation-toggle", w = {
   base: $
 }, x = M`@layer{.arcgis-navigation-toggle{display:flex;box-shadow:0 1px 2px #0000004d;inline-size:fit-content;block-size:fit-content}}`, e = { pan: "move", rotate: "rotate" };

package/dist/components/arcgis-oriented-imagery-viewer/customElement.js

@@ -7,7 +7,7 @@ import { m as l } from "../../chunks/useWidget.js";
 import { css as g } from "@lit/reactive-element/css-tag.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.20 */
+v4.34.0-next.22 */
 const h = g`@layer{arcgis-oriented-imagery-viewer{display:block}}`, m = l(r);
 class y extends o {
   constructor() {

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

@@ -4,7 +4,7 @@ import { LitElement as l, createEvent as a, noShadowRoot as c } from "@arcgis/lu
 import { css as h } from "@lit/reactive-element/css-tag.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.20 */
+v4.34.0-next.22 */
 const d = h`@layer{arcgis-placement{display:flex;pointer-events:auto;box-shadow:none}.arcgis-placement__container{display:block}}`;
 class m extends l {
   constructor() {