@arcgis/map-components 4.32.0-next.5 → 4.32.0-next.50

package/dist/components/arcgis-oriented-imagery-viewer/customElement.js

@@ -2,22 +2,26 @@ import { c as a } from "../../chunks/runtime.js";
 import { usePropertyChange as s } from "@arcgis/components-controllers";
 import { newLayersOrientedImageryLayer as r, newWidgetsOrientedImageryViewer as o } from "@arcgis/core-adapter";
 import { m as d } from "../../chunks/useWidget.js";
-import { LitElement as n, createEvent as l, noShadowRoot as h } from "@arcgis/lumina";
+import { LitElement as n, createEvent as l, noShadowRoot as g } from "@arcgis/lumina";
+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.5
+ * v4.32.0-next.50
 */
-const g = d(o);
-class m extends n {
+const m = h`arcgis-oriented-imagery-viewer{display:block}`, y = d(o);
+class c extends n {
   constructor() {
-    super(...arguments), this.widget = g(this), this._hasOrientedImageryLayerToAdd = !1, this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.currentCoverageVisible = this.widget.currentCoverageVisible, this.disabled = this.widget.disabled, this.galleryOpened = this.widget.galleryOpened, this.icon = this.widget.icon, this.imageEnhancementToolActive = this.widget.imageEnhancementToolActive, this.imageGalleryEnabled = this.widget.imageGalleryEnabled, this.isAdditionalCoverageVisible = this.widget.isAdditionalCoverageVisible, this.isAdditionalPointSourcesVisible = this.widget.isAdditionalPointSourcesVisible, this.label = this.widget.label, this.layer = this.widget.layer, this.mapImageConversionToolState = this.widget.mapImageConversionToolState, this.navigationToolActive = this.widget.navigationToolActive, this.position = "bottom-left", this.referencePoint = this.widget.referencePoint, this.arcgisPropertyChange = s()("imageGalleryEnabled", "layer"), this.arcgisReady = l();
+    super(...arguments), this.widget = y(this), this._hasOrientedImageryLayerToAdd = !1, this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.currentCoverageVisible = this.widget.currentCoverageVisible, this.disabled = this.widget.disabled, this.galleryOpened = this.widget.galleryOpened, this.icon = this.widget.icon, this.imageEnhancementToolActive = this.widget.imageEnhancementToolActive, this.imageGalleryEnabled = this.widget.imageGalleryEnabled, this.isAdditionalCoverageVisible = this.widget.isAdditionalCoverageVisible, this.isAdditionalPointSourcesVisible = this.widget.isAdditionalPointSourcesVisible, this.label = this.widget.label, this.layer = this.widget.layer, this.mapImageConversionToolState = this.widget.mapImageConversionToolState, this.navigationToolActive = this.widget.navigationToolActive, this.position = "bottom-left", this.referencePoint = this.widget.referencePoint, this.arcgisPropertyChange = s()("imageGalleryEnabled", "layer"), this.arcgisReady = l();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, currentCoverageVisible: 5, disabled: 5, galleryOpened: 5, icon: 1, imageEnhancementToolActive: 5, imageGalleryEnabled: 4, isAdditionalCoverageVisible: 5, isAdditionalPointSourcesVisible: 5, label: 1, layer: 0, mapImageConversionToolState: 5, navigationToolActive: 5, orientedImageryLayerItemId: 1, position: 1, referenceElement: 1, referencePoint: 0 };
   }
   static {
-    this.shadowRootOptions = h;
+    this.shadowRootOptions = g;
+  }
+  static {
+    this.styles = m;
   }
   // #endregion
   // #region Public Methods
@@ -45,7 +49,7 @@ class m extends n {
     }, { once: !0 }));
   }
 }
-a("arcgis-oriented-imagery-viewer", m);
+a("arcgis-oriented-imagery-viewer", c);
 export {
-  m as ArcgisOrientedImageryViewer
+  c as ArcgisOrientedImageryViewer
 };

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

@@ -2,10 +2,10 @@
 import { ArcgisReferenceElement, WidgetOrMapComponent } from '../../utils/component-utils';
 import { Nil } from '@arcgis/components-utils';
 import { PropertyValues } from 'lit';
