@arcgis/map-components 4.33.0-next.35 → 4.33.0-next.37

package/dist/chunks/useViewModel.js

@@ -1,28 +1,66 @@
-import { proxyExports as r } from "@arcgis/components-controllers";
-import { AccessorController as i } from "@arcgis/components-controllers/accessor";
-import { V as n } from "./useView.js";
+import { proxyExports as l, watch as h } from "@arcgis/components-controllers";
+import { AccessorController as m } from "@arcgis/components-controllers/accessor";
+import { a as o } from "./component-utils.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.35 */
-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;
+v4.33.0-next.37 */
+const u = (n, e) => (i, t) => d(i, n, t);
+class p extends m {
+  hostConnected() {
+    this.component.manager.loadedCalled && o(this.component);
   }
   async hostLoad() {
-    await super.hostLoad(), this._viewWatchHandle = this.reactiveUtils.watch(
-      () => this.component.el.view,
-      (t) => {
-        this._instance.view = t, this._instance.map = t?.map;
+    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 s = 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());
       },
-      { sync: !0, initial: !0 }
-    );
+      configurable: !0,
+      enumerable: !0
+    }), s && (this._instance.view = s), 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);
   }
   hostDestroy() {
-    this._viewWatchHandle?.remove(), super.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 }
+    );
   }
 }
