@arcgis/map-components 4.32.0-next.7 → 4.32.0-next.71

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

@@ -2,23 +2,27 @@ import { c as t } from "../../chunks/runtime.js";
 import { newWidgetsEditor as i } from "@arcgis/core-adapter";
 import { usePropertyChange as s } 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 { LitElement as l, createEvent as a, noShadowRoot as n } from "@arcgis/lumina";
+import { css as r } from "@lit/reactive-element/css-tag.js";
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.7
+ * v4.32.0-next.71
 */
-const r = o(i);
-class d extends a {
+const d = r`arcgis-editor{display:block}`, g = o(i);
+class h extends l {
   constructor() {
-    super(...arguments), this.widget = r(this), this.viewModel = this.widget.viewModel, this.activeWorkflow = this.widget.activeWorkflow, this.allowedWorkflows = this.widget.allowedWorkflows, this.autoDestroyDisabled = !1, this.headingLevel = this.widget.headingLevel, this.hideCreateFeaturesSection = this.widget.visibleElements.createFeaturesSection, this.hideEditFeaturesSection = this.widget.visibleElements.editFeaturesSection, this.hideLabelsToggle = this.widget.visibleElements.labelsToggle, this.hideSnappingControlsElementsEnabledToggle = this.widget.visibleElements.snappingControlsElements.enabledToggle, this.hideSnappingControlsElementsFeatureEnabledToggle = this.widget.visibleElements.snappingControlsElements.featureEnabledToggle, this.hideSnappingControlsElementsLayerList = this.widget.visibleElements.snappingControlsElements.layerList, this.hideSnappingControlsElementsSelfEnabledToggle = this.widget.visibleElements.snappingControlsElements.selfEnabledToggle, this.hideTooltipsToggle = this.widget.visibleElements.tooltipsToggle, this.icon = this.widget.icon, this.label = this.widget.label, this.labelOptions = this.widget.labelOptions, this.layerInfos = this.widget.layerInfos, this.position = "bottom-left", this.showSnappingControlsElementsHeader = this.widget.visibleElements.snappingControlsElements.header, this.snappingOptions = this.widget.snappingOptions, this.state = this.viewModel.state, this.supportingWidgetDefaults = this.widget.supportingWidgetDefaults, this.tooltipOptions = this.widget.tooltipOptions, this.arcgisPropertyChange = s()("activeWorkflow", "state"), this.arcgisReady = l();
+    super(...arguments), this.widget = g(this), this.viewModel = this.widget.viewModel, this.activeWorkflow = this.widget.activeWorkflow, this.allowedWorkflows = this.widget.allowedWorkflows, this.autoDestroyDisabled = !1, this.headingLevel = this.widget.headingLevel, this.hideCreateFeaturesSection = this.widget.visibleElements.createFeaturesSection, this.hideEditFeaturesSection = this.widget.visibleElements.editFeaturesSection, this.hideLabelsToggle = this.widget.visibleElements.labelsToggle, this.hideSnappingControlsElementsEnabledToggle = this.widget.visibleElements.snappingControlsElements.enabledToggle, this.hideSnappingControlsElementsFeatureEnabledToggle = this.widget.visibleElements.snappingControlsElements.featureEnabledToggle, this.hideSnappingControlsElementsLayerList = this.widget.visibleElements.snappingControlsElements.layerList, this.hideSnappingControlsElementsSelfEnabledToggle = this.widget.visibleElements.snappingControlsElements.selfEnabledToggle, this.hideTooltipsToggle = this.widget.visibleElements.tooltipsToggle, this.icon = this.widget.icon, this.label = this.widget.label, this.labelOptions = this.widget.labelOptions, this.layerInfos = this.widget.layerInfos, this.position = "bottom-left", this.showSnappingControlsElementsHeader = this.widget.visibleElements.snappingControlsElements.header, this.snappingOptions = this.widget.snappingOptions, this.state = this.viewModel.state, this.supportingWidgetDefaults = this.widget.supportingWidgetDefaults, this.tooltipOptions = this.widget.tooltipOptions, this.arcgisPropertyChange = s()("activeWorkflow", "state"), this.arcgisReady = a();
   }
   static {
-    this.properties = { activeWorkflow: 0, allowedWorkflows: 1, autoDestroyDisabled: 5, headingLevel: 9, hideCreateFeaturesSection: 5, hideEditFeaturesSection: 5, hideLabelsToggle: 5, hideSnappingControlsElementsEnabledToggle: 5, hideSnappingControlsElementsFeatureEnabledToggle: 5, hideSnappingControlsElementsLayerList: 5, hideSnappingControlsElementsSelfEnabledToggle: 5, hideTooltipsToggle: 5, icon: 1, label: 1, labelOptions: 0, layerInfos: 0, position: 1, referenceElement: 1, showSnappingControlsElementsHeader: 5, snappingOptions: 0, state: 3, supportingWidgetDefaults: 0, tooltipOptions: 0 };
+    this.properties = { activeWorkflow: 0, allowedWorkflows: 0, autoDestroyDisabled: 5, headingLevel: 9, hideCreateFeaturesSection: 5, hideEditFeaturesSection: 5, hideLabelsToggle: 5, hideSnappingControlsElementsEnabledToggle: 5, hideSnappingControlsElementsFeatureEnabledToggle: 5, hideSnappingControlsElementsLayerList: 5, hideSnappingControlsElementsSelfEnabledToggle: 5, hideTooltipsToggle: 5, icon: 1, label: 1, labelOptions: 0, layerInfos: 0, position: 1, referenceElement: 1, showSnappingControlsElementsHeader: 5, snappingOptions: 0, state: 3, supportingWidgetDefaults: 0, tooltipOptions: 0 };
   }
   static {
     this.shadowRootOptions = n;
   }
+  static {
+    this.styles = d;
+  }
   // #endregion
   // #region Public Methods
   async cancelWorkflow() {
@@ -47,7 +51,7 @@ class d extends a {
     await this.widget?.startUpdateWorkflowAtMultipleFeatureSelection(e);
   }
 }
-t("arcgis-editor", d);
+t("arcgis-editor", h);
 export {
-  d as ArcgisEditor
+  h as ArcgisEditor
 };

package/dist/components/arcgis-elevation-profile/customElement.d.ts

@@ -1,38 +1,55 @@
 /// <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 useElevationProfileWidget: (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.ElevationProfile, "input" | "label" | "viewModel" | "icon" | "unit" | "profiles" | "unitOptions"> & {
-    reactiveUtils?: __esri.reactiveUtils | undefined;
+    reactiveUtils?: typeof __esri.reactiveUtils;
     state?: unknown;
     viewModel?: __esri.ElevationProfileViewModel | 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
+        /**
+         * 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
+         * is set, make sure to call the \`destroy\` method when you are done to prevent
+         * memory leaks.
+         */
+        ?: __esri.MapView | __esri.SceneView /**
+         * 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
+         * is set, make sure to call the \`destroy\` method when you are done to prevent
+         * memory leaks.
+         */ | Nil;
     };
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
     editConstructorProperties(props: __esri.ElevationProfileProperties): __esri.ElevationProfileProperties | Promise<__esri.ElevationProfileProperties>;
 } | undefined) => __esri.ElevationProfile;
