@arcgis/map-components 4.33.0-next.136 → 4.33.0-next.138

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

@@ -1,43 +1,21 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
+import { default as AreaMeasurementAnalysis } from '@arcgis/core/analysis/AreaMeasurementAnalysis.js';
+import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
 import { Use } from '@arcgis/lumina/controllers';
-import { default as AreaMeasurement3D } from '@arcgis/core/widgets/AreaMeasurement3D.js';
-import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
+import { default as AreaMeasurement3dViewModel } from './AreaMeasurement3dViewModel';
 
-declare const useAreaMeasurement3dWidget: (component: LitElement & Pick<AreaMeasurement3D, "icon" | "label" | "viewModel" | "analysis" | "unit" | "unitOptions"> & {
-    state?: unknown;
-    viewModel?: __esri.AreaMeasurement3DViewModel | undefined;
-    closed?: boolean;
-    icon: import('@arcgis/components-utils').Nil | string;
-    label: import('@arcgis/components-utils').Nil | string;
-    referenceElement?: ArcgisReferenceElement | string;
-    position: __esri.UIPosition;
-    arcgisReady: import('@arcgis/lumina').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
-        name: string;
-    }> | undefined;
-    el: HTMLElement & {
-        childElem?: HTMLElement & {
-            ownedBy?: HTMLElement;
-        };
-        view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView;
-    };
-    autoDestroyDisabled: boolean;
-    destroy: () => Promise<void>;
-}) => AreaMeasurement3D;
+declare const useViewModel: (component: LitElement & Pick<AreaMeasurement3dViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<AreaMeasurement3dViewModel>) => AreaMeasurement3dViewModel;
 /**
- * The Area Measurement 3D component calculates and displays the area and perimeter of a polygon. This component can be used in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) to measure the area and perimeter of a polygon.
+ * The Area Measurement 3D component calculates and displays the area and perimeter of a polygon.
+ * This component can be used in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html)
+ * to measure the area and perimeter of a polygon.
  *
  * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-area-measurement-3d/)
  */
 export declare class ArcgisAreaMeasurement3d extends LitElement {
-    /**
-     * The area measurement analysis object being created or modified by the widget.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-AreaMeasurement3D.html#analysis)
-     */
-    readonly analysis: __esri.AreaMeasurementAnalysis;
+    get analysis(): AreaMeasurementAnalysis;
     /**
      * 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
@@ -49,40 +27,23 @@ export declare class ArcgisAreaMeasurement3d extends LitElement {
      */
     autoDestroyDisabled: boolean;
     /**
-     * Icon which represents the widget.
+     * Icon which represents the component.
+     * Typically used when the component is controlled by another component (e.g. by the Expand component).
      *
      * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
      * @default "measure-area"
      */
-    icon: string;
-    /**
-     * The widget's default label.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-AreaMeasurement3D.html#label)
-     */
-    label: string;
+    icon?: HTMLCalciteIconElement["icon"];
+    /** The component's default label. */
+    label?: string;
     /** @default "bottom-left" */
     position: __esri.UIPosition;
     referenceElement?: ArcgisReferenceElement | string;
-    /**
-     * The view model's state.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-AreaMeasurement3D-AreaMeasurement3DViewModel.html#state)
-     *
-     * @default "disabled"
-     */
-    readonly state: "ready" | "disabled" | "measuring" | "measured";
-    /**
-     * Unit system (imperial, metric) or specific unit used for displaying the area values.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-AreaMeasurement3D.html#unit)
-     */
+    /** The current state of the component. */
+    state: "ready" | "disabled" | "measuring" | "measured";
+    /** Unit system (imperial, metric) or specific unit used for displaying the distance values. */
     unit: __esri.SystemOrAreaUnit;
-    /**
-     * List of available units and unit systems (imperial, metric) for displaying the area values.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-AreaMeasurement3D.html#unitOptions)
-     */
+    /** List of unit systems (imperial, metric) and specific units for displaying the distance values. */
     unitOptions: __esri.SystemOrAreaUnit[];
     clear(): Promise<void>;
     /** Permanently destroy the component. */

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

@@ -1,37 +1,175 @@
-import { c as t } from "../../chunks/runtime.js";
-import { usePropertyChange as e } from "@arcgis/lumina/controllers";
-import s from "@arcgis/core/widgets/AreaMeasurement3D.js";
-import { LitElement as i, createEvent as a, noShadowRoot as o } from "@arcgis/lumina";
-import { m as r } from "../../chunks/useWidget.js";
-import { css as n } from "@lit/reactive-element/css-tag.js";
+import { c as h } from "../../chunks/runtime.js";
+import { html as y } from "lit-html";
+import { LitElement as g, createEvent as f, noShadowRoot as w, nothing as v, safeClassMap as b } from "@arcgis/lumina";
+import { usePropertyChange as M } from "@arcgis/lumina/controllers";
+import { u as O } from "../../chunks/useT9n.js";
+import { m as $ } from "../../chunks/useViewModel.js";
+import { g as p } from "../../chunks/globalCss.js";
+import { css as U } from "@lit/reactive-element/css-tag.js";
+import A from "@arcgis/core/analysis/AreaMeasurementAnalysis.js";
+import { getDefaultUnitForView as _ } from "@arcgis/core/applications/Components/getDefaultUnits.js";
+import { property as n, subclass as V } from "@arcgis/core/core/accessorSupport/decorators.js";
+import { watch as D } from "@arcgis/core/core/reactiveUtils.js";
+import { A as C } from "../../chunks/AnalysisViewModel.js";
+import { g as m, a as c } 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.136 */
-const l = n`@layer{arcgis-area-measurement-3d{display:block}}`, h = r(s);
-class d extends i {
+v4.33.0-next.138 */
+const S = U`@layer{arcgis-area-measurement-3d{display:block}.arcgis-area-measurement-3d{position:relative;padding:var(--esri-widget-padding);overflow-y:auto}}`;
+var L = Object.defineProperty, P = Object.getOwnPropertyDescriptor, a = (e, t, s, o) => {
+  for (var r = o > 1 ? void 0 : o ? P(t, s) : t, l = e.length - 1, u; l >= 0; l--)
+    (u = e[l]) && (r = (o ? u(t, s, r) : u(r)) || r);
+  return o && r && L(t, s, r), r;
+};
+let i = class extends C {
+  constructor(e) {
+    super(e), this.supportedViewType = "3d", this.unsupportedErrorMessage = "The Area Measurement 3D component is only supported in 3D views.";
+  }
+  initialize() {
+    this.addHandles(
+      // Make sure the analysis and view model units are in sync.
+      D(
+        () => ({
+          analysis: this.analysis,
+          unit: this.unit
+        }),
+        ({ analysis: e, unit: t }) => {
+          e != null && (e.unit = t);
+        },
+        { sync: !0, initial: !0 }
+      )
+    );
+  }
+  get state() {
+    return this.disabled || !this.ready ? "disabled" : this.operationState === "inactive" ? this.analysis.valid ? "measured" : "ready" : "measuring";
+  }
+  get displayState() {
+    if (!this.supported)
+      return "unsupported";
+    switch (this.state) {
+      case "disabled":
+      case "ready":
+        return "ready";
+      case "measuring":
+        return this.analysis.geometry == null ? "measuring" : "measured";
+      case "measured":
+        return "measured";
+    }
+  }
+  get measurement() {
+    const e = this.analysisView?.result, t = e?.mode ?? "euclidean", s = this.analysisView?.viewData.intersectingSegments?.size === 0;
+    return {
+      mode: t,
+      area: m(e?.area, s),
+      perimeter: m(e?.perimeter, s)
+    };
+  }
+  get unitOptions() {
+    const e = this._userUnitOptions?.filter((t) => c.includes(t));
+    return e && e.length > 0 ? e : c.slice();
+  }
+  set unitOptions(e) {
+    this._userUnitOptions = e;
+  }
+  get unit() {
+    const e = this._userUnit, t = this.unitOptions;
+    if (e && t.includes(e))
+      return e;
+    const s = this.defaultUnit;
+    return s && t.includes(s) ? s : t[0];
+  }
+  set unit(e) {
+    this._userUnit = e;
+  }
+  get defaultUnit() {
+    return this.view ? _(this.view) : void 0;
+  }
+  async place(e) {
+    await this.analysisView?.place(e);
+  }
+  clearAnalysis() {
+    this.analysis.geometry = null;
+  }
+  constructAnalysis() {
+    return new A();
+  }
+};
+a([
+  n({ readOnly: !0 })
+], i.prototype, "state", 1);
+a([
+  n({ readOnly: !0 })
+], i.prototype, "displayState", 1);
+a([
+  n({ readOnly: !0 })
+], i.prototype, "measurement", 1);
+a([
+  n()
+], i.prototype, "unitOptions", 1);
+a([
+  n()
+], i.prototype, "_userUnitOptions", 2);
+a([
+  n()
+], i.prototype, "unit", 1);
+a([
+  n()
+], i.prototype, "_userUnit", 2);
+a([
+  n({ readOnly: !0 })
+], i.prototype, "defaultUnit", 1);
+i = a([
+  V("components.area-measurement-3d.AreaMeasurement3dViewModel")
+], i);
+const E = "arcgis-area-measurement-3d", x = { base: E }, R = $(i);
+class T extends g {
   constructor() {
-    super(...arguments), this.widget = h(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();
+    super(...arguments), this.viewModel = R(this), this.messages = O({ blocking: !0 }), 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: 1, label: 1, position: 1, referenceElement: 1, state: 3, unit: 1, unitOptions: 0 };
+    this.properties = { analysis: 32, autoDestroyDisabled: 5, icon: 3, label: 1, position: 1, referenceElement: 1, state: 3, unit: 1, unitOptions: 0 };
   }
   static {
-    this.shadowRootOptions = o;
+    this.shadowRootOptions = w;
   }
   static {
-    this.styles = l;
+    this.styles = S;
+  }
+  get analysis() {
+    return this.viewModel.analysis;
   }
   async clear() {
-    this.widget?.viewModel.clear();
+    this.viewModel.clear();
   }
   async destroy() {
     await this.manager.destroy();
   }
   async start() {
-    this.widget?.viewModel.start();
+    this.viewModel.start();
+  }
+  render() {
+    const { messages: t, unit: s, unitOptions: o, viewModel: r } = this, { measurement: l, state: u } = r;
+    return y`<div aria-label=${t.componentLabel ?? v} class=${b({
+      [x.base]: !0,
+      [p.widget]: !0,
+      [p.panel]: !0
+    })} role=presentation><arcgis-measurement-content .state=${r.displayState} .hintLabel=${t.hint} .unsupportedLabel=${t.unsupported} .items=${[
+      {
+        title: t.area,
+        measurement: l.area
+      },
+      {
+        title: t.perimeterLength,
+        measurement: l.perimeter
+      }
+    ]}><arcgis-unit-select slot=settings .options=${o} .selectLabel=${t.unit} .value=${s} @arcgisUnitSelectChange=${(d) => {
+      this.unit = d.detail;
+    }}></arcgis-unit-select><calcite-button slot=actions .disabled=${u === "disabled"} @click=${() => {
+      this.viewModel.clear(), this.viewModel.start();
+    }}>${t.newMeasurement}</calcite-button></arcgis-measurement-content></div>`;
   }
 }
-t("arcgis-area-measurement-3d", d);
+h("arcgis-area-measurement-3d", T);
 export {
-  d as ArcgisAreaMeasurement3d
+  T as ArcgisAreaMeasurement3d
 };

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

@@ -1 +1,4 @@
+import "../arcgis-measurement-content/index.js";
+import "../arcgis-unit-select/index.js";
+import "@esri/calcite-components/components/calcite-button";
 export * from "./customElement.js";

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

@@ -1 +1,4 @@
+import "../arcgis-measurement-content/index.js";
+import "../arcgis-unit-select/index.js";
+import "@esri/calcite-components/components/calcite-button";
 export * from "./customElement.js";

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.136 */
+v4.33.0-next.138 */
 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

@@ -52,7 +52,7 @@ export declare class ArcgisBasemapGallery extends LitElement {
      * @default ""
      */
     label: string;
-    /** Replace localized message strings with your own strings. */
+    /** Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases. */
     messageOverrides?: typeof this.messages._overrides;
     /** @default "bottom-left" */
     position: __esri.UIPosition;

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.136 */
+v4.33.0-next.138 */
 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.136 */
+v4.33.0-next.138 */
 function _(e) {
   return e.portalItem?.type === "Web Scene" || e.referenceLayers.some((t) => t.type === "scene");
 }

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.136 */
+v4.33.0-next.138 */
 const n = h`@layer{arcgis-basemap-layer-list{display:block}}`, c = o(s);
 class g extends r {
   constructor() {

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

@@ -6,5 +6,6 @@ export declare const css: {
     readonly imageLoading: "esri-basemap-toggle__image--loading";
     readonly overlay: "esri-basemap-thumbnail__overlay esri-basemap-toggle__image-overlay";
     readonly title: "esri-basemap-thumbnail__title esri-basemap-toggle__title";
+    readonly titleWrap: "esri-basemap-toggle__title-wrap";
     readonly overlayScrim: "esri-basemap-thumbnail__overlay-scrim";
 };

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

@@ -35,7 +35,7 @@ export declare class ArcgisBasemapToggle extends LitElement {
     icon?: string;
     /** The component's default label. */
     label?: string;
-    /** Replace localized message strings with your own strings. */
+    /** Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases. */
     messageOverrides?: typeof this.messages._overrides;
     /** The next basemap for toggling. */
     nextBasemap?: __esri.BasemapProperties | string;

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

@@ -1,18 +1,18 @@
 import { c as f } from "../../chunks/runtime.js";
 import { html as l } from "lit-html";
 import { usePropertyChange as B } from "@arcgis/lumina/controllers";
-import { classes as m } from "@arcgis/components-utils";
-import { getBasemapThumbnailUrl as S } from "@arcgis/core/applications/Components/basemapUtils.js";
-import x from "@arcgis/core/widgets/BasemapToggle/BasemapToggleViewModel.js";
-import { LitElement as T, createEvent as M, noShadowRoot as k, safeClassMap as a, nothing as r, safeStyleMap as b } from "@arcgis/lumina";
+import { classes as r } from "@arcgis/components-utils";
+import { getBasemapThumbnailUrl as x } from "@arcgis/core/applications/Components/basemapUtils.js";
+import S from "@arcgis/core/widgets/BasemapToggle/BasemapToggleViewModel.js";
+import { LitElement as T, createEvent as M, noShadowRoot as k, safeClassMap as a, nothing as c, safeStyleMap as b } from "@arcgis/lumina";
 import { u as I } from "../../chunks/useT9n.js";
 import { m as C } from "../../chunks/useViewModel.js";
-import { g as u } from "../../chunks/globalCss.js";
+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.136 */
-const A = L`@layer{arcgis-basemap-toggle{display:block}}`, s = "esri-basemap-toggle", o = "esri-basemap-thumbnail", e = {
+v4.33.0-next.138 */
+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`,
   container: `${o} ${s}__container`,
@@ -20,8 +20,9 @@ const A = L`@layer{arcgis-basemap-toggle{display:block}}`, s = "esri-basemap-tog
   imageLoading: `${s}__image--loading`,
   overlay: `${o}__overlay ${s}__image-overlay`,
   title: `${o}__title ${s}__title`,
+  titleWrap: `${s}__title-wrap`,
   overlayScrim: `${o}__overlay-scrim`
-}, D = C(x);
+}, D = C(S);
 class E extends T {
   constructor() {
     super(...arguments), this.messages = I(), this.viewModel = D(this), this.activeBasemap = this.viewModel.activeBasemap, this.autoDestroyDisabled = !1, this.icon = "layer-basemap", this.nextBasemap = this.viewModel.nextBasemap, this.position = "top-left", this.showTitle = !1, this.state = this.viewModel.state, this.arcgisPropertyChange = B()("nextBasemap", "state"), this.arcgisReady = M();
@@ -42,14 +43,14 @@ class E extends T {
     return await this.viewModel.toggle();
   }
   _getThumbnailStyles(t) {
-    const n = S(t);
+    const n = x(t);
     return n ? { backgroundImage: `url(${n})` } : { backgroundImage: "" };
   }
   render() {
-    const t = this.viewModel, n = t.state === "disabled" ? null : t.activeBasemap, i = t.state === "disabled" ? null : t.nextBasemap, $ = t.state === "loading", d = t.state === "incompatible-next-basemap", c = i?.title ?? "", p = i && i.loadStatus !== "loaded";
+    const t = this.viewModel, n = t.state === "disabled" ? null : t.activeBasemap, i = t.state === "disabled" ? null : t.nextBasemap, u = t.state === "loading", p = t.state === "incompatible-next-basemap", m = i?.title ?? "", d = i && i.loadStatus !== "loaded";
     let g;
-    const h = this.showTitle && c, v = d, y = h || v, w = this._getThumbnailStyles(n), _ = this._getThumbnailStyles(i);
-    return y && (g = l`<div class=${a(e.overlay)}>${h ? l`<span class=${a(e.title)} title=${c ?? r}>${c}</span>` : null}${v ? l`<calcite-scrim class=${a(e.overlayScrim)} title=${this.messages.incompatibleSpatialReference ?? r}><calcite-icon icon=exclamation-mark-triangle></calcite-icon></calcite-scrim>` : null}</div>`), l`<div class=${a(m(e.base, u.widget))}><calcite-button appearance=transparent data-basemap-id=${(i ? i.id : "") ?? r} .disabled=${d} kind=neutral .label=${this.label ?? void 0} @click=${() => void this.toggle()} title=${this.label ?? void 0 ?? r}><div class=${a(m(e.container, e.secondaryBasemapImage))}><div class=${a(e.image)} style=${b(w)}></div></div><div class=${a(e.container)}><div class=${a(m(e.image, p ? e.imageLoading : null))} style=${b(_)}>${p || $ ? l`<calcite-scrim><span aria-hidden=true class=${a(u.loaderAnimation)} role=presentation></span></calcite-scrim>` : null}</div>${g}</div></calcite-button></div>`;
+    const h = this.showTitle && m, v = p, y = h || v, w = this._getThumbnailStyles(n), _ = this._getThumbnailStyles(i);
+    return y && (g = l`<div class=${a(e.overlay)}>${h ? l`<span class=${a(r(e.title, e.titleWrap))} title=${m ?? c}>${m}</span>` : null}${v ? l`<calcite-scrim class=${a(e.overlayScrim)} title=${this.messages.incompatibleSpatialReference ?? c}><calcite-icon icon=exclamation-mark-triangle></calcite-icon></calcite-scrim>` : null}</div>`), l`<div class=${a(r(e.base, $.widget))}><calcite-button appearance=transparent data-basemap-id=${(i ? i.id : "") ?? c} .disabled=${p} kind=neutral .label=${this.label ?? void 0} @click=${() => void this.toggle()} title=${this.label ?? void 0 ?? c}><div class=${a(r(e.container, e.secondaryBasemapImage))}><div class=${a(e.image)} style=${b(w)}></div></div><div class=${a(e.container)}><div class=${a(r(e.image, d ? e.imageLoading : null))} style=${b(_)}>${d || u ? l`<calcite-scrim><span aria-hidden=true class=${a($.loaderAnimation)} role=presentation></span></calcite-scrim>` : null}</div>${g}</div></calcite-button></div>`;
   }
 }
 f("arcgis-basemap-toggle", E);

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.136 */
+v4.33.0-next.138 */
 const n = r`@layer{arcgis-bookmarks{display:block}}`, m = h(s);
 class g extends o {
   constructor() {

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.136 */
+v4.33.0-next.138 */
 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.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.136 */
+v4.33.0-next.138 */
 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

@@ -40,7 +40,7 @@ export declare class ArcgisCompass extends LitElement {
     set icon(value: string | undefined);
     /** The component's default label. */
     label?: string;
-    /** Replace localized message strings with your own strings. */
+    /** Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases. */
     messageOverrides?: typeof this.messages._overrides;
     /**
      * The z axis orientation.

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.136 */
+v4.33.0-next.138 */
 const $ = y`@layer{arcgis-compass{display:block}}`, r = "esri-compass", a = {
   base: r,
   iconContainer: `${r}__icon-container`

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.136 */
+v4.33.0-next.138 */
 const l = h`@layer{arcgis-coordinate-conversion{display:block}}`, g = d(o);
 class c extends n {
   constructor() {

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.136 */
+v4.33.0-next.138 */
 const d = l`@layer{arcgis-daylight{display:block}}`, r = h(i);
 class n extends t {
   constructor() {

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

@@ -0,0 +1,47 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import { default as DirectLineMeasurementAnalysis } from '@arcgis/core/analysis/DirectLineMeasurementAnalysis.js';
+import { default as SceneView } from '@arcgis/core/views/SceneView';
+import { ConstructProperties as AnalysisViewModelConstructProperties, AnalysisViewModel } from '../../support/AnalysisViewModel';
+import { MeasurementModeString, MeasurementState, MeasurementValue } from '../../support/measurementUtils';
+interface ConstructProperties extends AnalysisViewModelConstructProperties<SceneView, DirectLineMeasurementAnalysis> {
+    unitOptions: __esri.SystemOrLengthUnit[];
+    unit: __esri.SystemOrLengthUnit;
+}
+export interface Measurement {
+    readonly mode: MeasurementModeString;
+    readonly directDistance: MeasurementValue<__esri.Length>;
+    readonly horizontalDistance: MeasurementValue<__esri.Length>;
+    readonly verticalDistance: MeasurementValue<__esri.Length>;
+}
+export type State = "disabled" | "measured" | "measuring" | "ready";
+export default class DirectLineMeasurement3DViewModel extends AnalysisViewModel<SceneView, DirectLineMeasurementAnalysis> implements ConstructProperties {
+    constructor(properties?: Partial<ConstructProperties>);
+    initialize(): void;
+    get state(): Exclude<MeasurementState, "unsupported">;
+    get displayState(): MeasurementState;
+    /**
+     * The current measurement calculated between the two points.
+     */
+    get measurement(): Measurement;
+    /**
+     * List of unit systems (imperial, metric) and specific units for displaying the distance values.
+     */
+    get unitOptions(): __esri.SystemOrLengthUnit[];
+    set unitOptions(units: __esri.SystemOrLengthUnit[] | undefined);
+    private _userUnitOptions?;
+    /**
+     * Unit system (imperial, metric) or specific unit used for displaying the distance values.
+     */
+    get unit(): __esri.SystemOrLengthUnit;
+    set unit(unit: __esri.SystemOrLengthUnit | undefined);
+    private _userUnit?;
+    get defaultUnit(): __esri.MeasurementSystem | undefined;
+    place(options?: {
+        signal?: AbortSignal;
+    }): Promise<void>;
+    protected clearAnalysis(): void;
+    protected readonly supportedViewType = "3d";
+    protected readonly unsupportedErrorMessage = "The Direct Line Measurement 3D component is only supported in 3D views.";
+    protected constructAnalysis(): DirectLineMeasurementAnalysis;
+}
+export {};

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

@@ -0,0 +1,68 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+/// <reference types="../../index.d.ts" />
+import { default as DirectLineMeasurementAnalysis } from '@arcgis/core/analysis/DirectLineMeasurementAnalysis';
+import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import { Use } from '@arcgis/lumina/controllers';
+import { ArcgisReferenceElement } from '../../utils/component-utils';
+import { default as DirectLineMeasurement3DViewModel } from './DirectLineMeasurement3dViewModel';
+
+declare const useViewModel: (component: LitElement & Pick<DirectLineMeasurement3DViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<DirectLineMeasurement3DViewModel>) => DirectLineMeasurement3DViewModel;
+/**
+ * The Direct Line Measurement 3D 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.
+ *
+ * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-direct-line-measurement-3d/)
+ */
+export declare class ArcgisDirectLineMeasurement3d extends LitElement {
+    get analysis(): DirectLineMeasurementAnalysis;
+    /**
+     * 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](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-direct-line-measurement-3d/#destroy) method when you are done to
+     * prevent memory leaks.
+     *
+     * @default false
+     */
+    autoDestroyDisabled: boolean;
+    /**
+     * Icon which represents the component.
+     * Typically used when the component is controlled by another component (e.g. by the Expand component).
+     *
+     * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
+     * @default "measure-line"
+     */
+    icon?: HTMLCalciteIconElement["icon"];
+    /** The component's default label. */
+    label?: string;
+    /** @default "bottom-left" */
+    position: __esri.UIPosition;
+    referenceElement?: ArcgisReferenceElement | string;
+    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. */
+    unitOptions: __esri.SystemOrLengthUnit[];
+    clear(): Promise<void>;
+    /** Permanently destroy the component. */
+    destroy(): Promise<void>;
+    start(): Promise<void>;
+    /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
+    readonly arcgisPropertyChange: TargetedEvent<this, {
+        name: "state" | "analysis";
+    }>;
+    /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */
+    readonly arcgisReady: TargetedEvent<this, void>;
+}
+/**
+ * The Direct Line Measurement 3D 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.
+ *
+ * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-directline-measurement-3d/)
+ *
+ * @internal
+ * @deprecated
+ */
+export declare class DeprecatedArcgisDirectLineMeasurement3d extends ArcgisDirectLineMeasurement3d {
+}
+export {};