@arcgis/map-components 4.32.0-next.8 → 4.32.0-next.80

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

@@ -4,38 +4,38 @@ 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 { load as _ } 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";
+import { LitElement as R, createEvent as D, noShadowRoot as x, safeClassMap as r, safeStyleMap as C } 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.8
+ * v4.32.0-next.80
 */
-const r = "esri-scale-bar", t = {
-  base: r,
-  labelContainer: `${r}__label-container`,
-  rulerLabelContainer: `${r}__label-container--ruler`,
-  lineLabelContainer: `${r}__label-container--line`,
-  topLabelContainer: `${r}__label-container--top`,
-  bottomLabelContainer: `${r}__label-container--bottom`,
-  label: `${r}__label`,
-  line: `${r}__line`,
-  topLine: `${r}__line--top`,
-  bottomLine: `${r}__line--bottom`,
-  ruler: `${r}__ruler`,
-  rulerBlock: `${r}__ruler-block`,
-  barContainer: `${r}__bar-container`,
-  rulerBarContainer: `${r}__bar-container--ruler`,
-  lineBarContainer: `${r}__bar-container--line`
+const i = "esri-scale-bar", t = {
+  base: i,
+  labelContainer: `${i}__label-container`,
+  rulerLabelContainer: `${i}__label-container--ruler`,
+  lineLabelContainer: `${i}__label-container--line`,
+  topLabelContainer: `${i}__label-container--top`,
+  bottomLabelContainer: `${i}__label-container--bottom`,
+  label: `${i}__label`,
+  line: `${i}__line`,
+  topLine: `${i}__line--top`,
+  bottomLine: `${i}__line--bottom`,
+  ruler: `${i}__ruler`,
+  rulerBlock: `${i}__ruler-block`,
+  barContainer: `${i}__bar-container`,
+  rulerBarContainer: `${i}__bar-container--ruler`,
+  lineBarContainer: `${i}__bar-container--line`
 };
-function C(_ = 0, e = 0) {
-  return { x: _, y: e };
+function $(v = 0, e = 0) {
+  return { x: v, y: e };
 }
 const k = S(U);
-class O extends D {
+class O extends R {
   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.intlUtils = _(B), this.messages = y(), this.reactiveUtils = _(L), this._scaleComputedFrom = $(), this.unitUtils = _(M), this.viewModel = k(this), this.autoDestroyDisabled = !1, this.barStyle = "line", this.icon = "actual-size", this.position = "top-left", this.arcgisReady = D();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, barStyle: 1, icon: 3, label: 1, messageOverrides: 0, position: 3, referenceElement: 1, unit: 1 };
@@ -76,11 +76,14 @@ class O extends D {
   }
   // #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, a = this.el.getBoundingClientRect(), l = a.left + window.pageXOffset, o = a.top + window.pageYOffset, s = $(l, o);
+    (s.x !== e.x || s.y !== e.y) && (this._scaleComputedFrom = s);
   }
   _formatDistance(e, a) {
     return this.intlUtils.formatNumber(e, {
@@ -97,7 +100,7 @@ class O extends D {
     };
     let l, o;
     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: s, barStyle: c } = this, p = s === "imperial" || s === "dual", b = s === "metric" || s === "dual", m = 100, h = s === "dual" ? "line" : c;
       if (p) {
         const n = this.viewModel.getScaleBarProperties(m, "imperial");
         n && (o = h === "ruler" ? this._renderRuler(n) : this._renderLine(n, "bottom"));
@@ -107,21 +110,21 @@ class O extends D {
         n && (l = h === "ruler" ? this._renderRuler(n) : this._renderLine(n, "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=${r(d(t.base, f.widget, a))} ${g(this._handleContainerRef)}>${l}${o}</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: a, unit: l, value: o } = e, s = Math.round(a), c = this._formatDistance(o, l);
+    return u`<div class=${r(d(t.barContainer, t.rulerBarContainer))}><div class=${r(t.ruler)} style=${C({ width: `${s}px` })}><div class=${r(t.rulerBlock)}></div><div class=${r(t.rulerBlock)}></div><div class=${r(t.rulerBlock)}></div><div class=${r(t.rulerBlock)}></div></div><div class=${r(d(t.labelContainer, t.rulerLabelContainer))}><div class=${r(t.label)}>0</div><div class=${r(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 = {
+    const { length: l, unit: o, value: s } = e, c = Math.round(l), p = this._formatDistance(s, 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 = {
+    }, m = u`<div class=${r(d(t.labelContainer, t.lineLabelContainer, b))}><div class=${r(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>`;
+    }, n = u`<div class=${r(d(t.line, h))} style=${C({ width: `${c}px` })}></div>`;
+    return u`<div class=${r(d(t.barContainer, t.lineBarContainer))}>${[n, m]}</div>`;
   }
 }
 w("arcgis-scale-bar", O);

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

@@ -1,38 +1,41 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
+/// <reference types="../../index.d.ts" />
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-utils';
-import { PublicLitElement as LitElement } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 
 declare const useScaleRangeSliderWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
-    manager: import('@arcgis/components-controllers').ControllerManager<never>;
+    manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
-    autoDestroyDisabled?: boolean | undefined;
-    destroy?: (() => Promise<void>) | undefined;
+    autoDestroyDisabled?: boolean;
+    destroy?: () => Promise<void>;
 } & Pick<__esri.ScaleRangeSlider, "label" | "viewModel" | "icon" | "mode" | "disabled" | "layer" | "maxScale" | "maxScaleLimit" | "minScale" | "minScaleLimit" | "region"> & {
-    reactiveUtils?: __esri.reactiveUtils | undefined;
+    reactiveUtils?: typeof __esri.reactiveUtils;
     state?: unknown;
     viewModel?: __esri.ScaleRangeSliderViewModel | undefined;
-    icon: string | Nil;
-    label: string | Nil;
-    referenceElement: string | Nil | ArcgisReferenceElement;
+    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 | undefined;
-        }) | undefined;
-        view?: __esri.MapView | Nil | __esri.SceneView;
+        childElem?: HTMLElement & {
+            ownedBy?: HTMLElement;
+        };
+        view?: __esri.MapView | __esri.SceneView | Nil;
     };
     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> {
+/** 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.
+ */
+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
@@ -45,9 +48,15 @@ export declare class ArcgisScaleRangeSlider extends LitElement implements Use<ty
     hidePreview: boolean | undefined;
     hideScaleMenusMaxScaleMenu: boolean | undefined;
     hideScaleMenusMinScaleMenu: boolean | undefined;
+    /**
+     * 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: string;
+    /** The component's default label. */
     label: string;
-    layer: __esri.Layer;
+    layer: __esri.Layer | __esri.Sublayer;
     maxScale: number;
     maxScaleLimit: number;
     minScale: number;
@@ -59,9 +68,9 @@ export declare class ArcgisScaleRangeSlider extends LitElement implements Use<ty
     readonly state: "ready" | "disabled";
     /** Permanently destroy the component */
     destroy(): Promise<void>;
-    readonly arcgisPropertyChange: CustomEvent<{
-        name: "state";
+    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

@@ -3,22 +3,26 @@ 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.8
+ * v4.32.0-next.80
 */
-const o = s(i);
-class h extends a {
+const c = o`arcgis-scale-range-slider{display:block}`, r = s(i);
+class d extends a {
   constructor() {
-    super(...arguments), this.widget = o(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"), this.arcgisReady = l();
+    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();
   }
   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;
   }
+  static {
+    this.styles = c;
+  }
   // #endregion
   // #region Public Methods
   /** Permanently destroy the component */
@@ -26,7 +30,7 @@ class h extends a {
     await this.manager.destroy();
   }
 }
-e("arcgis-scale-range-slider", h);
+e("arcgis-scale-range-slider", d);
 export {
-  h as ArcgisScaleRangeSlider
+  d as ArcgisScaleRangeSlider
 };

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

@@ -1,33 +1,36 @@
 /// <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 { PublicLitElement as LitElement, ToElement, TargetedEvent } from '@arcgis/lumina';
 
 declare const useWebScene: (component: import('@arcgis/components-controllers').StencilLifecycles & {
-    manager: import('@arcgis/components-controllers').ControllerManager<never>;
+    manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
-    autoDestroyDisabled?: boolean | undefined;
-    destroy?: (() => Promise<void>) | undefined;
+    autoDestroyDisabled?: boolean;
+    destroy?: () => Promise<void>;
 } & Pick<__esri.WebScene, "ground" | "clippingArea"> & {
-    reactiveUtils?: __esri.reactiveUtils | undefined;
+    reactiveUtils?: typeof __esri.reactiveUtils;
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
     editConstructorProperties(props: __esri.WebSceneProperties): __esri.WebSceneProperties | Promise<__esri.WebSceneProperties>;
 } | undefined) => __esri.WebScene;
 declare const useSceneView: (component: import('@arcgis/components-controllers').StencilLifecycles & {
-    manager: import('@arcgis/components-controllers').ControllerManager<never>;
+    manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
-    autoDestroyDisabled?: boolean | undefined;
-    destroy?: (() => Promise<void>) | undefined;
-} & 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"> & {
-    reactiveUtils?: __esri.reactiveUtils | undefined;
+    autoDestroyDisabled?: boolean;
+    destroy?: () => Promise<void>;
+} & Pick<__esri.SceneView, "map" | "allLayerViews" | "basemapView" | "constraints" | "extent" | "fatalError" | "floors" | "graphics" | "highlights" | "highlightOptions" | "layerViews" | "navigation" | "padding" | "popup" | "scale" | "spatialReference" | "theme" | "timeExtent" | "viewpoint" | "zoom" | "alphaCompositingEnabled" | "analyses" | "camera" | "clippingArea" | "environment" | "qualityProfile" | "viewingMode"> & {
+    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> {
+/** 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.
+ */
+export declare class ArcgisScene extends LitElement {
     /** Internal view of the component. */
     readonly view: __esri.SceneView;
     /**
@@ -56,23 +59,40 @@ export declare class ArcgisScene extends LitElement implements Use<typeof useWeb
     get camera(): __esri.Camera;
     set camera(newValue: __esri.Camera);
     /**
-     * The diagonal field of view (fov) angle for the camera.
+     * The diagonal field of view (fov) angle for the camera. The range of angles must be between 1 and 170 degrees.
+     *
+     * Setting the camera fov immediately changes the current view. For animating the view, see this component's goTo() method.
+     *
+     * [Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-Camera.html#fov)
      */
     get cameraFov(): Nil | number;
     set cameraFov(newValue: Nil | number);
     /**
      * The compass heading of the camera in degrees.
+     *
+     * Setting the camera heading immediately changes the current view. For animating the view, see this component's goTo() method.
+     *
+     * [Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-Camera.html#heading)
      */
     get cameraHeading(): Nil | number;
     set cameraHeading(newValue: Nil | number);
     /**
      * The position of the camera defined by a map point. It can be an `esri/geometry/Point` instance or a string with the
      * format `"<longitude>, <latitude>, <elevation>"`.
+     *
+     * Setting the camera position immediately changes the current view. For animating the view, see this component's goTo() method.
+     *
+     * [Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-Camera.html#position)
+     *
      */
     get cameraPosition(): __esri.Point | Nil | number[] | string;
     set cameraPosition(newValue: __esri.Point | Nil | number[] | string);
     /**
      * The tilt of the camera in degrees with respect to the surface as projected down from the camera position.
+     *
+     * Setting the camera tilt immediately changes the current view. For animating the view, see this component's goTo() method.
+     *
+     * [Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-Camera.html#tilt)
      */
     get cameraTilt(): Nil | number;
     set cameraTilt(newValue: Nil | number);
@@ -88,6 +108,11 @@ export declare class ArcgisScene extends LitElement implements Use<typeof useWeb
     clippingArea: __esri.Extent;
     /** 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.
@@ -123,6 +148,13 @@ export declare class ArcgisScene extends LitElement implements Use<typeof useWeb
     ground: __esri.Ground;
     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<any>;
+    /**
+     * @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.
@@ -130,7 +162,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);
     /**
@@ -223,9 +259,9 @@ 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>;
     /** Closes the popup. */
     closePopup(): Promise<void>;
     /** Destroys the view, and any associated resources, including its map, popup, and UI elements. */
@@ -252,52 +288,48 @@ 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: {
-        camera?: __esri.Camera;
         center?: __esri.SceneView["center"] | Nil | number[] | string;
-        itemId?: Nil | string;
-        viewpoint?: __esri.Viewpoint;
-        zoom?: number;
     };
 }
 export {};

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

@@ -2,24 +2,24 @@ import { c } from "../../chunks/runtime.js";
 import { load as m } from "@arcgis/components-controllers";
 import { makeAccessorController as o, reEmitEvent as t, accessorSupport as w } from "@arcgis/components-controllers/accessor";
 import { newWebScene as v, newViewsSceneView as l, importCoreReactiveUtils as d } from "@arcgis/core-adapter";
-import { c as a, p as r, e as h, i as p } from "../../chunks/component-utils.js";
-import { LitElement as g, createEvent as n, noShadowRoot as u } from "@arcgis/lumina";
-import { css as y } from "@lit/reactive-element/css-tag.js";
+import { c as a, p as r, e as h, i as g } from "../../chunks/component-utils.js";
+import { LitElement as p, createEvent as n, noShadowRoot as y } from "@arcgis/lumina";
+import { css as u } 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.8
+ * v4.32.0-next.80
 */
-const f = y`.arcgis-scene{padding:0;margin:0;height:100%;width:100%}`, _ = o(v, {}), b = o(l, {});
-class V extends g {
+const f = u`.arcgis-scene{padding:0;margin:0;height:100%;width:100%}`, _ = o(v, {}), b = o(l, {});
+class V extends p {
   constructor() {
-    super(...arguments), this._map = _(this, { editConstructorProperties: this._editMapProperties }), this.reactiveUtils = m(d), this.view = b(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.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.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 = n(), 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 = n();
+    super(...arguments), this._map = _(this, { editConstructorProperties: this._editMapProperties }), this.reactiveUtils = m(d), this.view = b(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 = n(), 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 = n();
   }
   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, environment: 0, extent: 0, fatalError: 0, floors: 0, gamepad: 32, graphics: 0, ground: 0, groundView: 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: 0, resolution: 32, scale: 9, spatialReference: 0, stationary: 32, suspended: 7, theme: 0, timeExtent: 0, updating: 7, viewingMode: 1, viewpoint: 0, zoom: 9 };
+    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 };
   }
   static {
-    this.shadowRootOptions = u;
+    this.shadowRootOptions = y;
   }
   static {
     this.styles = f;
@@ -31,7 +31,11 @@ class V extends g {
     this._camera = i, this.ready && !a(this.camera, i) && (this.view.camera = i);
   }
   /**
-   * The diagonal field of view (fov) angle for the camera.
+   * The diagonal field of view (fov) angle for the camera. The range of angles must be between 1 and 170 degrees.
+   *
+   * Setting the camera fov immediately changes the current view. For animating the view, see this component's goTo() method.
+   *
+   * [Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-Camera.html#fov)
    */
   get cameraFov() {
     return this.view.camera?.fov ?? this._cameraFov;
@@ -43,6 +47,10 @@ class V extends g {
   }
   /**
    * The compass heading of the camera in degrees.
+   *
+   * Setting the camera heading immediately changes the current view. For animating the view, see this component's goTo() method.
+   *
+   * [Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-Camera.html#heading)
    */
   get cameraHeading() {
     return this.view.camera?.heading ?? this._cameraHeading;
@@ -50,11 +58,16 @@ class V extends g {
   set cameraHeading(i) {
     this.ready ? i != null && this._mutateCamera((e) => {
       e.heading = i;
-    }) : this._cameraFov = 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
    * format `"<longitude>, <latitude>, <elevation>"`.
+   *
+   * Setting the camera position immediately changes the current view. For animating the view, see this component's goTo() method.
+   *
+   * [Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-Camera.html#position)
+   *
    */
   get cameraPosition() {
     return this.view.camera?.position ?? this._cameraPosition;
@@ -70,19 +83,18 @@ class V extends g {
   }
   /**
    * The tilt of the camera in degrees with respect to the surface as projected down from the camera position.
+   *
+   * Setting the camera tilt immediately changes the current view. For animating the view, see this component's goTo() method.
+   *
+   * [Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-Camera.html#tilt)
    */
   get cameraTilt() {
     return this.view.camera?.tilt ?? this._cameraTilt;
   }
   set cameraTilt(i) {
-    if (this.ready)
-      i != null && this._mutateCamera((e) => {
-        e.tilt = i;
-      });
-    else {
-      this._cameraTilt = i;
-      return;
-    }
+    this.ready ? i != null && this._mutateCamera((e) => {
+      e.tilt = i;
+    }) : this._cameraTilt = i;
   }
   /**
    * Represents the view's center point; when setting the center, you may pass a
@@ -118,7 +130,11 @@ class V extends g {
   get interacting() {
     return this.view.interacting;
   }
-  /** 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() {
     return this._map.portalItem?.id ?? this._itemId;
   }
@@ -169,7 +185,7 @@ class V extends g {
     return this.view.viewpoint ?? this._viewpoint;
   }
   set viewpoint(i) {
-    p(this.viewpoint, i) && (this.ready && (this.view.viewpoint = i), this._viewpoint = i);
+    g(this.viewpoint, i) && (this.ready && (this.view.viewpoint = i), this._viewpoint = i);
   }
   /**
    * Represents the level of detail (LOD) at the center of the view.