-import { ToElement, PublicLitElement as LitElement } from '@arcgis/lumina';
+import { ToElement, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 
-export declare class ArcgisPlacement extends LitElement implements WidgetOrMapComponent {
+export declare class ArcgisPlacement extends LitElement {
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
-    readonly arcgisReady: CustomEvent<undefined>;
+    readonly arcgisReady: TargetedEvent<this, undefined>;
 }

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

@@ -5,9 +5,9 @@ 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.5
+ * v4.32.0-next.50
 */
-const h = c`arcgis-placement{display:flex;pointer-events:auto;box-shadow:none}.arcgis-placement__container{display:flex}`;
+const h = c`arcgis-placement{display:flex;pointer-events:auto;box-shadow:none}.arcgis-placement__container{display:block}`;
 class a extends r {
   // #endregion
   // #region Lifecycle

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

@@ -2,37 +2,37 @@
 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 usePrintWidget: (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.Print, "label" | "viewModel" | "icon" | "headingLevel" | "portal" | "allowedFormats" | "allowedLayouts" | "exportedLinks" | "extraParameters" | "printServiceUrl" | "showPrintAreaEnabled" | "templateCustomTextElements" | "templateOptions"> & {
-    reactiveUtils?: __esri.reactiveUtils | undefined;
+    reactiveUtils?: typeof __esri.reactiveUtils;
     state?: unknown;
     viewModel?: __esri.PrintViewModel | 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.PrintProperties): __esri.PrintProperties | Promise<__esri.PrintProperties>;
 } | undefined) => __esri.Print;
-export declare class ArcgisPrint extends LitElement implements Use<typeof usePrintWidget> {
+export declare class ArcgisPrint extends LitElement {
     allowedFormats: string | string[];
     allowedLayouts: string | string[];
     /**
@@ -46,6 +46,11 @@ export declare class ArcgisPrint extends LitElement implements Use<typeof usePri
     exportedLinks: __esri.Collection<__esri.FileLink>;
     extraParameters: any;
     headingLevel: number;
+    /**
+     * 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;
     includeDefaultTemplatesDisabled: boolean;
     label: string;
@@ -55,15 +60,15 @@ export declare class ArcgisPrint extends LitElement implements Use<typeof usePri
     referenceElement: ArcgisReferenceElement | Nil | string;
     showPrintAreaEnabled: boolean;
     readonly state: "ready" | "disabled" | "error" | "initializing";
-    templateCustomTextElements: any[];
+    templateCustomTextElements: HashMap<HashMap<string>[]>;
     templateOptions: __esri.TemplateOptions;
     /** Permanently destroy the component */
     destroy(): Promise<void>;
-    readonly arcgisComplete: CustomEvent<__esri.PrintCompleteEvent>;
-    readonly arcgisPropertyChange: CustomEvent<{
+    readonly arcgisComplete: TargetedEvent<this, __esri.PrintCompleteEvent>;
+    readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";
     }>;
-    readonly arcgisReady: CustomEvent<undefined>;
-    readonly arcgisSubmit: CustomEvent<__esri.PrintSubmitEvent>;
+    readonly arcgisReady: TargetedEvent<this, undefined>;
+    readonly arcgisSubmit: TargetedEvent<this, __esri.PrintSubmitEvent>;
 }
 export {};

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

@@ -4,22 +4,26 @@ import { usePropertyChange as r } from "@arcgis/components-controllers";
 import { m as o } from "../../chunks/useWidget.js";
 import { LitElement as a, createEvent as l, noShadowRoot as n } from "@arcgis/lumina";
 import { reEmitEvent as e } from "@arcgis/components-controllers/accessor";
+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.5
+ * v4.32.0-next.50
 */
-const h = o(s);
-class d extends a {
+const d = h`arcgis-print{display:block}`, m = o(s);
+class p extends a {
   constructor() {
-    super(...arguments), this.widget = h(this), this.viewModel = this.widget.viewModel, this.allowedFormats = this.widget.allowedFormats, this.allowedLayouts = this.widget.allowedLayouts, this.autoDestroyDisabled = !1, this.exportedLinks = this.widget.exportedLinks, this.extraParameters = this.widget.extraParameters, this.headingLevel = this.widget.headingLevel, this.icon = this.widget.icon, this.includeDefaultTemplatesDisabled = this.widget.includeDefaultTemplates, this.label = this.widget.label, this.portal = this.widget.portal, this.position = "bottom-left", this.printServiceUrl = this.widget.printServiceUrl, this.showPrintAreaEnabled = this.widget.showPrintAreaEnabled, this.state = this.viewModel.state, this.templateCustomTextElements = this.widget.templateCustomTextElements, this.templateOptions = this.widget.templateOptions, this.arcgisComplete = e(() => this.widget, "complete"), this.arcgisPropertyChange = r()("state"), this.arcgisReady = l(), this.arcgisSubmit = e(() => this.widget, "submit");
+    super(...arguments), this.widget = m(this), this.viewModel = this.widget.viewModel, this.allowedFormats = this.widget.allowedFormats, this.allowedLayouts = this.widget.allowedLayouts, this.autoDestroyDisabled = !1, this.exportedLinks = this.widget.exportedLinks, this.extraParameters = this.widget.extraParameters, this.headingLevel = this.widget.headingLevel, this.icon = this.widget.icon, this.includeDefaultTemplatesDisabled = this.widget.includeDefaultTemplates, this.label = this.widget.label, this.portal = this.widget.portal, this.position = "bottom-left", this.printServiceUrl = this.widget.printServiceUrl, this.showPrintAreaEnabled = this.widget.showPrintAreaEnabled, this.state = this.viewModel.state, this.templateCustomTextElements = this.widget.templateCustomTextElements, this.templateOptions = this.widget.templateOptions, this.arcgisComplete = e(() => this.widget, "complete"), this.arcgisPropertyChange = r()("state"), this.arcgisReady = l(), this.arcgisSubmit = e(() => this.widget, "submit");
   }
   static {
-    this.properties = { allowedFormats: [1, { converter: (t) => typeof t == "string" && t !== "all" ? t.split(",") : t }], allowedLayouts: [1, { converter: (t) => typeof t == "string" && t !== "all" ? t.split(",") : t }], autoDestroyDisabled: 5, exportedLinks: 0, extraParameters: 0, headingLevel: 9, icon: 1, includeDefaultTemplatesDisabled: 5, label: 1, portal: 0, position: 1, printServiceUrl: 1, referenceElement: 1, showPrintAreaEnabled: 7, state: 3, templateCustomTextElements: 0, templateOptions: 0 };
+    this.properties = { allowedFormats: [1, { converter: (t) => typeof t == "string" && t !== "all" ? t.split(",") : t }], allowedLayouts: [1, { converter: (t) => typeof t == "string" && t !== "all" ? t.split(",") : t }], autoDestroyDisabled: 5, exportedLinks: 0, extraParameters: 1, headingLevel: 9, icon: 1, includeDefaultTemplatesDisabled: 5, label: 1, portal: 0, position: 1, printServiceUrl: 1, referenceElement: 1, showPrintAreaEnabled: 7, state: 3, templateCustomTextElements: 0, templateOptions: 0 };
   }
   static {
     this.shadowRootOptions = n;
   }
+  static {
+    this.styles = d;
+  }
   // #endregion
   // #region Public Methods
   /** Permanently destroy the component */
@@ -27,7 +31,7 @@ class d extends a {
     await this.manager.destroy();
   }
 }
-i("arcgis-print", d);
+i("arcgis-print", p);
 export {
-  d as ArcgisPrint
+  p as ArcgisPrint
 };

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

@@ -3,30 +3,30 @@ import { ArcgisReferenceElement } from '../../utils/component-utils';
 import { Nil } from '@arcgis/components-utils';
 import { Use } from '@arcgis/components-controllers';
 import { MeasurementSystem } from '../types';
-import { JsxNode, PublicLitElement as LitElement } from '@arcgis/lumina';
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 
 type ScaleBarStyle = "line" | "ruler";
 type ScaleBarUnit = MeasurementSystem | "dual";
 declare const useScaleBarViewModel: (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.ScaleBarViewModel, never> & {
-    reactiveUtils?: __esri.reactiveUtils | undefined;
+    reactiveUtils?: typeof __esri.reactiveUtils;
     state?: "ready" | "disabled" | undefined;
-    icon: string | Nil;
-    label: string | Nil;
-    referenceElement: string | Nil | ArcgisReferenceElement;
+    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 | undefined;
-        }) | undefined;
+        childElem?: HTMLElement & {
+            ownedBy?: HTMLElement;
+        };
         view?: __esri.MapView | __esri.SceneView | undefined;
     };
     autoDestroyDisabled: boolean;
@@ -34,7 +34,8 @@ declare const useScaleBarViewModel: (component: import('@arcgis/components-contr
 }, options?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => __esri.ScaleBarViewModel;
-export declare class ArcgisScaleBar extends LitElement implements Use<typeof useScaleBarViewModel> {
+export declare class ArcgisScaleBar extends LitElement {
+    private messages;
     /**
      * If true, the component will not be destroyed automatically when
      * it is disconnected from the document. This is useful when you
@@ -65,6 +66,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

@@ -10,7 +10,7 @@ import { LitElement as D, createEvent as R, noShadowRoot as x, safeClassMap as s
 /*!
  * 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.5
+ * v4.32.0-next.50
 */
 const r = "esri-scale-bar", t = {
   base: r,

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

@@ -2,37 +2,37 @@
 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> {
+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 +45,14 @@ 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;
     label: string;
-    layer: __esri.Layer;
+    layer: __esri.Layer | __esri.Sublayer;
     maxScale: number;
     maxScaleLimit: number;
     minScale: number;
@@ -59,9 +64,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,15 +3,16 @@ 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.5
+ * v4.32.0-next.50
 */
-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 };
@@ -19,6 +20,9 @@ class h extends a {
   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,33 @@
 /// <reference types="@arcgis/core/interfaces.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> {
+export declare class ArcgisScene extends LitElement {
     /** Internal view of the component. */
     readonly view: __esri.SceneView;
     /**
@@ -56,23 +56,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);
@@ -123,6 +140,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 +154,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);
     /**
@@ -252,52 +280,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;
+        center?: __esri.SceneView["center"] | Nil | number[] | string;
     };
 }
 export {};