-const l = r(a);
+const d = l(p);
 export {
-  m
+  u as 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.33/esri/copyright.txt for details.
-v4.33.0-next.35 */
+v4.33.0-next.37 */
 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.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.35 */
+v4.33.0-next.37 */
 const h = n`@layer{arcgis-area-measurement-2d{display:block}}`, m = r(
   // Workaround for https://devtopia.esri.com/WebGIS/arcgis-js-api/issues/61559
   s

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

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

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

@@ -12,7 +12,26 @@ declare const useBasemapGalleryViewModel: (component: import('@arcgis/components
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<BasemapGalleryViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<BasemapGalleryViewModel>, options?: {
+} & Pick<BasemapGalleryViewModel, never> & {
+    reactiveUtils?: typeof __esri.reactiveUtils;
+    state?: "ready" | "loading" | "unsupported" | "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?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => BasemapGalleryViewModel;
 /** 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.

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

@@ -5,7 +5,7 @@ import { classes as u } from "@arcgis/components-utils";
 import { when as y, watch as b } from "@arcgis/core/core/reactiveUtils.js";
 import $ from "@arcgis/core/widgets/BasemapGallery/BasemapGalleryViewModel.js";
 import { safeClassMap as n, LitElement as M, createEvent as x, noShadowRoot as L, nothing as p, safeStyleMap as R } from "@arcgis/lumina";
-import { u as _ } from "../../chunks/useView.js";
+import { u as _ } from "../../chunks/useT9n.js";
 import { m as B } from "../../chunks/useViewModel.js";
 import { unsafeStatic as D, html as I } from "lit/static-html.js";
 import { g as d } from "../../chunks/globalCss.js";
@@ -13,7 +13,7 @@ import { c as r } from "../../chunks/basemap-gallery-resources.js";
 import { css as A } 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.35 */
+v4.33.0-next.37 */
 function C({ level: o, class: s, children: e }) {
   const i = k(o), t = `h${i}`, a = D(t);
   return I`<${a} .ariaLevel=${String(i)} class=${n(u(d.heading, s))} role=heading>${e}</${a}>`;

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

@@ -7,7 +7,7 @@ import { g as A } from "../../chunks/globalCss.js";
 import { c as i } from "../../chunks/basemap-gallery-resources.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.35 */
+v4.33.0-next.37 */
 function C(e) {
   return e.portalItem?.type === "Web Scene" || e.referenceLayers.some((t) => t.type === "scene");
 }
@@ -39,7 +39,10 @@ class S extends w {
   //#endregion
   //#region Rendering
   render() {
-    const { disabled: t, item: a, itemIndex: n, viewModel: o, messages: u } = this, g = a.basemap.thumbnailUrl || y("assets/basemap-gallery/images/basemap-toggle-64.svg"), m = a.basemap.title, b = a.basemap.portalItem?.snippet, $ = a.error?.message || b || m, { activeBasemapIndex: p } = o, c = p === n, f = c || p === -1 && n === 0 ? 0 : -1, v = { [i.selectedItem]: c, [i.itemError]: a.state === "error" }, d = `basemapgallery-item-${a.uid}`;
+    const { disabled: t, item: a, itemIndex: n, viewModel: o, messages: u } = this, g = a.basemap.thumbnailUrl || y("assets/basemap-gallery/images/basemap-toggle-64.svg"), m = a.basemap.title, b = a.basemap.portalItem?.snippet, $ = a.error?.message || b || m, { activeBasemapIndex: p } = o, c = p === n, f = c || p === -1 && n === 0 ? 0 : -1, v = {
+      [i.selectedItem]: c,
+      [i.itemError]: a.state === "error"
+    }, d = `basemapgallery-item-${a.uid}`;
     return l`<div .ariaChecked=${c} .ariaDisabled=${t} aria-labelledby=${d ?? r} class=${s(B(i.item, v))} role=radio tabindex=${f ?? r} title=${$ ?? r} @click=${() => {
       a.state === "ready" && (o.activeBasemap = a.basemap);
     }}><img alt class=${s(i.itemThumbnail)} src=${g ?? r}><div class=${s(i.itemContent)}><div class=${s(i.itemTitle)}><span id=${d ?? r}>${m}</span></div>${C(a.basemap) ? T(a.basemap, u) : null}</div>${a.state !== "loading" ? null : l`<calcite-scrim><span aria-hidden=true class=${s(A.loaderAnimation)} role=presentation></span></calcite-scrim>`}</div>`;

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

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

@@ -11,7 +11,26 @@ declare const useBasemapToggleViewModel: (component: import('@arcgis/components-
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<BasemapToggleViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<BasemapToggleViewModel>, options?: {
+} & Pick<BasemapToggleViewModel, never> & {
+    reactiveUtils?: typeof __esri.reactiveUtils;
+    state?: "ready" | "loading" | "disabled" | "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?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => BasemapToggleViewModel;
 /**

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

@@ -5,13 +5,13 @@ 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 r, safeStyleMap as b } from "@arcgis/lumina";
-import { u as I } from "../../chunks/useView.js";
+import { u as I } from "../../chunks/useT9n.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.33/esri/copyright.txt for details.
-v4.33.0-next.35 */
+v4.33.0-next.37 */
 const A = L`@layer{arcgis-basemap-toggle{display:block}}`, s = "esri-basemap-toggle", o = "esri-basemap-thumbnail", e = {
   base: s,
   secondaryBasemapImage: `${s}__image--secondary`,

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

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.33/esri/copyright.txt for details.
-v4.33.0-next.35 */
+v4.33.0-next.37 */
 const a = r`@layer{arcgis-building-explorer{display:block}}`, d = h(s);
 class n extends t {
   constructor() {

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

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

@@ -11,7 +11,26 @@ declare const useCompassViewModel: (component: import('@arcgis/components-contro
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<CompassViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<CompassViewModel>, options?: {
+} & 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?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => CompassViewModel;
 /** 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).

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

@@ -4,13 +4,13 @@ import { usePropertyChange as m } from "@arcgis/components-controllers";
 import { classes as d } from "@arcgis/components-utils";
 import h from "@arcgis/core/widgets/Compass/CompassViewModel.js";
 import { LitElement as p, createEvent as g, noShadowRoot as u, safeClassMap as s, nothing as o, safeStyleMap as f } from "@arcgis/lumina";
-import { u as y } from "../../chunks/useView.js";
+import { u as y } from "../../chunks/useT9n.js";
 import { m as w } from "../../chunks/useViewModel.js";
 import { g as i } from "../../chunks/globalCss.js";
 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.33/esri/copyright.txt for details.
-v4.33.0-next.35 */
+v4.33.0-next.37 */
 const b = $`@layer{arcgis-compass{display:block}}`, a = "esri-compass", r = {
   base: a,
   iconContainer: `${a}__icon-container`

package/dist/components/arcgis-coordinate-conversion/customElement.js

@@ -6,7 +6,7 @@ import { m as d } 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.35 */
+v4.33.0-next.37 */
 const l = h`@layer{arcgis-coordinate-conversion{display:block}}`, c = d(o);
 class g extends n {
   constructor() {

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

@@ -5,7 +5,7 @@ import { m as l } 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.35 */
+v4.33.0-next.37 */
 const o = h`@layer{arcgis-daylight{display:block}}`, d = l(i);
 class n extends t {
   constructor() {

package/dist/components/arcgis-directional-pad/customElement.d.ts

@@ -11,7 +11,26 @@ declare const useDirectionalPadViewModel: (component: import('@arcgis/components
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<DirectionalPadViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<DirectionalPadViewModel>, options?: {
+} & Pick<DirectionalPadViewModel, never> & {
+    reactiveUtils?: typeof __esri.reactiveUtils;
+    state?: "ready" | "disabled" | "moving" | 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?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => DirectionalPadViewModel;
 /**

package/dist/components/arcgis-directional-pad/customElement.js

@@ -6,13 +6,13 @@ import { focusElement as b } from "@arcgis/components-utils";
 import { watch as g } from "@arcgis/core/core/reactiveUtils.js";
 import _ from "@arcgis/core/widgets/DirectionalPad/DirectionalPadViewModel.js";
 import { LitElement as v, createEvent as f, noShadowRoot as $, safeClassMap as n, nothing as l, safeStyleMap as w } from "@arcgis/lumina";
-import { u as R } from "../../chunks/useView.js";
+import { u as R } from "../../chunks/useT9n.js";
 import { m as C } from "../../chunks/useViewModel.js";
 import { g as d } from "../../chunks/globalCss.js";
 import { css as x } 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.35 */
+v4.33.0-next.37 */
 const h = [-45, 0, 45, -90, 90, -135, 180, 135], y = {
   0: { label: "north", iconName: "chevron-up" },
   45: { label: "northEast", iconName: "chevron-up-right" },

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

@@ -9,7 +9,7 @@ import { f as u } 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.35 */
+v4.33.0-next.37 */
 const c = y`@layer{arcgis-directions{display:block}}`, g = m(n), i = "map-components:arcgis-directions";
 class p extends d {
   constructor() {

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

package/dist/components/arcgis-distance-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.33/esri/copyright.txt for details.
-v4.33.0-next.35 */
+v4.33.0-next.37 */
 const c = n`@layer{arcgis-distance-measurement-2d{display:block}}`, m = r(s);
 class d extends i {
   constructor() {

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

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

package/dist/components/arcgis-elevation-profile/customElement.js

@@ -6,7 +6,7 @@ import { m as n } 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.33/esri/copyright.txt for details.
-v4.33.0-next.35 */
+v4.33.0-next.37 */
 const r = l`@layer{arcgis-elevation-profile{display:block}}`, a = n(e);
 class d extends s {
   constructor() {

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

@@ -5,7 +5,7 @@ import { m as a } 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.35 */
+v4.33.0-next.37 */
 const c = n`@layer{arcgis-expand{display:flex;pointer-events:auto}arcgis-expand>.esri-expand__content--expanded{background-color:var(--calcite-color-background)}}`, d = a(e);
 class l extends i {
   // #endregion

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

@@ -6,7 +6,7 @@ import { m as d } 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.33/esri/copyright.txt for details.
-v4.33.0-next.35 */
+v4.33.0-next.37 */
 const r = l`@layer{arcgis-feature{display:block}}`, c = d(a);
 class p extends n {
   constructor() {

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.33/esri/copyright.txt for details.
-v4.33.0-next.35 */
+v4.33.0-next.37 */
 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 { f as m } from "../../chunks/component-utils.js";
 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.35 */
+v4.33.0-next.37 */
 const u = c`@layer{arcgis-feature-table{display:block}.arcgis-feature-table{width:100%;height:100%}}`, w = g(d);
 class b extends a {
   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.33/esri/copyright.txt for details.
-v4.33.0-next.35 */
+v4.33.0-next.37 */
 const n = h`@layer{arcgis-feature-templates{display:block}}`, c = a(s);
 class d extends o {
   constructor() {

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

@@ -7,7 +7,7 @@ import { m as d } 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.33/esri/copyright.txt for details.
-v4.33.0-next.35 */
+v4.33.0-next.37 */
 const c = l`@layer{arcgis-features{display:flex;flex-direction:column;overflow:hidden;.esri-features{flex:1 1 auto;overflow:hidden}}}`, g = d(o);
 class u 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.33/esri/copyright.txt for details.
-v4.33.0-next.35 */
+v4.33.0-next.37 */
 const h = r`@layer{arcgis-floor-filter{display:block}}`, n = a(i);
 class c extends s {
   constructor() {

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

@@ -11,7 +11,26 @@ declare const useFullscreenViewModel: (component: import('@arcgis/components-con
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<FullscreenViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<FullscreenViewModel>, options?: {
+} & Pick<FullscreenViewModel, never> & {
+    reactiveUtils?: typeof __esri.reactiveUtils;
+    state?: "ready" | "disabled" | "active" | "feature-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?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => FullscreenViewModel;
 /** Provides a simple component to present the View or a user-defined HTMLElement using the entire screen
@@ -28,7 +47,9 @@ export declare class ArcgisFullscreen extends LitElement {
     autoDestroyDisabled: boolean;
     /** The [HTMLElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement) to present in fullscreen mode. */
     element: HTMLElement | nullish;
-    /** Icon displayed in the component's button. */
+    /** Icon displayed in the component's button.
+     * Search [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/) for possible values.
+     */
     icon: Nil | string;
     /** The component's default label. */
     label: Nil | string;

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

@@ -4,13 +4,13 @@ import { usePropertyChange as c } from "@arcgis/components-controllers";
 import { classes as d } from "@arcgis/components-utils";
 import m from "@arcgis/core/widgets/Fullscreen/FullscreenViewModel.js";
 import { LitElement as u, createEvent as h, noShadowRoot as p, safeClassMap as i, nothing as f } from "@arcgis/lumina";
-import { u as g } from "../../chunks/useView.js";
+import { u as g } from "../../chunks/useT9n.js";
 import { m as w } from "../../chunks/useViewModel.js";
 import { g as o } from "../../chunks/globalCss.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.35 */
+v4.33.0-next.37 */
 const b = y`@layer{arcgis-fullscreen{display:block}}`, v = {
   base: "esri-fullscreen"
 }, M = w(m);

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.35 */
+v4.33.0-next.37 */
 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.35 */
+v4.33.0-next.37 */
 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,7 +11,26 @@ declare const useHomeViewModel: (component: import('@arcgis/components-controlle
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<HomeViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<HomeViewModel>, options?: {
+} & 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?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => HomeViewModel;
 /**