@arcgis/map-components 4.32.0-next.13 → 4.32.0-next.130

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

@@ -1,9 +1,11 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
-import { ArcgisReferenceElement } from '../../utils/component-utils';
-import { Nil } from '@arcgis/components-utils';
+/// <reference types="../../index.d.ts" />
 import { Use } from '@arcgis/components-controllers';
+import { Nil } from '@arcgis/components-utils';
+import { default as ScaleBarViewModel } from '@arcgis/core/widgets/ScaleBar/ScaleBarViewModel.js';
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { ArcgisReferenceElement } from '../../utils/component-utils';
 import { MeasurementSystem } from '../types';
-import { JsxNode, PublicLitElement as LitElement } from '@arcgis/lumina';
 
 type ScaleBarStyle = "line" | "ruler";
 type ScaleBarUnit = MeasurementSystem | "dual";
@@ -12,29 +14,12 @@ declare const useScaleBarViewModel: (component: import('@arcgis/components-contr
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<__esri.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) => __esri.ScaleBarViewModel;
-export declare class ArcgisScaleBar extends LitElement implements Use<typeof useScaleBarViewModel> {
+} | undefined) => ScaleBarViewModel;
+/** The ScaleBar component displays a scale bar on the map or in a specified HTML node.
+ */
+export declare class ArcgisScaleBar extends LitElement {
     private messages;
     /**
      * If true, the component will not be destroyed automatically when
@@ -51,7 +36,7 @@ export declare class ArcgisScaleBar extends LitElement implements Use<typeof use
     barStyle: ScaleBarStyle;
     /** Icon displayed in the widget's button. */
     icon: Nil | string;
-    /** The widget's default label. */
+    /** The component's default label. */
     label: Nil | string;
     messageOverrides?: typeof this.messages._overrides;
     position: __esri.UIPosition;
@@ -66,6 +51,6 @@ export declare class ArcgisScaleBar extends LitElement implements Use<typeof use
     set unit(value: ScaleBarUnit | undefined);
     /** Permanently destroy the component */
     destroy(): Promise<void>;
-    readonly arcgisReady: CustomEvent<undefined>;
+    readonly arcgisReady: TargetedEvent<this, undefined>;
 }
 export {};

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

@@ -1,17 +1,21 @@
-import { c as w } from "../../chunks/runtime.js";
+import { c as C } from "../../chunks/runtime.js";
 import { ref as g } from "lit-html/directives/ref.js";
 import { html as u } from "lit-html";
-import { g as f } from "../../chunks/globalCss.js";
-import { u as y, m as S } from "../../chunks/useViewModel.js";
 import { classes as d } from "@arcgis/components-utils";