-export declare class ArcgisElevationProfile extends LitElement implements Use<typeof useElevationProfileWidget> {
+/** The [ElevationProfile](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ElevationProfile.html) is used to generate and display an elevation profile from an [input line graphic](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ElevationProfile.html#input).
+ */
+export declare class ArcgisElevationProfile 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
@@ -52,6 +69,11 @@ export declare class ArcgisElevationProfile extends LitElement implements Use<ty
     hideUnitSelector: boolean | undefined;
     highlightEnabled: boolean;
     hoveredChartPosition: 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;
     input: __esri.Graphic;
     label: string;
@@ -59,7 +81,7 @@ export declare class ArcgisElevationProfile extends LitElement implements Use<ty
     profiles: __esri.Collection<__esri.ElevationProfileLineGround | __esri.ElevationProfileLineInput | __esri.ElevationProfileLineQuery | __esri.ElevationProfileLineView>;
     readonly progress: number;
     referenceElement: ArcgisReferenceElement | Nil | string;
-    readonly state: "ready" | "disabled" | "selected" | "creating" | "created" | "selecting";
+    readonly state: "ready" | "selected" | "disabled" | "creating" | "created" | "selecting";
     uniformChartScaling: boolean;
     unit: __esri.SystemOrLengthUnit;
     unitOptions: __esri.SystemOrLengthUnit[];
@@ -67,9 +89,9 @@ export declare class ArcgisElevationProfile extends LitElement implements Use<ty
     destroy(): Promise<void>;
     start(): Promise<void>;
     stop(): Promise<void>;
-    readonly arcgisPropertyChange: CustomEvent<{
+    readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "input" | "state" | "progress" | "effectiveUnits";
     }>;
-    readonly arcgisReady: CustomEvent<undefined>;
+    readonly arcgisReady: TargetedEvent<this, undefined>;
 }
 export {};

