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

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

@@ -1,24 +1,28 @@
-import { c as o } from "../../chunks/runtime.js";
+import { c as a } from "../../chunks/runtime.js";
 import { newLayersRouteLayer as s, newWidgetsDirections as r } from "@arcgis/core-adapter";
-import { i as h } from "../../chunks/component-utils.js";
+import { f as h } from "../../chunks/component-utils.js";
 import { usePropertyChange as n } from "@arcgis/components-controllers";
 import { m as d } from "../../chunks/useWidget.js";
-import { LitElement as l, createEvent as w, noShadowRoot as u } from "@arcgis/lumina";
+import { LitElement as l, createEvent as c, noShadowRoot as w } from "@arcgis/lumina";
+import { css as u } from "@lit/reactive-element/css-tag.js";
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.7
+ * v4.32.0-next.9
 */
-const y = d(r), i = "map-components:arcgis-directions";
-class c extends l {
+const y = u`arcgis-directions{display:flex}`, m = d(r), i = "map-components:arcgis-directions";
+class g extends l {
   constructor() {
-    super(...arguments), this.widget = y(this), this.viewModel = this.widget.viewModel, this.apiKey = this.widget.apiKey, this.autoDestroyDisabled = !1, this.headingLevel = this.widget.headingLevel, this.hideLayerDetails = this.widget.visibleElements.layerDetails, this.hideSaveAsButton = this.widget.visibleElements.saveAsButton, this.hideSaveButton = this.widget.visibleElements.saveButton, this.icon = this.widget.icon, this.label = this.widget.label, this.lastRoute = this.widget.lastRoute, this.layer = this.widget.layer, this.maxStops = this.widget.maxStops, this.position = "bottom-left", this.searchProperties = this.widget.searchProperties, this.state = this.viewModel.state, this.unit = this.widget.unit, this.useDefaultRouteLayer = !1, this.arcgisPropertyChange = n()("lastRoute", "state"), this.arcgisReady = w();
+    super(...arguments), this.widget = m(this), this.viewModel = this.widget.viewModel, this.apiKey = this.widget.apiKey, this.autoDestroyDisabled = !1, this.headingLevel = this.widget.headingLevel, this.hideLayerDetails = this.widget.visibleElements.layerDetails, this.hideSaveAsButton = this.widget.visibleElements.saveAsButton, this.hideSaveButton = this.widget.visibleElements.saveButton, this.icon = this.widget.icon, this.label = this.widget.label, this.lastRoute = this.widget.lastRoute, this.layer = this.widget.layer, this.maxStops = this.widget.maxStops, this.position = "bottom-left", this.searchProperties = this.widget.searchProperties, this.state = this.viewModel.state, this.unit = this.widget.unit, this.useDefaultRouteLayer = !1, this.arcgisPropertyChange = n()("lastRoute", "state"), this.arcgisReady = c();
   }
   static {
     this.properties = { apiKey: 1, autoDestroyDisabled: 5, headingLevel: 9, hideLayerDetails: 5, hideSaveAsButton: 5, hideSaveButton: 5, icon: 1, label: 1, lastRoute: 0, layer: 0, maxStops: 9, position: 1, referenceElement: 1, routeLayerItemId: 1, searchProperties: 0, state: 0, unit: 1, useDefaultRouteLayer: 5 };
   }
   static {
-    this.shadowRootOptions = u;
+    this.shadowRootOptions = w;
+  }
+  static {
+    this.styles = y;
   }
   // #endregion
   // #region Public Methods
@@ -55,8 +59,8 @@ class c extends l {
         portalItem: {
           id: e
         }
-      }).then((a) => {
-        this.layer = a, this.widget.view?.map.add(this.layer);
+      }).then((o) => {
+        this.layer = o, this.widget.view?.map.add(this.layer);
       }).catch(console.error);
     }
     t.has("useDefaultRouteLayer") && this._setDefaultLayer();
@@ -70,7 +74,7 @@ class c extends l {
     }).catch(console.error);
   }
 }
-o("arcgis-directions", c);
+a("arcgis-directions", g);
 export {
-  c as ArcgisDirections
+  g as ArcgisDirections
 };

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

