@arcgis/map-components 4.33.0-next.157 → 4.33.0-next.159

package/dist/chunks/heading.js

@@ -4,7 +4,7 @@ import { unsafeStatic as l, html as m } from "lit/static-html.js";
 import { g as c } from "./globalCss.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.159 */
 function d({ level: a, class: t, children: e }) {
   const n = g(a), s = `h${n}`, r = l(s);
   return m`<${r} .ariaLevel=${String(n)} class=${o(i(c.heading, t))} role=heading>${e}</${r}>`;

package/dist/chunks/layer-list.js

@@ -1,7 +1,7 @@
 import { css as i } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.159 */
 const t = i`@layer{arcgis-layer-list{display:block;.arcgis-layer-list{display:flex}.arcgis-layer-list__filter-no-results{padding:var(--calcite-spacing-md) var(--calcite-spacing-lg)}.arcgis-layer-list__item{--calcite-list-item-icon-center: 8.5px}.arcgis-layer-list__item-table-icon,.arcgis-layer-list__item-catalog-icon{margin-inline-end:0}.arcgis-layer-list__item-action-image{flex:0 0 var(--calcite-spacing-xl);background-position:50%;background-repeat:no-repeat;background-size:contain;width:var(--calcite-spacing-xl);height:var(--calcite-spacing-xl);text-align:center;font-size:var(--calcite-font-size)}.arcgis-layer-list__action-menu .arcgis-layer-list__action-group{display:none}.arcgis-layer-list__action-menu[open] .arcgis-layer-list__action-group{display:flex}.arcgis-layer-list__visible-icon{visibility:hidden}.arcgis-layer-list__item--active:hover,.arcgis-layer-list__item--active:focus,.arcgis-layer-list__item--active:focus-within{>.arcgis-layer-list__visible-toggle>.arcgis-layer-list__visible-icon{visibility:visible}}.arcgis-layer-list__status-indicator{visibility:hidden;margin-inline:0;color:transparent}.arcgis-layer-list__publishing{visibility:visible;color:var(--calcite-color-foreground-2);transform-origin:var(--calcite-list-item-icon-center) var(--calcite-list-item-icon-center);animation:arcgis-layer-list__publishing-anim 2s normal infinite}.arcgis-layer-list__updating{visibility:visible;animation:arcgis-layer-list__updating-anim 2s normal infinite}.arcgis-layer-list__connection-status{visibility:visible;margin-inline:calc(var(--calcite-spacing-lg) * .5);width:calc(var(--calcite-spacing-xxxl) * .5);height:calc(var(--calcite-spacing-xxxl) * .5);color:var(--calcite-color-status-danger)}.arcgis-layer-list__connection-status--connected{color:var(--calcite-color-status-success)}.arcgis-layer-list__item-content-bottom{margin:var(--calcite-spacing-md) var(--calcite-spacing-lg)}.arcgis-layer-list__item-content-bottom .arcgis-legend__service{padding:0 0 var(--calcite-spacing-md) 0}.arcgis-layer-list__item-message{margin:var(--calcite-spacing-md) var(--calcite-spacing-lg)}@keyframes arcgis-layer-list__updating-anim{0%,40%{color:transparent}50%,80%{color:var(--calcite-color-brand)}to{color:transparent}}@keyframes arcgis-layer-list__publishing-anim{0%,20%{transform:rotate(45deg)}80%,to{transform:rotate(135deg)}}}}`;
 export {
   t as s

package/dist/chunks/legacyIcon.js

@@ -1,6 +1,6 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.159 */
 const r = {
   dragHorizontal: "esri-icon-drag-horizontal",
   dragVertical: "esri-icon-drag-vertical"

package/dist/chunks/maybe.js

@@ -1,6 +1,6 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.159 */
 function e(r) {
   r?.abort();
 }

package/dist/chunks/measurementUtils.js

@@ -1,6 +1,6 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.159 */
 const t = ["metric", "imperial"], r = [
   "inches",
   "feet",

package/dist/chunks/runtime.js

@@ -2,7 +2,7 @@ import { makeRuntime as e } from "@arcgis/lumina";
 import { trackAccess as s, createObservable as a, createTrackingTarget as r, runTracked as c } from "@arcgis/core/applications/Components/reactiveUtils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.159 */
 const t = e({ defaultAssetPath: "https://jsdev.arcgis.com/next/map-components/", hydratedAttribute: "hydrated" }), { customElement: n, getAssetPath: d, setAssetPath: i } = t;
 t.t = s;
 t.o = a;

package/dist/chunks/useHandles.js

@@ -1,7 +1,7 @@
 import { toFunction as i, Controller as n } from "@arcgis/lumina/controllers";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.159 */
 class o {
   constructor() {
     this._groups = /* @__PURE__ */ new Map();

package/dist/chunks/useT9n.js

@@ -2,7 +2,7 @@ import { makeT9nController as o } from "@arcgis/lumina/controllers";
 import { g as t } from "./runtime.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.159 */
 const s = o(t);
 export {
   s as u

package/dist/chunks/useView.js

@@ -4,7 +4,7 @@ import { signal as a } from "@arcgis/core/applications/Components/reactiveUtils.
 import { a as i } from "./component-utils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.159 */
 const v = (s) => m(s);
 class d extends c {
   #e = a(void 0);

package/dist/chunks/useViewModel.js

@@ -5,7 +5,7 @@ import { V as m } from "./useView.js";
 import { watch as p } from "@arcgis/core/core/reactiveUtils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.159 */
 const v = (t, o) => (e) => a(e, t);
 class r extends i {
   #o = void 0;

package/dist/chunks/useWidget.js

@@ -5,7 +5,7 @@ import { V as g } from "./useView.js";
 import { watch as m } from "@arcgis/core/core/reactiveUtils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.159 */
 const I = (d, e) => (t) => P(t, d);
 class f extends b {
   #o = /* @__PURE__ */ new Map();

package/dist/chunks/utils.js

@@ -1,7 +1,7 @@
 import { formatNumber as r } from "@arcgis/core/intl.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.159 */
 const s = /* @__PURE__ */ new Map([
   ["a3-landscape", "a3-landscape"],
   ["a3-portrait", "a3-portrait"],

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

@@ -61,6 +61,11 @@ export declare class ArcgisAreaMeasurement2d extends LitElement {
     label: string;
     /** @default "bottom-left" */
     position: __esri.UIPosition;
+    /**
+     * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
+     *
+     * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
+     */
     referenceElement?: ArcgisReferenceElement | string;
     /**
      * The [SnappingOptions](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-interactive-snapping-SnappingOptions.html) for sketching.

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

@@ -6,7 +6,7 @@ import { m as r } from "../../chunks/useWidget.js";
 import { css as n } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.159 */
 const h = n`@layer{arcgis-area-measurement-2d{display:block}}`, l = r(
   // Workaround for https://devtopia.esri.com/WebGIS/arcgis-js-api/issues/61559
   s

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

@@ -38,9 +38,14 @@ export declare class ArcgisAreaMeasurement3d extends LitElement {
     label?: string;
     /** @default "bottom-left" */
     position: __esri.UIPosition;
+    /**
+     * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
+     *
+     * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
+     */
     referenceElement?: ArcgisReferenceElement | string;
     /** The current state of the component. */
-    state: "ready" | "disabled" | "measuring" | "measured";
+    readonly state: "ready" | "disabled" | "measuring" | "measured";
     /** Unit system (imperial, metric) or specific unit used for displaying the distance values. */
     unit: __esri.SystemOrAreaUnit;
     /** List of unit systems (imperial, metric) and specific units for displaying the distance values. */

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

@@ -15,7 +15,7 @@ import { g as p, a as d } from "../../chunks/measurementUtils.js";
 import { hasValidAreaResult as L } from "@arcgis/core/applications/Components/analysisUtils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.159 */
 const P = A`@layer{arcgis-area-measurement-3d{display:block}.arcgis-area-measurement-3d{position:relative;padding:var(--esri-widget-padding);overflow-y:auto}}`;
 var S = Object.defineProperty, E = Object.getOwnPropertyDescriptor, n = (e, t, s, a) => {
   for (var r = a > 1 ? void 0 : a ? E(t, s) : t, l = e.length - 1, u; l >= 0; l--)
@@ -128,7 +128,7 @@ class j extends g {
     super(...arguments), this.viewModel = T(this), this.messages = O({ blocking: !0 }), this.analysis = this.viewModel.analysis, this.autoDestroyDisabled = !1, this.icon = "measure-area", this.position = "bottom-left", this.state = this.viewModel.state, this.unit = this.viewModel.unit, this.unitOptions = this.viewModel.unitOptions, this.arcgisPropertyChange = M()("analysis", "state"), this.arcgisReady = f();
   }
   static {
-    this.properties = { analysis: 0, autoDestroyDisabled: 5, icon: 3, label: 1, position: 1, referenceElement: 1, state: 3, unit: 1, unitOptions: 0 };
+    this.properties = { analysis: 0, autoDestroyDisabled: 5, icon: 3, label: 1, position: 1, referenceElement: 1, state: 35, unit: 1, unitOptions: 0 };
   }
   static {
     this.shadowRootOptions = w;

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

@@ -91,6 +91,11 @@ export declare class ArcgisAttachments extends LitElement {
     label: string | nullish;
     /** @default "bottom-left" */
     position: __esri.UIPosition;
+    /**
+     * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
+     *
+     * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
+     */
     referenceElement?: ArcgisReferenceElement | string;
     /**
      * The current state of the widget.

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

@@ -6,7 +6,7 @@ import { m as o } 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.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.159 */
 const n = h`@layer{arcgis-attachments{display:block}}`, r = o(i);
 class l extends s {
   constructor() {

package/dist/components/arcgis-basemap-gallery/customElement.d.ts

@@ -60,6 +60,11 @@ export declare class ArcgisBasemapGallery extends LitElement {
     messageOverrides?: typeof this.messages._overrides;
     /** @default "bottom-left" */
     position: __esri.UIPosition;
+    /**
+     * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
+     *
+     * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
+     */
     referenceElement?: ArcgisReferenceElement | string;
     /** The source for basemaps that the component will display. */
     source: __esri.LocalBasemapsSource | __esri.PortalBasemapsSource;

package/dist/components/arcgis-basemap-gallery/customElement.js

@@ -13,7 +13,7 @@ import { c as a } from "../../chunks/basemap-gallery-resources.js";
 import { css as L } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.159 */
 const D = L`@layer{arcgis-basemap-gallery{display:block}}`, A = B(f), m = {
   // Below this width, items are displayed as a single column and the thumbnail is placed above the title.
   small: 200,

package/dist/components/arcgis-basemap-gallery-item/customElement.js

@@ -8,7 +8,7 @@ import { c as i } from "../../chunks/basemap-gallery-resources.js";
 import { g as A } from "../../chunks/component-utils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.159 */
 function _(e) {
   return e.portalItem?.type === "Web Scene" || e.referenceLayers.some((t) => t.type === "scene");
 }

package/dist/components/arcgis-basemap-layer-list/customElement.d.ts

@@ -150,6 +150,11 @@ export declare class ArcgisBasemapLayerList extends LitElement {
     minFilterItems: number;
     /** @default "bottom-left" */
     position: __esri.UIPosition;
+    /**
+     * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
+     *
+     * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
+     */
     referenceElement?: ArcgisReferenceElement | string;
     /**
      * Specifies a function to handle filtering reference layer [list items](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList-ListItem.html).

package/dist/components/arcgis-basemap-layer-list/customElement.js

@@ -8,7 +8,7 @@ import { css as h } from "@lit/reactive-element/css-tag.js";
 import { c as d } from "../../chunks/createCloseEvent.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.159 */
 const n = h`@layer{arcgis-basemap-layer-list{display:block}}`, c = o(s);
 class g extends r {
   constructor() {

package/dist/components/arcgis-basemap-toggle/customElement.d.ts

@@ -46,6 +46,11 @@ export declare class ArcgisBasemapToggle extends LitElement {
     nextBasemap?: __esri.BasemapProperties | string;
     /** @default "top-left" */
     position: __esri.UIPosition;
+    /**
+     * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
+     *
+     * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
+     */
     referenceElement?: ArcgisReferenceElement | string;
     /**
      * Indicates if the Basemap title is displayed.

package/dist/components/arcgis-basemap-toggle/customElement.js

@@ -11,7 +11,7 @@ import { g as $ } from "../../chunks/globalCss.js";
 import { css as L } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.159 */
 const A = L`@layer{arcgis-basemap-toggle{display:block}.esri-basemap-toggle__title-wrap{text-wrap:wrap}}`, s = "esri-basemap-toggle", o = "esri-basemap-thumbnail", e = {
   base: s,
   secondaryBasemapImage: `${s}__image--secondary`,

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

@@ -128,6 +128,11 @@ export declare class ArcgisBookmarks extends LitElement {
     label: string;
     /** @default "bottom-left" */
     position: __esri.UIPosition;
+    /**
+     * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
+     *
+     * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
+     */
     referenceElement?: ArcgisReferenceElement | string;
     /** @default false */
     showAddBookmarkButton: boolean;

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

@@ -8,7 +8,7 @@ import { css as r } from "@lit/reactive-element/css-tag.js";
 import { c as d } from "../../chunks/createCloseEvent.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.159 */
 const n = r`@layer{arcgis-bookmarks{display:block}}`, m = h(s);
 class g extends o {
   constructor() {

package/dist/components/arcgis-building-explorer/customElement.d.ts

@@ -92,6 +92,11 @@ export declare class ArcgisBuildingExplorer extends LitElement {
     readonly phase: __esri.BuildingPhase;
     /** @default "bottom-left" */
     position: __esri.UIPosition;
+    /**
+     * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
+     *
+     * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
+     */
     referenceElement?: ArcgisReferenceElement | string;
     /**
      * The current state of the view model that can be used for rendering the UI of the widget.

package/dist/components/arcgis-building-explorer/customElement.js

@@ -6,7 +6,7 @@ import { m as h } from "../../chunks/useWidget.js";
 import { css as r } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.159 */
 const a = r`@layer{arcgis-building-explorer{display:block}}`, d = h(s);
 class n extends t {
   constructor() {

package/dist/components/arcgis-catalog-layer-list/customElement.d.ts

@@ -124,6 +124,11 @@ export declare class ArcgisCatalogLayerList extends LitElement {
     minFilterItems: number;
     /** @default "bottom-left" */
     position: __esri.UIPosition;
+    /**
+     * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
+     *
+     * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
+     */
     referenceElement?: ArcgisReferenceElement | string;
     /**
      * A collection of selected [ListItems](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList-ListItem.html) representing [catalogItems](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-CatalogLayerList.html#catalogItems)

package/dist/components/arcgis-catalog-layer-list/customElement.js

@@ -8,7 +8,7 @@ import { css as h } from "@lit/reactive-element/css-tag.js";
 import { c as d } from "../../chunks/createCloseEvent.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.159 */
 const c = h`@layer{arcgis-catalog-layer-list{display:block}}`, n = r(s);
 class g extends o {
   constructor() {

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

@@ -56,6 +56,11 @@ export declare class ArcgisCompass extends LitElement {
     readonly orientation: __esri.Orientation;
     /** @default "top-left" */
     position: __esri.UIPosition;
+    /**
+     * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
+     *
+     * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
+     */
     referenceElement?: ArcgisReferenceElement | string;
     /**
      * The view model's state.

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

@@ -10,7 +10,7 @@ import { g as i } from "../../chunks/globalCss.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.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.159 */
 const $ = y`@layer{arcgis-compass{display:block}}`, r = "esri-compass", a = {
   base: r,
   iconContainer: `${r}__icon-container`

package/dist/components/arcgis-coordinate-conversion/customElement.d.ts

@@ -126,6 +126,11 @@ export declare class ArcgisCoordinateConversion extends LitElement {
     orientation: "auto" | "expand-up" | "expand-down";
     /** @default "bottom-left" */
     position: __esri.UIPosition;
+    /**
+     * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
+     *
+     * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
+     */
     referenceElement?: ArcgisReferenceElement | string;
     /**
      * The view model's state.

package/dist/components/arcgis-coordinate-conversion/customElement.js

@@ -6,7 +6,7 @@ import { m as d } 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.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.159 */
 const l = h`@layer{arcgis-coordinate-conversion{display:block}}`, g = d(o);
 class c extends n {
   constructor() {

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

@@ -101,6 +101,11 @@ export declare class ArcgisDaylight extends LitElement {
     playSpeedMultiplier: number;
     /** @default "bottom-left" */
     position: __esri.UIPosition;
+    /**
+     * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
+     *
+     * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
+     */
     referenceElement?: ArcgisReferenceElement | string;
     /**
      * Sets steps, or intervals, on the time slider to restrict the times

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

@@ -6,7 +6,7 @@ import { css as l } from "@lit/reactive-element/css-tag.js";
 import { reEmitEvent as o } from "@arcgis/lumina/controllers/accessor";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.159 */
 const d = l`@layer{arcgis-daylight{display:block}}`, r = h(i);
 class n extends t {
   constructor() {

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

@@ -38,8 +38,13 @@ export declare class ArcgisDirectLineMeasurement3d extends LitElement {
     label?: string;
     /** @default "bottom-left" */
     position: __esri.UIPosition;
+    /**
+     * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
+     *
+     * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
+     */
     referenceElement?: ArcgisReferenceElement | string;
-    state: "ready" | "disabled" | "measuring" | "measured";
+    readonly state: "ready" | "disabled" | "measuring" | "measured";
     /** Unit system (imperial, metric) or specific unit used for displaying the distance values. */
     unit: __esri.SystemOrLengthUnit;
     /** List of unit systems (imperial, metric) and specific units for displaying the distance values. */

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

@@ -15,7 +15,7 @@ import { A as C } from "../../chunks/AnalysisViewModel.js";
 import { g as c, m } from "../../chunks/measurementUtils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.159 */
 const z = $`@layer{arcgis-directline-measurement-3d,arcgis-direct-line-measurement-3d{display:block}.arcgis-direct-line-measurement-3d{position:relative;padding:var(--esri-widget-padding);overflow-y:auto}}`;
 var S = Object.defineProperty, E = Object.getOwnPropertyDescriptor, r = (e, t, s, a) => {
   for (var n = a > 1 ? void 0 : a ? E(t, s) : t, l = e.length - 1, u; l >= 0; l--)
@@ -137,7 +137,7 @@ class h extends v {
     super(...arguments), this.viewModel = R(this), this.messages = O({ name: "directline-measurement-3d", blocking: !0 }), this.analysis = this.viewModel.analysis, this.autoDestroyDisabled = !1, this.icon = "measure-line", this.position = "bottom-left", this.state = this.viewModel.state, this.unit = this.viewModel.unit, this.unitOptions = this.viewModel.unitOptions, this.arcgisPropertyChange = M()("analysis", "state"), this.arcgisReady = f();
   }
   static {
-    this.properties = { analysis: 0, autoDestroyDisabled: 5, icon: 3, label: 1, position: 1, referenceElement: 1, state: 1, unit: 1, unitOptions: 0 };
+    this.properties = { analysis: 0, autoDestroyDisabled: 5, icon: 3, label: 1, position: 1, referenceElement: 1, state: 35, unit: 1, unitOptions: 0 };
   }
   static {
     this.shadowRootOptions = w;

package/dist/components/arcgis-directional-pad/customElement.d.ts

@@ -62,6 +62,11 @@ export declare class ArcgisDirectionalPad extends LitElement {
     messageOverrides?: typeof this.messages._overrides;
     /** @default "bottom-left" */
     position: __esri.UIPosition;
+    /**
+     * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
+     *
+     * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
+     */
     referenceElement?: ArcgisReferenceElement | string;
     /**
      * Whether to display the button to reset the rotation angle. This only takes

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

@@ -14,7 +14,7 @@ import { g as h } from "../../chunks/globalCss.js";
 import { css as M } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.159 */
 const u = [-45, 0, 45, -90, 90, -135, 180, 135], S = {
   0: { label: "north", iconName: "chevron-up" },
   45: { label: "northEast", iconName: "chevron-up-right" },

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

@@ -107,6 +107,11 @@ export declare class ArcgisDirections extends LitElement {
     maxStops: number;
     /** @default "bottom-left" */
     position: __esri.UIPosition;
+    /**
+     * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
+     *
+     * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
+     */
     referenceElement?: ArcgisReferenceElement | string;
     routeLayerItemId?: string;
     /**

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

@@ -9,7 +9,7 @@ import { e as u } from "../../chunks/component-utils.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.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.159 */
 const c = y`@layer{arcgis-directions{display:block}}`, g = m(d), i = "map-components:arcgis-directions";
 class p extends n {
   constructor() {

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

@@ -57,6 +57,11 @@ export declare class ArcgisDistanceMeasurement2d extends LitElement {
     label: string;
     /** @default "bottom-left" */
     position: __esri.UIPosition;
+    /**
+     * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
+     *
+     * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
+     */
     referenceElement?: ArcgisReferenceElement | string;
     /**
      * The [SnappingOptions](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-interactive-snapping-SnappingOptions.html) for sketching.

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

@@ -6,7 +6,7 @@ import { m as n } from "../../chunks/useWidget.js";
 import { css as r } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.159 */
 const c = r`@layer{arcgis-distance-measurement-2d{display:block}}`, h = n(e);
 class d extends i {
   constructor() {

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

@@ -97,6 +97,11 @@ export declare class ArcgisEditor extends LitElement {
     layerInfos: nullish | __esri.EditorLayerInfo[];
     /** @default "bottom-left" */
     position: __esri.UIPosition;
+    /**
+     * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
+     *
+     * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
+     */
     referenceElement?: ArcgisReferenceElement | string;
     /** @default false */
     showSnappingControlsElementsHeader: boolean;

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

@@ -6,7 +6,7 @@ import { m as n } from "../../chunks/useWidget.js";
 import { css as r } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.159 */
 const g = r`@layer{arcgis-editor{display:block}}`, d = n(s);
 class h extends o {
   constructor() {

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

@@ -115,6 +115,11 @@ export declare class ArcgisElevationProfile extends LitElement {
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ElevationProfile-ElevationProfileViewModel.html#progress)
      */
     readonly progress: number;
+    /**
+     * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
+     *
+     * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
+     */
     referenceElement?: ArcgisReferenceElement | string;
     /**
      * The current state of the view model that can be used for rendering the UI

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

@@ -6,7 +6,7 @@ import { m as n } from "../../chunks/useWidget.js";
 import { css as l } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.157 */
+v4.33.0-next.159 */
 const r = l`@layer{arcgis-elevation-profile{display:block}}`, a = n(e);
 class d extends s {
   constructor() {

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

@@ -90,7 +90,7 @@ export declare class ArcgisExpand extends LitElement {
      *
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Expand.html#focusTrapDisabled)
      *
-     * @deprecated since 4.33. Use [`focusTrapDisabled`](#focusTrapDisabled) instead.
+     * @deprecated since 4.33, use [`focusTrapDisabled`](#focusTrapDisabled) instead.
      * @default false
      */
     focusTrapEnabled: boolean;
@@ -134,6 +134,11 @@ export declare class ArcgisExpand extends LitElement {
     placement: nullish | "left" | "right" | "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | "leading-start" | "leading" | "leading-end" | "trailing-end" | "trailing" | "trailing-start";
     /** @default "top-right" */
     position: __esri.UIPosition;
+    /**
+     * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
+     *
+     * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
+     */
     referenceElement?: ArcgisReferenceElement | string;
     collapse(): Promise<void>;
     /** Permanently destroy the component. */