@arcgis/map-components 4.33.0-next.1 → 4.33.0-next.100

package/dist/components/arcgis-directline-measurement-3d/customElement.js

@@ -1,13 +1,13 @@
 import { c as t } from "../../chunks/runtime.js";
-import { usePropertyChange as e } from "@arcgis/components-controllers";
+import { usePropertyChange as e } from "@arcgis/lumina/controllers";
 import i from "@arcgis/core/widgets/DirectLineMeasurement3D.js";
 import { LitElement as s, createEvent as a, noShadowRoot as o } from "@arcgis/lumina";
 import { m as r } from "../../chunks/useWidget.js";
 import { css as n } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.1 */
-const l = n`arcgis-directline-measurement-3d{display:block}`, c = r(i);
+v4.33.0-next.100 */
+const l = n`@layer{arcgis-directline-measurement-3d{display:block}}`, c = r(i);
 class d extends s {
   constructor() {
     super(...arguments), this.widget = c(this), this.viewModel = this.widget.viewModel, this.analysis = this.widget.analysis, 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 = e()("analysis", "state"), this.arcgisReady = a();
@@ -21,8 +21,8 @@ class d extends s {
   static {
     this.styles = l;
   }
-  // #endregion
-  // #region Public Methods
+  //#endregion
+  //#region Public Methods
   async clear() {
     this.widget?.viewModel.clear();
   }

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

@@ -1,26 +1,20 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
-import { Use } from '@arcgis/components-controllers';
+import { Use } from '@arcgis/lumina/controllers';
 import { Nil } from '@arcgis/components-utils';
 import { default as DistanceMeasurement2D } from '@arcgis/core/widgets/DistanceMeasurement2D.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useDistanceMeasurement2dWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
-    manager: import('@arcgis/components-controllers').ControllerManager;
-    el: HTMLElement;
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<DistanceMeasurement2D, never> & {
-    reactiveUtils?: typeof __esri.reactiveUtils;
+declare const useDistanceMeasurement2dWidget: (component: LitElement & Pick<DistanceMeasurement2D, never> & {
     state?: unknown;
     viewModel?: __esri.DistanceMeasurement2DViewModel | undefined;
     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<{
+    arcgisReady: import('@arcgis/lumina').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {
@@ -58,8 +52,12 @@ export declare class ArcgisDistanceMeasurement2d extends LitElement {
     readonly state: "ready" | "disabled" | "measuring" | "measured";
     unit: __esri.SystemOrLengthUnit;
     unitOptions: __esri.SystemOrLengthUnit[];
+    /** Clear the current measurement. */
+    clear(): Promise<void>;
     /** Permanently destroy the component */
     destroy(): Promise<void>;
+    /** Starts a new measurement. */
+    start(): Promise<void>;
     readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";
     }>;

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

@@ -1,16 +1,16 @@
 import { c as t } from "../../chunks/runtime.js";
-import { usePropertyChange as e } from "@arcgis/components-controllers";
+import { usePropertyChange as e } from "@arcgis/lumina/controllers";
 import s from "@arcgis/core/widgets/DistanceMeasurement2D.js";
 import { LitElement as i, createEvent as o, noShadowRoot as a } from "@arcgis/lumina";
 import { m as r } from "../../chunks/useWidget.js";
 import { css as n } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.1 */
-const c = n`arcgis-distance-measurement-2d{display:block}`, m = r(s);
-class d extends i {
+v4.33.0-next.100 */
+const c = n`@layer{arcgis-distance-measurement-2d{display:block}}`, d = r(s);
+class h extends i {
   constructor() {
-    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 = e()("state"), this.arcgisReady = o();
+    super(...arguments), this.widget = d(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 = e()("state"), this.arcgisReady = o();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, icon: 1, label: 1, position: 1, referenceElement: 1, state: 3, unit: 1, unitOptions: 0 };
@@ -21,14 +21,22 @@ class d extends i {
   static {
     this.styles = c;
   }
-  // #endregion
-  // #region Public Methods
+  //#endregion
+  //#region Public Methods
+  /** Clear the current measurement. */
+  async clear() {
+    this.viewModel?.clear();
+  }
   /** Permanently destroy the component */
   async destroy() {
     await this.manager.destroy();
   }
+  /** Starts a new measurement. */
+  async start() {
+    this.viewModel?.start();
+  }
 }
-t("arcgis-distance-measurement-2d", d);
+t("arcgis-distance-measurement-2d", h);
 export {
-  d as ArcgisDistanceMeasurement2d
+  h as ArcgisDistanceMeasurement2d
 };

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

@@ -1,26 +1,20 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
-import { Use } from '@arcgis/components-controllers';
+import { Use } from '@arcgis/lumina/controllers';
 import { Nil } from '@arcgis/components-utils';
 import { default as Editor } from '@arcgis/core/widgets/Editor.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useEditorWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
-    manager: import('@arcgis/components-controllers').ControllerManager;
-    el: HTMLElement;
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<Editor, never> & {
-    reactiveUtils?: typeof __esri.reactiveUtils;
+declare const useEditorWidget: (component: LitElement & Pick<Editor, never> & {
     state?: unknown;
     viewModel?: __esri.EditorViewModel | undefined;
     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<{
+    arcgisReady: import('@arcgis/lumina').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {
@@ -69,7 +63,7 @@ export declare class ArcgisEditor extends LitElement {
     referenceElement: ArcgisReferenceElement | Nil | string;
     showSnappingControlsElementsHeader: boolean;
     snappingOptions: __esri.SnappingOptions;
-    readonly state: "ready" | "disabled" | "adding-attachment" | "awaiting-feature-creation-info" | "awaiting-feature-to-create" | "awaiting-feature-to-update" | "awaiting-update-feature-candidate" | "creating-features" | "editing-attributes" | "editing-attachment" | "editing-existing-feature" | "editing-new-feature";
+    readonly state: "ready" | "disabled" | "add-association-create-association" | "add-association-select-feature" | "add-association-select-layer" | "adding-attachment" | "awaiting-feature-creation-info" | "awaiting-feature-to-create" | "awaiting-feature-to-update" | "awaiting-update-feature-candidate" | "creating-features" | "editing-attributes" | "editing-attachment" | "editing-existing-feature" | "editing-new-feature";
     supportingWidgetDefaults: nullish | __esri.SupportingWidgetDefaults;
     tooltipOptions: __esri.SketchTooltipOptions;
     cancelWorkflow(): Promise<void>;

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

@@ -1,13 +1,13 @@
 import { c as t } from "../../chunks/runtime.js";
-import { usePropertyChange as i } from "@arcgis/components-controllers";
+import { usePropertyChange as i } from "@arcgis/lumina/controllers";
 import s from "@arcgis/core/widgets/Editor.js";
 import { LitElement as o, createEvent as a, noShadowRoot as l } from "@arcgis/lumina";
 import { m as n } from "../../chunks/useWidget.js";
 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.33/esri/copyright.txt for details.
-v4.33.0-next.1 */
-const g = r`arcgis-editor{display:block}`, d = n(s);
+v4.33.0-next.100 */
+const g = r`@layer{arcgis-editor{display:block}}`, d = n(s);
 class h extends o {
   constructor() {
     super(...arguments), this.widget = d(this), this.viewModel = this.widget.viewModel, this.activeWorkflow = this.widget.activeWorkflow, 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 = i()("activeWorkflow", "state"), this.arcgisReady = a();
@@ -21,8 +21,8 @@ class h extends o {
   static {
     this.styles = g;
   }
-  // #endregion
-  // #region Public Methods
+  //#endregion
+  //#region Public Methods
   async cancelWorkflow() {
     await this.widget?.cancelWorkflow();
   }

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

@@ -1,26 +1,20 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
-import { Use } from '@arcgis/components-controllers';
+import { Use } from '@arcgis/lumina/controllers';
 import { Nil } from '@arcgis/components-utils';
 import { default as ElevationProfile } from '@arcgis/core/widgets/ElevationProfile.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useElevationProfileWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
-    manager: import('@arcgis/components-controllers').ControllerManager;
-    el: HTMLElement;
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<ElevationProfile, never> & {
-    reactiveUtils?: typeof __esri.reactiveUtils;
+declare const useElevationProfileWidget: (component: LitElement & Pick<ElevationProfile, never> & {
     state?: unknown;
     viewModel?: __esri.ElevationProfileViewModel | undefined;
     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<{
+    arcgisReady: import('@arcgis/lumina').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {
@@ -34,7 +28,7 @@ declare const useElevationProfileWidget: (component: import('@arcgis/components-
 }, options?: {
     editConstructorProperties(props: __esri.ElevationProfileProperties | undefined): __esri.ElevationProfileProperties | Promise<__esri.ElevationProfileProperties | undefined> | undefined;
 } | undefined) => ElevationProfile;
-/** The ElevationProfile component 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).
+/** The Elevation Profile component 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 {
     /**
@@ -78,7 +72,7 @@ export declare class ArcgisElevationProfile extends LitElement {
     start(): Promise<void>;
     stop(): Promise<void>;
     readonly arcgisPropertyChange: TargetedEvent<this, {
-        name: "input" | "state" | "progress" | "effectiveUnits";
+        name: "state" | "input" | "progress" | "effectiveUnits";
     }>;
     readonly arcgisReady: TargetedEvent<this, undefined>;
 }

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

@@ -1,13 +1,13 @@
 import { c as t } from "../../chunks/runtime.js";
-import { usePropertyChange as i } from "@arcgis/components-controllers";
+import { usePropertyChange as i } from "@arcgis/lumina/controllers";
 import e from "@arcgis/core/widgets/ElevationProfile.js";
 import { LitElement as s, createEvent as o, noShadowRoot as h } from "@arcgis/lumina";
 import { m as n } from "../../chunks/useWidget.js";
 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.33/esri/copyright.txt for details.
-v4.33.0-next.1 */
-const r = l`arcgis-elevation-profile{display:block}`, a = n(e);
+v4.33.0-next.100 */
+const r = l`@layer{arcgis-elevation-profile{display:block}}`, a = n(e);
 class d extends s {
   constructor() {
     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 = i()("input", "effectiveUnits", "progress", "state"), this.arcgisReady = o();
@@ -21,8 +21,8 @@ class d extends s {
   static {
     this.styles = r;
   }
-  // #endregion
-  // #region Public Methods
+  //#endregion
+  //#region Public Methods
   /** Permanently destroy the component */
   async destroy() {
     await this.manager.destroy();

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

@@ -1,26 +1,20 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
-import { Use } from '@arcgis/components-controllers';
+import { Use } from '@arcgis/lumina/controllers';
 import { Nil } from '@arcgis/components-utils';
 import { default as Expand } from '@arcgis/core/widgets/Expand.js';
-import { PublicLitElement as LitElement, ToElement, TargetedEvent } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useExpandWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
-    manager: import('@arcgis/components-controllers').ControllerManager;
-    el: HTMLElement;
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<Expand, never> & {
-    reactiveUtils?: typeof __esri.reactiveUtils;
+declare const useExpandWidget: (component: LitElement & Pick<Expand, never> & {
     state?: unknown;
     viewModel?: __esri.ExpandViewModel | undefined;
     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<{
+    arcgisReady: import('@arcgis/lumina').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {
@@ -52,7 +46,14 @@ export declare class ArcgisExpand extends LitElement {
     expandIcon: string | nullish;
     expandTooltip: string;
     expanded: boolean;
+    /**
+     * @deprecated **Deprecated** since 4.33. Use [`focusTrapDisabled`](#focusTrapDisabled) instead.
+     */
     focusTrapEnabled: boolean;
+    /**
+     * Disables focus trapping within the expand component.
+     */
+    focusTrapDisabled: boolean;
     group: string | nullish;
     /** @private */
     /**

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

@@ -1,29 +1,29 @@
 import { c as t } from "../../chunks/runtime.js";
 import e from "@arcgis/core/widgets/Expand.js";
-import { LitElement as i, createEvent as s, noShadowRoot as o } from "@arcgis/lumina";
+import { LitElement as s, createEvent as i, noShadowRoot as o } from "@arcgis/lumina";
 import { m as a } from "../../chunks/useWidget.js";
 import { css as n } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.1 */
-const c = n`arcgis-expand{display:flex;pointer-events:auto}arcgis-expand>.esri-expand__content--expanded{background-color:var(--calcite-color-background)}`, d = a(e);
-class l extends i {
-  // #endregion
-  // #region Lifecycle
+v4.33.0-next.100 */
+const d = n`@layer{arcgis-expand{display:flex;pointer-events:auto}arcgis-expand>.esri-expand__content--expanded{background-color:var(--calcite-color-background)}}`, c = a(e);
+class l extends s {
+  //#endregion
+  //#region Lifecycle
   constructor() {
-    super(), this.widget = d(this), this.viewModel = this.widget.viewModel, this.autoCollapse = this.widget.autoCollapse, this.autoDestroyDisabled = !1, this.closeOnEsc = this.widget.closeOnEsc, this.collapseIcon = this.widget.collapseIcon, this.collapseTooltip = this.widget.collapseTooltip, this.content = this.widget.content, this.expandIcon = this.widget.expandIcon, this.expandTooltip = this.widget.expandTooltip, this.expanded = this.widget.expanded, this.focusTrapEnabled = this.widget.focusTrapDisabled, this.group = this.widget.group, this.icon = this.widget.icon, this.iconNumber = this.widget.iconNumber, this.label = this.widget.label, this.mode = this.widget.mode, this.placement = this.widget.placement, this.position = "top-right", this.arcgisReady = s(), this.content ??= document.createElement("div");
+    super(), this.widget = c(this), this.viewModel = this.widget.viewModel, this.autoCollapse = this.widget.autoCollapse, this.autoDestroyDisabled = !1, this.closeOnEsc = this.widget.closeOnEsc, this.collapseIcon = this.widget.collapseIcon, this.collapseTooltip = this.widget.collapseTooltip, this.content = this.widget.content, this.expandIcon = this.widget.expandIcon, this.expandTooltip = this.widget.expandTooltip, this.expanded = this.widget.expanded, this.focusTrapEnabled = this.widget.focusTrapDisabled, this.focusTrapDisabled = this.widget.focusTrapDisabled, this.group = this.widget.group, this.icon = this.widget.icon, this.iconNumber = this.widget.iconNumber, this.label = this.widget.label, this.mode = this.widget.mode, this.placement = this.widget.placement, this.position = "top-right", this.arcgisReady = i(), this.content ??= document.createElement("div");
   }
   static {
-    this.properties = { autoCollapse: 5, autoDestroyDisabled: 5, closeOnEsc: 5, collapseIcon: 1, collapseTooltip: 1, content: 1, expandIcon: 1, expandTooltip: 1, expanded: 7, focusTrapEnabled: 5, group: 1, icon: 1, iconNumber: 9, label: 1, mode: 1, placement: 1, position: 1, referenceElement: 1 };
+    this.properties = { autoCollapse: 5, autoDestroyDisabled: 5, closeOnEsc: 5, collapseIcon: 1, collapseTooltip: 1, content: 1, expandIcon: 1, expandTooltip: 1, expanded: 7, focusTrapEnabled: 5, focusTrapDisabled: 5, group: 1, icon: 1, iconNumber: 9, label: 1, mode: 1, placement: 1, position: 1, referenceElement: 1 };
   }
   static {
     this.shadowRootOptions = o;
   }
   static {
-    this.styles = c;
+    this.styles = d;
   }
-  // #endregion
-  // #region Public Methods
+  //#endregion
+  //#region Public Methods
   async collapse() {
     this.widget?.collapse();
   }

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

@@ -1,26 +1,20 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
-import { Use } from '@arcgis/components-controllers';
+import { Use } from '@arcgis/lumina/controllers';
 import { Nil } from '@arcgis/components-utils';
 import { default as Feature } from '@arcgis/core/widgets/Feature.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useFeatureWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
-    manager: import('@arcgis/components-controllers').ControllerManager;
-    el: HTMLElement;
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<Feature, never> & {
-    reactiveUtils?: typeof __esri.reactiveUtils;
+declare const useFeatureWidget: (component: LitElement & Pick<Feature, never> & {
     state?: unknown;
     viewModel?: __esri.FeatureViewModel | undefined;
     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<{
+    arcgisReady: import('@arcgis/lumina').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {
@@ -48,12 +42,23 @@ export declare class ArcgisFeature extends LitElement {
     defaultPopupTemplateEnabled: boolean;
     graphic: nullish | __esri.Graphic;
     headingLevel: number;
+    /** Indicates whether to hide all [AttachmentsContent](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-AttachmentsContent.html). */
     hideContentAttachments: boolean | undefined;
+    /** Indicates whether to hide all [ExpressionContent](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-ExpressionContent.html). */
     hideContentExpression: boolean | undefined;
+    /** Indicates whether to hide all [FieldsContent](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-FieldsContent.html). */
     hideContentFields: boolean | undefined;
+    /** Indicates whether to hide all [MediaContent](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-MediaContent.html). */
     hideContentMedia: boolean | undefined;
+    /** Indicates whether to hide all [TextContent](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-TextContent.html). */
     hideContentText: boolean | undefined;
+    /**
+     * @deprecated **Deprecated** since 4.33. Use [hideLastEditedInfo](#hideLastEditedInfo) instead.
+     */
     hideLastEditInfo: boolean | undefined;
+    /** Indicates whether to hide the [lastEditInfo](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Feature-FeatureViewModel.html#lastEditInfo). */
+    hideLastEditedInfo: boolean | undefined;
+    /** Indicates whether to hide the title associated with the feature. */
     hideTitle: boolean | undefined;
     /**
      * Icon which represents the component.
@@ -63,16 +68,22 @@ export declare class ArcgisFeature extends LitElement {
     icon: string;
     /** The component's default label. */
     label: string;
-    location: __esri.Point | nullish;
+    location: nullish | __esri.Point;
     map: __esri.Map | nullish;
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
     spatialReference: nullish | __esri.SpatialReference;
-    readonly state: "ready" | "loading" | "disabled" | "error";
+    readonly state: "ready" | "disabled" | "error" | "loading";
+    timeZone: string;
     /** Permanently destroy the component */
     destroy(): Promise<void>;
+    /** Paginates to the next [media info](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-MediaContent.html#mediaInfos). */
     nextMedia(contentElementIndex: number): Promise<void>;
+    /** Paginates to the previous [media info](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-MediaContent.html#mediaInfos). */
     previousMedia(contentElementIndex: number): Promise<void>;
+    /** Paginates to a specified [media info](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-MediaContent.html#mediaInfos) object.
+     * For example, you may have [media content](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-MediaContent.html#mediaInfos) which contains multiple mediaInfos.
+     * This method allows you to specify the index of the mediaInfos you wish to display. */
     setActiveMedia(contentElementIndex: number, mediaInfoIndex: number): Promise<void>;
     readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";

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

@@ -1,43 +1,48 @@
 import { c as i } from "../../chunks/runtime.js";
-import { usePropertyChange as s } from "@arcgis/components-controllers";
-import a from "@arcgis/core/widgets/Feature.js";
-import { LitElement as n, createEvent as o, noShadowRoot as h } from "@arcgis/lumina";
-import { m as d } from "../../chunks/useWidget.js";
+import { usePropertyChange as s } from "@arcgis/lumina/controllers";
+import n from "@arcgis/core/widgets/Feature.js";
+import { LitElement as a, createEvent as o, noShadowRoot as d } from "@arcgis/lumina";
+import { m as h } from "../../chunks/useWidget.js";
 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.33/esri/copyright.txt for details.
-v4.33.0-next.1 */
-const r = l`arcgis-feature{display:block}`, c = d(a);
-class p extends n {
+v4.33.0-next.100 */
+const r = l`@layer{arcgis-feature{display:block}}`, c = h(n);
+class m extends a {
   constructor() {
-    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 = s()("state"), this.arcgisReady = o();
+    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.hideLastEditedInfo = 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.timeZone = this.widget.timeZone, this.arcgisPropertyChange = s()("state"), this.arcgisReady = o();
   }
   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 };
+    this.properties = { autoDestroyDisabled: 5, defaultPopupTemplateEnabled: 5, graphic: 0, headingLevel: 9, hideContentAttachments: 5, hideContentExpression: 5, hideContentFields: 5, hideContentMedia: 5, hideContentText: 5, hideLastEditInfo: 5, hideLastEditedInfo: 5, hideTitle: 5, icon: 1, label: 1, location: 0, map: 0, position: 1, referenceElement: 1, spatialReference: 0, state: 3, timeZone: 1 };
   }
   static {
-    this.shadowRootOptions = h;
+    this.shadowRootOptions = d;
   }
   static {
     this.styles = r;
   }
   // #endregion
-  // #region Public Methods
+  //#region Public Methods
   /** Permanently destroy the component */
   async destroy() {
     await this.manager.destroy();
   }
+  /** Paginates to the next [media info](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-MediaContent.html#mediaInfos). */
   async nextMedia(t) {
     this.widget?.nextMedia(t);
   }
+  /** Paginates to the previous [media info](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-MediaContent.html#mediaInfos). */
   async previousMedia(t) {
     this.widget?.previousMedia(t);
   }
+  /** Paginates to a specified [media info](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-MediaContent.html#mediaInfos) object.
+   * For example, you may have [media content](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-MediaContent.html#mediaInfos) which contains multiple mediaInfos.
+   * This method allows you to specify the index of the mediaInfos you wish to display. */
   async setActiveMedia(t, e) {
     this.widget?.setActiveMedia(t, e);
   }
 }
-i("arcgis-feature", p);
+i("arcgis-feature", m);
 export {
-  p as ArcgisFeature
+  m as ArcgisFeature
 };

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

@@ -1,26 +1,20 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
-import { Use } from '@arcgis/components-controllers';
+import { Use } from '@arcgis/lumina/controllers';
 import { Nil } from '@arcgis/components-utils';
 import { default as FeatureForm } from '@arcgis/core/widgets/FeatureForm.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useFeatureFormWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
-    manager: import('@arcgis/components-controllers').ControllerManager;
-    el: HTMLElement;
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<FeatureForm, never> & {
-    reactiveUtils?: typeof __esri.reactiveUtils;
+declare const useFeatureFormWidget: (component: LitElement & Pick<FeatureForm, never> & {
     state?: unknown;
     viewModel?: __esri.FeatureFormViewModel | undefined;
     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<{
+    arcgisReady: import('@arcgis/lumina').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {
@@ -34,9 +28,6 @@ declare const useFeatureFormWidget: (component: import('@arcgis/components-contr
 }, options?: {
     editConstructorProperties(props: __esri.FeatureFormProperties | undefined): __esri.FeatureFormProperties | Promise<__esri.FeatureFormProperties | undefined> | undefined;
 } | undefined) => FeatureForm;
-/**
- * @internal
- */
 export declare class ArcgisFeatureForm extends LitElement {
     /**
      * If true, the component will not be destroyed automatically when it is
@@ -58,20 +49,23 @@ export declare class ArcgisFeatureForm extends LitElement {
     icon: string;
     /** The component's default label. */
     label: string;
-    layer: __esri.FeatureLayer | __esri.SceneLayer | __esri.GeoJSONLayer | __esri.OrientedImageryLayer | nullish | __esri.SubtypeSublayer;
+    layer: nullish | __esri.FeatureLayer | __esri.SceneLayer | __esri.GeoJSONLayer | __esri.OrientedImageryLayer | __esri.SubtypeSublayer;
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
     readonly state: "ready" | "disabled";
     timeZone: string;
     /** Permanently destroy the component */
     destroy(): Promise<void>;
+    /** Returns all of the field values, regardless of update status. */
     getValues(): Promise<any>;
+    /** Fires the submit event. */
     submit(): Promise<void>;
     readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";
     }>;
     readonly arcgisReady: TargetedEvent<this, undefined>;
     readonly arcgisSubmit: TargetedEvent<this, __esri.FeatureFormSubmitEvent>;
+    /** Fires when a field value is updated. */
     readonly arcgisValueChange: TargetedEvent<this, __esri.FeatureFormValueChangeEvent>;
 }
 export {};

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

@@ -1,14 +1,14 @@
 import { c as e } from "../../chunks/runtime.js";
-import { usePropertyChange as i } from "@arcgis/components-controllers";
-import { reEmitEvent as t } from "@arcgis/components-controllers/accessor";
+import { usePropertyChange as i } from "@arcgis/lumina/controllers";
+import { reEmitEvent as t } from "@arcgis/lumina/controllers/accessor";
 import s from "@arcgis/core/widgets/FeatureForm.js";
 import { LitElement as r, createEvent as a, noShadowRoot as o } from "@arcgis/lumina";
 import { m as h } from "../../chunks/useWidget.js";
 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.33/esri/copyright.txt for details.
-v4.33.0-next.1 */
-const l = m`arcgis-feature-form{display:block}`, g = h(s);
+v4.33.0-next.100 */
+const l = m`@layer{arcgis-feature-form{display:block}}`, g = h(s);
 class n extends r {
   constructor() {
     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 = i()("state"), this.arcgisReady = a(), this.arcgisSubmit = t(() => this.widget, "submit"), this.arcgisValueChange = t(() => this.widget, "value-change");
@@ -22,15 +22,17 @@ class n extends r {
   static {
     this.styles = l;
   }
-  // #endregion
-  // #region Public Methods
+  //#endregion
+  //#region Public Methods
   /** Permanently destroy the component */
   async destroy() {
     await this.manager.destroy();
   }
+  /** Returns all of the field values, regardless of update status. */
   async getValues() {
     return this.widget?.getValues();
   }
+  /** Fires the submit event. */
   async submit() {
     this.widget?.submit();
   }