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

package/dist/chunks/basemap-gallery-item.js

@@ -5,7 +5,7 @@ import { g as v } from "./runtime.js";
 import { g as B } from "./globalCss.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.116 */
+v4.32.0-next.118 */
 const t = "esri-basemap-gallery", i = {
   base: t,
   sourceLoading: `${t}--source-loading`,

package/dist/chunks/component-utils.js

@@ -1,6 +1,6 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.116 */
+v4.32.0-next.118 */
 function P(e, i) {
   Array.isArray(i) ? e._watchHandles = [...e._watchHandles, ...i] : e._watchHandles.push(i);
 }

package/dist/chunks/disconnected.js

@@ -1,7 +1,7 @@
 import { devToolsAwareTimeout as d } from "@arcgis/components-utils";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.116 */
+v4.32.0-next.118 */
 function a(i) {
   i.el.childElem ? i.el.isConnected || (i.view?.ui ? i.view.ui.remove(i.el.childElem) : i.widget?.view && i.widget.view.ui.remove(i.el.childElem), i._watchHandles && i._watchHandles.forEach((o) => {
     o.remove();

package/dist/chunks/globalCss.js

@@ -1,6 +1,6 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.116 */
+v4.32.0-next.118 */
 const e = {
   anchor: "esri-widget__anchor",
   anchorDisabled: "esri-widget__anchor--disabled",

package/dist/chunks/legacyIcon.js

@@ -1,6 +1,6 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.116 */
+v4.32.0-next.118 */
 const i = {
   arrowDown: "esri-icon-arrow-down",
   arrowUp: "esri-icon-arrow-up",

package/dist/chunks/runtime.js

@@ -1,7 +1,7 @@
 import { makeRuntime as t } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.116 */
+v4.32.0-next.118 */
 const s = t({ defaultAssetPath: "https://jsdev.arcgis.com/map-components/next/", hydratedAttribute: "hydrated" }), { customElement: a, getAssetPath: m, setAssetPath: o } = s;
 export {
   a as c,

package/dist/chunks/useView.js

@@ -0,0 +1,64 @@
+import { makeT9nController as a, proxyExports as h, GenericController as l, watch as n } from "@arcgis/components-controllers";
+import { g as d } from "./runtime.js";
+import { signal as m } from "@arcgis/core/applications/Components/reactiveUtils.js";
+import * as p from "@arcgis/core/core/reactiveUtils.js";
+import { a as i } from "./component-utils.js";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.32/esri/copyright.txt for details.
+v4.32.0-next.118 */
+const E = a(d), _ = (s) => u(s);
+class v extends l {
+  constructor(e) {
+    super(e), this._view$ = m(void 0), this._viewDestroyHandle = void 0, this._arcgisReadyEmitted = !1;
+    const { el: t } = e, r = t.view;
+    this.setProvisionalExports(void 0), Object.defineProperty(t, "view", {
+      get: () => this._view$.value,
+      set: (o) => {
+        if (this.exports === o)
+          return;
+        const c = t.view;
+        this._view$.value = o, this.exports = o, this.component.requestUpdate("view", c), !this._arcgisReadyEmitted && o != null && (this._arcgisReadyEmitted = !0, this.component.arcgisReady.emit());
+      },
+      configurable: !0,
+      enumerable: !0
+    }), e !== t && Object.defineProperty(e, "view", {
+      get: () => t.view,
+      set: (o) => {
+        t.view = o;
+      }
+    }), queueMicrotask(() => {
+      r && (t.view = r);
+    });
+  }
+  hostConnected() {
+    this._viewDestroyHandle ??= p.when(
+      () => this._view$.value?.destroyed,
+      () => void this.component.destroy?.().catch(console.error),
+      { sync: !0 }
+    ), this.component.manager.loadedCalled && i(this.component);
+  }
+  hostLoad() {
+    this.component.manager.destroyed || this._watchMetaProperties();
+  }
+  hostLoaded() {
+    const { el: e } = this.component, t = e.shadowRoot?.firstElementChild ?? e.firstElementChild ?? void 0;
+    e.childElem = t ?? e.childElem, e.isConnected && i(this.component);
+  }
+  hostDisconnected() {
+    typeof this.component.el.childElem == "object" && this._view$.value?.ui?.remove(this.component.el.childElem);
+  }
+  hostDestroy() {
+    this._viewDestroyHandle?.remove();
+  }
+  _watchMetaProperties() {
+    n(this.component, "position", (e) => {
+      this.component.el.childElem != null && typeof e == "string" && i(this.component);
+    }), n(this.component, "referenceElement", () => i(this.component));
+  }
+}
+const u = h(v);
+export {
+  v as V,
+  _ as a,
+  E as u
+};

package/dist/chunks/useViewModel.js

@@ -1,68 +1,28 @@
-import { makeT9nController as l, proxyExports as m, watch as h } from "@arcgis/components-controllers";
-import { g as p } from "./runtime.js";
-import { AccessorController as d } from "@arcgis/components-controllers/accessor";
-import { a as o } from "./component-utils.js";
+import { proxyExports as r } from "@arcgis/components-controllers";
+import { AccessorController as i } from "@arcgis/components-controllers/accessor";
+import { V as n } from "./useView.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.116 */
-const V = l(p), E = (s, e) => (i, t) => y(i, s, t);
-class w extends d {
-  hostConnected() {
-    this.component.manager.loadedCalled && o(this.component);
+v4.32.0-next.118 */
+const m = (o, t) => (e, s) => l(e, o, s);
+class a extends i {
+  constructor() {
+    super(...arguments), this.viewController = new n(this.component), this._viewWatchHandle = void 0;
   }
   async hostLoad() {
-    await super.hostLoad(), !this.component.manager.destroyed && this._watchMetaProperties();
-  }
-  hostLoaded() {
-    const { el: e } = this.component, i = e.shadowRoot?.firstElementChild ?? e.firstElementChild ?? void 0;
-    e.childElem = i ?? e.childElem;
-    let t = !1;
-    const n = this.component.el.view;
-    Object.defineProperty(this.component.el, "view", {
-      get: () => this._instance.view,
-      set: (c) => {
-        const a = this.component.el.view, r = c;
-        this._instance.view = r, this._instance.map = r?.map, this._watchViewDestroy(), this.component.requestUpdate("view", a), c && !t && (t = !0, this.component.arcgisReady.emit());
+    await super.hostLoad(), this._viewWatchHandle = this.reactiveUtils.watch(
+      () => this.component.el.view,
+      (t) => {
+        this._instance.view = t, this._instance.map = t?.map;
       },
-      configurable: !0,
-      enumerable: !0
-    }), n && (this._instance.view = n), this.component.el.isConnected && (o(this.component), this._watchViewDestroy());
-  }
-  hostDisconnected() {
-    typeof this.component.el.childElem == "object" && this.component.el.view?.ui?.remove(this.component.el.childElem);
+      { sync: !0, initial: !0 }
+    );
   }
   hostDestroy() {
-    super.hostDestroy(), this._watchViewDestroyHandle?.remove();
-  }
-  _watchMetaProperties() {
-    h(this.component, "position", (e) => {
-      this.component.el.childElem != null && typeof e == "string" && o(this.component);
-    }), h(this.component, "referenceElement", () => o(this.component));
-  }
-  /**
-   * Destroy the component if view gets destroyed.
-   *
-   * When view is destroyed, component disconnect is triggered, which will
-   * destroy the component in 1s but that can be too late, because in the
-   * meanwhile, a watcher on the widget/viewModel instance may get triggered,
-   * and throw an error if it's not able to access this.view.map or etc
-   * (happens in VersionManagementViewModel for example).
-   *
-   * We can't check for this in disconnectedCallback though as, if the entire
-   * component tree is removed, the disconnect for the component will be
-   * triggered before that of arcgis-map, so the view might not be destroyed
-   * yet at that point.
-   */
-  _watchViewDestroy() {
-    this._watchViewDestroyHandle?.remove(), this._watchViewDestroyHandle = this.reactiveUtils.when(
-      () => this.component.el.view?.destroyed === !0,
-      () => void this.component.destroy().catch(console.error),
-      { sync: !0 }
-    );
+    this._viewWatchHandle?.remove(), super.hostDestroy();
   }
 }
-const y = m(w);
+const l = r(a);
 export {
-  E as m,
-  V as u
+  m
 };

package/dist/chunks/useWidget.js

@@ -3,7 +3,7 @@ import { AccessorController as p, accessorSupport as a } from "@arcgis/component
 import { a as l } from "./component-utils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.116 */
+v4.32.0-next.118 */
 const P = (d, s) => (i, e) => _(i, d, e);
 class y extends p {
   constructor(s, i, e) {

package/dist/components/arcgis-area-measurement-2d/customElement.d.ts

@@ -38,7 +38,7 @@ declare const useAreaMeasurement2dWidget: (component: import('@arcgis/components
 } | undefined) => AreaMeasurement2D & {
     viewModel: __esri.Accessor;
 };
-/** [AreaMeasurement2D](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-AreaMeasurement2D.html) calculates and displays the area and perimeter of a polygon only in a [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html).
+/** AreaMeasurement2D component calculates and displays the area and perimeter of a polygon only in a [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html).
  */
 export declare class ArcgisAreaMeasurement2d extends LitElement {
     /**

package/dist/components/arcgis-area-measurement-2d/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.32/esri/copyright.txt for details.
-v4.32.0-next.116 */
+v4.32.0-next.118 */
 const m = n`arcgis-area-measurement-2d{display:block}`, h = r(
   // Workaround for https://devtopia.esri.com/WebGIS/arcgis-js-api/issues/61559
   s

package/dist/components/arcgis-area-measurement-3d/customElement.d.ts

@@ -34,7 +34,7 @@ declare const useAreaMeasurement3dWidget: (component: import('@arcgis/components
 }, options?: {
     editConstructorProperties(props: __esri.AreaMeasurement3DProperties | undefined): __esri.AreaMeasurement3DProperties | Promise<__esri.AreaMeasurement3DProperties | undefined> | undefined;
 } | undefined) => AreaMeasurement3D;
-/** [AreaMeasurement3D](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-AreaMeasurement3D.html) calculates and displays the area and perimeter of a polygon. This component can be used in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) to measure the area and perimeter of a polygon.
+/** AreaMeasurement3D component calculates and displays the area and perimeter of a polygon. This component can be used in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) to measure the area and perimeter of a polygon.
  */
 export declare class ArcgisAreaMeasurement3d extends LitElement {
     readonly analysis: __esri.AreaMeasurementAnalysis;

package/dist/components/arcgis-area-measurement-3d/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.32/esri/copyright.txt for details.
-v4.32.0-next.116 */
+v4.32.0-next.118 */
 const l = n`arcgis-area-measurement-3d{display:block}`, h = r(e);
 class d extends i {
   constructor() {

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

@@ -67,7 +67,7 @@ export declare class ArcgisAttachments extends LitElement {
     label: string | nullish;
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
-    readonly state: "ready" | "disabled" | "loading";
+    readonly state: "ready" | "loading" | "disabled";
     readonly submitting: boolean;
     /** Permanently destroy the component */
     destroy(): Promise<void>;

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

@@ -6,7 +6,7 @@ import { m as o } 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.32/esri/copyright.txt for details.
-v4.32.0-next.116 */
+v4.32.0-next.118 */
 const n = h`arcgis-attachments{display:block}`, r = o(i);
 class l extends s {
   constructor() {

package/dist/components/arcgis-basemap-gallery/components/basemap-gallery-item/customElement.js

@@ -6,7 +6,7 @@ import { B as e } from "../../../../chunks/basemap-gallery-item.js";
 import "../../../../chunks/globalCss.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.116 */
+v4.32.0-next.118 */
 export {
   e as BasemapGalleryItem
 };

package/dist/components/arcgis-basemap-gallery/customElement.d.ts

@@ -12,29 +12,10 @@ declare const useBasemapGalleryViewModel: (component: import('@arcgis/components
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<BasemapGalleryViewModel, never> & {
-    reactiveUtils?: typeof __esri.reactiveUtils;
-    state?: "ready" | "disabled" | "loading" | "unsupported" | 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<BasemapGalleryViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<BasemapGalleryViewModel>, options?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => BasemapGalleryViewModel;
-/** [BasemapGallery](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-BasemapGallery.html) displays a collection images representing basemaps from [ArcGIS.com](https://www.arcgis.com/index.html) or a user-defined set of map or image services. When a new basemap is selected from the BasemapGallery, the map's basemap layers are removed and replaced with the basemap layers of the associated basemap selected in the gallery.
+/** BasemapGallery component displays a collection images representing basemaps from [ArcGIS.com](https://www.arcgis.com/index.html) or a user-defined set of map or image services. When a new basemap is selected from the BasemapGallery, the map's basemap layers are removed and replaced with the basemap layers of the associated basemap selected in the gallery.
  */
 export declare class ArcgisBasemapGallery extends LitElement {
     activeBasemap: __esri.Basemap | nullish;
@@ -74,7 +55,7 @@ export declare class ArcgisBasemapGallery extends LitElement {
     /**
      * The current state of the component.
      */
-    readonly state: "ready" | "disabled" | "loading" | "unsupported";
+    readonly state: "ready" | "loading" | "unsupported" | "disabled";
     /** Permanently destroy the component */
     destroy(): Promise<void>;
     readonly arcgisPropertyChange: TargetedEvent<this, {

package/dist/components/arcgis-basemap-gallery/customElement.js

@@ -5,14 +5,15 @@ import { classes as v } from "@arcgis/components-utils";
 import { when as b, watch as p } from "@arcgis/core/core/reactiveUtils.js";
 import M from "@arcgis/core/widgets/BasemapGallery/BasemapGalleryViewModel.js";
 import { safeClassMap as r, LitElement as $, createEvent as _, noShadowRoot as B, nothing as g, safeStyleMap as x } from "@arcgis/lumina";
-import { u as L, m as R } from "../../chunks/useViewModel.js";
+import { u as L } from "../../chunks/useView.js";
+import { m as R } from "../../chunks/useViewModel.js";
 import { unsafeStatic as E, html as I } from "lit/static-html.js";
 import { g as n } from "../../chunks/globalCss.js";
 import { c as l, B as D } from "../../chunks/basemap-gallery-item.js";
 import { css as S } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.116 */
+v4.32.0-next.118 */
 function A({ level: o, class: t, children: e }) {
   const s = k(o), a = `h${s}`, i = E(a);
   return I`<${i} .ariaLevel=${String(s)} class=${r(v(n.heading, t))} role=heading>${e}</${i}>`;

package/dist/components/arcgis-basemap-layer-list/customElement.d.ts

@@ -34,7 +34,7 @@ declare const useBasemapLayerListWidget: (component: import('@arcgis/components-
 }, options?: {
     editConstructorProperties(props: __esri.BasemapLayerListProperties | undefined): __esri.BasemapLayerListProperties | Promise<__esri.BasemapLayerListProperties | undefined> | undefined;
 } | undefined) => BasemapLayerList;
-/** [BasemapLayerList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-BasemapLayerList.html) provides a way to display a list of [Basemap](https://developers.arcgis.com/javascript/latest/api-reference/esri-Basemap.html) layers and switch on/off their visibility. [Base layers](https://developers.arcgis.com/javascript/latest/api-reference/esri-Basemap.html#baseLayers) and [reference layers](https://developers.arcgis.com/javascript/latest/api-reference/esri-Basemap.html#referenceLayers) are divided into separate sections. When editing is enabled, layers can be reordered by dragging and dropping between the lists and the title can be edited.
+/** BasemapLayerList component provides a way to display a list of [Basemap](https://developers.arcgis.com/javascript/latest/api-reference/esri-Basemap.html) layers and switch on/off their visibility. [Base layers](https://developers.arcgis.com/javascript/latest/api-reference/esri-Basemap.html#baseLayers) and [reference layers](https://developers.arcgis.com/javascript/latest/api-reference/esri-Basemap.html#referenceLayers) are divided into separate sections. When editing is enabled, layers can be reordered by dragging and dropping between the lists and the title can be edited.
  */
 export declare class ArcgisBasemapLayerList extends LitElement {
     /**
@@ -88,7 +88,7 @@ export declare class ArcgisBasemapLayerList extends LitElement {
     showErrors: boolean;
     showFilter: boolean;
     showTemporaryLayerIndicators: boolean;
-    readonly state: "ready" | "disabled" | "loading";
+    readonly state: "ready" | "loading" | "disabled";
     visibilityAppearance: "default" | "checkbox";
     /** Permanently destroy the component */
     destroy(): Promise<void>;

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

@@ -7,7 +7,7 @@ import { m as o } 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.32/esri/copyright.txt for details.
-v4.32.0-next.116 */
+v4.32.0-next.118 */
 const d = h`arcgis-basemap-layer-list{display:block}`, n = o(s);
 class c extends r {
   constructor() {

package/dist/components/arcgis-basemap-toggle/customElement.d.ts

@@ -11,29 +11,10 @@ declare const useBasemapToggleViewModel: (component: import('@arcgis/components-
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<BasemapToggleViewModel, never> & {
-    reactiveUtils?: typeof __esri.reactiveUtils;
-    state?: "ready" | "disabled" | "loading" | "incompatible-next-basemap" | 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<BasemapToggleViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<BasemapToggleViewModel>, options?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => BasemapToggleViewModel;
-/** [BasemapToggle](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-BasemapToggle.html) allows an end-user to switch between two basemaps. The toggled basemap is set inside the [view's](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-BasemapToggle.html#view) [map](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html#map) object.
+/** BasemapToggle component allows an end-user to switch between two basemaps. The toggled basemap is set inside the [view's](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-BasemapToggle.html#view) [map](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html#map) object.
  */
 export declare class ArcgisBasemapToggle extends LitElement {
     private messages;
@@ -61,7 +42,7 @@ export declare class ArcgisBasemapToggle extends LitElement {
     referenceElement: ArcgisReferenceElement | Nil | string;
     /** The visible elements that are displayed within the widget. */
     showTitle: boolean;
-    readonly state: "ready" | "disabled" | "loading" | "incompatible-next-basemap";
+    readonly state: "ready" | "loading" | "disabled" | "incompatible-next-basemap";
     /** Permanently destroy the component */
     destroy(): Promise<void>;
     /** Toggles to the [next basemap](#nextBasemap). */

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

@@ -1,16 +1,17 @@
-import { c as B } from "../../chunks/runtime.js";
+import { c as f } from "../../chunks/runtime.js";
 import { html as l } from "lit-html";
-import { usePropertyChange as f } from "@arcgis/components-controllers";
+import { usePropertyChange as B } from "@arcgis/components-controllers";
 import { classes as m } from "@arcgis/components-utils";
 import { getBasemapThumbnailUrl as S } from "@arcgis/core/applications/Components/basemapUtils.js";
 import x from "@arcgis/core/widgets/BasemapToggle/BasemapToggleViewModel.js";
 import { LitElement as T, createEvent as M, noShadowRoot as k, safeClassMap as a, nothing as c, safeStyleMap as b } from "@arcgis/lumina";
-import { u as I, m as C } from "../../chunks/useViewModel.js";
+import { u as I } from "../../chunks/useView.js";
+import { m as C } from "../../chunks/useViewModel.js";
 import { g as u } from "../../chunks/globalCss.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.32/esri/copyright.txt for details.
-v4.32.0-next.116 */
+v4.32.0-next.118 */
 const A = L`arcgis-basemap-toggle{display:block}`, s = "esri-basemap-toggle", o = "esri-basemap-thumbnail", e = {
   base: s,
   secondaryBasemapImage: `${s}__image--secondary`,
@@ -23,7 +24,7 @@ const A = L`arcgis-basemap-toggle{display:block}`, s = "esri-basemap-toggle", o
 }, D = C(x);
 class E extends T {
   constructor() {
-    super(...arguments), this.messages = I(), this.viewModel = D(this), this.activeBasemap = this.viewModel.activeBasemap, this.autoDestroyDisabled = !1, this.icon = "layer-basemap", this.nextBasemap = this.viewModel.nextBasemap, this.position = "top-left", this.showTitle = !1, this.state = this.viewModel.state, this.arcgisPropertyChange = f()("nextBasemap", "state"), this.arcgisReady = M();
+    super(...arguments), this.messages = I(), this.viewModel = D(this), this.activeBasemap = this.viewModel.activeBasemap, this.autoDestroyDisabled = !1, this.icon = "layer-basemap", this.nextBasemap = this.viewModel.nextBasemap, this.position = "top-left", this.showTitle = !1, this.state = this.viewModel.state, this.arcgisPropertyChange = B()("nextBasemap", "state"), this.arcgisReady = M();
   }
   static {
     this.properties = { activeBasemap: 0, autoDestroyDisabled: 5, icon: 3, label: 1, messageOverrides: 0, nextBasemap: 0, position: 3, referenceElement: 1, showTitle: 5, state: 3 };
@@ -59,7 +60,7 @@ class E extends T {
     return y && (g = l`<div class=${a(e.overlay)}>${h ? l`<span class=${a(e.title)} title=${r ?? c}>${r}</span>` : null}${v ? l`<calcite-scrim class=${a(e.overlayScrim)} title=${this.messages.incompatibleSpatialReference ?? c}><calcite-icon icon=exclamation-mark-triangle></calcite-icon></calcite-scrim>` : null}</div>`), l`<div class=${a(m(e.base, u.widget))}><calcite-button appearance=transparent data-basemap-id=${(i ? i.id : "") ?? c} .disabled=${d} kind=neutral .label=${this.label ?? void 0} @click=${() => void this.toggle()} title=${this.label ?? void 0 ?? c}><div class=${a(m(e.container, e.secondaryBasemapImage))}><div class=${a(e.image)} style=${b(w)}></div></div><div class=${a(e.container)}><div class=${a(m(e.image, p ? e.imageLoading : null))} style=${b(_)}>${p || $ ? l`<calcite-scrim><span aria-hidden=true class=${a(u.loaderAnimation)} role=presentation></span></calcite-scrim>` : null}</div>${g}</div></calcite-button></div>`;
   }
 }
-B("arcgis-basemap-toggle", E);
+f("arcgis-basemap-toggle", E);
 export {
   E as ArcgisBasemapToggle
 };

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

@@ -34,7 +34,7 @@ declare const useBookmarksWidget: (component: import('@arcgis/components-control
 }, options?: {
     editConstructorProperties(props: __esri.BookmarksProperties | undefined): __esri.BookmarksProperties | Promise<__esri.BookmarksProperties | undefined> | undefined;
 } | undefined) => Bookmarks;
-/** [Bookmarks](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Bookmarks.html) allow end users to quickly navigate to a particular area of interest. It displays a list of [bookmarks](https://developers.arcgis.com/javascript/latest/api-reference/esri-webmap-Bookmark.html), which are typically defined inside the [WebMap](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebMap.html#bookmarks).
+/** Bookmarks component allow end users to quickly navigate to a particular area of interest. It displays a list of [bookmarks](https://developers.arcgis.com/javascript/latest/api-reference/esri-webmap-Bookmark.html), which are typically defined inside the [WebMap](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebMap.html#bookmarks).
  */
 export declare class ArcgisBookmarks extends LitElement {
     /**

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

@@ -7,7 +7,7 @@ import { m as h } 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.32/esri/copyright.txt for details.
-v4.32.0-next.116 */
+v4.32.0-next.118 */
 const r = d`arcgis-bookmarks{display:block}`, n = h(s);
 class m extends o {
   constructor() {

package/dist/components/arcgis-building-explorer/customElement.d.ts

@@ -34,7 +34,7 @@ declare const useBuildingExplorerWidget: (component: import('@arcgis/components-
 }, options?: {
     editConstructorProperties(props: __esri.BuildingExplorerProperties | undefined): __esri.BuildingExplorerProperties | Promise<__esri.BuildingExplorerProperties | undefined> | undefined;
 } | undefined) => BuildingExplorer;
-/** [BuildingExplorer](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-BuildingExplorer.html) is used to filter and explore the various components of [BuildingSceneLayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-BuildingSceneLayer.html). BuildingSceneLayers are complex digital models of buildings and interiors and can contain thousands of components grouped in sublayers. Using this component, buildings can be filtered by level, construction phase or by disciplines and categories.
+/** BuildingExplorer component is used to filter and explore the various components of [BuildingSceneLayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-BuildingSceneLayer.html). BuildingSceneLayers are complex digital models of buildings and interiors and can contain thousands of components grouped in sublayers. Using this component, buildings can be filtered by level, construction phase or by disciplines and categories.
  */
 export declare class ArcgisBuildingExplorer extends LitElement {
     /**
@@ -62,7 +62,7 @@ export declare class ArcgisBuildingExplorer extends LitElement {
     readonly phase: __esri.BuildingPhase;
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
-    readonly state: "ready" | "disabled" | "loading" | "failed";
+    readonly state: "ready" | "loading" | "failed" | "disabled";
     /** Permanently destroy the component */
     destroy(): Promise<void>;
     readonly arcgisPropertyChange: TargetedEvent<this, {

package/dist/components/arcgis-building-explorer/customElement.js

@@ -6,7 +6,7 @@ import { m as h } 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.32/esri/copyright.txt for details.
-v4.32.0-next.116 */
+v4.32.0-next.118 */
 const a = r`arcgis-building-explorer{display:block}`, d = h(s);
 class n extends t {
   constructor() {

package/dist/components/arcgis-catalog-layer-list/customElement.d.ts

@@ -18,7 +18,15 @@ declare const useCatalogLayerListWidget: (component: import('@arcgis/components-
     icon: Nil | string;
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;
-    position: __esri.UIPosition;
+    position: __esri.
+    /**
+     * 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\` method when you are done to prevent
+     * memory leaks.
+     */
+    UIPosition;
     arcgisReady: import('@arcgis/components-controllers').EventEmitter;
     arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
         name: string;
@@ -34,7 +42,7 @@ declare const useCatalogLayerListWidget: (component: import('@arcgis/components-
 }, options?: {
     editConstructorProperties(props: __esri.CatalogLayerListProperties | undefined): __esri.CatalogLayerListProperties | Promise<__esri.CatalogLayerListProperties | undefined> | undefined;
 } | undefined) => CatalogLayerList;
-/** The [CatalogLayerList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-CatalogLayerList.html) provides a way to display and interact with CatalogLayers.
+/** The CatalogLayerList component provides a way to display and interact with CatalogLayers.
  */
 export declare class ArcgisCatalogLayerList extends LitElement {
     /**
@@ -75,7 +83,7 @@ export declare class ArcgisCatalogLayerList extends LitElement {
     showFilter: boolean;
     showHeading: boolean;
     showTemporaryLayerIndicators: boolean;
-    readonly state: "ready" | "disabled" | "loading";
+    readonly state: "ready" | "loading" | "disabled";
     visibilityAppearance: "default" | "checkbox";
     /** Permanently destroy the component */
     destroy(): Promise<void>;

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

@@ -7,7 +7,7 @@ import { m as r } 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.32/esri/copyright.txt for details.
-v4.32.0-next.116 */
+v4.32.0-next.118 */
 const d = h`arcgis-catalog-layer-list{display:block}`, n = r(s);
 class c extends o {
   constructor() {

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

@@ -11,29 +11,10 @@ declare const useCompassViewModel: (component: import('@arcgis/components-contro
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<CompassViewModel, never> & {
-    reactiveUtils?: typeof __esri.reactiveUtils;
-    state?: "rotation" | "disabled" | "compass" | 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<CompassViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<CompassViewModel>, options?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => CompassViewModel;
-/** The [Compass](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Compass.html) indicates where north is in relation to the current view [rotation](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#rotation) or [camera heading](https://developers.arcgis.com/javascript/latest/api-reference/esri-Camera.html#heading).
+/** The Compass component indicates where north is in relation to the current view [rotation](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#rotation) or [camera heading](https://developers.arcgis.com/javascript/latest/api-reference/esri-Camera.html#heading).
  */
 export declare class ArcgisCompass extends LitElement {
     private messages;