@@ -15,7 +15,13 @@ declare const useDirectLineMeasurement3dWidget: (component: import('@arcgis/comp
     viewModel?: __esri.DirectLineMeasurement3DViewModel | undefined;
     icon: string | Nil;
     label: string | Nil;
-    referenceElement: string | Nil | ArcgisReferenceElement;
+    referenceElement: string | Nil | ArcgisReferenceElement; /**
+     * 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.
+     */
     position: __esri.UIPosition;
     arcgisReady: import('@arcgis/components-controllers').EventEmitter;
     arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{

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

@@ -3,15 +3,16 @@ import { newWidgetsDirectLineMeasurement3D 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 a, createEvent as o, 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.7
+ * v4.32.0-next.9
 */
-const n = s(e);
-class d extends a {
+const l = n`arcgis-directline-measurement-3d{display:flex}`, d = s(e);
+class c extends a {
   constructor() {
-    super(...arguments), this.widget = n(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 = i()("analysis", "state"), this.arcgisReady = o();
+    super(...arguments), this.widget = d(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 = i()("analysis", "state"), this.arcgisReady = o();
   }
   static {
     this.properties = { analysis: 0, autoDestroyDisabled: 5, icon: 1, label: 1, position: 1, referenceElement: 1, state: 3, unit: 1, unitOptions: 0 };
@@ -19,6 +20,9 @@ class d extends a {
   static {
     this.shadowRootOptions = r;
   }
+  static {
+    this.styles = l;
+  }
   // #endregion
   // #region Public Methods
   async clear() {
@@ -32,7 +36,7 @@ class d extends a {
     this.widget?.viewModel.start();
   }
 }
-t("arcgis-directline-measurement-3d", d);
+t("arcgis-directline-measurement-3d", c);
 export {
-  d as ArcgisDirectLineMeasurement3d
+  c as ArcgisDirectLineMeasurement3d
 };

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

@@ -11,13 +11,6 @@ declare const useDistanceMeasurement2dWidget: (component: import('@arcgis/compon
     destroy?: (() => Promise<void>) | undefined;
 } & Pick<__esri.DistanceMeasurement2D, "label" | "viewModel" | "icon" | "unit" | "unitOptions"> & {
     reactiveUtils?: __esri.reactiveUtils | undefined;
-    /**
-     * 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.
-     */
     state?: unknown;
     viewModel?: __esri.DistanceMeasurement2DViewModel | undefined;
     icon: string | Nil;

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.7
+ * v4.32.0-next.9
 */
-const r = s(e);
-class h extends o {
+const m = n`arcgis-distance-measurement-2d{display:flex}`, c = 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 = c(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 = m;
   }
   // #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.js

@@ -2,16 +2,17 @@ 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.9
 */
-const r = o(i);
-class d extends a {
+const d = r`arcgis-editor{display:flex}`, 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 };
@@ -19,6 +20,9 @@ class d extends a {
   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.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.9
 */
-const r = s(i);
-class l extends o {
+const r = l`arcgis-elevation-profile{display:flex}`, 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.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.9
 */
-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.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.9
 */
-const l = n(s);
-class r extends o {
+const r = l`arcgis-feature{display:flex}`, 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

@@ -14,6 +14,13 @@ declare const useFeatureFormWidget: (component: import('@arcgis/components-contr
     state?: unknown;
     viewModel?: __esri.FeatureFormViewModel | undefined;
     icon: string | Nil;
+    /**
+     * 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.
+     */
     label: string | Nil;
     referenceElement: string | Nil | ArcgisReferenceElement;
     position: __esri.UIPosition;

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.9
 */
-const m = r(i);
-class g extends a {
+const l = m`arcgis-feature-form{display:flex}`, 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
 };

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

@@ -10,7 +10,7 @@ declare const useFeatureTableWidget: (component: import('@arcgis/components-cont
     el: HTMLElement;
     autoDestroyDisabled?: boolean | undefined;
     destroy?: (() => Promise<void>) | undefined;
-} & Pick<__esri.FeatureTable, "timeExtent" | "timeZone" | "label" | "viewModel" | "icon" | "pageSize" | "layer" | "actionColumnConfig" | "attachmentsEnabled" | "description" | "editingEnabled" | "filterBySelectionEnabled" | "filterGeometry" | "hiddenFields" | "highlightIds" | "maxSize" | "menuConfig" | "objectIds" | "outFields" | "pageIndex" | "paginationEnabled" | "relatedRecordsEnabled" | "relatedTable" | "relatedTables" | "returnGeometryEnabled" | "returnMEnabled" | "returnZEnabled" | "rowHighlightIds" | "tableController" | "tableParent" | "tableTemplate"> & {
+} & Pick<__esri.FeatureTable, "timeExtent" | "timeZone" | "label" | "viewModel" | "icon" | "pageSize" | "layer" | "actionColumnConfig" | "attachmentsEnabled" | "description" | "editingEnabled" | "filterBySelectionEnabled" | "filterGeometry" | "hiddenFields" | "highlightIds" | "initialSize" | "maxSize" | "menuConfig" | "objectIds" | "outFields" | "pageIndex" | "paginationEnabled" | "relatedRecordsEnabled" | "relatedTable" | "relatedTables" | "returnGeometryEnabled" | "returnMEnabled" | "returnZEnabled" | "rowHighlightIds" | "tableController" | "tableParent" | "tableTemplate"> & {
     reactiveUtils?: __esri.reactiveUtils | undefined;
     state?: "loaded" | "ready" | "disabled" | "error" | "loading" | undefined;
     viewModel?: __esri.FeatureTableViewModel | undefined;
@@ -111,6 +111,7 @@ export declare class ArcgisFeatureTable extends LitElement implements Use<typeof
     hideTooltips: boolean | undefined;
     highlightDisabled: boolean;
     highlightIds: __esri.Collection<string | number>;
+    initialSize: number;
     /** Icon which represents the component. */
     icon: string;
     /** A read-only property which indicates if the table is querying or syncing data. */
@@ -196,6 +197,7 @@ export declare class ArcgisFeatureTable extends LitElement implements Use<typeof
     readonly arcgisCellKeydown: CustomEvent<__esri.FeatureTableCellKeydownEvent>;
     readonly arcgisCellPointerout: CustomEvent<__esri.FeatureTableCellPointeroutEvent>;
     readonly arcgisCellPointerover: CustomEvent<__esri.FeatureTableCellPointeroverEvent>;
+    readonly arcgisColumnReorder: CustomEvent<__esri.FeatureTableColumnReorderEvent>;
     readonly arcgisPropertyChange: CustomEvent<{
         name: "size" | "state" | "effectiveSize" | "isQueryingOrSyncing" | "layerView";
     }>;

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

@@ -2,25 +2,25 @@ import { c as o } from "../../chunks/runtime.js";
 import { usePropertyChange as h } from "@arcgis/components-controllers";
 import { importLayersLayer as l, newWidgetsFeatureTable as d } from "@arcgis/core-adapter";
 import { m as a } from "../../chunks/useWidget.js";
-import { i as r } from "../../chunks/component-utils.js";
-import { LitElement as g, createEvent as n, noShadowRoot as m } from "@arcgis/lumina";
+import { f as r } from "../../chunks/component-utils.js";
+import { LitElement as g, createEvent as n, noShadowRoot as c } from "@arcgis/lumina";
 import { reEmitEvent as i } from "@arcgis/components-controllers/accessor";
-import { css as c } from "@lit/reactive-element/css-tag.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.32/esri/copyright.txt for details.
- * v4.32.0-next.7
+ * v4.32.0-next.9
 */
-const u = c`.arcgis-feature-table{width:100%;height:100%}`, w = a(d);
+const u = m`arcgis-feature-table{display:block}.arcgis-feature-table{width:100%;height:100%}`, w = a(d);
 class b extends g {
   constructor() {
-    super(...arguments), this.widget = w(this), this.viewModel = this.widget.viewModel, this.actionColumnConfig = this.widget.actionColumnConfig, this.activeFilters = this.widget.activeFilters, this.activeSortOrders = this.widget.activeSortOrders, this.allRelatedTablesVisible = this.widget.allRelatedTablesVisible, this.attachmentsEnabled = this.widget.attachmentsEnabled, this.autoDestroyDisabled = !1, this.autoRefreshDisabled = this.widget.autoRefreshEnabled, this.columnReorderingDisabled = this.widget.columnReorderingEnabled, this.columns = this.widget.columns, this.description = this.widget.description, this.editingEnabled = this.widget.editingEnabled, this.effectiveSize = this.widget.effectiveSize, this.filterBySelectionEnabled = this.widget.filterBySelectionEnabled, this.filterGeometry = this.widget.filterGeometry, this.hiddenFields = this.widget.hiddenFields, this.hideColumnMenuItemsSortAscending = this.widget.visibleElements.columnMenuItems.sortAscending, this.hideColumnMenuItemsSortDescending = this.widget.visibleElements.columnMenuItems.sortDescending, this.hideColumnMenus = this.widget.visibleElements.columnMenus, this.hideHeader = this.widget.visibleElements.header, this.hideMenu = this.widget.visibleElements.menu, this.hideMenuItemsClearSelection = this.widget.visibleElements.menuItems.clearSelection, this.hideMenuItemsDeleteSelection = this.widget.visibleElements.menuItems.deleteSelection, this.hideMenuItemsExportSelectionToCsv = this.widget.visibleElements.menuItems.exportSelectionToCSV, this.hideMenuItemsRefreshData = this.widget.visibleElements.menuItems.refreshData, this.hideMenuItemsSelectedRecordsShowAllToggle = this.widget.visibleElements.menuItems.selectedRecordsShowAllToggle, this.hideMenuItemsSelectedRecordsShowSelectedToggle = this.widget.visibleElements.menuItems.selectedRecordsShowSelectedToggle, this.hideMenuItemsToggleColumns = this.widget.visibleElements.menuItems.toggleColumns, this.hideMenuItemsZoomToSelection = this.widget.visibleElements.menuItems.zoomToSelection, this.hideProgress = this.widget.visibleElements.progress, this.hideSelectionColumn = this.widget.visibleElements.selectionColumn, this.hideTooltips = this.widget.visibleElements.tooltips, this.highlightDisabled = this.widget.highlightEnabled, this.highlightIds = this.widget.highlightIds, this.icon = this.widget.icon, this.isQueryingOrSyncing = this.widget.isQueryingOrSyncing, this.label = this.widget.label, this.layer = this.widget.layer, this.layerView = this.widget.layerView, this.layers = this.widget.layers, this.maxSize = this.widget.maxSize, this.menuConfig = this.widget.menuConfig, this.multipleSelectionDisabled = this.widget.multipleSelectionEnabled, this.multipleSortEnabled = this.widget.multiSortEnabled, this.objectIds = this.widget.objectIds, this.outFields = this.widget.outFields, this.pageCount = this.widget.pageCount, this.pageIndex = this.widget.pageIndex, this.pageSize = this.widget.pageSize, this.paginationEnabled = this.widget.paginationEnabled, this.position = "manual", this.relatedRecordsEnabled = this.widget.relatedRecordsEnabled, this.relatedTable = this.widget.relatedTable, this.relatedTables = this.widget.relatedTables, this.returnGeometryEnabled = this.widget.returnGeometryEnabled, this.returnMEnabled = this.widget.returnMEnabled, this.returnZEnabled = this.widget.returnZEnabled, this.rowHighlightIds = this.widget.rowHighlightIds, this.size = this.widget.size, this.state = this.widget.state, this.tableController = this.widget.tableController, this.tableDisabled = this.widget.disabled, this.tableParent = this.widget.tableParent, this.tableTemplate = this.widget.tableTemplate, this.timeExtent = this.widget.timeExtent, this.timeZone = this.widget.timeZone, this.arcgisCellClick = i(() => this.widget, "cellClick"), this.arcgisCellKeydown = i(() => this.widget, "cellKeydown"), this.arcgisCellPointerout = i(() => this.widget, "cellPointerout"), this.arcgisCellPointerover = i(() => this.widget, "cellPointerover"), this.arcgisPropertyChange = h()("effectiveSize", "isQueryingOrSyncing", "layerView", "size", "state"), this.arcgisReady = n(), this.arcgisSelectionChange = n();
+    super(...arguments), this.widget = w(this), this.viewModel = this.widget.viewModel, this.actionColumnConfig = this.widget.actionColumnConfig, this.activeFilters = this.widget.activeFilters, this.activeSortOrders = this.widget.activeSortOrders, this.allRelatedTablesVisible = this.widget.allRelatedTablesVisible, this.attachmentsEnabled = this.widget.attachmentsEnabled, this.autoDestroyDisabled = !1, this.autoRefreshDisabled = this.widget.autoRefreshEnabled, this.columnReorderingDisabled = this.widget.columnReorderingEnabled, this.columns = this.widget.columns, this.description = this.widget.description, this.editingEnabled = this.widget.editingEnabled, this.effectiveSize = this.widget.effectiveSize, this.filterBySelectionEnabled = this.widget.filterBySelectionEnabled, this.filterGeometry = this.widget.filterGeometry, this.hiddenFields = this.widget.hiddenFields, this.hideColumnMenuItemsSortAscending = this.widget.visibleElements.columnMenuItems.sortAscending, this.hideColumnMenuItemsSortDescending = this.widget.visibleElements.columnMenuItems.sortDescending, this.hideColumnMenus = this.widget.visibleElements.columnMenus, this.hideHeader = this.widget.visibleElements.header, this.hideMenu = this.widget.visibleElements.menu, this.hideMenuItemsClearSelection = this.widget.visibleElements.menuItems.clearSelection, this.hideMenuItemsDeleteSelection = this.widget.visibleElements.menuItems.deleteSelection, this.hideMenuItemsExportSelectionToCsv = this.widget.visibleElements.menuItems.exportSelectionToCSV, this.hideMenuItemsRefreshData = this.widget.visibleElements.menuItems.refreshData, this.hideMenuItemsSelectedRecordsShowAllToggle = this.widget.visibleElements.menuItems.selectedRecordsShowAllToggle, this.hideMenuItemsSelectedRecordsShowSelectedToggle = this.widget.visibleElements.menuItems.selectedRecordsShowSelectedToggle, this.hideMenuItemsToggleColumns = this.widget.visibleElements.menuItems.toggleColumns, this.hideMenuItemsZoomToSelection = this.widget.visibleElements.menuItems.zoomToSelection, this.hideProgress = this.widget.visibleElements.progress, this.hideSelectionColumn = this.widget.visibleElements.selectionColumn, this.hideTooltips = this.widget.visibleElements.tooltips, this.highlightDisabled = this.widget.highlightEnabled, this.highlightIds = this.widget.highlightIds, this.initialSize = this.widget.initialSize, this.icon = this.widget.icon, this.isQueryingOrSyncing = this.widget.isQueryingOrSyncing, this.label = this.widget.label, this.layer = this.widget.layer, this.layerView = this.widget.layerView, this.layers = this.widget.layers, this.maxSize = this.widget.maxSize, this.menuConfig = this.widget.menuConfig, this.multipleSelectionDisabled = this.widget.multipleSelectionEnabled, this.multipleSortEnabled = this.widget.multiSortEnabled, this.objectIds = this.widget.objectIds, this.outFields = this.widget.outFields, this.pageCount = this.widget.pageCount, this.pageIndex = this.widget.pageIndex, this.pageSize = this.widget.pageSize, this.paginationEnabled = this.widget.paginationEnabled, this.position = "manual", this.relatedRecordsEnabled = this.widget.relatedRecordsEnabled, this.relatedTable = this.widget.relatedTable, this.relatedTables = this.widget.relatedTables, this.returnGeometryEnabled = this.widget.returnGeometryEnabled, this.returnMEnabled = this.widget.returnMEnabled, this.returnZEnabled = this.widget.returnZEnabled, this.rowHighlightIds = this.widget.rowHighlightIds, this.size = this.widget.size, this.state = this.widget.state, this.tableController = this.widget.tableController, this.tableDisabled = this.widget.disabled, this.tableParent = this.widget.tableParent, this.tableTemplate = this.widget.tableTemplate, this.timeExtent = this.widget.timeExtent, this.timeZone = this.widget.timeZone, this.arcgisCellClick = i(() => this.widget, "cell-click"), this.arcgisCellKeydown = i(() => this.widget, "cell-keydown"), this.arcgisCellPointerout = i(() => this.widget, "cell-pointerout"), this.arcgisCellPointerover = i(() => this.widget, "cell-pointerover"), this.arcgisColumnReorder = i(() => this.widget, "column-reorder"), this.arcgisPropertyChange = h()("effectiveSize", "isQueryingOrSyncing", "layerView", "size", "state"), this.arcgisReady = n(), this.arcgisSelectionChange = n();
   }
   static {
-    this.properties = { actionColumnConfig: 0, activeFilters: 0, activeSortOrders: 0, allRelatedTablesVisible: 0, attachmentsEnabled: 5, autoDestroyDisabled: 5, autoRefreshDisabled: 5, columnReorderingDisabled: 5, columns: 0, description: 1, editingEnabled: 5, effectiveSize: 0, filterBySelectionEnabled: 5, filterGeometry: 0, hiddenFields: 0, hideColumnMenuItemsSortAscending: 5, hideColumnMenuItemsSortDescending: 5, hideColumnMenus: 5, hideHeader: 5, hideMenu: 5, hideMenuItemsClearSelection: 5, hideMenuItemsDeleteSelection: 5, hideMenuItemsExportSelectionToCsv: 5, hideMenuItemsRefreshData: 5, hideMenuItemsSelectedRecordsShowAllToggle: 5, hideMenuItemsSelectedRecordsShowSelectedToggle: 5, hideMenuItemsToggleColumns: 5, hideMenuItemsZoomToSelection: 5, hideProgress: 5, hideSelectionColumn: 5, hideTooltips: 5, highlightDisabled: 5, highlightIds: 0, icon: 1, isQueryingOrSyncing: 0, label: 1, layer: 0, layerItemId: 1, layerUrl: 1, layerView: 0, layers: 0, maxSize: 9, menuConfig: 0, multipleSelectionDisabled: 5, multipleSortEnabled: 5, objectIds: 0, outFields: 0, pageCount: 8, pageIndex: 9, pageSize: 9, paginationEnabled: 5, position: 1, referenceElement: 1, relatedRecordsEnabled: 5, relatedTable: 0, relatedTables: 0, returnGeometryEnabled: 5, returnMEnabled: 5, returnZEnabled: 5, rowHighlightIds: 0, size: 0, state: 3, tableController: 0, tableDisabled: 5, tableParent: 0, tableTemplate: 0, timeExtent: 0, timeZone: 1 };
+    this.properties = { actionColumnConfig: 0, activeFilters: 0, activeSortOrders: 0, allRelatedTablesVisible: 0, attachmentsEnabled: 5, autoDestroyDisabled: 5, autoRefreshDisabled: 5, columnReorderingDisabled: 5, columns: 0, description: 1, editingEnabled: 5, effectiveSize: 0, filterBySelectionEnabled: 5, filterGeometry: 0, hiddenFields: 0, hideColumnMenuItemsSortAscending: 5, hideColumnMenuItemsSortDescending: 5, hideColumnMenus: 5, hideHeader: 5, hideMenu: 5, hideMenuItemsClearSelection: 5, hideMenuItemsDeleteSelection: 5, hideMenuItemsExportSelectionToCsv: 5, hideMenuItemsRefreshData: 5, hideMenuItemsSelectedRecordsShowAllToggle: 5, hideMenuItemsSelectedRecordsShowSelectedToggle: 5, hideMenuItemsToggleColumns: 5, hideMenuItemsZoomToSelection: 5, hideProgress: 5, hideSelectionColumn: 5, hideTooltips: 5, highlightDisabled: 5, highlightIds: 0, initialSize: 9, icon: 1, isQueryingOrSyncing: 0, label: 1, layer: 0, layerItemId: 1, layerUrl: 1, layerView: 0, layers: 0, maxSize: 9, menuConfig: 0, multipleSelectionDisabled: 5, multipleSortEnabled: 5, objectIds: 0, outFields: 0, pageCount: 8, pageIndex: 9, pageSize: 9, paginationEnabled: 5, position: 1, referenceElement: 1, relatedRecordsEnabled: 5, relatedTable: 0, relatedTables: 0, returnGeometryEnabled: 5, returnMEnabled: 5, returnZEnabled: 5, rowHighlightIds: 0, size: 0, state: 3, tableController: 0, tableDisabled: 5, tableParent: 0, tableTemplate: 0, timeExtent: 0, timeZone: 1 };
   }
   static {
-    this.shadowRootOptions = m;
+    this.shadowRootOptions = c;
   }
   static {
     this.styles = u;

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

@@ -15,6 +15,13 @@ declare const useFeatureTemplatesWidget: (component: import('@arcgis/components-
     viewModel?: __esri.FeatureTemplatesViewModel | undefined;
     icon: string | Nil;
     label: string | Nil;
+    /**
+     * 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.
+     */
     referenceElement: string | Nil | ArcgisReferenceElement;
     position: __esri.UIPosition;
     arcgisReady: import('@arcgis/components-controllers').EventEmitter;

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

@@ -4,15 +4,16 @@ import { usePropertyChange as i } from "@arcgis/components-controllers";
 import { m as s } from "../../chunks/useWidget.js";
 import { LitElement as o, createEvent as r, noShadowRoot as l } from "@arcgis/lumina";
 import { reEmitEvent as a } from "@arcgis/components-controllers/accessor";
+import { css as h } from "@lit/reactive-element/css-tag.js";
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.7
+ * v4.32.0-next.9
 */
-const h = s(e);
-class n extends o {
+const n = h`arcgis-feature-templates{display:flex}`, d = s(e);
+class c extends o {
   constructor() {
-    super(...arguments), this.widget = h(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.enableListScroll = this.widget.enableListScroll, this.filterFunction = this.widget.filterFunction, this.filterText = this.widget.filterText, this.groupBy = this.widget.groupBy, this.headingLevel = this.widget.headingLevel, this.hideFilter = this.widget.visibleElements.filter, this.icon = this.widget.icon, this.label = this.widget.label, this.layers = this.widget.layers, this.position = "bottom-left", this.selectionMode = this.widget.selectionMode, this.state = this.viewModel.state, this.arcgisPropertyChange = i()("state"), this.arcgisReady = r(), this.arcgisSelect = a(() => this.widget, "select");
+    super(...arguments), this.widget = d(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.enableListScroll = this.widget.enableListScroll, this.filterFunction = this.widget.filterFunction, this.filterText = this.widget.filterText, this.groupBy = this.widget.groupBy, this.headingLevel = this.widget.headingLevel, this.hideFilter = this.widget.visibleElements.filter, this.icon = this.widget.icon, this.label = this.widget.label, this.layers = this.widget.layers, this.position = "bottom-left", this.selectionMode = this.widget.selectionMode, this.state = this.viewModel.state, this.arcgisPropertyChange = i()("state"), this.arcgisReady = r(), this.arcgisSelect = a(() => this.widget, "select");
   }
   static {
     this.properties = { autoDestroyDisabled: 5, enableListScroll: 5, filterFunction: 0, filterText: 1, groupBy: 1, headingLevel: 9, hideFilter: 5, icon: 1, label: 1, layers: 0, position: 1, referenceElement: 1, selectionMode: 1, state: 3 };
@@ -20,6 +21,9 @@ class n extends o {
   static {
     this.shadowRootOptions = l;
   }
+  static {
+    this.styles = n;
+  }
   // #endregion
   // #region Public Methods
   /** Permanently destroy the component */
@@ -27,7 +31,7 @@ class n extends o {
     await this.manager.destroy();
   }
 }
-t("arcgis-feature-templates", n);
+t("arcgis-feature-templates", c);
 export {
-  n as ArcgisFeatureTemplates
+  c as ArcgisFeatureTemplates
 };

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

@@ -18,6 +18,13 @@ declare const useFeaturesWidget: (component: import('@arcgis/components-controll
     referenceElement: string | Nil | ArcgisReferenceElement;
     position: __esri.UIPosition;
     arcgisReady: import('@arcgis/components-controllers').EventEmitter;
+    /**
+     * 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.
+     */
     arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
         name: string;
     }> | undefined;

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

@@ -4,15 +4,16 @@ import { newWidgetsFeatures as a } from "@arcgis/core-adapter";
 import { m as o } from "../../chunks/useWidget.js";
 import { LitElement as r, createEvent as h, noShadowRoot as n } from "@arcgis/lumina";
 import { reEmitEvent as d } from "@arcgis/components-controllers/accessor";
+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.9
 */
-const l = o(a);
-class c extends r {
+const c = l`arcgis-features{display:flex}`, g = o(a);
+class u extends r {
   constructor() {
-    super(...arguments), this.widget = l(this), this.viewModel = this.widget.viewModel, this.actions = this.viewModel.actions, this.active = this.widget.active, this.autoDestroyDisabled = !1, this.collapsed = this.widget.collapsed, this.content = this.widget.content, this.featureViewModelAbilities = this.viewModel.featureViewModelAbilities, this.features = this.widget.features, this.featuresPerPage = this.viewModel.featuresPerPage, this.featuresTitle = this.widget.title, this.goToOverride = this.viewModel.goToOverride, this.headingLevel = this.widget.headingLevel, this.hideActionBar = this.widget.visibleElements.actionBar, this.hideCloseButton = this.widget.visibleElements.closeButton, this.hideFeatureNavigation = this.widget.visibleElements.featureNavigation, this.hideFlow = this.widget.visibleElements.flow, this.hideHeading = this.widget.visibleElements.heading, this.hideSpinner = this.widget.visibleElements.spinner, this.icon = this.widget.icon, this.includeDefaultActions = this.viewModel.includeDefaultActions, this.label = this.widget.label, this.map = this.widget.map, this.position = "bottom-left", this.promises = this.widget.promises, this.selectedFeature = this.widget.selectedFeature, this.selectedFeatureIndex = this.widget.selectedFeatureIndex, this.showCollapseButton = this.widget.visibleElements.collapseButton, this.spatialReference = this.widget.spatialReference, this.state = this.viewModel.state, this.timeZone = this.widget.timeZone, this.arcgisPropertyChange = s()("selectedFeature", "selectedFeatureIndex", "state"), this.arcgisReady = h(), this.arcgisTriggerAction = d(() => this.widget, "triggerAction");
+    super(...arguments), this.widget = g(this), this.viewModel = this.widget.viewModel, this.actions = this.viewModel.actions, this.active = this.widget.active, this.autoDestroyDisabled = !1, this.collapsed = this.widget.collapsed, this.content = this.widget.content, this.featureViewModelAbilities = this.viewModel.featureViewModelAbilities, this.features = this.widget.features, this.featuresPerPage = this.viewModel.featuresPerPage, this.featuresTitle = this.widget.title, this.goToOverride = this.viewModel.goToOverride, this.headingLevel = this.widget.headingLevel, this.hideActionBar = this.widget.visibleElements.actionBar, this.hideCloseButton = this.widget.visibleElements.closeButton, this.hideFeatureNavigation = this.widget.visibleElements.featureNavigation, this.hideFlow = this.widget.visibleElements.flow, this.hideHeading = this.widget.visibleElements.heading, this.hideSpinner = this.widget.visibleElements.spinner, this.icon = this.widget.icon, this.includeDefaultActions = this.viewModel.includeDefaultActions, this.label = this.widget.label, this.map = this.widget.map, this.position = "bottom-left", this.promises = this.widget.promises, this.selectedFeature = this.widget.selectedFeature, this.selectedFeatureIndex = this.widget.selectedFeatureIndex, this.showCollapseButton = this.widget.visibleElements.collapseButton, this.spatialReference = this.widget.spatialReference, this.state = this.viewModel.state, this.timeZone = this.widget.timeZone, this.arcgisPropertyChange = s()("selectedFeature", "selectedFeatureIndex", "state"), this.arcgisReady = h(), this.arcgisTriggerAction = d(() => this.widget, "trigger-action");
   }
   static {
     this.properties = { actions: 0, active: 7, autoDestroyDisabled: 5, collapsed: 7, content: 1, featureViewModelAbilities: 0, features: 0, featuresPerPage: 9, featuresTitle: 1, goToOverride: 0, headingLevel: 9, hideActionBar: 5, hideCloseButton: 5, hideFeatureNavigation: 5, hideFlow: 5, hideHeading: 5, hideSpinner: 5, icon: 1, includeDefaultActions: 5, label: 1, map: 0, position: 1, promises: 0, referenceElement: 1, selectedFeature: 0, selectedFeatureIndex: 9, showCollapseButton: 5, spatialReference: 0, state: 3, timeZone: 1 };
@@ -20,6 +21,9 @@ class c extends r {
   static {
     this.shadowRootOptions = n;
   }
+  static {
+    this.styles = c;
+  }
   // #endregion
   // #region Public Methods
   async clear() {
@@ -48,7 +52,7 @@ class c extends r {
     this.widget?.triggerAction(e);
   }
 }
-i("arcgis-features", c);
+i("arcgis-features", u);
 export {
-  c as ArcgisFeatures
+  u as ArcgisFeatures
 };