@arcgis/map-components 4.33.0-next.50 → 4.33.0-next.52

package/dist/components/arcgis-histogram/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.33/esri/copyright.txt for details.
-v4.33.0-next.50 */
+v4.33.0-next.52 */
 const h = n`@layer{arcgis-histogram{display:block}}`, d = r(e);
 class m extends s {
   constructor() {

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.33/esri/copyright.txt for details.
-v4.33.0-next.50 */
+v4.33.0-next.52 */
 const h = d`@layer{arcgis-histogram-range-slider{display:block}}`, l = n(s);
 class g extends a {
   constructor() {

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

@@ -11,26 +11,7 @@ declare const useHomeViewModel: (component: import('@arcgis/components-controlle
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<HomeViewModel, never> & {
-    reactiveUtils?: typeof __esri.reactiveUtils;
-    state?: "ready" | "disabled" | "going-home" | undefined;
-    icon: Nil | string;
-    label: Nil | string;
-    referenceElement: ArcgisReferenceElement | Nil | string;
-    arcgisReady: import('@arcgis/components-controllers').EventEmitter;
-    position: __esri.UIPosition;
-    arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
-        name: string;
-    }> | undefined;
-    el: HTMLElement & {
-        childElem?: HTMLElement & {
-            ownedBy?: HTMLElement;
-        };
-        view?: __esri.MapView | __esri.SceneView | undefined;
-    };
-    autoDestroyDisabled: boolean;
-    destroy: () => Promise<void>;
-}, options?: {
+} & Pick<HomeViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<HomeViewModel>, options?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => HomeViewModel;
 /**

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

@@ -5,13 +5,13 @@ import { reEmitEvent as n } from "@arcgis/components-controllers/accessor";
 import { classes as m } from "@arcgis/components-utils";
 import d from "@arcgis/core/widgets/Home/HomeViewModel.js";
 import { LitElement as h, createEvent as g, noShadowRoot as p, safeClassMap as i, nothing as v } from "@arcgis/lumina";
-import { u as w } from "../../chunks/useT9n.js";
+import { u as w } from "../../chunks/useView.js";
 import { m as f } from "../../chunks/useViewModel.js";
 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.33/esri/copyright.txt for details.
-v4.33.0-next.50 */
+v4.33.0-next.52 */
 const b = u`@layer{arcgis-home{display:block}}`, y = {
   base: "esri-home"
 }, M = f(d);

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

@@ -7,7 +7,7 @@ import { m as d } 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.33/esri/copyright.txt for details.
-v4.33.0-next.50 */
+v4.33.0-next.52 */
 const g = n`@layer{arcgis-layer-list{display:block}}`, c = d(o);
 class m extends r {
   constructor() {

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.33/esri/copyright.txt for details.
-v4.33.0-next.50 */
+v4.33.0-next.52 */
 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

@@ -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.33/esri/copyright.txt for details.
-v4.33.0-next.50 */
+v4.33.0-next.52 */
 const l = n`@layer{arcgis-line-of-sight{display:block}}`, h = r(i);
 class c extends e {
   constructor() {

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

@@ -249,13 +249,13 @@ export declare class ArcgisLinkChart extends LitElement {
     toScreen(point: __esri.Point, options?: __esri.ToScreenOptions2D): __esri.MapViewScreenPoint | nullish;
     /** Call this method to clear any fatal errors resulting from a lost WebGL context. */
     tryFatalErrorRecovery(): Promise<void>;
+    /** Gets the LayerView created on the view for the given layer. */
+    whenLayerView(layer: __esri.Layer): Promise<__esri.LayerView>;
     /**
-     * `whenReady()` may be leveraged once an instance of the component is created and ready.
+     * `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.
      */
-    whenReady(callback?: () => void, errback?: (error: Error) => void): Promise<void>;
-    /** Gets the LayerView created on the view for the given layer. */
-    whenLayerView(layer: __esri.Layer): Promise<__esri.LayerView>;
+    viewOnReady(callback?: () => void, errback?: (error: Error) => void): Promise<void>;
     /**
      * This event is for view related property changes: zoom, scale, center, rotation, extent, camera, viewpoint.
      * This event will also emit if stationary toggles from true to false.

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

@@ -4,11 +4,11 @@ import { watch as s } from "@arcgis/core/core/reactiveUtils.js";
 import p from "@arcgis/core/views/LinkChartView.js";
 import n from "@arcgis/core/WebLinkChart.js";
 import { LitElement as l, createEvent as a, noShadowRoot as m } from "@arcgis/lumina";
-import { e as h, i as g } from "../../chunks/component-utils.js";
+import { b as h, i as g } from "../../chunks/component-utils.js";
 import { css as y } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.50 */
+v4.33.0-next.52 */
 const u = y`@layer{arcgis-link-chart{display:block;height:100%;.esri-view{height:100%;width:100%}}}`, f = r(
   n,
   /**
@@ -164,17 +164,17 @@ class V extends l {
   async tryFatalErrorRecovery() {
     this.view?.tryFatalErrorRecovery();
   }
-  /**
-   * `whenReady()` 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.
-   */
-  async whenReady(i, t) {
-    return await this.componentOnReady(), await this.view?.when(i, t);
-  }
   /** Gets the LayerView created on the view for the given layer. */
   async whenLayerView(i) {
     return await this.view?.whenLayerView(i);
   }
+  /**
+   * `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.
+   */
+  async viewOnReady(i, t) {
+    return await this.componentOnReady(), await this.view.whenReady().then(() => i?.()).catch(t);
+  }
   //#endregion
   //#region Lifecycle
   load() {

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

@@ -23,26 +23,7 @@ declare const useLinkChartLayoutSwitcherViewModel: (component: import('@arcgis/c
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<LinkChartLayoutSwitcherViewModel, never> & {
-    reactiveUtils?: typeof __esri.reactiveUtils;
-    state?: "ready" | "loading" | "disabled" | undefined;
-    icon: Nil | string;
-    label: Nil | string;
-    referenceElement: ArcgisReferenceElement | Nil | string;
-    arcgisReady: import('@arcgis/components-controllers').EventEmitter;
-    position: __esri.UIPosition;
-    arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
-        name: string;
-    }> | undefined;
-    el: HTMLElement & {
-        childElem?: HTMLElement & {
-            ownedBy?: HTMLElement;
-        };
-        view?: __esri.MapView | __esri.SceneView | undefined;
-    };
-    autoDestroyDisabled: boolean;
-    destroy: () => Promise<void>;
-}, options?: {
+} & Pick<LinkChartLayoutSwitcherViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<LinkChartLayoutSwitcherViewModel>, options?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => LinkChartLayoutSwitcherViewModel;
 /** A component for use in link charts that allows users to switch between different layouts. See [documentation on layouts](https://enterprise.arcgis.com/en/knowledge/latest/knowledge-studio/change-the-layout-applied-to-a-link-chart.htm) for more details.

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

@@ -5,13 +5,13 @@ import { g as e } from "../../chunks/globalCss.js";
 import h from "@arcgis/core/widgets/LinkChartLayoutSwitcher/LinkChartLayoutSwitcherViewModel.js";
 import { usePropertyChange as d } from "@arcgis/components-controllers";
 import { m } from "../../chunks/useViewModel.js";
-import { u as g } from "../../chunks/useT9n.js";
+import { u as g } from "../../chunks/useView.js";
 import { reEmitEvent as u } from "@arcgis/components-controllers/accessor";
 import { LitElement as p, createEvent as y, noShadowRoot as w, safeClassMap as a } from "@arcgis/lumina";
 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.33/esri/copyright.txt for details.
-v4.33.0-next.50 */
+v4.33.0-next.52 */
 const b = f`@layer{arcgis-link-chart-layout-switcher{display:block}}`, k = {
   basicLayoutCategory: [
     "basic-grid"

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

@@ -11,26 +11,7 @@ declare const useLocateViewModel: (component: import('@arcgis/components-control
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<LocateViewModel, never> & {
-    reactiveUtils?: typeof __esri.reactiveUtils;
-    state?: "ready" | "disabled" | "error" | "feature-unsupported" | "locating" | undefined;
-    icon: Nil | string;
-    label: Nil | string;
-    referenceElement: ArcgisReferenceElement | Nil | string;
-    arcgisReady: import('@arcgis/components-controllers').EventEmitter;
-    position: __esri.UIPosition;
-    arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
-        name: string;
-    }> | undefined;
-    el: HTMLElement & {
-        childElem?: HTMLElement & {
-            ownedBy?: HTMLElement;
-        };
-        view?: __esri.MapView | __esri.SceneView | undefined;
-    };
-    autoDestroyDisabled: boolean;
-    destroy: () => Promise<void>;
-}, options?: {
+} & Pick<LocateViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<LocateViewModel>, options?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => LocateViewModel;
 /** Locate component animates the [View](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html) to the user's current location.

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

@@ -5,14 +5,14 @@ import { reEmitEvent as r } from "@arcgis/components-controllers/accessor";
 import { classes as u } from "@arcgis/components-utils";
 import f from "@arcgis/core/widgets/Locate/LocateViewModel.js";
 import { LitElement as v, createEvent as w, noShadowRoot as E, safeClassMap as l, nothing as b } from "@arcgis/lumina";
-import { u as M } from "../../chunks/useT9n.js";
+import { u as M } from "../../chunks/useView.js";
 import { m as y } from "../../chunks/useViewModel.js";
 import { g as c } from "../../chunks/globalCss.js";
 import { l as $ } from "../../chunks/legacyIcon.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.33/esri/copyright.txt for details.
-v4.33.0-next.50 */
+v4.33.0-next.52 */
 const D = L`@layer{arcgis-locate{display:block}}`, O = {
   base: "esri-locate"
 }, n = "gps-off", T = y(f);

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

@@ -313,13 +313,13 @@ export declare class ArcgisMap extends LitElement {
     toScreen(point: __esri.Point, options?: __esri.ToScreenOptions2D): __esri.MapViewScreenPoint | nullish;
     /** Call this method to clear any fatal errors resulting from a lost WebGL context. */
     tryFatalErrorRecovery(): Promise<void>;
+    /** Gets the LayerView created on the view for the given layer. */
+    whenLayerView(layer: __esri.Layer): Promise<__esri.LayerView>;
     /**
-     * `whenReady()` may be leveraged once an instance of the component is created and ready.
+     * `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.
      */
-    whenReady(callback?: () => void, errback?: (error: Error) => void): Promise<void>;
-    /** Gets the LayerView created on the view for the given layer. */
-    whenLayerView(layer: __esri.Layer): Promise<__esri.LayerView>;
+    viewOnReady(callback?: () => void, errback?: (error: Error) => void): Promise<void>;
     /**
      * This event is for view related property changes: zoom, scale, center, rotation, extent, camera, viewpoint.
      * This event will also emit if stationary toggles from true to false.

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

@@ -1,14 +1,14 @@
-import { c as p } from "../../chunks/runtime.js";
-import { makeAccessorController as r, reEmitEvent as e, accessorSupport as d } from "@arcgis/components-controllers/accessor";
+import { c as d } from "../../chunks/runtime.js";
+import { makeAccessorController as r, reEmitEvent as e, accessorSupport as p } from "@arcgis/components-controllers/accessor";
 import { watch as s } from "@arcgis/core/core/reactiveUtils.js";
 import v from "@arcgis/core/views/MapView.js";
 import o from "@arcgis/core/WebMap.js";
 import { LitElement as m, createEvent as a, noShadowRoot as l } from "@arcgis/lumina";
-import { e as h, i as g } from "../../chunks/component-utils.js";
+import { b as h, i as g } from "../../chunks/component-utils.js";
 import { css as y } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.50 */
+v4.33.0-next.52 */
 const u = y`@layer{arcgis-map{display:block;height:100%;.esri-view{height:100%;width:100%}}}`, f = r(
   o,
   /**
@@ -76,7 +76,7 @@ class b extends m {
     return this._map.portalItem?.id ?? this._itemId;
   }
   set itemId(i) {
-    this._itemId = i, this.ready ? d.reCreate(this._map, this).then(() => {
+    this._itemId = i, this.ready ? p.reCreate(this._map, this).then(() => {
       this.view.map = this._map;
     }).catch(console.error) : this.view.ready != null && (this._map.destroy(), this._map = new o(this._editMapProperties({ portalItem: { id: this._itemId } })), this.view.map = this._map);
   }
@@ -181,17 +181,17 @@ class b extends m {
   async tryFatalErrorRecovery() {
     this.view?.tryFatalErrorRecovery();
   }
-  /**
-   * `whenReady()` 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.
-   */
-  async whenReady(i, t) {
-    return await this.componentOnReady(), await this.view?.when(i, t);
-  }
   /** Gets the LayerView created on the view for the given layer. */
   async whenLayerView(i) {
     return await this.view?.whenLayerView(i);
   }
+  /**
+   * `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.
+   */
+  async viewOnReady(i, t) {
+    return await this.componentOnReady(), await this.view.whenReady().then(() => i?.()).catch(t);
+  }
   //#endregion
   //#region Lifecycle
   load() {
@@ -222,7 +222,7 @@ class b extends m {
     return t && (i.center = t), this.viewpoint && (i.viewpoint = this.viewpoint), this.scale !== void 0 && (i.scale = this.scale), this.extent && (i.extent = this.extent), this.zoom !== void 0 && (i.zoom = this.zoom), i;
   }
 }
-p("arcgis-map", b);
+d("arcgis-map", b);
 export {
   b as ArcgisMap
 };

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.33/esri/copyright.txt for details.
-v4.33.0-next.50 */
+v4.33.0-next.52 */
 const c = n`@layer{arcgis-measurement{display:block}}`, l = r(i);
 class h extends s {
   constructor() {

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

@@ -1,84 +1,32 @@
-import { c as g } from "../../chunks/runtime.js";
-import { proxyExports as m, GenericController as v, watch as h, usePropertyChange as u } from "@arcgis/components-controllers";
-import { LitElement as y, createEvent as f, noShadowRoot as w, safeClassMap as b, nothing as p } from "@arcgis/lumina";
-import { html as _ } from "lit";
-import { signal as M } from "@arcgis/core/applications/Components/reactiveUtils.js";
-import * as l from "@arcgis/core/core/reactiveUtils.js";
-import { u as $ } from "../../chunks/useT9n.js";
-import { a as s } from "../../chunks/component-utils.js";
-import { g as E } from "../../chunks/globalCss.js";
-import { css as C } from "@lit/reactive-element/css-tag.js";
+import { c as d } from "../../chunks/runtime.js";
+import { usePropertyChange as g } from "@arcgis/components-controllers";
+import { when as c } from "@arcgis/core/core/reactiveUtils.js";
+import { LitElement as p, createEvent as h, noShadowRoot as v, safeClassMap as m, nothing as r } from "@arcgis/lumina";
+import { html as u } from "lit";
+import { a as y, u as b } from "../../chunks/useView.js";
+import { g as f } 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.33/esri/copyright.txt for details.
-v4.33.0-next.50 */
-const x = (n) => R(n);
-class P extends v {
-  constructor(t) {
-    super(t), this._view$ = M(void 0), this._viewDestroyHandle = void 0, this._arcgisReadyEmitted = !1;
-    const { el: e } = t, a = e.view;
-    this.setProvisionalExports(void 0), Object.defineProperty(e, "view", {
-      get: () => this._view$.value,
-      set: (i) => {
-        if (this.exports === i)
-          return;
-        const o = e.view;
-        this._view$.value = i, this.exports = i, this.component.requestUpdate("view", o), !this._arcgisReadyEmitted && i != null && (this._arcgisReadyEmitted = !0, this.component.arcgisReady.emit());
-      },
-      configurable: !0,
-      enumerable: !0
-    }), t !== e && Object.defineProperty(t, "view", {
-      get: () => e.view,
-      set: (i) => {
-        e.view = i;
-      }
-    }), queueMicrotask(() => {
-      a && (e.view = a);
-    });
-  }
-  hostConnected() {
-    this._viewDestroyHandle ??= l.when(
-      () => this._view$.value?.destroyed,
-      () => void this.component.destroy?.().catch(console.error),
-      { sync: !0 }
-    ), this.component.manager.loadedCalled && s(this.component);
-  }
-  hostLoad() {
-    this.component.manager.destroyed || this._watchMetaProperties();
-  }
-  hostLoaded() {
-    const { el: t } = this.component, e = t.shadowRoot?.firstElementChild ?? t.firstElementChild ?? void 0;
-    t.childElem = e ?? t.childElem, t.isConnected && s(this.component);
-  }
-  hostDisconnected() {
-    typeof this.component.el.childElem == "object" && this._view$.value?.ui?.remove(this.component.el.childElem);
-  }
-  hostDestroy() {
-    this._viewDestroyHandle?.remove();
-  }
-  _watchMetaProperties() {
-    h(this.component, "position", (t) => {
-      this.component.el.childElem != null && typeof t == "string" && s(this.component);
-    }), h(this.component, "referenceElement", () => s(this.component));
-  }
-}
-const R = m(P), D = "arcgis-navigation-toggle", k = {
-  base: D
-}, N = C`@layer{.arcgis-navigation-toggle{display:flex;inline-size:fit-content;block-size:fit-content}}`, c = {
+v4.33.0-next.52 */
+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"
 };
-class A extends y {
+class _ extends p {
   constructor() {
-    super(...arguments), this.view = x(this), this._messages = $(), this.autoDestroyDisabled = !1, this.icon = c.pan, this.layout = "vertical", this.navigationMode = "pan", this.position = "top-left", this.state = "disabled", this.arcgisPropertyChange = u()("layout", "state"), this.arcgisReady = f();
+    super(...arguments), this.view = y(this), this._messages = b(), this.autoDestroyDisabled = !1, this.icon = e.pan, this.layout = "vertical", this.navigationMode = "pan", this.position = "top-left", this.state = "disabled", this.arcgisPropertyChange = g()("layout", "state"), this.arcgisReady = h();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, icon: 3, label: 1, layout: 3, navigationMode: 3, position: 1, referenceElement: 1, state: 3 };
   }
   static {
-    this.shadowRootOptions = w;
+    this.shadowRootOptions = v;
   }
   static {
-    this.styles = N;
+    this.styles = x;
   }
   //#endregion
   //#region Public Methods
@@ -93,8 +41,8 @@ class A extends y {
   //#region Lifecycle
   load() {
     this.manager.onLifecycle(() => [
-      l.when(() => this.view?.navigation?.actionMap, () => this._updateNavigationActionMap()),
-      l.when(() => {
+      c(() => this.view?.navigation?.actionMap, () => this._updateNavigationActionMap()),
+      c(() => {
         const { view: t } = this;
         return t?.ready && t?.type === "3d" ? "ready" : "disabled";
       }, (t) => {
@@ -117,17 +65,17 @@ class A extends y {
     const t = this.view?.navigation?.actionMap;
     if (!t)
       return;
-    const e = this.navigationMode === "pan";
-    t.dragPrimary = e ? "pan" : "rotate", t.dragSecondary = e ? "rotate" : "pan";
+    const a = this.navigationMode === "pan";
+    t.dragPrimary = a ? "pan" : "rotate", t.dragSecondary = a ? "rotate" : "pan";
   }
   //#endregion
   //#region Rendering
   render() {
-    const { _messages: t, navigationMode: e, state: a } = this, i = t.pan ?? "", o = t.rotate ?? "", r = a === "disabled", d = e === "pan";
-    return _`<calcite-action-bar class=${b({ [k.base]: !0, [E.disabled]: r })} expand-disabled .layout=${this.layout} scale=s><calcite-action .active=${d} appearance=solid data-testid=navigation-toggle-pan .disabled=${r} .icon=${c.pan} @click=${this._onPanClick} scale=s .text=${i} title=${i ?? p}></calcite-action><calcite-action .active=${!d} appearance=solid data-testid=navigation-toggle-rotate .disabled=${r} .icon=${c.rotate} @click=${this._onRotateClick} scale=s .text=${o} title=${o ?? p}></calcite-action></calcite-action-bar>`;
+    const { _messages: t, navigationMode: a, state: l } = this, s = t.pan ?? "", o = t.rotate ?? "", i = l === "disabled", n = a === "pan";
+    return u`<calcite-action-bar class=${m({ [w.base]: !0, [f.disabled]: i })} expand-disabled .layout=${this.layout} scale=s><calcite-action .active=${n} appearance=solid data-testid=navigation-toggle-pan .disabled=${i} .icon=${e.pan} @click=${this._onPanClick} scale=s .text=${s} title=${s ?? r}></calcite-action><calcite-action .active=${!n} appearance=solid data-testid=navigation-toggle-rotate .disabled=${i} .icon=${e.rotate} @click=${this._onRotateClick} scale=s .text=${o} title=${o ?? r}></calcite-action></calcite-action-bar>`;
   }
 }
-g("arcgis-navigation-toggle", A);
+d("arcgis-navigation-toggle", _);
 export {
-  A as ArcgisNavigationToggle
+  _ as ArcgisNavigationToggle
 };

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.33/esri/copyright.txt for details.
-v4.33.0-next.50 */
+v4.33.0-next.52 */
 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

@@ -1,10 +1,10 @@
 import { c as t } from "../../chunks/runtime.js";
-import { r as i, d as s, a as l } from "../../chunks/component-utils.js";
+import { r as i, d as s, c as l } from "../../chunks/component-utils.js";
 import { LitElement as r, createEvent as o, noShadowRoot as n } from "@arcgis/lumina";
 import { css as c } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.50 */
+v4.33.0-next.52 */
 const h = c`@layer{arcgis-placement{display:flex;pointer-events:auto;box-shadow:none}.arcgis-placement__container{display:block}}`;
 class a extends r {
   //#endregion

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

@@ -7,7 +7,7 @@ import { m as n } 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.33/esri/copyright.txt for details.
-v4.33.0-next.50 */
+v4.33.0-next.52 */
 const d = h`@layer{arcgis-print{display:block}}`, m = n(r);
 class p extends o {
   constructor() {

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

@@ -14,26 +14,7 @@ declare const useScaleBarViewModel: (component: import('@arcgis/components-contr
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<ScaleBarViewModel, never> & {
-    reactiveUtils?: typeof __esri.reactiveUtils;
-    state?: "ready" | "disabled" | undefined;
-    icon: Nil | string;
-    label: Nil | string;
-    referenceElement: ArcgisReferenceElement | Nil | string;
-    arcgisReady: import('@arcgis/components-controllers').EventEmitter;
-    position: __esri.UIPosition;
-    arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
-        name: string;
-    }> | undefined;
-    el: HTMLElement & {
-        childElem?: HTMLElement & {
-            ownedBy?: HTMLElement;
-        };
-        view?: __esri.MapView | __esri.SceneView | undefined;
-    };
-    autoDestroyDisabled: boolean;
-    destroy: () => Promise<void>;
-}, options?: {
+} & Pick<ScaleBarViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<ScaleBarViewModel>, options?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => ScaleBarViewModel;
 /**

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

@@ -7,12 +7,12 @@ import { watch as y } from "@arcgis/core/core/reactiveUtils.js";
 import { formatNumber as S } from "@arcgis/core/intl.js";
 import L from "@arcgis/core/widgets/ScaleBar/ScaleBarViewModel.js";
 import { LitElement as B, createEvent as M, noShadowRoot as R, safeClassMap as a, safeStyleMap as _ } from "@arcgis/lumina";
-import { u as x } from "../../chunks/useT9n.js";
+import { u as x } from "../../chunks/useView.js";
 import { m as D } from "../../chunks/useViewModel.js";
 import { g as v } from "../../chunks/globalCss.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.50 */
+v4.33.0-next.52 */
 function $(f = 0, e = 0) {
   return { x: f, y: e };
 }

package/dist/components/arcgis-scale-range-slider/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.33/esri/copyright.txt for details.
-v4.33.0-next.50 */
+v4.33.0-next.52 */
 const r = n`@layer{arcgis-scale-range-slider{display:block}}`, c = o(t);
 class h extends s {
   constructor() {

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

@@ -464,16 +464,16 @@ export declare class ArcgisScene extends LitElement {
      * [Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#whenAnalysisView)
      */
     whenAnalysisView(analysis: __esri.AreaMeasurementAnalysis | __esri.DimensionAnalysis | __esri.DirectLineMeasurementAnalysis | __esri.LineOfSightAnalysis | __esri.SliceAnalysis | __esri.ViewshedAnalysis): Promise<__esri.AreaMeasurementAnalysisView3D | __esri.DimensionAnalysisView | __esri.DirectLineMeasurementAnalysisView3D | __esri.LineOfSightAnalysisView3D | __esri.SliceAnalysisView3D | __esri.ViewshedAnalysisView3D>;
-    /**
-     * `whenReady()` 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.
-     */
-    whenReady(callback?: () => void, errback?: (error: Error) => void): Promise<void>;
     /** Gets the layer view created on the view for the given layer.
      *
      * [Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#whenLayerView)
      */
     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(callback?: () => void, errback?: (error: Error) => void): Promise<void>;
     /**
      * This event is for view related property changes:
      * [zoom](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#zoom),

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

@@ -4,11 +4,11 @@ import { watch as s } from "@arcgis/core/core/reactiveUtils.js";
 import d from "@arcgis/core/views/SceneView.js";
 import m from "@arcgis/core/WebScene.js";
 import { LitElement as l, createEvent as r, noShadowRoot as p } from "@arcgis/lumina";
-import { c as h, p as n, e as o, i as g } from "../../chunks/component-utils.js";
+import { a as h, p as n, b as o, i as g } from "../../chunks/component-utils.js";
 import { css as y } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.50 */
+v4.33.0-next.52 */
 const u = y`@layer{arcgis-scene{display:block;height:100%;.esri-view{height:100%;width:100%}}}`, f = c(m, {}), _ = c(d, {});
 class b extends l {
   constructor() {
@@ -330,13 +330,6 @@ class b extends l {
   async whenAnalysisView(i) {
     return await this.view?.whenAnalysisView(i);
   }
-  /**
-   * `whenReady()` 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.
-   */
-  async whenReady(i, e) {
-    return await this.componentOnReady(), await this.view?.when(i, e);
-  }
   /** Gets the layer view created on the view for the given layer.
    *
    * [Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#whenLayerView)
@@ -344,6 +337,13 @@ class b extends l {
   async whenLayerView(i) {
     return await this.view?.whenLayerView(i);
   }
+  /**
+   * `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.
+   */
+  async viewOnReady(i, e) {
+    return await this.componentOnReady(), await this.view.whenReady().then(() => i?.()).catch(e);
+  }
   // #endregion
   // #region Lifecycle
   load() {