@arcgis/map-components 4.32.0-next.99 → 4.32.0

package/dist/components/arcgis-directional-pad/customElement.js

@@ -6,12 +6,13 @@ import { focusElement as b } from "@arcgis/components-utils";
 import { watch as g } from "@arcgis/core/core/reactiveUtils.js";
 import _ from "@arcgis/core/widgets/DirectionalPad/DirectionalPadViewModel.js";
 import { LitElement as v, createEvent as f, noShadowRoot as $, safeClassMap as n, nothing as l, safeStyleMap as w } from "@arcgis/lumina";
-import { u as R, m as C } from "../../chunks/useViewModel.js";
+import { u as R } from "../../chunks/useView.js";
+import { m as C } from "../../chunks/useViewModel.js";
 import { g as d } from "../../chunks/globalCss.js";
 import { css as x } 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.99 */
+v4.32.0 */
 const h = [-45, 0, 45, -90, 90, -135, 180, 135], y = {
   0: { label: "north", iconName: "chevron-up" },
   45: { label: "northEast", iconName: "chevron-up-right" },
@@ -30,7 +31,7 @@ const h = [-45, 0, 45, -90, 90, -135, 180, 135], y = {
   rotationSliderContainer: `${a}__rotation-slider-container`,
   rotationReset: `${a}__rotation-reset-button`,
   error: `${a}__error`
-}, M = x`.arcgis-directional-pad{display:flex;flex-direction:column;gap:var(--calcite-spacing-sm);outline:none;box-shadow:none!important;background:transparent;user-select:none;calcite-action-pad{display:contents}calcite-action-group{touch-action:none}calcite-action{aspect-ratio:1}}.arcgis-directional-pad__buttons-container{--calcite-color-background: transparent;--calcite-action-group-gap: 0;--calcite-action-group-padding: 0;calcite-action{--calcite-color-focus: var(--calcite-color-foreground-3)}calcite-action:not([active]){--calcite-action-background-color-press: var(--calcite-color-foreground-1)}calcite-action[active]{--calcite-action-background-color: var(--calcite-color-foreground-3)}calcite-icon{transform:var(--rotation, unset)}@media (hover: none){calcite-action{--calcite-action-background-color-hover: var(--calcite-color-foreground-1);--calcite-action-text-color-press: var(--calcite-color-text-3)}}}.arcgis-directional-pad__rotation-container{display:block;width:100%;calcite-action{flex:.3}}.arcgis-directional-pad__rotation-slider-container{display:flex;flex:1;align-items:center;calcite-slider{flex:1;padding-inline:var(--calcite-spacing-xxs)}}`;
+}, M = x`@layer{.arcgis-directional-pad{display:flex;flex-direction:column;gap:var(--calcite-spacing-sm);outline:none;box-shadow:none!important;background-color:transparent!important;user-select:none;calcite-action-pad{display:contents}calcite-action-group{touch-action:none}calcite-action{aspect-ratio:1}}.arcgis-directional-pad__buttons-container{--calcite-color-background: transparent;--calcite-action-group-gap: 0;--calcite-action-group-padding: 0;calcite-action{--calcite-color-focus: var(--calcite-color-foreground-3)}calcite-action:not([active]){--calcite-action-background-color-press: var(--calcite-color-foreground-1)}calcite-action[active]{--calcite-action-background-color: var(--calcite-color-foreground-3)}calcite-icon{transform:var(--rotation, unset)}@media (hover: none){calcite-action{--calcite-action-background-color-hover: var(--calcite-color-foreground-1);--calcite-action-text-color-press: var(--calcite-color-text-3)}}}.arcgis-directional-pad__rotation-container{display:block;width:100%;calcite-action{flex:.3}}.arcgis-directional-pad__rotation-slider-container{display:flex;flex:1;align-items:center;calcite-slider{flex:1;padding-inline:var(--calcite-spacing-xxs)}}}`;
 function S(c) {
   const { x: t, y: e, width: i, height: r } = c.getBoundingClientRect();
   return { x: t + i / 2, y: e + r / 2 };
@@ -59,7 +60,7 @@ class D extends v {
    * user  cannot interact with them.
    */
   get _rotationEnabled() {
-    return this.el.view?.ready ? this.el.view.constraints.rotationEnabled ?? !1 : !0;
+    return this.view?.ready ? this.view.constraints.rotationEnabled ?? !1 : !0;
   }
   // #endregion
   // #region Public Methods
@@ -120,7 +121,7 @@ class D extends v {
   // #endregion
   // #region Rendering
   render() {
-    const { label: t, disabled: e } = this, i = this.el.view == null || this.el.view.type === "2d";
+    const { label: t, disabled: e } = this, i = this.view == null || this.view.type === "2d";
     return o`<div .ariaLabel=${t ?? void 0} class=${n({ [s.base]: !0, [d.widget]: !0, [d.disabled]: e })} tabindex=-1>${i ? this._renderContent() : this._renderUnsupportedMessage()}</div>`;
   }
   _renderUnsupportedMessage() {
@@ -143,7 +144,7 @@ class D extends v {
     return o`<calcite-action .active=${this.angle === t} alignment=center class=${n(s.button)} data-angle=${t ?? l} .disabled=${this.disabled} @click=${this._onClick.bind(this, t)} @pointerdown=${this._onButtonPointerDown} .scale=${this.visualScale} .text=${r ?? ""} title=${r ?? l}><calcite-icon .icon=${i} .scale=${this.visualScale}></calcite-icon></calcite-action>`;
   }
   _renderCompass() {
-    const t = this.disabled || B(this.el.view) ? "compass-needle" : "arrow-up", e = this.rotation === 0, i = this.messages.resetHeading;
+    const t = this.disabled || B(this.view) ? "compass-needle" : "arrow-up", e = this.rotation === 0, i = this.messages.resetHeading;
     return o`<calcite-action alignment=center class=${n(s.compassButton)} .disabled=${this.disabled || !this._rotationEnabled || e} @click=${this._onRotationReset} .scale=${this.visualScale} style=${w(this._rotateIcon(this.rotation))} .text=${i ?? ""} title=${i ?? l}>${!e && o`<calcite-icon .icon=${t} .scale=${this.visualScale}></calcite-icon>` || ""}</calcite-action>`;
   }
   _renderRotation() {

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

@@ -36,7 +36,7 @@ declare const useDirectionsWidget: (component: import('@arcgis/components-contro
 }, options?: {
     editConstructorProperties(props: __esri.DirectionsProperties | undefined): __esri.DirectionsProperties | Promise<__esri.DirectionsProperties | undefined> | undefined;
 } | undefined) => Directions;
-/** [Directions](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Directions.html) provides a way to calculate directions, between two or more input locations with a [RouteLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-RouteLayer.html), using ArcGIS Online and custom Network Analysis Route services.
+/** Directions component provides a way to calculate directions, between two or more input locations with a [RouteLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-RouteLayer.html), using ArcGIS Online and custom Network Analysis Route services.
  */
 export declare class ArcgisDirections extends LitElement {
     apiKey: string | nullish;

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

@@ -8,8 +8,8 @@ import { f as m } from "../../chunks/component-utils.js";
 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.99 */
-const y = u`arcgis-directions{display:block}`, c = w(h), i = "map-components:arcgis-directions";
+v4.32.0 */
+const y = u`@layer{arcgis-directions{display:block}}`, c = w(h), i = "map-components:arcgis-directions";
 class g extends n {
   constructor() {
     super(...arguments), this.widget = c(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 = r()("lastRoute", "state"), this.arcgisReady = d();

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

@@ -34,7 +34,7 @@ declare const useDirectLineMeasurement3dWidget: (component: import('@arcgis/comp
 }, options?: {
     editConstructorProperties(props: __esri.DirectLineMeasurement3DProperties | undefined): __esri.DirectLineMeasurement3DProperties | Promise<__esri.DirectLineMeasurement3DProperties | undefined> | undefined;
 } | undefined) => DirectLineMeasurement3D;
-/** [DirectLineMeasurement3D](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-DirectLineMeasurement3D.html) calculates and displays the 3D distance between two points. This component can be used in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) to measure the vertical, horizontal, and direct distance between two points.
+/** DirectLineMeasurement3D component calculates and displays the 3D distance between two points. This component can be used in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) to measure the vertical, horizontal, and direct distance between two points.
  */
 export declare class ArcgisDirectLineMeasurement3d extends LitElement {
     readonly analysis: __esri.DirectLineMeasurementAnalysis;

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

@@ -6,8 +6,8 @@ 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.32/esri/copyright.txt for details.
-v4.32.0-next.99 */
-const l = n`arcgis-directline-measurement-3d{display:block}`, c = r(i);
+v4.32.0 */
+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();

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

@@ -34,7 +34,7 @@ declare const useDistanceMeasurement2dWidget: (component: import('@arcgis/compon
 }, options?: {
     editConstructorProperties(props: __esri.DistanceMeasurement2DProperties | undefined): __esri.DistanceMeasurement2DProperties | Promise<__esri.DistanceMeasurement2DProperties | undefined> | undefined;
 } | undefined) => DistanceMeasurement2D;
-/** [DistanceMeasurement2D](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-DistanceMeasurement2D.html) calculates and displays the distance between two or more points in a [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html).
+/** DistanceMeasurement2D component calculates and displays the distance between two or more points in a [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html).
  */
 export declare class ArcgisDistanceMeasurement2d extends LitElement {
     /**

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

@@ -6,8 +6,8 @@ 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.32/esri/copyright.txt for details.
-v4.32.0-next.99 */
-const c = n`arcgis-distance-measurement-2d{display:block}`, m = r(s);
+v4.32.0 */
+const c = n`@layer{arcgis-distance-measurement-2d{display:block}}`, m = r(s);
 class d 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();

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

@@ -34,11 +34,10 @@ declare const useEditorWidget: (component: import('@arcgis/components-controller
 }, options?: {
     editConstructorProperties(props: __esri.EditorProperties | undefined): __esri.EditorProperties | Promise<__esri.EditorProperties | undefined> | undefined;
 } | undefined) => Editor;
-/** The [Editor](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Editor.html) provides an out-of-the-box editing experience to help streamline editing within a web application.
+/** The Editor component provides an out-of-the-box editing experience to help streamline editing within a web application.
  */
 export declare class ArcgisEditor extends LitElement {
     readonly activeWorkflow: nullish | __esri.CreateFeaturesWorkflow | __esri.UpdateWorkflow;
-    allowedWorkflows: ("update" | "create-features" | "update-feature" | "update-table-record")[];
     /**
      * If true, the component will not be destroyed automatically when it is
      * disconnected from the document. This is useful when you want to move the
@@ -70,7 +69,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,25 +1,25 @@
 import { c as t } from "../../chunks/runtime.js";
 import { usePropertyChange as i } from "@arcgis/components-controllers";
 import s from "@arcgis/core/widgets/Editor.js";
-import { LitElement as o, createEvent as l, noShadowRoot as a } from "@arcgis/lumina";
+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.32/esri/copyright.txt for details.
-v4.32.0-next.99 */
-const d = r`arcgis-editor{display:block}`, g = n(s);
+v4.32.0 */
+const g = r`@layer{arcgis-editor{display:block}}`, d = n(s);
 class h extends o {
   constructor() {
-    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 = i()("activeWorkflow", "state"), this.arcgisReady = l();
+    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();
   }
   static {
-    this.properties = { activeWorkflow: 0, allowedWorkflows: 0, autoDestroyDisabled: 5, headingLevel: 9, hideCreateFeaturesSection: 5, hideEditFeaturesSection: 5, hideLabelsToggle: 5, hideSnappingControlsElementsEnabledToggle: 5, hideSnappingControlsElementsFeatureEnabledToggle: 5, hideSnappingControlsElementsLayerList: 5, hideSnappingControlsElementsSelfEnabledToggle: 5, hideTooltipsToggle: 5, icon: 1, label: 1, labelOptions: 0, layerInfos: 0, position: 1, referenceElement: 1, showSnappingControlsElementsHeader: 5, snappingOptions: 0, state: 3, supportingWidgetDefaults: 0, tooltipOptions: 0 };
+    this.properties = { activeWorkflow: 0, autoDestroyDisabled: 5, headingLevel: 9, hideCreateFeaturesSection: 5, hideEditFeaturesSection: 5, hideLabelsToggle: 5, hideSnappingControlsElementsEnabledToggle: 5, hideSnappingControlsElementsFeatureEnabledToggle: 5, hideSnappingControlsElementsLayerList: 5, hideSnappingControlsElementsSelfEnabledToggle: 5, hideTooltipsToggle: 5, icon: 1, label: 1, labelOptions: 0, layerInfos: 0, position: 1, referenceElement: 1, showSnappingControlsElementsHeader: 5, snappingOptions: 0, state: 3, supportingWidgetDefaults: 0, tooltipOptions: 0 };
   }
   static {
-    this.shadowRootOptions = a;
+    this.shadowRootOptions = l;
   }
   static {
-    this.styles = d;
+    this.styles = g;
   }
   // #endregion
   // #region Public Methods

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

@@ -27,22 +27,14 @@ declare const useElevationProfileWidget: (component: import('@arcgis/components-
         childElem?: HTMLElement & {
             ownedBy?: HTMLElement;
         };
-        view
-        /**
-         * If true, the component will not be destroyed automatically when it is
-         * disconnected from the document. This is useful when you want to move the
-         * component to a different place on the page, or temporarily hide it. If this
-         * is set, make sure to call the \`destroy\` method when you are done to prevent
-         * memory leaks.
-         */
-        ?: __esri.MapView | __esri.SceneView | Nil;
+        view?: __esri.MapView | __esri.SceneView | Nil;
     };
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
     editConstructorProperties(props: __esri.ElevationProfileProperties | undefined): __esri.ElevationProfileProperties | Promise<__esri.ElevationProfileProperties | undefined> | undefined;
 } | undefined) => ElevationProfile;
-/** The [ElevationProfile](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ElevationProfile.html) is used to generate and display an elevation profile from an [input line graphic](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ElevationProfile.html#input).
+/** 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 {
     /**

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

@@ -6,8 +6,8 @@ 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.32/esri/copyright.txt for details.
-v4.32.0-next.99 */
-const r = l`arcgis-elevation-profile{display:block}`, a = n(e);
+v4.32.0 */
+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();

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

@@ -34,7 +34,7 @@ declare const useExpandWidget: (component: import('@arcgis/components-controller
 }, options?: {
     editConstructorProperties(props: __esri.ExpandProperties | undefined): __esri.ExpandProperties | Promise<__esri.ExpandProperties | undefined> | undefined;
 } | undefined) => Expand;
-/** [Expand](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Expand.html) acts as a clickable button for opening content.
+/** Expand component acts as a clickable button for opening content.
  */
 export declare class ArcgisExpand extends LitElement {
     autoCollapse: boolean;

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

@@ -5,8 +5,8 @@ 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.32/esri/copyright.txt for details.
-v4.32.0-next.99 */
-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);
+v4.32.0 */
+const c = n`@layer{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

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

@@ -34,7 +34,7 @@ declare const useFeatureWidget: (component: import('@arcgis/components-controlle
 }, options?: {
     editConstructorProperties(props: __esri.FeatureProperties | undefined): __esri.FeatureProperties | Promise<__esri.FeatureProperties | undefined> | undefined;
 } | undefined) => Feature;
-/** [Feature](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Feature.html) displays a graphic according to its [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html). This component is useful in instances where you want to display information about a feature but without the use of a [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html).
+/** Feature component displays a graphic according to its [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html). This component is useful in instances where you want to display information about a feature but without the use of a [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html).
  */
 export declare class ArcgisFeature extends LitElement {
     /**
@@ -68,7 +68,7 @@ export declare class ArcgisFeature extends LitElement {
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
     spatialReference: nullish | __esri.SpatialReference;
-    readonly state: "ready" | "disabled" | "error" | "loading";
+    readonly state: "ready" | "loading" | "disabled" | "error";
     /** Permanently destroy the component */
     destroy(): Promise<void>;
     nextMedia(contentElementIndex: number): Promise<void>;

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

@@ -6,8 +6,8 @@ import { m as d } 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.32/esri/copyright.txt for details.
-v4.32.0-next.99 */
-const r = l`arcgis-feature{display:block}`, c = d(a);
+v4.32.0 */
+const r = l`@layer{arcgis-feature{display:block}}`, c = d(a);
 class p extends n {
   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();

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

@@ -7,8 +7,8 @@ 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.32/esri/copyright.txt for details.
-v4.32.0-next.99 */
-const l = m`arcgis-feature-form{display:block}`, g = h(s);
+v4.32.0 */
+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");

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

@@ -14,7 +14,7 @@ declare const useFeatureTableWidget: (component: import('@arcgis/components-cont
     destroy?: () => Promise<void>;
 } & Pick<FeatureTable, never> & {
     reactiveUtils?: typeof __esri.reactiveUtils;
-    state?: "loaded" | "ready" | "disabled" | "error" | "loading" | undefined;
+    state?: "loaded" | "ready" | "loading" | "disabled" | "error" | undefined;
     viewModel?: __esri.FeatureTableViewModel | undefined;
     icon: Nil | string;
     label: Nil | string;
@@ -35,7 +35,7 @@ declare const useFeatureTableWidget: (component: import('@arcgis/components-cont
 }, options?: {
     editConstructorProperties(props: __esri.FeatureTableProperties | undefined): __esri.FeatureTableProperties | Promise<__esri.FeatureTableProperties | undefined> | undefined;
 } | undefined) => FeatureTable;
-/** The [FeatureTable](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureTable.html) provides an interactive tabular view of each feature's attributes in a feature layer.
+/** The Feature Table component provides an interactive tabular view of each feature's attributes in a feature layer.
  */
 export declare class ArcgisFeatureTable extends LitElement {
     attributeTableTemplate: nullish | __esri.AttributeTableTemplate;
@@ -61,9 +61,17 @@ export declare class ArcgisFeatureTable extends LitElement {
      * memory leaks.
      */
     autoDestroyDisabled: boolean;
-    /** Indicates whether the table should automatically refresh when the underlying data changes */
+    /**
+     * Indicates whether the table should automatically refresh when the underlying data changes
+     *
+     * @default false
+     */
     autoRefreshDisabled: boolean;
-    /** Indicates whether the table should allow reordering of columns. */
+    /**
+     * Indicates whether the table should allow reordering of columns.
+     *
+     * @default false
+     */
     columnReorderingDisabled: boolean;
     /**
      * A read-only collection of column, field, group, action, attachment,
@@ -77,7 +85,7 @@ export declare class ArcgisFeatureTable extends LitElement {
      */
     readonly effectiveSize: number;
     filterBySelectionEnabled: boolean;
-    filterGeometry: nullish | __esri.geometryGeometry;
+    filterGeometry: nullish | __esri.GeometryUnion;
     /** Indicates whether to display descriptions in the header cells of individual columns. */
     hideColumnDescriptions: boolean | undefined;
     hiddenFields: __esri.Collection<string>;
@@ -116,6 +124,7 @@ export declare class ArcgisFeatureTable extends LitElement {
     hideSelectionColumn: boolean | undefined;
     /** Indicates whether to display the tooltip for the Show/hide columns button. */
     hideTooltips: boolean | undefined;
+    /** @default false */
     highlightDisabled: boolean;
     highlightIds: __esri.Collection<string | number>;
     initialSize: number | nullish;
@@ -150,6 +159,7 @@ export declare class ArcgisFeatureTable extends LitElement {
     layers: nullish | (__esri.FeatureLayer | __esri.SceneLayer | __esri.GeoJSONLayer | __esri.WFSLayer | __esri.CSVLayer | __esri.ImageryLayer | __esri.CatalogFootprintLayer | __esri.KnowledgeGraphSublayer)[];
     maxSize: number | nullish;
     menuConfig: nullish | __esri.TableMenuConfig;
+    /** @default false */
     multipleSelectionDisabled: boolean;
     /** Indicates whether sorting multiple columns is supported within the table. */
     multipleSortEnabled: boolean;
@@ -175,7 +185,7 @@ export declare class ArcgisFeatureTable extends LitElement {
     readonly size: number;
     /** Indicates whether to display the feature table's layer switch drop down menu. */
     showLayerDropdown: boolean | undefined;
-    readonly state: "loaded" | "ready" | "disabled" | "error" | "loading";
+    readonly state: "loaded" | "ready" | "loading" | "disabled" | "error";
     /**
      * Reference to top-level controller table, if this table is a related table, nested within and controlled by another table.
      */

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

@@ -9,8 +9,8 @@ import { f as m } from "../../chunks/component-utils.js";
 import { css as c } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.99 */
-const u = c`arcgis-feature-table{display:block}.arcgis-feature-table{width:100%;height:100%}`, w = g(d);
+v4.32.0 */
+const u = c`@layer{arcgis-feature-table{display:block}.arcgis-feature-table{width:100%;height:100%}}`, w = g(d);
 class b extends a {
   constructor() {
     super(...arguments), this.widget = w(this), this.viewModel = this.widget.viewModel, this.attributeTableTemplate = this.widget.attributeTableTemplate, 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.hideColumnDescriptions = this.widget.visibleElements.columnDescriptions, 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.showLayerDropdown = this.widget.visibleElements.layerDropdown, 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 = l(), this.arcgisSelectionChange = l();

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

@@ -64,7 +64,7 @@ export declare class ArcgisFeatureTemplates extends LitElement {
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
     selectionMode: nullish | "none" | "single";
-    readonly state: "ready" | "disabled" | "loading";
+    readonly state: "ready" | "loading" | "disabled";
     /** Permanently destroy the component */
     destroy(): Promise<void>;
     readonly arcgisPropertyChange: TargetedEvent<this, {

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

@@ -7,8 +7,8 @@ import { m as a } from "../../chunks/useWidget.js";
 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.99 */
-const n = h`arcgis-feature-templates{display:block}`, c = a(s);
+v4.32.0 */
+const n = h`@layer{arcgis-feature-templates{display:block}}`, c = a(s);
 class d extends o {
   constructor() {
     super(...arguments), this.widget = c(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 = e()("state"), this.arcgisReady = r(), this.arcgisSelect = i(() => this.widget, "select");

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

@@ -34,7 +34,7 @@ declare const useFeaturesWidget: (component: import('@arcgis/components-controll
 }, options?: {
     editConstructorProperties(props: __esri.FeaturesProperties | undefined): __esri.FeaturesProperties | Promise<__esri.FeaturesProperties | undefined> | undefined;
 } | undefined) => Features;
-/** [Features](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Features.html) allows users to view a feature's popupTemplate content such as attributes, actions, related records, etc., without having to be tied to the [View](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html).
+/** Features component allows users to view a feature's popupTemplate content such as attributes, actions, related records, etc., without having to be tied to the [View](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html).
  */
 export declare class ArcgisFeatures extends LitElement {
     actions: __esri.Collection<__esri.ActionButton | __esri.ActionToggle>;

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

@@ -7,8 +7,8 @@ import { m as d } 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.32/esri/copyright.txt for details.
-v4.32.0-next.99 */
-const c = l`arcgis-features{display:block}`, g = d(o);
+v4.32.0 */
+const c = l`@layer{arcgis-features{display:flex;flex-direction:column;overflow:hidden;.esri-features{flex:1 1 auto;overflow:hidden}}}`, g = d(o);
 class u extends r {
   constructor() {
     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.featureNavigationTop = this.widget.featureNavigationTop, 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.headerActions = this.widget.headerActions, this.hideActionBar = this.widget.visibleElements.actionBar, this.hideCloseButton = this.widget.visibleElements.closeButton, this.hideFeatureMenuHeading = this.widget.visibleElements.featureMenuHeading, 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.initialDisplayMode = this.widget.initialDisplayMode, 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 = n(), this.arcgisTriggerAction = a(() => this.widget, "trigger-action");

package/dist/components/arcgis-floor-filter/customElement.d.ts

@@ -34,7 +34,7 @@ declare const useFloorFilterWidget: (component: import('@arcgis/components-contr
 }, options?: {
     editConstructorProperties(props: __esri.FloorFilterProperties | undefined): __esri.FloorFilterProperties | Promise<__esri.FloorFilterProperties | undefined> | undefined;
 } | undefined) => FloorFilter;
-/** The [FloorFilter](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FloorFilter.html) simplifies visualization of GIS data for a specific floor of a building in your application.
+/** The Floor Filter component simplifies visualization of GIS data for a specific floor of a building in your application.
  */
 export declare class ArcgisFloorFilter extends LitElement {
     /**

package/dist/components/arcgis-floor-filter/customElement.js

@@ -5,8 +5,8 @@ import { m as a } 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.32/esri/copyright.txt for details.
-v4.32.0-next.99 */
-const h = r`arcgis-floor-filter{display:block}`, n = a(i);
+v4.32.0 */
+const h = r`@layer{arcgis-floor-filter{display:block}}`, n = a(i);
 class c extends s {
   constructor() {
     super(...arguments), this.widget = n(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.facility = this.widget.facility, this.headingLevel = this.widget.headingLevel, this.icon = this.widget.icon, this.label = this.widget.label, this.level = this.widget.level, this.longNames = this.widget.longNames, this.position = "bottom-left", this.site = this.widget.site, this.arcgisReady = o();

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

@@ -11,28 +11,11 @@ declare const useFullscreenViewModel: (component: import('@arcgis/components-con
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<FullscreenViewModel, never> & {
-    reactiveUtils?: typeof __esri.reactiveUtils;
-    state?: "ready" | "disabled" | "active" | "feature-unsupported" | undefined;
-    icon: Nil | string;
-    label: Nil | string;
-    referenceElement: ArcgisReferenceElement | Nil | string;
-    arcgisReady: import('@arcgis/components-controllers').EventEmitter;
-    position: __esri.UIPosition;
-    arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
-        name: string;
-    }> | undefined;
-    el: HTMLElement & {
-        childElem?: HTMLElement & {
-            ownedBy?: HTMLElement;
-        };
-        view?: __esri.MapView | __esri.SceneView | undefined;
-    };
-    autoDestroyDisabled: boolean;
-    destroy: () => Promise<void>;
-}, options?: {
+} & Pick<FullscreenViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<FullscreenViewModel>, options?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => FullscreenViewModel;
+/** Provides a simple component to present the View or a user-defined HTMLElement using the entire screen
+ */
 export declare class ArcgisFullscreen extends LitElement {
     private messages;
     /**
@@ -45,18 +28,19 @@ export declare class ArcgisFullscreen extends LitElement {
     autoDestroyDisabled: boolean;
     /** The [HTMLElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement) to present in fullscreen mode. */
     element: HTMLElement | nullish;
-    /**
-     * Icon which represents the component.
-     * Typically used when the component is controlled by another component (e.g. by the Expand component).
+    /** Icon displayed in the component's button.
      * Search [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/) for possible values.
      */
     icon: Nil | string;
     /** The component's default label. */
     label: Nil | string;
-    /** Overwrite localized strings for this component */
+    /** Replace localized message strings with your own strings. */
     messageOverrides?: typeof this.messages._overrides;
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
+    /**
+     * The current state of the component.
+     */
     readonly state: "ready" | "disabled" | "active" | "feature-unsupported";
     destroy(): Promise<void>;
     readonly arcgisPropertyChange: TargetedEvent<this, {

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

@@ -3,28 +3,29 @@ import { html as s } from "lit-html";
 import { usePropertyChange as c } from "@arcgis/components-controllers";
 import { classes as d } from "@arcgis/components-utils";
 import m from "@arcgis/core/widgets/Fullscreen/FullscreenViewModel.js";
-import { LitElement as u, createEvent as h, noShadowRoot as g, safeClassMap as i, nothing as p } from "@arcgis/lumina";
-import { u as f, m as w } from "../../chunks/useViewModel.js";
+import { LitElement as u, createEvent as h, noShadowRoot as p, safeClassMap as i, nothing as f } from "@arcgis/lumina";
+import { u as g } from "../../chunks/useView.js";
+import { m as w } from "../../chunks/useViewModel.js";
 import { g as o } from "../../chunks/globalCss.js";
-import { css as b } from "@lit/reactive-element/css-tag.js";
+import { css as y } 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.99 */
-const y = b`arcgis-fullscreen{display:block}`, v = {
+v4.32.0 */
+const b = y`@layer{arcgis-fullscreen{display:block}}`, v = {
   base: "esri-fullscreen"
 }, M = w(m);
 class $ extends u {
   constructor() {
-    super(...arguments), this.messages = f(), this.viewModel = M(this), this.autoDestroyDisabled = !1, this.element = this.viewModel.element, this.icon = "zoom-out-fixed", this.position = "top-left", this.state = this.viewModel.state, this.arcgisPropertyChange = c()("state"), this.arcgisReady = h();
+    super(...arguments), this.messages = g(), this.viewModel = M(this), this.autoDestroyDisabled = !1, this.element = this.viewModel.element, this.icon = "zoom-out-fixed", this.position = "top-left", this.state = this.viewModel.state, this.arcgisPropertyChange = c()("state"), this.arcgisReady = h();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, element: 0, icon: 3, label: 1, messageOverrides: 0, position: 3, referenceElement: 1, state: 3 };
   }
   static {
-    this.shadowRootOptions = g;
+    this.shadowRootOptions = p;
   }
   static {
-    this.styles = y;
+    this.styles = b;
   }
   // #endregion
   // #region Private Properties
@@ -46,7 +47,7 @@ class $ extends u {
   // #region Rendering
   render() {
     const { fullscreenTitle: e, icon: r } = this, t = this.viewModel?.state, a = t === "feature-unsupported", l = t === "ready" || t === "disabled" || t === "feature-unsupported" ? "zoom-out-fixed" : "zoom-in-fixed";
-    return s`<div class=${i(d(v.base, o.widget))}>${!a && s`<calcite-button class=${i(o.widgetButton)} .disabled=${t === "disabled"} .iconStart=${r ?? l} kind=neutral .label=${e} @click=${this._toggle} title=${e ?? p}></calcite-button>` || ""}</div>`;
+    return s`<div class=${i(d(v.base, o.widget))}>${!a && s`<calcite-button class=${i(o.widgetButton)} .disabled=${t === "disabled"} .iconStart=${r ?? l} kind=neutral .label=${e} @click=${this._toggle} title=${e ?? f}></calcite-button>` || ""}</div>`;
   }
 }
 n("arcgis-fullscreen", $);

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

@@ -6,8 +6,8 @@ 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.32/esri/copyright.txt for details.
-v4.32.0-next.99 */
-const h = n`arcgis-histogram{display:block}`, d = r(e);
+v4.32.0 */
+const h = n`@layer{arcgis-histogram{display:block}}`, d = r(e);
 class m extends s {
   constructor() {
     super(...arguments), this.widget = d(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.average = this.widget.average, this.barCreatedFunction = this.widget.barCreatedFunction, this.bins = this.widget.bins, this.dataLineCreatedFunction = this.widget.dataLineCreatedFunction, this.dataLines = this.widget.dataLines, this.icon = this.widget.icon, this.label = this.widget.label, this.labelFormatFunction = this.widget.labelFormatFunction, this.layout = this.widget.layout, this.max = this.widget.max, this.min = this.widget.min, this.position = "bottom-left", this.state = this.widget.state, this.arcgisPropertyChange = i()("state"), this.arcgisReady = a();

package/dist/components/arcgis-histogram-range-slider/customElement.js

@@ -6,8 +6,8 @@ import { m as n } from "../../chunks/useWidget.js";
 import { css as d } 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.99 */
-const h = d`arcgis-histogram-range-slider{display:block}`, l = n(s);
+v4.32.0 */
+const h = d`@layer{arcgis-histogram-range-slider{display:block}}`, l = n(s);
 class g extends a {
   constructor() {
     super(...arguments), this.widget = l(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.average = this.widget.average, this.barCreatedFunction = this.widget.barCreatedFunction, this.bins = this.widget.bins, this.dataLineCreatedFunction = this.widget.dataLineCreatedFunction, this.dataLines = this.widget.dataLines, this.excludedBarColor = this.widget.excludedBarColor, this.icon = this.widget.icon, this.includedBarColor = this.widget.includedBarColor, this.label = this.widget.label, this.labelFormatFunction = this.widget.labelFormatFunction, this.max = this.widget.max, this.min = this.widget.min, this.position = "bottom-left", this.precision = this.widget.precision, this.rangeType = this.widget.rangeType, this.standardDeviation = this.widget.standardDeviation, this.standardDeviationCount = this.widget.standardDeviationCount, this.state = this.viewModel.state, this.values = this.widget.values, this.arcgisPropertyChange = e()("state"), this.arcgisReady = r();