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

package/dist/components/arcgis-navigation-toggle/index.d.ts

@@ -1 +1,3 @@
+import "@esri/calcite-components/components/calcite-action-bar";
+import "@esri/calcite-components/components/calcite-action";
 export * from "./customElement.js";

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

@@ -1 +1,3 @@
+import "@esri/calcite-components/components/calcite-action-bar";
+import "@esri/calcite-components/components/calcite-action";
 export * from "./customElement.js";

package/dist/components/arcgis-oriented-imagery-viewer/customElement.d.ts

@@ -30,14 +30,22 @@ declare const useOrientedImageryViewerWidget: (component: import('@arcgis/compon
         childElem?: HTMLElement & {
             ownedBy?: HTMLElement;
         };
-        view?: __esri.MapView | __esri.SceneView | Nil;
+        view?: __esri.MapView | __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.
+         */
+        SceneView | Nil;
     };
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
     editConstructorProperties(props: __esri.OrientedImageryViewerProperties | undefined): __esri.OrientedImageryViewerProperties | Promise<__esri.OrientedImageryViewerProperties | undefined> | undefined;
 } | undefined) => OrientedImageryViewer;
-/** The [OrientedImageryViewer](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-OrientedImageryViewer.html) allows the user to explore and use their oriented images.
+/** The OrientedImageryViewer component allows the user to explore and use their oriented images.
  */
 export declare class ArcgisOrientedImageryViewer extends LitElement {
     /**

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.32/esri/copyright.txt for details.
-v4.32.0-next.116 */
+v4.32.0-next.118 */
 const h = g`arcgis-oriented-imagery-viewer{display:block}`, m = l(r);
 class y extends o {
   constructor() {

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

@@ -4,7 +4,7 @@ import { LitElement as r, createEvent as o, noShadowRoot as n } from "@arcgis/lu
 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.32/esri/copyright.txt for details.
-v4.32.0-next.116 */
+v4.32.0-next.118 */
 const h = c`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.d.ts

@@ -34,7 +34,7 @@ declare const usePrintWidget: (component: import('@arcgis/components-controllers
 }, options?: {
     editConstructorProperties(props: __esri.PrintProperties | undefined): __esri.PrintProperties | Promise<__esri.PrintProperties | undefined> | undefined;
 } | undefined) => Print;
-/** [Print](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Print.html) connects your application with a [printing service](https://enterprise.arcgis.com/en/portal/latest/administer/windows/configure-the-portal-to-print-maps.htm) to allow the map to be printed.
+/** Print component connects your application with a [printing service](https://enterprise.arcgis.com/en/portal/latest/administer/windows/configure-the-portal-to-print-maps.htm) to allow the map to be printed.
  */
 export declare class ArcgisPrint extends LitElement {
     allowedFormats: string | string[];

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

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

@@ -14,29 +14,10 @@ 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;
-/** The [ScaleBar](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ScaleBar.html) displays a scale bar on the map or in a specified HTML node.
+/** The ScaleBar component displays a scale bar on the map or in a specified HTML node.
  */
 export declare class ArcgisScaleBar extends LitElement {
     private messages;

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

@@ -6,14 +6,15 @@ import { getDefaultUnitForView as w } from "@arcgis/core/applications/Components
 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 f } from "@arcgis/lumina";
-import { u as x, m as D } from "../../chunks/useViewModel.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/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.32/esri/copyright.txt for details.
-v4.32.0-next.116 */
-function $(_ = 0, e = 0) {
-  return { x: _, y: e };
+v4.32.0-next.118 */
+function $(f = 0, e = 0) {
+  return { x: f, y: e };
 }
 const r = "esri-scale-bar", t = {
   base: r,
@@ -87,7 +88,7 @@ class k extends B {
   _handleRootCreateOrUpdate() {
     if (!this.viewModel)
       return;
-    const e = this._scaleComputedFrom, i = this.el.getBoundingClientRect(), o = i.left + window.pageXOffset, l = i.top + window.pageYOffset, n = $(o, l);
+    const e = this._scaleComputedFrom, i = this.el.getBoundingClientRect(), s = i.left + window.pageXOffset, l = i.top + window.pageYOffset, n = $(s, l);
     (n.x !== e.x || n.y !== e.y) && (this._scaleComputedFrom = n);
   }
   _formatDistance(e, i) {
@@ -103,33 +104,33 @@ class k extends B {
     const e = this.viewModel.state === "disabled", i = {
       [v.disabled]: e
     };
-    let o, l;
+    let s, l;
     if (!e) {
-      const { unit: n, barStyle: c } = this, b = n === "imperial" || n === "dual", p = n === "metric" || n === "dual", m = 100, h = n === "dual" ? "line" : c;
-      if (b) {
-        const s = this.viewModel.getScaleBarProperties(m, "imperial");
-        s && (l = h === "ruler" ? this._renderRuler(s) : this._renderLine(s, "bottom"));
-      }
+      const { unit: n, barStyle: c } = this, p = n === "imperial" || n === "dual", b = n === "metric" || n === "dual", m = 100, h = n === "dual" ? "line" : c;
       if (p) {
-        const s = this.viewModel.getScaleBarProperties(m, "metric");
-        s && (o = h === "ruler" ? this._renderRuler(s) : this._renderLine(s, "top"));
+        const o = this.viewModel.getScaleBarProperties(m, "imperial");
+        o && (l = h === "ruler" ? this._renderRuler(o) : this._renderLine(o, "bottom"));
+      }
+      if (b) {
+        const o = this.viewModel.getScaleBarProperties(m, "metric");
+        o && (s = h === "ruler" ? this._renderRuler(o) : this._renderLine(o, "top"));
       }
     }
-    return u`<div class=${a(d(t.base, v.widget, i))} ${g(this._handleContainerRef)}>${o}${l}</div>`;
+    return u`<div class=${a(d(t.base, v.widget, i))} ${g(this._handleContainerRef)}>${s}${l}</div>`;
   }
   _renderRuler(e) {
-    const { length: i, unit: o, value: l } = e, n = Math.round(i), c = this._formatDistance(l, o);
-    return u`<div class=${a(d(t.barContainer, t.rulerBarContainer))}><div class=${a(t.ruler)} style=${f({ width: `${n}px` })}><div class=${a(t.rulerBlock)}></div><div class=${a(t.rulerBlock)}></div><div class=${a(t.rulerBlock)}></div><div class=${a(t.rulerBlock)}></div></div><div class=${a(d(t.labelContainer, t.rulerLabelContainer))}><div class=${a(t.label)}>0</div><div class=${a(t.label)}>${c}</div></div></div>`;
+    const { length: i, unit: s, value: l } = e, n = Math.round(i), c = this._formatDistance(l, s);
+    return u`<div class=${a(d(t.barContainer, t.rulerBarContainer))}><div class=${a(t.ruler)} style=${_({ width: `${n}px` })}><div class=${a(t.rulerBlock)}></div><div class=${a(t.rulerBlock)}></div><div class=${a(t.rulerBlock)}></div><div class=${a(t.rulerBlock)}></div></div><div class=${a(d(t.labelContainer, t.rulerLabelContainer))}><div class=${a(t.label)}>0</div><div class=${a(t.label)}>${c}</div></div></div>`;
   }
   _renderLine(e, i) {
-    const { length: o, unit: l, value: n } = e, c = Math.round(o), b = this._formatDistance(n, l), p = {
+    const { length: s, unit: l, value: n } = e, c = Math.round(s), p = this._formatDistance(n, l), b = {
       [t.topLabelContainer]: i === "top",
       [t.bottomLabelContainer]: i === "bottom"
-    }, m = u`<div class=${a(d(t.labelContainer, t.lineLabelContainer, p))}><div class=${a(t.label)}>${b}</div></div>`, h = {
+    }, m = u`<div class=${a(d(t.labelContainer, t.lineLabelContainer, b))}><div class=${a(t.label)}>${p}</div></div>`, h = {
       [t.topLine]: i === "top",
       [t.bottomLine]: i === "bottom"
-    }, s = u`<div class=${a(d(t.line, h))} style=${f({ width: `${c}px` })}></div>`;
-    return u`<div class=${a(d(t.barContainer, t.lineBarContainer))}>${[s, m]}</div>`;
+    }, o = u`<div class=${a(d(t.line, h))} style=${_({ width: `${c}px` })}></div>`;
+    return u`<div class=${a(d(t.barContainer, t.lineBarContainer))}>${[o, m]}</div>`;
   }
 }
 C("arcgis-scale-bar", k);

package/dist/components/arcgis-scale-range-slider/customElement.d.ts

@@ -34,7 +34,7 @@ declare const useScaleRangeSliderWidget: (component: import('@arcgis/components-
 }, options?: {
     editConstructorProperties(props: __esri.ScaleRangeSliderProperties | undefined): __esri.ScaleRangeSliderProperties | Promise<__esri.ScaleRangeSliderProperties | undefined> | undefined;
 } | undefined) => ScaleRangeSlider;
-/** The [ScaleRangeSlider](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ScaleRangeSlider.html) allows the user to set a minimum and maximum scale based on named scale ranges.
+/** The ScaleRangeSlider component allows the user to set a minimum and maximum scale based on named scale ranges.
  */
 export declare class ArcgisScaleRangeSlider extends LitElement {
     /**

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

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

@@ -30,7 +30,7 @@ declare const useSceneView: (component: import('@arcgis/components-controllers')
 }, options?: {
     editConstructorProperties(props: __esri.SceneViewProperties | undefined): __esri.SceneViewProperties | Promise<__esri.SceneViewProperties | undefined> | undefined;
 } | undefined) => SceneView;
-/** The web [scene](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebScene.html) is the core element of 3D mapping across ArcGIS. It defines the content, style, environment, and slides of your scene and it can be shared across multiple ArcGIS web and desktop applications.
+/** The web scene is the core element of 3D mapping across ArcGIS. It defines the content, style, environment, and slides of your scene and it can be shared across multiple ArcGIS web and desktop applications.
  */
 export declare class ArcgisScene extends LitElement {
     /** Internal view of the component. */
@@ -264,6 +264,10 @@ export declare class ArcgisScene extends LitElement {
     addLayer(layer: __esri.Layer | Promise<any>, index?: number): Promise<void>;
     /** Adds a layer or array of layers to the map layers collection. */
     addLayers(layers: __esri.Layer[], index?: number): Promise<void>;
+    /** Adds a table to the map tables collection. */
+    addTable(table: __esri.FeatureLayer): Promise<void>;
+    /** Adds a table or array of tables to the map tables collection. */
+    addTables(tables: __esri.FeatureLayer[], index?: number): Promise<void>;
     /** Closes the popup. */
     closePopup(): Promise<void>;
     /** Destroys the view, and any associated resources, including its map, popup, and UI elements. */

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

@@ -1,18 +1,18 @@
 import { c as m } from "../../chunks/runtime.js";
-import { makeAccessorController as c, reEmitEvent as t, accessorSupport as w } from "@arcgis/components-controllers/accessor";
+import { makeAccessorController as c, reEmitEvent as t, accessorSupport as v } from "@arcgis/components-controllers/accessor";
 import { watch as a } from "@arcgis/core/core/reactiveUtils.js";
-import v from "@arcgis/core/views/SceneView.js";
-import l from "@arcgis/core/WebScene.js";
-import { LitElement as d, createEvent as r, noShadowRoot as g } from "@arcgis/lumina";
+import w from "@arcgis/core/views/SceneView.js";
+import d from "@arcgis/core/WebScene.js";
+import { LitElement as l, createEvent as r, noShadowRoot as g } from "@arcgis/lumina";
 import { c as h, p as n, e as o, i as p } 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.32/esri/copyright.txt for details.
-v4.32.0-next.116 */
-const u = y`.arcgis-scene{padding:0;margin:0;height:100%;width:100%}`, f = c(l, {}), _ = c(v, {});
-class b extends d {
+v4.32.0-next.118 */
+const u = y`.arcgis-scene{padding:0;margin:0;height:100%;width:100%}`, f = c(d, {}), _ = c(w, {});
+class b extends l {
   constructor() {
-    super(...arguments), this._map = f(this, { editConstructorProperties: this._editMapProperties }), this.view = _(this, { editConstructorProperties: this._editViewProperties }), this.allLayerViews = this.view.allLayerViews, this.alphaCompositingEnabled = this.view.alphaCompositingEnabled, this.analyses = this.view.analyses, this.autoDestroyDisabled = !1, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.clippingArea = this.view.clippingArea, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.environment = this.view.environment, this.fatalError = this.view.fatalError, this.floors = this.view.floors, this.graphics = this.view.graphics, this.ground = this._map.ground, this.groundView = this.view.groundView, this.highlights = this.view.highlights, this.highlightOptions = this.view.highlightOptions, this.layerViews = this.view.layerViews, this.magnifier = this.view.magnifier, this.map = this.view.map, this.navigation = this.view.navigation, this.padding = this.view.padding, this.popup = this.view.popup, this.popupDisabled = this.view.popupEnabled, this.qualityProfile = this.view.qualityProfile, this.ready = this.view.ready, this.spatialReference = this.view.spatialReference, this.suspended = this.view.suspended, this.theme = this.view.theme, this.timeExtent = this.view.timeExtent, this.updating = this.view.updating, this.viewingMode = this.view.viewingMode, this.arcgisViewChange = r(), this.arcgisViewClick = t(() => this.view, "click"), this.arcgisViewDoubleClick = t(() => this.view, "double-click"), this.arcgisViewDrag = t(() => this.view, "drag"), this.arcgisViewHold = t(() => this.view, "hold"), this.arcgisViewImmediateClick = t(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = t(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = t(() => this.view, "key-down"), this.arcgisViewKeyUp = t(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = t(() => this.view, "layer-view-create"), this.arcgisViewLayerviewCreateError = t(() => this.view, "layer-view-create-error"), this.arcgisViewLayerviewDestroy = t(() => this.view, "layer-view-destroy"), this.arcgisViewMouseWheel = t(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = t(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = t(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = t(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = t(() => this.view, "pointer-move"), this.arcgisViewPointerUp = t(() => this.view, "pointer-up"), this.arcgisViewReadyChange = r();
+    super(...arguments), this._camera = void 0, this._center = void 0, this._extent = void 0, this._itemId = void 0, this._map = f(this, { editConstructorProperties: this._editMapProperties }), this._scale = void 0, this._viewpoint = void 0, this._zoom = void 0, this._cameraFov = void 0, this._cameraHeading = void 0, this._cameraPosition = void 0, this._cameraTilt = void 0, this.view = _(this, { editConstructorProperties: this._editViewProperties }), this.allLayerViews = this.view.allLayerViews, this.alphaCompositingEnabled = this.view.alphaCompositingEnabled, this.analyses = this.view.analyses, this.autoDestroyDisabled = !1, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.clippingArea = this.view.clippingArea, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.environment = this.view.environment, this.fatalError = this.view.fatalError, this.floors = this.view.floors, this.graphics = this.view.graphics, this.ground = this._map.ground, this.groundView = this.view.groundView, this.highlights = this.view.highlights, this.highlightOptions = this.view.highlightOptions, this.layerViews = this.view.layerViews, this.magnifier = this.view.magnifier, this.map = this.view.map, this.navigation = this.view.navigation, this.padding = this.view.padding, this.popup = this.view.popup, this.popupDisabled = this.view.popupEnabled, this.qualityProfile = this.view.qualityProfile, this.ready = this.view.ready, this.spatialReference = this.view.spatialReference, this.suspended = this.view.suspended, this.theme = this.view.theme, this.timeExtent = this.view.timeExtent, this.updating = this.view.updating, this.viewingMode = this.view.viewingMode, this.arcgisViewChange = r(), this.arcgisViewClick = t(() => this.view, "click"), this.arcgisViewDoubleClick = t(() => this.view, "double-click"), this.arcgisViewDrag = t(() => this.view, "drag"), this.arcgisViewHold = t(() => this.view, "hold"), this.arcgisViewImmediateClick = t(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = t(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = t(() => this.view, "key-down"), this.arcgisViewKeyUp = t(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = t(() => this.view, "layer-view-create"), this.arcgisViewLayerviewCreateError = t(() => this.view, "layer-view-create-error"), this.arcgisViewLayerviewDestroy = t(() => this.view, "layer-view-destroy"), this.arcgisViewMouseWheel = t(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = t(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = t(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = t(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = t(() => this.view, "pointer-move"), this.arcgisViewPointerUp = t(() => this.view, "pointer-up"), this.arcgisViewReadyChange = r();
   }
   static {
     this.properties = { view: 32, allLayerViews: 0, alphaCompositingEnabled: 5, analyses: 0, autoDestroyDisabled: 5, basemap: 1, basemapView: 0, camera: 0, cameraFov: 9, cameraHeading: 9, cameraPosition: 1, cameraTilt: 9, center: 1, clippingArea: 0, constraints: 0, displayFilterDisabled: 5, environment: 0, extent: 0, fatalError: 0, floors: 0, gamepad: 32, graphics: 0, ground: 0, groundView: 0, highlights: 0, highlightOptions: 0, interacting: 32, itemId: 3, layerViews: 0, magnifier: 0, map: 0, navigating: 32, navigation: 0, padding: 0, performanceInfo: 32, popup: 0, popupDisabled: 5, qualityProfile: 1, ready: 4, resolution: 32, scale: 9, spatialReference: 0, stationary: 32, suspended: 7, theme: 0, timeExtent: 0, updating: 7, viewingMode: 1, viewpoint: 0, zoom: 9 };
@@ -40,9 +40,9 @@ class b extends d {
     return this.view.camera?.fov ?? this._cameraFov;
   }
   set cameraFov(i) {
-    this.ready ? i != null && this._mutateCamera((e) => {
+    this.ready && i != null && this._mutateCamera((e) => {
       e.fov = i;
-    }) : this._cameraFov = i;
+    }), this._cameraFov = i;
   }
   /**
    * The compass heading of the camera in degrees.
@@ -55,9 +55,9 @@ class b extends d {
     return this.view.camera?.heading ?? this._cameraHeading;
   }
   set cameraHeading(i) {
-    this.ready ? i != null && this._mutateCamera((e) => {
+    this.ready && i != null && this._mutateCamera((e) => {
       e.heading = i;
-    }) : this._cameraHeading = i;
+    }), this._cameraHeading = i;
   }
   /**
    * The position of the camera defined by a map point. It can be an `esri/geometry/Point` instance or a string with the
@@ -91,9 +91,9 @@ class b extends d {
     return this.view.camera?.tilt ?? this._cameraTilt;
   }
   set cameraTilt(i) {
-    this.ready ? i != null && this._mutateCamera((e) => {
+    this.ready && i != null && this._mutateCamera((e) => {
       e.tilt = i;
-    }) : this._cameraTilt = i;
+    }), this._cameraTilt = i;
   }
   /**
    * Represents the view's center point; when setting the center, you may pass a
@@ -119,7 +119,7 @@ class b extends d {
     return this.view.extent ?? this._extent;
   }
   set extent(i) {
-    this.view.ready || (this._extent = i), i && !this.extent?.equals(i) && (this.view.extent = i);
+    this.ready && i && !this.extent?.equals(i) && (this.view.extent = i), this._extent = i;
   }
   /** Gamepad input specific configuration settings.. */
   get gamepad() {
@@ -138,7 +138,7 @@ class b extends d {
     return this._map.portalItem?.id ?? this._itemId;
   }
   set itemId(i) {
-    this._itemId = i, this.ready && w.reCreate(this._map, this).then(() => {
+    this._itemId = i, this.ready && v.reCreate(this._map, this).then(() => {
       this.view.map = this._map;
     }).catch(console.error);
   }
@@ -184,7 +184,7 @@ class b extends d {
     return this.view.viewpoint ?? this._viewpoint;
   }
   set viewpoint(i) {
-    p(this.viewpoint, i) && (this.ready && (this.view.viewpoint = i), this._viewpoint = i);
+    this.ready && p(this.viewpoint, i) && (this.view.viewpoint = i), this._viewpoint = i;
   }
   /**
    * Represents the level of detail (LOD) at the center of the view.
@@ -213,6 +213,14 @@ class b extends d {
   async addLayers(i, e) {
     this.map?.addMany(i, e);
   }
+  /** Adds a table to the map tables collection. */
+  async addTable(i) {
+    this.map?.tables.add(i);
+  }
+  /** Adds a table or array of tables to the map tables collection. */
+  async addTables(i, e) {
+    this.map?.tables.addMany(i, e);
+  }
   /** Closes the popup. */
   async closePopup() {
     this.view?.closePopup();

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

@@ -34,7 +34,7 @@ declare const useSearchWidget: (component: import('@arcgis/components-controller
 }, options?: {
     editConstructorProperties(props: __esri.widgetsSearchProperties | undefined): __esri.widgetsSearchProperties | Promise<__esri.widgetsSearchProperties | undefined> | undefined;
 } | undefined) => Search;
-/** [Search](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html) provides a way to perform search operations
+/** Search component provides a way to perform search operations
  */
 export declare class ArcgisSearch extends LitElement {
     activeMenu: "source" | "none" | "warning" | "suggestion";
@@ -78,7 +78,7 @@ export declare class ArcgisSearch extends LitElement {
     searchTerm: string;
     readonly selectedResult: nullish | __esri.SearchResult;
     sources: __esri.Collection<__esri.SearchSource>;
-    readonly state: "ready" | "disabled" | "loading" | "searching";
+    readonly state: "ready" | "loading" | "disabled" | "searching";
     readonly suggestions: nullish | __esri.SearchResultsSuggestions[];
     suggestionsDisabled: boolean;
     blurSearch(): Promise<void>;

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

@@ -7,7 +7,7 @@ import { m as c } from "../../chunks/useWidget.js";
 import { css as o } 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 g = o`arcgis-search{display:block}`, d = c(a);
 class u extends r {
   constructor() {

package/dist/components/arcgis-shadow-cast/customElement.d.ts

@@ -34,7 +34,7 @@ declare const useShadowCastWidget: (component: import('@arcgis/components-contro
 }, options?: {
     editConstructorProperties(props: __esri.ShadowCastProperties | undefined): __esri.ShadowCastProperties | Promise<__esri.ShadowCastProperties | undefined> | undefined;
 } | undefined) => ShadowCast;
-/** [ShadowCast](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ShadowCast.html) displays the cumulative shadows of 3D features in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
+/** ShadowCast component displays the cumulative shadows of 3D features in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
  */
 export declare class ArcgisShadowCast extends LitElement {
     /**

package/dist/components/arcgis-shadow-cast/customElement.js

@@ -6,7 +6,7 @@ import { m as d } 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 n = r`arcgis-shadow-cast{display:block}`, l = d(s);
 class c extends o {
   constructor() {

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

@@ -35,7 +35,7 @@ declare const useSketchWidget: (component: import('@arcgis/components-controller
 }, options?: {
     editConstructorProperties(props: __esri.SketchProperties | undefined): __esri.SketchProperties | Promise<__esri.SketchProperties | undefined> | undefined;
 } | undefined) => Sketch;
-/** [Sketch](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch.html) provides a simple UI for creating and updating graphics on a [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) or a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
+/** Sketch component provides a simple UI for creating and updating graphics on a [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) or a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
  */
 export declare class ArcgisSketch extends LitElement {
     readonly activeTool: nullish | "point" | "multipoint" | "polygon" | "polyline" | "mesh" | "rectangle" | "move" | "circle" | "reshape" | "transform" | "freehandPolyline" | "freehandPolygon" | "rectangle-selection" | "lasso-selection" | "custom-selection";

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

@@ -8,7 +8,7 @@ import { m as r } 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.32/esri/copyright.txt for details.
-v4.32.0-next.116 */
+v4.32.0-next.118 */
 const p = g`arcgis-sketch{display:block}`, c = r(a);
 class m extends n {
   // #endregion

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

@@ -34,7 +34,7 @@ declare const useSliceWidget: (component: import('@arcgis/components-controllers
 }, options?: {
     editConstructorProperties(props: __esri.SliceProperties | undefined): __esri.SliceProperties | Promise<__esri.SliceProperties | undefined> | undefined;
 } | undefined) => Slice;
-/** [Slice](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slice.html) is a 3D analysis tool that can be used to reveal occluded content in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
+/** Slice component is a 3D analysis tool that can be used to reveal occluded content in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
  */
 export declare class ArcgisSlice extends LitElement {
     readonly analysis: __esri.SliceAnalysis;

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

@@ -6,7 +6,7 @@ import { m as l } 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 d = r`arcgis-slice{display:block}`, h = l(s);
 class c extends i {
   constructor() {

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

@@ -7,7 +7,7 @@ import { m as g } 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.32/esri/copyright.txt for details.
-v4.32.0-next.116 */
+v4.32.0-next.118 */
 const c = m`arcgis-slider{min-width:200px;min-height:25px}`, r = g(n);
 class d extends a {
   constructor() {

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

@@ -11,29 +11,10 @@ declare const useSwipeViewModel: (component: import('@arcgis/components-controll
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<SwipeViewModel, 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<SwipeViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<SwipeViewModel>, options?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => SwipeViewModel;
-/** The [Swipe](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Swipe.html) provides a tool to show a portion of a layer or layers on top of a map.
+/** The Swipe component provides a tool to show a portion of a layer or layers on top of a map.
  */
 export declare class ArcgisSwipe extends LitElement {
     /** */

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

@@ -4,13 +4,14 @@ import { usePropertyChange as $ } from "@arcgis/components-controllers";
 import { classes as v } from "@arcgis/components-utils";
 import D from "@arcgis/core/widgets/Swipe/SwipeViewModel.js";
 import { LitElement as P, createEvent as C, noShadowRoot as M, safeClassMap as h, safeStyleMap as _, nothing as K } from "@arcgis/lumina";
-import { u as z, m as L } from "../../chunks/useViewModel.js";
+import { u as z } from "../../chunks/useView.js";
+import { m as L } from "../../chunks/useViewModel.js";
 import { g as m } from "../../chunks/globalCss.js";
 import { l as b } from "../../chunks/legacyIcon.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.32/esri/copyright.txt for details.
-v4.32.0-next.116 */
+v4.32.0-next.118 */
 const H = A`arcgis-swipe,.arcgis-swipe{position:absolute;margin:0;background:transparent;padding:0;width:100%;height:100%;overflow:hidden;user-select:none}.arcgis-swipe,.arcgis-ui .arcgis-swipe{pointer-events:none}.arcgis-swipe__container{position:absolute;z-index:1;margin:0;outline:0;border:0;padding:0;overflow:hidden;pointer-events:auto;touch-action:none;outline-color:transparent}.arcgis-swipe--horizontal .arcgis-swipe__container{margin-left:calc(var(--calcite-spacing-xxxl) / 2 * -1);cursor:col-resize;height:100%}.arcgis-swipe--vertical .arcgis-swipe__container{margin-top:calc(var(--calcite-spacing-xxxl) / 2 * -1);cursor:row-resize;width:100%}.arcgis-swipe--disabled .arcgis-swipe__container{cursor:default;pointer-events:none}.arcgis-swipe__divider{position:absolute;background-color:var(--calcite-color-background)}.arcgis-swipe--horizontal .arcgis-swipe__divider{top:0;left:calc(var(--calcite-spacing-xxxl) / 2);margin-left:calc(var(--calcite-border-width-lg) * .5 * -1);border-right:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);border-left:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);width:var(--calcite-border-width-lg);height:100%}.arcgis-swipe--vertical .arcgis-swipe__divider{top:calc(var(--calcite-spacing-xxxl) / 2);left:0;margin-top:calc(var(--calcite-border-width-lg) * .5 * -1);border-top:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);border-bottom:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);width:100%;height:var(--calcite-border-width-lg)}.arcgis-swipe__handle{display:flex;position:relative;align-items:center;justify-content:center;border:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);border-radius:var(--calcite-corner-radius-round);background-color:var(--calcite-color-background);width:var(--calcite-spacing-xxxl);height:var(--calcite-spacing-xxxl);color:var(--calcite-color-border-input)}.arcgis-swipe__handle--hidden{visibility:hidden}.arcgis-swipe--vertical .arcgis-swipe__handle{rotate:90deg}.arcgis-swipe__handle-icon{position:relative;z-index:2}.arcgis-swipe--horizontal .arcgis-swipe__handle{top:calc(50% - calc(var(--calcite-spacing-xxxl) / 2))}.arcgis-swipe--vertical .arcgis-swipe__handle{left:calc(50% - calc(var(--calcite-spacing-xxxl) / 2))}.arcgis-swipe__container:focus .arcgis-swipe__handle,.arcgis-swipe__container:focus .arcgis-swipe__divider{outline:inset 2px var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)))}.arcgis-swipe__container:focus .arcgis-swipe__handle{outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}`, l = "arcgis-swipe", n = {
   base: l,
   baseDisabled: `${l}--disabled`,

package/dist/components/arcgis-table-list/customElement.d.ts

@@ -25,15 +25,7 @@ declare const useTableListWidget: (component: import('@arcgis/components-control
     }> | undefined;
     el: HTMLElement & {
         childElem?: HTMLElement & {
-            ownedBy
-            /**
-             * 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.
-             */
-            ?: HTMLElement;
+            ownedBy?: HTMLElement;
         };
         view?: __esri.MapView | __esri.SceneView | Nil;
     };
@@ -42,7 +34,7 @@ declare const useTableListWidget: (component: import('@arcgis/components-control
 }, options?: {
     editConstructorProperties(props: __esri.TableListProperties | undefined): __esri.TableListProperties | Promise<__esri.TableListProperties | undefined> | undefined;
 } | undefined) => TableList;
-/** The [TableList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-TableList.html) widget provides a way to display a list of tables associated with a [Map](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html).
+/** The TableList component provides a way to display a list of tables associated with a [Map](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html).
  */
 export declare class ArcgisTableList extends LitElement {
     /**
@@ -73,7 +65,7 @@ export declare class ArcgisTableList extends LitElement {
     referenceElement: ArcgisReferenceElement | Nil | string;
     selectedItems: __esri.Collection<__esri.TableListListItem>;
     selectionMode: "none" | "single" | "multiple" | "single-persist";
-    readonly state: "ready" | "disabled" | "loading";
+    readonly state: "ready" | "loading" | "disabled";
     /** The collection of table ListItems displayed within the component. */
     get tableItems(): __esri.Collection<__esri.TableListListItem>;
     showCloseButton: boolean;

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

package/dist/components/arcgis-time-slider/customElement.d.ts

@@ -34,7 +34,7 @@ declare const useTimeSliderWidget: (component: import('@arcgis/components-contro
 }, options?: {
     editConstructorProperties(props: __esri.widgetsTimeSliderProperties | undefined): __esri.widgetsTimeSliderProperties | Promise<__esri.widgetsTimeSliderProperties | undefined> | undefined;
 } | undefined) => TimeSlider;
-/** The [TimeSlider](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-TimeSlider.html) simplifies visualization of temporal data in your application.
+/** The TimeSlider component simplifies visualization of temporal data in your application.
  */
 export declare class ArcgisTimeSlider extends LitElement {
     actions: __esri.Collection<__esri.Action>;

package/dist/components/arcgis-time-slider/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.32/esri/copyright.txt for details.
-v4.32.0-next.116 */
+v4.32.0-next.118 */
 const r = n`arcgis-time-slider{display:block}`, m = d(o);
 class c extends a {
   constructor() {

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

@@ -11,29 +11,10 @@ declare const useTrackViewModel: (component: import('@arcgis/components-controll
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<TrackViewModel, never> & {
-    reactiveUtils?: typeof __esri.reactiveUtils;
-    state?: "ready" | "disabled" | "error" | "tracking" | "waiting" | "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?: {
+} & Pick<TrackViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<TrackViewModel>, options?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => TrackViewModel;
-/** [Track](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Track.html) is a simple button that animates the [View](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html) to the user's location when clicked.
+/** Track component is a simple button that animates the [View](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html) to the user's location when clicked.
  */
 export declare class ArcgisTrack extends LitElement {
     private messages: Partial<{