-import { load as v } from "@arcgis/components-controllers";
-import { importIntl as B, importCoreReactiveUtils as L, importApplicationsComponentsGetDefaultUnits as M, newWidgetsScaleBarScaleBarViewModel as U } from "@arcgis/core-adapter";
-import { LitElement as D, createEvent as R, noShadowRoot as x, safeClassMap as s, safeStyleMap as $ } from "@arcgis/lumina";
-/*!
- * All material copyright Esri, All Rights Reserved, unless otherwise specified.
- * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.13
-*/
+import { getDefaultUnitForView as w } from "@arcgis/core/applications/Components/getDefaultUnits.js";
+import { watch as y } from "@arcgis/core/core/reactiveUtils.js";
+import { formatNumber as S } from "@arcgis/core/intl.js";
+import L from "@arcgis/core/widgets/ScaleBar/ScaleBarViewModel.js";
+import { LitElement as B, createEvent as M, noShadowRoot as R, safeClassMap as a, safeStyleMap as _ } from "@arcgis/lumina";
+import { u as x } from "../../chunks/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.130 */
+function $(f = 0, e = 0) {
+  return { x: f, y: e };
+}
 const r = "esri-scale-bar", t = {
   base: r,
   labelContainer: `${r}__label-container`,
@@ -28,20 +32,16 @@ const r = "esri-scale-bar", t = {
   barContainer: `${r}__bar-container`,
   rulerBarContainer: `${r}__bar-container--ruler`,
   lineBarContainer: `${r}__bar-container--line`
-};
-function C(_ = 0, e = 0) {
-  return { x: _, y: e };
-}
-const k = S(U);
-class O extends D {
+}, U = D(L);
+class k extends B {
   constructor() {
-    super(...arguments), this.intlUtils = v(B), this.messages = y(), this.reactiveUtils = v(L), this._scaleComputedFrom = C(), this.unitUtils = v(M), this.viewModel = k(this), this.autoDestroyDisabled = !1, this.barStyle = "line", this.icon = "actual-size", this.position = "top-left", this.arcgisReady = R();
+    super(...arguments), this._defaultUnit = "metric", this.messages = x(), this._scaleComputedFrom = $(), this.viewModel = U(this), this.autoDestroyDisabled = !1, this.barStyle = "line", this.icon = "actual-size", this.position = "top-left", this.arcgisReady = M();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, barStyle: 1, icon: 3, label: 1, messageOverrides: 0, position: 3, referenceElement: 1, unit: 1 };
   }
   static {
-    this.shadowRootOptions = x;
+    this.shadowRootOptions = R;
   }
   /**
    * Units to use for the scale bar.
@@ -67,64 +67,73 @@ class O extends D {
     this._handleRootCreateOrUpdate();
   }
   loaded() {
-    this._defaultUnit = this.unitUtils.getDefaultUnitForView(this.viewModel.view), this.manager.onLifecycle(() => this.reactiveUtils.watch(() => {
+    this.manager.onLifecycle(() => y(() => {
       const e = this.viewModel.view;
-      return [e?.stationary, e?.center, e?.scale, e?.zoom];
-    }, ([e]) => {
-      e && this.requestUpdate();
+      return {
+        defaultUnit: e ? w(e) : void 0,
+        stationary: e?.stationary,
+        center: e?.center,
+        scale: e?.scale,
+        zoom: e?.zoom
+      };
+    }, ({ defaultUnit: e, stationary: i }) => {
+      this._defaultUnit = e ?? "metric", i && this.requestUpdate();
     }));
   }
   // #endregion
   // #region Private Methods
+  _handleContainerRef(e) {
+    e !== void 0 && this._handleRootCreateOrUpdate();
+  }
   _handleRootCreateOrUpdate() {
     if (!this.viewModel)
       return;
-    const e = this._scaleComputedFrom, a = this.el.getBoundingClientRect(), l = a.left + window.pageXOffset, o = a.top + window.pageYOffset, i = C(l, o);
-    (i.x !== e.x || i.y !== e.y) && (this._scaleComputedFrom = i);
+    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, a) {
-    return this.intlUtils.formatNumber(e, {
+  _formatDistance(e, i) {
+    return S(e, {
       style: "unit",
-      unit: a,
+      unit: i,
       unitDisplay: "short"
     });
   }
   // #endregion
   // #region Rendering
   render() {
-    const e = this.viewModel.state === "disabled", a = {
-      [f.disabled]: e
+    const e = this.viewModel.state === "disabled", i = {
+      [v.disabled]: e
     };
-    let l, o;
+    let s, l;
     if (!e) {
-      const { unit: i, barStyle: c } = this, p = i === "imperial" || i === "dual", b = i === "metric" || i === "dual", m = 100, h = i === "dual" ? "line" : c;
+      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 n = this.viewModel.getScaleBarProperties(m, "imperial");
-        n && (o = h === "ruler" ? this._renderRuler(n) : this._renderLine(n, "bottom"));
+        const o = this.viewModel.getScaleBarProperties(m, "imperial");
+        o && (l = h === "ruler" ? this._renderRuler(o) : this._renderLine(o, "bottom"));
       }
       if (b) {
-        const n = this.viewModel.getScaleBarProperties(m, "metric");
-        n && (l = h === "ruler" ? this._renderRuler(n) : this._renderLine(n, "top"));
+        const o = this.viewModel.getScaleBarProperties(m, "metric");
+        o && (s = h === "ruler" ? this._renderRuler(o) : this._renderLine(o, "top"));
       }
     }
-    return u`<div class=${s(d(t.base, f.widget, a))} ${g((i) => i ? this._handleRootCreateOrUpdate() : void 0)}>${l}${o}</div>`;
+    return u`<div class=${a(d(t.base, v.widget, i))} ${g(this._handleContainerRef)}>${s}${l}</div>`;
   }
   _renderRuler(e) {
-    const { length: a, unit: l, value: o } = e, i = Math.round(a), c = this._formatDistance(o, l);
-    return u`<div class=${s(d(t.barContainer, t.rulerBarContainer))}><div class=${s(t.ruler)} style=${$({ width: `${i}px` })}><div class=${s(t.rulerBlock)}></div><div class=${s(t.rulerBlock)}></div><div class=${s(t.rulerBlock)}></div><div class=${s(t.rulerBlock)}></div></div><div class=${s(d(t.labelContainer, t.rulerLabelContainer))}><div class=${s(t.label)}>0</div><div class=${s(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, a) {
-    const { length: l, unit: o, value: i } = e, c = Math.round(l), p = this._formatDistance(i, o), b = {
-      [t.topLabelContainer]: a === "top",
-      [t.bottomLabelContainer]: a === "bottom"
-    }, m = u`<div class=${s(d(t.labelContainer, t.lineLabelContainer, b))}><div class=${s(t.label)}>${p}</div></div>`, h = {
-      [t.topLine]: a === "top",
-      [t.bottomLine]: a === "bottom"
-    }, n = u`<div class=${s(d(t.line, h))} style=${$({ width: `${c}px` })}></div>`;
-    return u`<div class=${s(d(t.barContainer, t.lineBarContainer))}>${[n, m]}</div>`;
+  _renderLine(e, i) {
+    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, b))}><div class=${a(t.label)}>${p}</div></div>`, h = {
+      [t.topLine]: i === "top",
+      [t.bottomLine]: i === "bottom"
+    }, 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>`;
   }
 }
-w("arcgis-scale-bar", O);
+C("arcgis-scale-bar", k);
 export {
-  O as ArcgisScaleBar
+  k as ArcgisScaleBar
 };

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

@@ -1,15 +1,17 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
-import { ArcgisReferenceElement } from '../../utils/component-utils';
+/// <reference types="../../index.d.ts" />
 import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-utils';
-import { PublicLitElement as LitElement } from '@arcgis/lumina';
+import { default as ScaleRangeSlider } from '@arcgis/core/widgets/ScaleRangeSlider.js';
+import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { ArcgisReferenceElement } from '../../utils/component-utils';
 
 declare const useScaleRangeSliderWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
     manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<__esri.ScaleRangeSlider, "label" | "viewModel" | "icon" | "mode" | "disabled" | "layer" | "maxScale" | "maxScaleLimit" | "minScale" | "minScaleLimit" | "region"> & {
+} & Pick<ScaleRangeSlider, never> & {
     reactiveUtils?: typeof __esri.reactiveUtils;
     state?: unknown;
     viewModel?: __esri.ScaleRangeSliderViewModel | undefined;
@@ -30,13 +32,15 @@ declare const useScaleRangeSliderWidget: (component: import('@arcgis/components-
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
-    editConstructorProperties(props: __esri.ScaleRangeSliderProperties): __esri.ScaleRangeSliderProperties | Promise<__esri.ScaleRangeSliderProperties>;
-} | undefined) => __esri.ScaleRangeSlider;
-export declare class ArcgisScaleRangeSlider extends LitElement implements Use<typeof useScaleRangeSliderWidget> {
+    editConstructorProperties(props: __esri.ScaleRangeSliderProperties | undefined): __esri.ScaleRangeSliderProperties | Promise<__esri.ScaleRangeSliderProperties | undefined> | undefined;
+} | undefined) => ScaleRangeSlider;
+/** The ScaleRangeSlider component allows the user to set a minimum and maximum scale based on named scale ranges.
+ */
+export declare class ArcgisScaleRangeSlider extends LitElement {
     /**
      * 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 temporary hide it. If this
+     * 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.
      */
@@ -51,8 +55,9 @@ export declare class ArcgisScaleRangeSlider extends LitElement implements Use<ty
      * Search [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/) for possible values.
      */
     icon: string;
+    /** The component's default label. */
     label: string;
-    layer: __esri.Layer;
+    layer: nullish | __esri.Layer | __esri.Sublayer;
     maxScale: number;
     maxScaleLimit: number;
     minScale: number;
@@ -64,9 +69,9 @@ export declare class ArcgisScaleRangeSlider extends LitElement implements Use<ty
     readonly state: "ready" | "disabled";
     /** Permanently destroy the component */
     destroy(): Promise<void>;
-    readonly arcgisPropertyChange: CustomEvent<{
+    readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state" | "maxScale" | "minScale";
     }>;
-    readonly arcgisReady: CustomEvent<undefined>;
+    readonly arcgisReady: TargetedEvent<this, undefined>;
 }
 export {};

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

@@ -1,27 +1,25 @@
 import { c as e } from "../../chunks/runtime.js";
-import { newWidgetsScaleRangeSlider as i } from "@arcgis/core-adapter";
-import { usePropertyChange as t } from "@arcgis/components-controllers";
-import { m as s } from "../../chunks/useWidget.js";
-import { LitElement as a, createEvent as l, noShadowRoot as n } from "@arcgis/lumina";
-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.13
-*/
-const c = o`arcgis-scale-range-slider{display:block}`, r = s(i);
-class d extends a {
+import { usePropertyChange as i } from "@arcgis/components-controllers";
+import t from "@arcgis/core/widgets/ScaleRangeSlider.js";
+import { LitElement as s, createEvent as a, noShadowRoot as l } from "@arcgis/lumina";
+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.130 */
+const r = n`@layer{arcgis-scale-range-slider{display:block}}`, c = o(t);
+class h extends s {
   constructor() {
-    super(...arguments), this.widget = r(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.disabled = this.widget.disabled, this.hidePreview = this.widget.visibleElements.preview, this.hideScaleMenusMaxScaleMenu = this.widget.visibleElements.scaleMenus.maxScaleMenu, this.hideScaleMenusMinScaleMenu = this.widget.visibleElements.scaleMenus.minScaleMenu, this.icon = this.widget.icon, this.label = this.widget.label, this.layer = this.widget.layer, this.maxScale = this.widget.maxScale, this.maxScaleLimit = this.widget.maxScaleLimit, this.minScale = this.widget.minScale, this.minScaleLimit = this.widget.minScaleLimit, this.mode = this.widget.mode, this.position = "bottom-left", this.region = this.widget.region, this.state = this.viewModel.state, this.arcgisPropertyChange = t()("state", "minScale", "maxScale"), this.arcgisReady = l();
+    super(...arguments), this.widget = c(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.disabled = this.widget.disabled, this.hidePreview = this.widget.visibleElements.preview, this.hideScaleMenusMaxScaleMenu = this.widget.visibleElements.scaleMenus.maxScaleMenu, this.hideScaleMenusMinScaleMenu = this.widget.visibleElements.scaleMenus.minScaleMenu, this.icon = this.widget.icon, this.label = this.widget.label, this.layer = this.widget.layer, this.maxScale = this.widget.maxScale, this.maxScaleLimit = this.widget.maxScaleLimit, this.minScale = this.widget.minScale, this.minScaleLimit = this.widget.minScaleLimit, this.mode = this.widget.mode, this.position = "bottom-left", this.region = this.widget.region, this.state = this.viewModel.state, this.arcgisPropertyChange = i()("state", "minScale", "maxScale"), this.arcgisReady = a();
   }
   static {
-    this.properties = { autoDestroyDisabled: 5, disabled: 7, hidePreview: 5, hideScaleMenusMaxScaleMenu: 5, hideScaleMenusMinScaleMenu: 5, icon: 1, label: 1, layer: 0, maxScale: 9, maxScaleLimit: 9, minScale: 9, minScaleLimit: 9, mode: 1, position: 1, referenceElement: 1, region: 1, state: 3 };
+    this.properties = { autoDestroyDisabled: 5, disabled: 7, hidePreview: 5, hideScaleMenusMaxScaleMenu: 5, hideScaleMenusMinScaleMenu: 5, icon: 1, label: 1, layer: 0, maxScale: 9, maxScaleLimit: 9, minScale: 9, minScaleLimit: 9, mode: 1, position: 1, referenceElement: 1, region: 0, state: 3 };
   }
   static {
-    this.shadowRootOptions = n;
+    this.shadowRootOptions = l;
   }
   static {
-    this.styles = c;
+    this.styles = r;
   }
   // #endregion
   // #region Public Methods
@@ -30,7 +28,7 @@ class d extends a {
     await this.manager.destroy();
   }
 }
-e("arcgis-scale-range-slider", d);
+e("arcgis-scale-range-slider", h);
 export {
-  d as ArcgisScaleRangeSlider
+  h as ArcgisScaleRangeSlider
 };

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

@@ -1,46 +1,51 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
+/// <reference types="../../index.d.ts" />
 import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-utils';
-import { PublicLitElement as LitElement, ToElement } from '@arcgis/lumina';
+import { default as SceneView } from '@arcgis/core/views/SceneView.js';
+import { default as WebScene } from '@arcgis/core/WebScene.js';
+import { PublicLitElement as LitElement, ToElement, TargetedEvent } from '@arcgis/lumina';
 
 declare const useWebScene: (component: import('@arcgis/components-controllers').StencilLifecycles & {
     manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<__esri.WebScene, "ground" | "clippingArea"> & {
+} & Pick<WebScene, never> & {
     reactiveUtils?: typeof __esri.reactiveUtils;
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
-    editConstructorProperties(props: __esri.WebSceneProperties): __esri.WebSceneProperties | Promise<__esri.WebSceneProperties>;
-} | undefined) => __esri.WebScene;
+    editConstructorProperties(props: __esri.WebSceneProperties | undefined): __esri.WebSceneProperties | Promise<__esri.WebSceneProperties | undefined> | undefined;
+} | undefined) => WebScene;
 declare const useSceneView: (component: import('@arcgis/components-controllers').StencilLifecycles & {
     manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<__esri.SceneView, "map" | "allLayerViews" | "basemapView" | "constraints" | "extent" | "fatalError" | "floors" | "graphics" | "highlightOptions" | "layerViews" | "navigation" | "padding" | "popup" | "scale" | "spatialReference" | "theme" | "timeExtent" | "viewpoint" | "zoom" | "alphaCompositingEnabled" | "analyses" | "camera" | "clippingArea" | "environment" | "qualityProfile" | "viewingMode"> & {
+} & Pick<SceneView, never> & {
     reactiveUtils?: typeof __esri.reactiveUtils;
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
-    editConstructorProperties(props: __esri.SceneViewProperties): __esri.SceneViewProperties | Promise<__esri.SceneViewProperties>;
-} | undefined) => __esri.SceneView;
-export declare class ArcgisScene extends LitElement implements Use<typeof useWebScene>, Use<typeof useSceneView> {
+    editConstructorProperties(props: __esri.SceneViewProperties | undefined): __esri.SceneViewProperties | Promise<__esri.SceneViewProperties | undefined> | undefined;
+} | undefined) => SceneView;
+/** 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. */
-    readonly view: __esri.SceneView;
+    readonly view: SceneView;
     /**
      * Collection containing a flat list of all the created LayerViews
      * related to the basemap, operational layers, and group layers in this view.
      */
-    allLayerViews: __esri.Collection<__esri.LayerView>;
+    readonly allLayerViews: __esri.Collection<__esri.LayerView>;
     alphaCompositingEnabled: boolean;
     analyses: __esri.Collection<__esri.DimensionAnalysis | __esri.DirectLineMeasurementAnalysis | __esri.AreaMeasurementAnalysis | __esri.SliceAnalysis | __esri.LineOfSightAnalysis | __esri.ViewshedAnalysis>;
     /**
      * 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 temporary hide it. If this
+     * 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.
      */
@@ -50,7 +55,7 @@ export declare class ArcgisScene extends LitElement implements Use<typeof useWeb
      * geographic context to the MapView or SceneView and the other operational layers
      * in the map.
      */
-    basemap: __esri.Basemap | string;
+    basemap: __esri.Basemap | nullish | string;
     /** Represents the view for a single basemap after it has been added to the map. */
     basemapView: __esri.BasemapView;
     get camera(): __esri.Camera;
@@ -102,9 +107,14 @@ export declare class ArcgisScene extends LitElement implements Use<typeof useWeb
      */
     get center(): __esri.SceneView["center"];
     set center(newValue: __esri.SceneView["center"] | Nil | number[] | string);
-    clippingArea: __esri.Extent;
+    clippingArea: __esri.Extent | nullish;
     /** Specifies constraints to scale, zoom, and rotation that may be applied to the MapView. */
     constraints: __esri.SceneViewConstraints;
+    /**
+     * Indicates whether layer's displayFilter are honored when rendering layers in the view.
+     * If `false`, display filters are ignored and all features are rendered.
+     */
+    displayFilterDisabled: boolean;
     environment: __esri.SceneViewEnvironment;
     /**
      * The extent represents the visible portion of a map within the view as an instance of esri/geometry/Extent.
@@ -115,7 +125,7 @@ export declare class ArcgisScene extends LitElement implements Use<typeof useWeb
     get extent(): __esri.SceneView["extent"];
     set extent(newValue: __esri.SceneView["extent"]);
     /** A rejected view indicates a fatal error making it unable to display. */
-    fatalError: __esri.Error;
+    fatalError: nullish | __esri.Error;
     /**
      * Applies a display filter on the view for a specific set of floor levels.
      * It can filter the map display on floor-aware layers by zero or more level IDs.
@@ -137,9 +147,16 @@ export declare class ArcgisScene extends LitElement implements Use<typeof useWeb
      * ```
      */
     graphics: __esri.Collection<__esri.Graphic>;
-    ground: __esri.Ground;
+    ground: __esri.Ground | string;
     readonly groundView: __esri.GroundView;
     /**
+     * The highlights property is a collection of HighlightGroup objects that
+     * allow you to visually emphasize specific features on the map.
+     */
+    highlights: __esri.Collection<__esri.HighlightOptions>;
+    /**
+     * @deprecated
+     *
      * Options for configuring the highlight. Use the highlight method on the
      * appropriate esri/views/layers/LayerView to highlight a feature.
      * The layerView's `highlightOptions` will take precedence over the MapView's `highlightOptions` if both properties are set.
@@ -147,7 +164,11 @@ export declare class ArcgisScene extends LitElement implements Use<typeof useWeb
     highlightOptions: __esri.HighlightOptions;
     /** Indication whether the view is being interacted with (for example when panning or by an interactive tool). */
     get interacting(): boolean;
-    /** The ID of a WebMap from ArcGIS Online or ArcGIS Enterprise portal. */
+    /**
+     * The ID of a WebMap from ArcGIS Online or ArcGIS Enterprise portal.
+     *
+     * To configure the portal url you must set the [`portalUrl` property on `config`](https://developers.arcgis.com/javascript/latest/api-reference/esri-config.html#portalUrl) before the `arcgis-scene` component loads.
+     * */
     get itemId(): Nil | string;
     set itemId(newValue: Nil | string);
     /**
@@ -155,7 +176,7 @@ export declare class ArcgisScene extends LitElement implements Use<typeof useWeb
      * 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. */
@@ -170,7 +191,7 @@ export declare class ArcgisScene extends LitElement implements Use<typeof useWeb
      * details for layers about memory consumption and number of features.
      */
     get performanceInfo(): __esri.SceneViewPerformanceInfo;
-    popup: __esri.Popup;
+    popup: nullish | __esri.Popup;
     /** Controls whether the popup opens when users click on the view. */
     popupDisabled: boolean;
     qualityProfile: "medium" | "low" | "high";
@@ -205,20 +226,20 @@ export declare class ArcgisScene extends LitElement implements Use<typeof useWeb
      * This property specifies the base colors used by some widgets
      * and components to render graphics and labels.
      */
-    theme: __esri.Theme;
+    theme: nullish | __esri.Theme;
     /**
      * The view's time extent. Time-aware layers display their temporal data that falls within
      * the view's time extent. Setting the view's time extent is similar to setting the spatial
      * extent because once the time extent is set, the
      * view updates automatically to conform to the change.
      */
-    timeExtent: __esri.TimeExtent;
+    timeExtent: nullish | __esri.TimeExtent;
     /**
      * Indicates whether the view is being updated by additional data requests to the network,
      * 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
@@ -240,9 +261,13 @@ export declare class ArcgisScene extends LitElement implements Use<typeof useWeb
     get zoom(): number;
     set zoom(newValue: number);
     /** Adds a layer to the map layers collection. */
-    addLayer(layer: __esri.Layer | Promise<any>, index?: number | undefined): Promise<void>;
+    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 | undefined): Promise<void>;
+    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. */
@@ -258,7 +283,7 @@ export declare class ArcgisScene extends LitElement implements Use<typeof useWeb
     openPopup(options?: __esri.PopupViewOpenPopupOptions): Promise<void>;
     /** Create a screenshot of the current view. */
     takeScreenshot(options?: __esri.SceneViewTakeScreenshotOptions): Promise<__esri.Screenshot>;
-    toMap(screenPoint: __esri.SceneViewScreenPoint | MouseEvent, options?: __esri.SceneViewToMapOptions): __esri.Point;
+    toMap(screenPoint: __esri.SceneViewScreenPoint | MouseEvent, options?: __esri.SceneViewToMapOptions): __esri.Point | nullish;
     toScreen(point: __esri.Point): __esri.SceneViewScreenPoint;
     /** Call this method to clear any fatal errors resulting from a lost WebGL context. */
     tryFatalErrorRecovery(): Promise<void>;
@@ -269,46 +294,46 @@ export declare class ArcgisScene extends LitElement implements Use<typeof useWeb
      * This event is for view related property changes: zoom, scale, center, rotation, extent, camera, viewpoint.
      * This event will also emit if stationary toggles from true to false.
      */
-    readonly arcgisViewChange: CustomEvent<void>;
+    readonly arcgisViewChange: TargetedEvent<this, void>;
     /** Fires after a user clicks on the view. */
-    readonly arcgisViewClick: CustomEvent<__esri.ViewClickEvent>;
+    readonly arcgisViewClick: TargetedEvent<this, __esri.ViewClickEvent>;
     /** Fires after double-clicking on the view. */
-    readonly arcgisViewDoubleClick: CustomEvent<__esri.ViewDoubleClickEvent>;
+    readonly arcgisViewDoubleClick: TargetedEvent<this, __esri.ViewDoubleClickEvent>;
     /** Fires during a pointer drag on the view. */
-    readonly arcgisViewDrag: CustomEvent<__esri.ViewDragEvent>;
+    readonly arcgisViewDrag: TargetedEvent<this, __esri.ViewDragEvent>;
     /** Fires during a pointer drag on the view. */
-    readonly arcgisViewHold: CustomEvent<__esri.ViewHoldEvent>;
+    readonly arcgisViewHold: TargetedEvent<this, __esri.ViewHoldEvent>;
     /** Fires right after a user clicks on the view. */
-    readonly arcgisViewImmediateClick: CustomEvent<__esri.ViewImmediateClickEvent>;
+    readonly arcgisViewImmediateClick: TargetedEvent<this, __esri.ViewImmediateClickEvent>;
     /** Is emitted after two consecutive immediate-click events. */
-    readonly arcgisViewImmediateDoubleClick: CustomEvent<__esri.ViewImmediateDoubleClickEvent>;
+    readonly arcgisViewImmediateDoubleClick: TargetedEvent<this, __esri.ViewImmediateDoubleClickEvent>;
     /** Fires after a keyboard key is pressed. */
-    readonly arcgisViewKeyDown: CustomEvent<__esri.ViewKeyDownEvent>;
+    readonly arcgisViewKeyDown: TargetedEvent<this, __esri.ViewKeyDownEvent>;
     /** Fires after a keyboard key is pressed. */
-    readonly arcgisViewKeyUp: CustomEvent<__esri.ViewKeyUpEvent>;
+    readonly arcgisViewKeyUp: TargetedEvent<this, __esri.ViewKeyUpEvent>;
     /** Fires after each layer in the map has a corresponding LayerView created and rendered in the view. */
-    readonly arcgisViewLayerviewCreate: CustomEvent<__esri.ViewLayerviewCreateEvent>;
+    readonly arcgisViewLayerviewCreate: TargetedEvent<this, __esri.ViewLayerviewCreateEvent>;
     /** Fires when an error emits during the creation of a LayerView after a layer has been added to the map. */
-    readonly arcgisViewLayerviewCreateError: CustomEvent<__esri.ViewLayerviewCreateErrorEvent>;
+    readonly arcgisViewLayerviewCreateError: TargetedEvent<this, __esri.ViewLayerviewCreateErrorEvent>;
     /** Fires after a LayerView is destroyed and is no longer rendered in the view. */
-    readonly arcgisViewLayerviewDestroy: CustomEvent<__esri.ViewLayerviewDestroyEvent>;
+    readonly arcgisViewLayerviewDestroy: TargetedEvent<this, __esri.ViewLayerviewDestroyEvent>;
     /** Fires when a wheel button of a pointing device (typically a mouse) is scrolled on the view. */
-    readonly arcgisViewMouseWheel: CustomEvent<__esri.ViewMouseWheelEvent>;
+    readonly arcgisViewMouseWheel: TargetedEvent<this, __esri.ViewMouseWheelEvent>;
     /** Fires after a mouse button is pressed, or a finger touches the display. */
-    readonly arcgisViewPointerDown: CustomEvent<__esri.ViewPointerDownEvent>;
+    readonly arcgisViewPointerDown: TargetedEvent<this, __esri.ViewPointerDownEvent>;
     /** Fires after a mouse cursor enters the view, or a display touch begins. */
-    readonly arcgisViewPointerEnter: CustomEvent<__esri.ViewPointerEnterEvent>;
+    readonly arcgisViewPointerEnter: TargetedEvent<this, __esri.ViewPointerEnterEvent>;
     /** Fires after a mouse cursor leaves the view, or a display touch ends. */
-    readonly arcgisViewPointerLeave: CustomEvent<__esri.ViewPointerLeaveEvent>;
+    readonly arcgisViewPointerLeave: TargetedEvent<this, __esri.ViewPointerLeaveEvent>;
     /** Fires after the mouse or a finger on the display moves. */
-    readonly arcgisViewPointerMove: CustomEvent<__esri.ViewPointerMoveEvent>;
+    readonly arcgisViewPointerMove: TargetedEvent<this, __esri.ViewPointerMoveEvent>;
     /** Fires after a mouse button is released, or a display touch ends. */
-    readonly arcgisViewPointerUp: CustomEvent<__esri.ViewPointerUpEvent>;
+    readonly arcgisViewPointerUp: TargetedEvent<this, __esri.ViewPointerUpEvent>;
     /**
      * This event is for the `ready` property and will be emitted when the view is ready.
      * This event will also emit if the `map` property is changed.
      */
-    readonly arcgisViewReadyChange: CustomEvent<void>;
+    readonly arcgisViewReadyChange: TargetedEvent<this, void>;
     readonly _setterTypes: {
         center?: __esri.SceneView["center"] | Nil | number[] | string;
     };