@arcgis/map-components 4.32.0-next.99 → 4.33.0-next.1

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

@@ -30,7 +30,7 @@ declare const useMapView: (component: import('@arcgis/components-controllers').S
 }, options?: {
     editConstructorProperties(props: __esri.MapViewProperties | undefined): __esri.MapViewProperties | Promise<__esri.MapViewProperties | undefined> | undefined;
 } | undefined) => MapView;
-/** Loads a [WebMap](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebMap.html) from [ArcGIS Online](https://www.arcgis.com/home/index.html) or [ArcGIS Enterprise portal](https://enterprise.arcgis.com/en/portal/latest/administer/windows/what-is-portal-for-arcgis-.htm) into a [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html).
+/** Loads a WebMap from [ArcGIS Online](https://www.arcgis.com/home/index.html) or [ArcGIS Enterprise portal](https://enterprise.arcgis.com/en/portal/latest/administer/windows/what-is-portal-for-arcgis-.htm) into a [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html).
  */
 export declare class ArcgisMap extends LitElement {
     /** Internal view of the component. */
@@ -114,7 +114,7 @@ export declare class ArcgisMap extends LitElement {
      * The highlights property is a collection of HighlightGroup objects that
      * allow you to visually emphasize specific features on the map.
      */
-    readonly highlights: __esri.Collection<any>;
+    highlights: __esri.Collection<__esri.HighlightOptions>;
     /**
      * @deprecated
      *
@@ -140,7 +140,7 @@ export declare class ArcgisMap extends LitElement {
      * esri/views/layers/LayerView LayerViews of the
      * esri/Map#layers operational layers in the map.
      */
-    layerViews: __esri.Collection<__esri.LayerView>;
+    readonly layerViews: __esri.Collection<__esri.LayerView>;
     /** The magnifier allows for showing a portion of the view as a magnifier image on top of the view. */
     readonly magnifier: __esri.Magnifier;
     /** An instance of a esri/Map object to display in the view. */
@@ -242,6 +242,10 @@ export declare class ArcgisMap 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-map/customElement.js

@@ -1,16 +1,16 @@
 import { c } from "../../chunks/runtime.js";
-import { makeAccessorController as r, reEmitEvent as e, accessorSupport as p } from "@arcgis/components-controllers/accessor";
+import { makeAccessorController as r, reEmitEvent as e, accessorSupport as d } from "@arcgis/components-controllers/accessor";
 import { watch as s } from "@arcgis/core/core/reactiveUtils.js";
-import v from "@arcgis/core/views/MapView.js";
-import d from "@arcgis/core/WebMap.js";
+import p from "@arcgis/core/views/MapView.js";
+import v from "@arcgis/core/WebMap.js";
 import { LitElement as l, createEvent as a, noShadowRoot as m } from "@arcgis/lumina";
 import { e as h, i as g } from "../../chunks/component-utils.js";
 import { 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.99 */
+See https://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.0-next.1 */
 const u = y`.arcgis-map{padding:0;margin:0;height:100%;width:100%}`, f = r(
-  d,
+  v,
   /**
    * Since omitProps is only needed for typing, not runtime, `{} as { ... }` is
    * a hack to remove them from the runtime code. This argument is not used at
@@ -20,10 +20,10 @@ const u = y`.arcgis-map{padding:0;margin:0;height:100%;width:100%}`, f = r(
    * in an externalized package.
    */
   {}
-), b = r(v, {});
-class V extends l {
+), b = r(p, {});
+class _ extends l {
   constructor() {
-    super(...arguments), this._map = f(this, { editConstructorProperties: this._editMapProperties }), this.view = b(this, { editConstructorProperties: this._editViewProperties }), this.allLayerViews = this.view.allLayerViews, this.autoDestroyDisabled = !1, this.background = this.view.background, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.fatalError = this.view.fatalError, this.floors = this.view.floors, this.graphics = this.view.graphics, this.ground = this._map.ground, this.highlights = this.view.highlights, this.highlightOptions = this.view.highlightOptions, this.ipsInfo = this._map.ipsInfo, 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.ready = this.view.ready, this.resizeAlign = this.view.resizeAlign, this.resolution = this.view.resolution, this.rotation = this.view.rotation, this.spatialReference = this.view.spatialReference, this.suspended = this.view.suspended, this.theme = this.view.theme, this.timeExtent = this.view.timeExtent, this.timeZone = this.view.timeZone, this.updating = this.view.updating, this.arcgisViewChange = a(), this.arcgisViewClick = e(() => this.view, "click"), this.arcgisViewDoubleClick = e(() => this.view, "double-click"), this.arcgisViewDrag = e(() => this.view, "drag"), this.arcgisViewHold = e(() => this.view, "hold"), this.arcgisViewImmediateClick = e(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = e(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = e(() => this.view, "key-down"), this.arcgisViewKeyUp = e(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = e(() => this.view, "layer-view-create"), this.arcgisViewLayerviewCreateError = e(() => this.view, "layer-view-create-error"), this.arcgisViewLayerviewDestroy = e(() => this.view, "layer-view-destroy"), this.arcgisViewMouseWheel = e(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = e(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = e(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = e(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = e(() => this.view, "pointer-move"), this.arcgisViewPointerUp = e(() => this.view, "pointer-up"), this.arcgisViewReadyChange = a();
+    super(...arguments), 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.view = b(this, { editConstructorProperties: this._editViewProperties }), this.allLayerViews = this.view.allLayerViews, this.autoDestroyDisabled = !1, this.background = this.view.background, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.fatalError = this.view.fatalError, this.floors = this.view.floors, this.graphics = this.view.graphics, this.ground = this._map.ground, this.highlights = this.view.highlights, this.highlightOptions = this.view.highlightOptions, this.ipsInfo = this._map.ipsInfo, 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.ready = this.view.ready, this.resizeAlign = this.view.resizeAlign, this.resolution = this.view.resolution, this.rotation = this.view.rotation, this.spatialReference = this.view.spatialReference, this.suspended = this.view.suspended, this.theme = this.view.theme, this.timeExtent = this.view.timeExtent, this.timeZone = this.view.timeZone, this.updating = this.view.updating, this.arcgisViewChange = a(), this.arcgisViewClick = e(() => this.view, "click"), this.arcgisViewDoubleClick = e(() => this.view, "double-click"), this.arcgisViewDrag = e(() => this.view, "drag"), this.arcgisViewHold = e(() => this.view, "hold"), this.arcgisViewImmediateClick = e(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = e(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = e(() => this.view, "key-down"), this.arcgisViewKeyUp = e(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = e(() => this.view, "layer-view-create"), this.arcgisViewLayerviewCreateError = e(() => this.view, "layer-view-create-error"), this.arcgisViewLayerviewDestroy = e(() => this.view, "layer-view-destroy"), this.arcgisViewMouseWheel = e(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = e(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = e(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = e(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = e(() => this.view, "pointer-move"), this.arcgisViewPointerUp = e(() => this.view, "pointer-up"), this.arcgisViewReadyChange = a();
   }
   static {
     this.properties = { view: 32, allLayerViews: 0, autoDestroyDisabled: 5, background: 0, basemap: 1, basemapView: 0, center: 1, constraints: 0, displayFilterDisabled: 5, extent: 0, fatalError: 0, floors: 0, gamepad: 32, graphics: 0, ground: 1, highlights: 0, highlightOptions: 0, interacting: 32, ipsInfo: 0, itemId: 3, layerViews: 0, magnifier: 0, map: 0, navigating: 32, navigation: 0, padding: 0, popup: 0, popupDisabled: 5, ready: 4, resizeAlign: 1, resolution: 8, rotation: 9, scale: 9, spatialReference: 0, stationary: 32, suspended: 7, theme: 0, timeExtent: 0, timeZone: 1, updating: 7, viewpoint: 0, zoom: 9 };
@@ -76,7 +76,7 @@ class V extends l {
     return this._map.portalItem?.id ?? this._itemId;
   }
   set itemId(i) {
-    this._itemId = i, this.ready && p.reCreate(this._map, this).then(() => {
+    this._itemId = i, this.ready && d.reCreate(this._map, this).then(() => {
       this.view.map = this._map;
     }).catch(console.error);
   }
@@ -107,7 +107,7 @@ class V extends l {
     return this.view.viewpoint ?? this._viewpoint;
   }
   set viewpoint(i) {
-    g(this.viewpoint, i) && (this.ready && (this.view.viewpoint = i), this._viewpoint = i);
+    this.ready && g(this.viewpoint, i) && (this.view.viewpoint = i), this._viewpoint = i;
   }
   /**
    * Represents the level of detail (LOD) at the center of the view.
@@ -136,6 +136,14 @@ class V extends l {
   async addLayers(i, t) {
     this.map?.addMany(i, t);
   }
+  /** 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, t) {
+    this.map?.tables.addMany(i, t);
+  }
   /** Closes the popup. */
   async closePopup() {
     this.view?.closePopup();
@@ -207,7 +215,7 @@ class V extends l {
     return t && (i.center = t), this.viewpoint && (i.viewpoint = this.viewpoint), this.scale !== void 0 && (i.scale = this.scale), this.extent && (i.extent = this.extent), this.zoom !== void 0 && (i.zoom = this.zoom), i;
   }
 }
-c("arcgis-map", V);
+c("arcgis-map", _);
 export {
-  V as ArcgisMap
+  _ as ArcgisMap
 };

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

@@ -5,8 +5,8 @@ import { LitElement as s, createEvent as a, noShadowRoot as o } from "@arcgis/lu
 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.99 */
+See https://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.0-next.1 */
 const c = n`arcgis-measurement{display:block}`, h = r(i);
 class l extends s {
   constructor() {

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

@@ -0,0 +1,3 @@
+export declare const css: {
+    readonly base: "arcgis-navigation-toggle";
+};

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

@@ -2,39 +2,22 @@
 /// <reference types="../../index.d.ts" />
 import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-utils';
-import { default as NavigationToggle } from '@arcgis/core/widgets/NavigationToggle.js';
-import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { PropertyValues } from 'lit';
+import { useView } from '../../controllers/useView';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useNavigationToggleWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
-    manager: import('@arcgis/components-controllers').ControllerManager;
-    el: HTMLElement;
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<NavigationToggle, never> & {
-    reactiveUtils?: typeof __esri.reactiveUtils;
-    state?: unknown;
-    viewModel?: __esri.NavigationToggleViewModel | undefined;
-    icon: Nil | string;
-    label: Nil | string;
-    referenceElement: ArcgisReferenceElement | Nil | string;
-    position: __esri.UIPosition;
-    arcgisReady: import('@arcgis/components-controllers').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
-        name: string;
-    }> | undefined;
-    el: HTMLElement & {
-        childElem?: HTMLElement & {
-            ownedBy?: HTMLElement;
-        };
-        view?: __esri.MapView | __esri.SceneView | Nil;
-    };
-    autoDestroyDisabled: boolean;
-    destroy: () => Promise<void>;
-}, options?: {
-    editConstructorProperties(props: __esri.NavigationToggleProperties | undefined): __esri.NavigationToggleProperties | Promise<__esri.NavigationToggleProperties | undefined> | undefined;
-} | undefined) => NavigationToggle;
-/** The [NavigationToggle](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-NavigationToggle.html) two simple buttons for toggling the [navigation mode](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-NavigationToggle-NavigationToggleViewModel.html#navigationMode) of a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
+type State = "disabled" | "ready";
+type NavigationMode = "pan" | "rotate";
+type LayoutMode = "horizontal" | "vertical";
+/**
+ * A navigation toggle component can be used to control the navigation mode of an arcgis-scene component.
+ *
+ * When the navigation mode is set to "pan" (default), the mouse drag gesture pans the view and right-click + drag allows the user
+ * to rotate the view. When the navigation mode is set to "rotate", the mouse drag gesture rotates the view and
+ * right-click + drag pans the view.
+ *
+ * The navigation toggle component is only supported in 3D.
  */
 export declare class ArcgisNavigationToggle extends LitElement {
     /**
@@ -46,18 +29,30 @@ export declare class ArcgisNavigationToggle extends LitElement {
      */
     autoDestroyDisabled: boolean;
     /**
-     * Icon which represents the component.
-     * Typically used when the component is controlled by another component (e.g. by the Expand component).
-     * Search [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/) for possible values.
+     * Icon which represents the component. It is typically used when the
+     * component is controlled by another one (e.g. in the arcgis-expand
+     * component).
+     *
+     * @see [Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)
      */
-    icon: string | nullish;
+    icon: HTMLCalciteIconElement["icon"] | Nil;
     /** The component's default label. */
-    label: string;
-    layout: "vertical" | "horizontal";
+    label: string | undefined;
+    /** The layout direction of the component. */
+    layout: LayoutMode;
+    /**
+     * The navigation mode of the view. See the table below for a list of
+     * possible values.
+     *
+     * Possible Value | Description
+     * ---------------|-------------
+     * pan | The mouse drag gesture pans the view. Right-click + drag allows the user to perform a 3D rotate around the center of the view.
+     * rotate | The mouse drag gesture performs a 3D rotate around the center of the view and the right-click + drag gesture pans the view.
+     */
+    navigationMode: NavigationMode;
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
-    readonly state: "ready" | "disabled";
-    navigationMode: "rotate" | "pan";
+    state: State;
     /** Permanently destroy the component */
     destroy(): Promise<void>;
     toggle(): Promise<void>;

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

@@ -1,37 +1,78 @@
-import { c as t } from "../../chunks/runtime.js";
-import { usePropertyChange as i } from "@arcgis/components-controllers";
-import e from "@arcgis/core/widgets/NavigationToggle.js";
-import { LitElement as o, createEvent as s, noShadowRoot as a } from "@arcgis/lumina";
-import { m as g } from "../../chunks/useWidget.js";
-import { css as r } from "@lit/reactive-element/css-tag.js";
+import { c as l } from "../../chunks/runtime.js";
+import { usePropertyChange as d } from "@arcgis/components-controllers";
+import { when as n } from "@arcgis/core/core/reactiveUtils.js";
+import { LitElement as g, createEvent as p, noShadowRoot as h, safeClassMap as m, nothing as c } from "@arcgis/lumina";
+import { html as v } from "lit";
+import { a as u, u as y } from "../../chunks/useView.js";
+import { g as b } from "../../chunks/globalCss.js";
+import { css as M } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.99 */
-const n = r`arcgis-navigation-toggle{display:block}`, l = g(e);
-class h extends o {
+See https://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.0-next.1 */
+const f = "arcgis-navigation-toggle", $ = {
+  base: f
+}, w = M`.arcgis-navigation-toggle{display:flex}`;
+class _ extends g {
   constructor() {
-    super(...arguments), this.widget = l(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.icon = this.widget.icon, this.label = this.widget.label, this.layout = this.widget.layout, this.position = "bottom-left", this.state = this.viewModel.state, this.navigationMode = this.viewModel.navigationMode, this.arcgisPropertyChange = i()("layout", "state"), this.arcgisReady = s();
+    super(...arguments), this.view = u(this), this._messages = y(), this.autoDestroyDisabled = !1, this.icon = "pan", this.layout = "vertical", this.navigationMode = "pan", this.position = "bottom-left", this.state = "disabled", this.arcgisPropertyChange = d()("layout", "state"), this.arcgisReady = p();
   }
   static {
-    this.properties = { autoDestroyDisabled: 5, icon: 1, label: 1, layout: 3, position: 1, referenceElement: 1, state: 3, navigationMode: 3 };
+    this.properties = { autoDestroyDisabled: 5, icon: 3, label: 1, layout: 3, navigationMode: 3, position: 1, referenceElement: 1, state: 3 };
   }
   static {
-    this.shadowRootOptions = a;
+    this.shadowRootOptions = h;
   }
   static {
-    this.styles = n;
+    this.styles = w;
   }
-  // #endregion
-  // #region Public Methods
+  //#endregion
+  //#region Public Methods
   /** Permanently destroy the component */
   async destroy() {
     await this.manager.destroy();
   }
   async toggle() {
-    this.widget?.toggle();
+    this.state !== "disabled" && (this.navigationMode = this.navigationMode !== "pan" ? "pan" : "rotate");
+  }
+  //#endregion
+  //#region Lifecycle
+  load() {
+    this.manager.onLifecycle(() => [
+      n(() => this.view?.navigation.actionMap, () => this._updateNavigationActionMap()),
+      n(() => {
+        const { view: t } = this;
+        return t?.ready && t?.type === "3d" ? "ready" : "disabled";
+      }, (t) => {
+        this.state = t;
+      }, { sync: !0, initial: !0 })
+    ]);
+  }
+  willUpdate(t) {
+    t.has("navigationMode") && this._updateNavigationActionMap();
+  }
+  //#endregion
+  //#region Private Methods
+  _onPanClick() {
+    this.navigationMode = "pan";
+  }
+  _onRotateClick() {
+    this.navigationMode = "rotate";
+  }
+  _updateNavigationActionMap() {
+    const t = this.view?.navigation.actionMap;
+    if (!t)
+      return;
+    const a = this.navigationMode === "pan";
+    t.dragPrimary = a ? "pan" : "rotate", t.dragSecondary = a ? "rotate" : "pan";
+  }
+  //#endregion
+  //#region Rendering
+  render() {
+    const { _messages: t, navigationMode: a, state: r } = this, e = t.pan ?? "", s = t.rotate ?? "", i = r === "disabled", o = a === "pan";
+    return v`<calcite-action-bar .ariaLabel=${this.label} class=${m({ [$.base]: !0, [b.disabled]: i })} expand-disabled .layout=${this.layout} scale=s><calcite-action .active=${o} appearance=solid data-testid=navigation-toggle-pan .disabled=${i} icon=move @click=${this._onPanClick} scale=s .text=${e} title=${e ?? c}></calcite-action><calcite-action .active=${!o} appearance=solid data-testid=navigation-toggle-rotate .disabled=${i} icon=rotate @click=${this._onRotateClick} scale=s .text=${s} title=${s ?? c}></calcite-action></calcite-action-bar>`;
   }
 }
-t("arcgis-navigation-toggle", h);
+l("arcgis-navigation-toggle", _);
 export {
-  h as ArcgisNavigationToggle
+  _ as ArcgisNavigationToggle
 };

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

@@ -6,8 +6,8 @@ import { LitElement as o, createEvent as d, noShadowRoot as n } from "@arcgis/lu
 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.99 */
+See https://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.0-next.1 */
 const h = g`arcgis-oriented-imagery-viewer{display:block}`, m = l(r);
 class y extends o {
   constructor() {

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

@@ -3,8 +3,8 @@ import { r as i, d as s, a as l } from "../../chunks/component-utils.js";
 import { LitElement as r, createEvent as o, noShadowRoot as n } from "@arcgis/lumina";
 import { css as c } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.99 */
+See https://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.0-next.1 */
 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

@@ -6,8 +6,8 @@ import { LitElement as o, createEvent as a, noShadowRoot as l } from "@arcgis/lu
 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.99 */
+See https://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.0-next.1 */
 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.99 */
-function $(_ = 0, e = 0) {
-  return { x: _, y: e };
+See https://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.0-next.1 */
+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

@@ -5,8 +5,8 @@ import { LitElement as s, createEvent as a, noShadowRoot as l } from "@arcgis/lu
 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.99 */
+See https://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.0-next.1 */
 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. */
@@ -153,7 +153,7 @@ export declare class ArcgisScene extends LitElement {
      * The highlights property is a collection of HighlightGroup objects that
      * allow you to visually emphasize specific features on the map.
      */
-    readonly highlights: __esri.Collection<any>;
+    highlights: __esri.Collection<__esri.HighlightOptions>;
     /**
      * @deprecated
      *
@@ -176,7 +176,7 @@ export declare class ArcgisScene extends LitElement {
      * esri/views/layers/LayerView LayerViews of the
      * esri/Map#layers operational layers in the map.
      */
-    layerViews: __esri.Collection<__esri.LayerView>;
+    readonly layerViews: __esri.Collection<__esri.LayerView>;
     /** The magnifier allows for showing a portion of the view as a magnifier image on top of the view. */
     readonly magnifier: __esri.Magnifier;
     /** An instance of a esri/Map object to display in the view. */
@@ -239,7 +239,7 @@ export declare class ArcgisScene extends LitElement {
      * or by processing received data.
      */
     readonly updating: boolean;
-    viewingMode: "global" | "local";
+    viewingMode: "local" | "global";
     /**
      * Represents the current view as a Viewpoint or point of observation on the view.
      * Setting the viewpoint immediately changes the current view. For animating
@@ -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. */