@arcgis/map-components 4.32.0-next.4 → 4.32.0-next.40

package/dist/components/arcgis-distance-measurement-2d/customElement.js

@@ -1,23 +1,27 @@
 import { c as t } from "../../chunks/runtime.js";
 import { newWidgetsDistanceMeasurement2D as e } from "@arcgis/core-adapter";
-import { usePropertyChange as i } from "@arcgis/components-controllers";
-import { m as s } from "../../chunks/useWidget.js";
-import { LitElement as o, createEvent as a, noShadowRoot as n } from "@arcgis/lumina";
+import { usePropertyChange as s } from "@arcgis/components-controllers";
+import { m as i } from "../../chunks/useWidget.js";
+import { LitElement as o, createEvent as a, noShadowRoot as r } from "@arcgis/lumina";
+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.4
+ * v4.32.0-next.40
 */
-const r = s(e);
-class h extends o {
+const c = n`arcgis-distance-measurement-2d{display:block}`, m = i(e);
+class d extends o {
   constructor() {
-    super(...arguments), this.widget = r(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.icon = this.widget.icon, this.label = this.widget.label, this.position = "bottom-left", this.state = this.viewModel.state, this.unit = this.widget.unit, this.unitOptions = this.widget.unitOptions, this.arcgisPropertyChange = i()("state"), this.arcgisReady = a();
+    super(...arguments), this.widget = m(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.icon = this.widget.icon, this.label = this.widget.label, this.position = "bottom-left", this.state = this.viewModel.state, this.unit = this.widget.unit, this.unitOptions = this.widget.unitOptions, this.arcgisPropertyChange = s()("state"), this.arcgisReady = a();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, icon: 1, label: 1, position: 1, referenceElement: 1, state: 3, unit: 1, unitOptions: 0 };
   }
   static {
-    this.shadowRootOptions = n;
+    this.shadowRootOptions = r;
+  }
+  static {
+    this.styles = c;
   }
   // #endregion
   // #region Public Methods
@@ -26,7 +30,7 @@ class h extends o {
     await this.manager.destroy();
   }
 }
-t("arcgis-distance-measurement-2d", h);
+t("arcgis-distance-measurement-2d", d);
 export {
-  h as ArcgisDistanceMeasurement2d
+  d as ArcgisDistanceMeasurement2d
 };

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

@@ -5,36 +5,36 @@ import { Nil } from '@arcgis/components-utils';
 import { PublicLitElement as LitElement } from '@arcgis/lumina';
 
 declare const useEditorWidget: (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.Editor, "label" | "viewModel" | "icon" | "headingLevel" | "labelOptions" | "snappingOptions" | "tooltipOptions" | "layerInfos" | "allowedWorkflows" | "supportingWidgetDefaults"> & {
-    reactiveUtils?: __esri.reactiveUtils | undefined;
+    reactiveUtils?: typeof __esri.reactiveUtils;
     state?: unknown;
     viewModel?: __esri.EditorViewModel | 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.EditorProperties): __esri.EditorProperties | Promise<__esri.EditorProperties>;
 } | undefined) => __esri.Editor;
-export declare class ArcgisEditor extends LitElement implements Use<typeof useEditorWidget> {
+export declare class ArcgisEditor extends LitElement {
     readonly activeWorkflow: __esri.CreateFeaturesWorkflow | __esri.UpdateWorkflow;
-    allowedWorkflows: "update" | "create-features";
+    allowedWorkflows: ("update" | "create-features" | "update-feature" | "update-table-record")[];
     /**
      * 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 +52,11 @@ export declare class ArcgisEditor extends LitElement implements Use<typeof useEd
     hideSnappingControlsElementsLayerList: boolean | undefined;
     hideSnappingControlsElementsSelfEnabledToggle: boolean | undefined;
     hideTooltipsToggle: 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;
     labelOptions: __esri.SketchLabelOptions;

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.4
+ * v4.32.0-next.40
 */
-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

@@ -5,34 +5,34 @@ import { Nil } from '@arcgis/components-utils';
 import { PublicLitElement as LitElement } 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?: __esri.MapView | __esri.SceneView | 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> {
+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 +52,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;

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.4
+ * v4.32.0-next.40
 */
-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

@@ -5,34 +5,34 @@ import { Nil } from '@arcgis/components-utils';
 import { PublicLitElement as LitElement, ToElement } 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> {
+export declare class ArcgisExpand extends LitElement {
     autoCollapse: boolean;
     /**
      * If true, the component will not be destroyed automatically when it is
@@ -45,13 +45,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;

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.4
+ * v4.32.0-next.40
 */
-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

@@ -5,34 +5,34 @@ import { Nil } from '@arcgis/components-utils';
 import { PublicLitElement as LitElement } 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.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> {
+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 +51,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;

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.4
+ * v4.32.0-next.40
 */
-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

@@ -5,34 +5,34 @@ import { Nil } from '@arcgis/components-utils';
 import { PublicLitElement as LitElement } 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 +45,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";

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.4
+ * v4.32.0-next.40
 */
-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
 };