package/dist/components/arcgis-elevation-profile/customElement.js

@@ -3,15 +3,16 @@ import { newWidgetsElevationProfile as i } from "@arcgis/core-adapter";
 import { usePropertyChange as e } from "@arcgis/components-controllers";
 import { m as s } from "../../chunks/useWidget.js";
 import { LitElement as o, createEvent as h, noShadowRoot as n } from "@arcgis/lumina";
+import { css as l } 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.7
+ * v4.32.0-next.71
 */
-const r = s(i);
-class l extends o {
+const r = l`arcgis-elevation-profile{display:block}`, a = s(i);
+class d extends o {
   constructor() {
-    super(...arguments), this.widget = r(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.effectiveUnits = this.viewModel.effectiveUnits, this.hideChart = this.widget.visibleElements.chart, this.hideClearButton = this.widget.visibleElements.clearButton, this.hideLegend = this.widget.visibleElements.legend, this.hideSelectButton = this.widget.visibleElements.selectButton, this.hideSettingsButton = this.widget.visibleElements.settingsButton, this.hideSketchButton = this.widget.visibleElements.sketchButton, this.hideUniformChartScalingToggle = this.widget.visibleElements.uniformChartScalingToggle, this.hideUnitSelector = this.widget.visibleElements.unitSelector, this.highlightEnabled = this.viewModel.highlightEnabled, this.hoveredChartPosition = this.viewModel.hoveredChartPosition, this.icon = this.widget.icon, this.input = this.widget.input, this.label = this.widget.label, this.position = "bottom-left", this.profiles = this.widget.profiles, this.progress = this.viewModel.progress, this.state = this.viewModel.state, this.uniformChartScaling = this.viewModel.uniformChartScaling, this.unit = this.widget.unit, this.unitOptions = this.widget.unitOptions, this.arcgisPropertyChange = e()("input", "effectiveUnits", "progress", "state"), this.arcgisReady = h();
+    super(...arguments), this.widget = a(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.effectiveUnits = this.viewModel.effectiveUnits, this.hideChart = this.widget.visibleElements.chart, this.hideClearButton = this.widget.visibleElements.clearButton, this.hideLegend = this.widget.visibleElements.legend, this.hideSelectButton = this.widget.visibleElements.selectButton, this.hideSettingsButton = this.widget.visibleElements.settingsButton, this.hideSketchButton = this.widget.visibleElements.sketchButton, this.hideUniformChartScalingToggle = this.widget.visibleElements.uniformChartScalingToggle, this.hideUnitSelector = this.widget.visibleElements.unitSelector, this.highlightEnabled = this.viewModel.highlightEnabled, this.hoveredChartPosition = this.viewModel.hoveredChartPosition, this.icon = this.widget.icon, this.input = this.widget.input, this.label = this.widget.label, this.position = "bottom-left", this.profiles = this.widget.profiles, this.progress = this.viewModel.progress, this.state = this.viewModel.state, this.uniformChartScaling = this.viewModel.uniformChartScaling, this.unit = this.widget.unit, this.unitOptions = this.widget.unitOptions, this.arcgisPropertyChange = e()("input", "effectiveUnits", "progress", "state"), this.arcgisReady = h();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, effectiveUnits: 0, hideChart: 5, hideClearButton: 5, hideLegend: 5, hideSelectButton: 5, hideSettingsButton: 5, hideSketchButton: 5, hideUniformChartScalingToggle: 5, hideUnitSelector: 5, highlightEnabled: 5, hoveredChartPosition: 9, icon: 1, input: 0, label: 1, position: 1, profiles: 0, progress: 8, referenceElement: 1, state: 3, uniformChartScaling: 5, unit: 1, unitOptions: 0 };
@@ -19,6 +20,9 @@ class l extends o {
   static {
     this.shadowRootOptions = n;
   }
+  static {
+    this.styles = r;
+  }
   // #endregion
   // #region Public Methods
   /** Permanently destroy the component */
@@ -32,7 +36,7 @@ class l extends o {
     this.widget.viewModel.stop();
   }
 }
-t("arcgis-elevation-profile", l);
+t("arcgis-elevation-profile", d);
 export {
-  l as ArcgisElevationProfile
+  d as ArcgisElevationProfile
 };

package/dist/components/arcgis-expand/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, ToElement } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, ToElement, TargetedEvent } from '@arcgis/lumina';
 
 declare const useExpandWidget: (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.Expand, "label" | "viewModel" | "autoCollapse" | "closeOnEsc" | "collapseIcon" | "collapseTooltip" | "content" | "expandIcon" | "expandTooltip" | "expanded" | "group" | "icon" | "iconNumber" | "mode" | "placement"> & {
-    reactiveUtils?: __esri.reactiveUtils | undefined;
+    reactiveUtils?: typeof __esri.reactiveUtils;
     state?: unknown;
     viewModel?: __esri.ExpandViewModel | 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.ExpandProperties): __esri.ExpandProperties | Promise<__esri.ExpandProperties>;
 } | undefined) => __esri.Expand;
-export declare class ArcgisExpand extends LitElement implements Use<typeof useExpandWidget> {
+/** [Expand](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Expand.html) acts as a clickable button for opening content.
+ */
+export declare class ArcgisExpand extends LitElement {
     autoCollapse: boolean;
     /**
      * If true, the component will not be destroyed automatically when it is
@@ -45,13 +48,16 @@ export declare class ArcgisExpand extends LitElement implements Use<typeof useEx
     closeOnEsc: boolean | Function;
     collapseIcon: string;
     collapseTooltip: string;
-    /** @internal */
-    content: string | Node | __esri.Widget;
     expandIcon: string;
     expandTooltip: string;
     expanded: boolean;
     group: string;
-    /** @internal */
+    /** @private */
+    /**
+     * 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;
     iconNumber: number;
     label: string;
@@ -64,6 +70,6 @@ export declare class ArcgisExpand extends LitElement implements Use<typeof useEx
     destroy(): Promise<void>;
     expand(): Promise<void>;
     toggle(): Promise<void>;
-    readonly arcgisReady: CustomEvent<undefined>;
+    readonly arcgisReady: TargetedEvent<this, undefined>;
 }
 export {};

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

@@ -6,9 +6,9 @@ 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.7
+ * v4.32.0-next.71
 */
-const c = n`arcgis-expand{pointer-events:auto}arcgis-expand>.esri-expand__content--expanded{background-color:var(--calcite-color-background)}`, d = i(e);
+const c = n`arcgis-expand{display:flex;pointer-events:auto}arcgis-expand>.esri-expand__content--expanded{background-color:var(--calcite-color-background)}`, d = i(e);
 class l extends s {
   // #endregion
   // #region Lifecycle

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

@@ -1,38 +1,49 @@
 /// <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 useFeatureWidget: (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.Feature, "map" | "spatialReference" | "label" | "viewModel" | "icon" | "headingLevel" | "graphic" | "defaultPopupTemplateEnabled" | "location"> & {
-    reactiveUtils?: __esri.reactiveUtils | undefined;
+    reactiveUtils?: typeof __esri.reactiveUtils;
     state?: unknown;
     viewModel?: __esri.FeatureViewModel | 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.
+        /**
+         * 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
+         * is set, make sure to call the \`destroy\` method when you are done to prevent
+         * memory leaks.
+         */
+        SceneView | Nil;
     };
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
     editConstructorProperties(props: __esri.FeatureProperties): __esri.FeatureProperties | Promise<__esri.FeatureProperties>;
 } | undefined) => __esri.Feature;
-export declare class ArcgisFeature extends LitElement implements Use<typeof useFeatureWidget> {
+/** [Feature](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Feature.html) displays a graphic according to its [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html). This component is useful in instances where you want to display information about a feature but without the use of a [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html).
+ */
+export declare class ArcgisFeature 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
@@ -51,6 +62,11 @@ export declare class ArcgisFeature extends LitElement implements Use<typeof useF
     hideContentText: boolean | undefined;
     hideLastEditInfo: boolean | undefined;
     hideTitle: 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;
     location: __esri.Point;
@@ -64,9 +80,9 @@ export declare class ArcgisFeature extends LitElement implements Use<typeof useF
     nextMedia(contentElementIndex: number): Promise<void>;
     previousMedia(contentElementIndex: number): Promise<void>;
     setActiveMedia(contentElementIndex: number, mediaInfoIndex: number): Promise<void>;
-    readonly arcgisPropertyChange: CustomEvent<{
+    readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";
     }>;
-    readonly arcgisReady: CustomEvent<undefined>;
+    readonly arcgisReady: TargetedEvent<this, undefined>;
 }
 export {};

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

@@ -1,17 +1,18 @@
 import { c as i } from "../../chunks/runtime.js";
 import { newWidgetsFeature as s } from "@arcgis/core-adapter";
-import { m as n } from "../../chunks/useWidget.js";
-import { usePropertyChange as a } from "@arcgis/components-controllers";
+import { m as a } from "../../chunks/useWidget.js";
+import { usePropertyChange as n } from "@arcgis/components-controllers";
 import { LitElement as o, createEvent as d, noShadowRoot as h } from "@arcgis/lumina";
+import { css as l } 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.7
+ * v4.32.0-next.71
 */
-const l = n(s);
-class r extends o {
+const r = l`arcgis-feature{display:block}`, c = a(s);
+class p extends o {
   constructor() {
-    super(...arguments), this.widget = l(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.defaultPopupTemplateEnabled = this.widget.defaultPopupTemplateEnabled, this.graphic = this.widget.graphic, this.headingLevel = this.widget.headingLevel, this.hideContentAttachments = this.widget.visibleElements.content.attachments, this.hideContentExpression = this.widget.visibleElements.content.expression, this.hideContentFields = this.widget.visibleElements.content.fields, this.hideContentMedia = this.widget.visibleElements.content.media, this.hideContentText = this.widget.visibleElements.content.text, this.hideLastEditInfo = this.widget.visibleElements.lastEditedInfo, this.hideTitle = this.widget.visibleElements.title, this.icon = this.widget.icon, this.label = this.widget.label, this.location = this.viewModel.location, this.map = this.widget.map, this.position = "bottom-left", this.spatialReference = this.widget.spatialReference, this.state = this.viewModel.state, this.arcgisPropertyChange = a()("state"), this.arcgisReady = d();
+    super(...arguments), this.widget = c(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.defaultPopupTemplateEnabled = this.widget.defaultPopupTemplateEnabled, this.graphic = this.widget.graphic, this.headingLevel = this.widget.headingLevel, this.hideContentAttachments = this.widget.visibleElements.content.attachments, this.hideContentExpression = this.widget.visibleElements.content.expression, this.hideContentFields = this.widget.visibleElements.content.fields, this.hideContentMedia = this.widget.visibleElements.content.media, this.hideContentText = this.widget.visibleElements.content.text, this.hideLastEditInfo = this.widget.visibleElements.lastEditedInfo, this.hideTitle = this.widget.visibleElements.title, this.icon = this.widget.icon, this.label = this.widget.label, this.location = this.viewModel.location, this.map = this.widget.map, this.position = "bottom-left", this.spatialReference = this.widget.spatialReference, this.state = this.viewModel.state, this.arcgisPropertyChange = n()("state"), this.arcgisReady = d();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, defaultPopupTemplateEnabled: 5, graphic: 0, headingLevel: 9, hideContentAttachments: 5, hideContentExpression: 5, hideContentFields: 5, hideContentMedia: 5, hideContentText: 5, hideLastEditInfo: 5, hideTitle: 5, icon: 1, label: 1, location: 0, map: 0, position: 1, referenceElement: 1, spatialReference: 0, state: 3 };
@@ -19,23 +20,26 @@ class r extends o {
   static {
     this.shadowRootOptions = h;
   }
+  static {
+    this.styles = r;
+  }
   // #endregion
   // #region Public Methods
   /** Permanently destroy the component */
   async destroy() {
     await this.manager.destroy();
   }
-  async nextMedia(e) {
-    this.widget?.nextMedia(e);
+  async nextMedia(t) {
+    this.widget?.nextMedia(t);
   }
-  async previousMedia(e) {
-    this.widget?.previousMedia(e);
+  async previousMedia(t) {
+    this.widget?.previousMedia(t);
   }
-  async setActiveMedia(e, t) {
-    this.widget?.setActiveMedia(e, t);
+  async setActiveMedia(t, e) {
+    this.widget?.setActiveMedia(t, e);
   }
 }
-i("arcgis-feature", r);
+i("arcgis-feature", p);
 export {
-  r as ArcgisFeature
+  p as ArcgisFeature
 };

package/dist/components/arcgis-feature-form/customElement.d.ts

@@ -1,38 +1,39 @@
 /// <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 useFeatureFormWidget: (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.FeatureForm, "timeZone" | "label" | "viewModel" | "icon" | "headingLevel" | "layer" | "feature" | "formTemplate" | "groupDisplay"> & {
-    reactiveUtils?: __esri.reactiveUtils | undefined;
+    reactiveUtils?: typeof __esri.reactiveUtils;
     state?: unknown;
     viewModel?: __esri.FeatureFormViewModel | 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.FeatureFormProperties): __esri.FeatureFormProperties | Promise<__esri.FeatureFormProperties>;
 } | undefined) => __esri.FeatureForm;
-export declare class ArcgisFeatureForm extends LitElement implements Use<typeof useFeatureFormWidget> {
+export declare class ArcgisFeatureForm 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 +46,14 @@ export declare class ArcgisFeatureForm extends LitElement implements Use<typeof
     formTemplate: __esri.FormTemplate;
     groupDisplay: "all" | "sequential";
     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;
     label: string;
-    layer: __esri.FeatureLayer | __esri.SubtypeSublayer;
+    layer: __esri.FeatureLayer | __esri.SceneLayer | __esri.GeoJSONLayer | __esri.OrientedImageryLayer | __esri.CSVLayer | __esri.SubtypeSublayer;
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
     readonly state: "ready" | "disabled";
@@ -56,11 +62,11 @@ export declare class ArcgisFeatureForm extends LitElement implements Use<typeof
     destroy(): Promise<void>;
     getValues(): Promise<any>;
     submit(): Promise<void>;
-    readonly arcgisPropertyChange: CustomEvent<{
+    readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";
     }>;
-    readonly arcgisReady: CustomEvent<undefined>;
-    readonly arcgisSubmit: CustomEvent<__esri.FeatureFormSubmitEvent>;
-    readonly arcgisValueChange: CustomEvent<__esri.FeatureFormValueChangeEvent>;
+    readonly arcgisReady: TargetedEvent<this, undefined>;
+    readonly arcgisSubmit: TargetedEvent<this, __esri.FeatureFormSubmitEvent>;
+    readonly arcgisValueChange: TargetedEvent<this, __esri.FeatureFormValueChangeEvent>;
 }
 export {};

package/dist/components/arcgis-feature-form/customElement.js

@@ -4,15 +4,16 @@ import { usePropertyChange as s } from "@arcgis/components-controllers";
 import { m as r } from "../../chunks/useWidget.js";
 import { LitElement as a, createEvent as o, noShadowRoot as h } from "@arcgis/lumina";
 import { reEmitEvent as t } from "@arcgis/components-controllers/accessor";
+import { css as m } from "@lit/reactive-element/css-tag.js";
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.7
+ * v4.32.0-next.71
 */
-const m = r(i);
-class g extends a {
+const l = m`arcgis-feature-form{display:block}`, g = r(i);
+class n extends a {
   constructor() {
-    super(...arguments), this.widget = m(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.feature = this.widget.feature, this.formTemplate = this.widget.formTemplate, this.groupDisplay = this.widget.groupDisplay, this.headingLevel = this.widget.headingLevel, this.icon = this.widget.icon, this.label = this.widget.label, this.layer = this.widget.layer, this.position = "bottom-left", this.state = this.viewModel.state, this.timeZone = this.widget.timeZone, this.arcgisPropertyChange = s()("state"), this.arcgisReady = o(), this.arcgisSubmit = t(() => this.widget, "submit"), this.arcgisValueChange = t(() => this.widget, "valueChange");
+    super(...arguments), this.widget = g(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.feature = this.widget.feature, this.formTemplate = this.widget.formTemplate, this.groupDisplay = this.widget.groupDisplay, this.headingLevel = this.widget.headingLevel, this.icon = this.widget.icon, this.label = this.widget.label, this.layer = this.widget.layer, this.position = "bottom-left", this.state = this.viewModel.state, this.timeZone = this.widget.timeZone, this.arcgisPropertyChange = s()("state"), this.arcgisReady = o(), this.arcgisSubmit = t(() => this.widget, "submit"), this.arcgisValueChange = t(() => this.widget, "value-change");
   }
   static {
     this.properties = { autoDestroyDisabled: 5, feature: 0, formTemplate: 0, groupDisplay: 1, headingLevel: 9, icon: 1, label: 1, layer: 0, position: 1, referenceElement: 1, state: 3, timeZone: 1 };
@@ -20,6 +21,9 @@ class g extends a {
   static {
     this.shadowRootOptions = h;
   }
+  static {
+    this.styles = l;
+  }
   // #endregion
   // #region Public Methods
   /** Permanently destroy the component */
@@ -33,7 +37,7 @@ class g extends a {
     return this.widget?.submit();
   }
 }
-e("arcgis-feature-form", g);
+e("arcgis-feature-form", n);
 export {
-  g as ArcgisFeatureForm
+  n as ArcgisFeatureForm
 };