@arcgis/map-components 5.0.0-next.3 → 5.0.0-next.30

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

@@ -1,17 +1,17 @@
 import { c as d } from "../../chunks/runtime.js";
 import { css as h, html as s } from "lit";
 import { substitute as p } from "@arcgis/core/intl.js";
-import { LitElement as g, createEvent as u, safeClassMap as f, safeStyleMap as b, nothing as l } from "@arcgis/lumina";
+import { LitElement as g, createEvent as u, safeClassMap as b, safeStyleMap as f, nothing as n } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.3 */
-const v = h`:host{--internal-block-spacing: var(--calcite-spacing-sm-plus);--internal-inline-spacing: var(--calcite-spacing-md);--internal-collapse-toggle-size: 32px;--internal-color-indicator-width: 3px;--internal-opacity-disabled: .4}.container{position:relative;background:var(--calcite-color-foreground-2)}.disabled arcgis-elevation-profile-statistics{filter:grayscale(1);opacity:var(--internal-opacity-disabled)}.color-indicator{position:absolute;inset-inline-start:0;top:0;width:var(--internal-color-indicator-width);height:100%}.header{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.content{display:block;padding:var(--internal-block-spacing) var(--internal-inline-spacing);padding-top:0}.collapse-toggle{flex-shrink:0;width:var(--internal-collapse-toggle-size);height:var(--internal-collapse-toggle-size)}.label{--calcite-label-margin-bottom: 0;flex-grow:1;flex-shrink:1;padding-inline-start:var(--internal-inline-spacing);min-width:0}`;
+v5.0.0-next.30 */
+const v = h`:host{--internal-block-spacing: var(--calcite-spacing-sm-plus);--internal-inline-spacing: var(--calcite-spacing-md);--internal-collapse-toggle-size: 32px;--internal-color-indicator-width: 3px;--internal-opacity-disabled: .4}.container{position:relative;background:var(--calcite-color-foreground-2)}.disabled{filter:grayscale(1);opacity:var(--internal-opacity-disabled)}.color-indicator{position:absolute;inset-inline-start:0;top:0;width:var(--internal-color-indicator-width);height:100%}.header{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.content{display:block;padding:var(--internal-block-spacing) var(--internal-inline-spacing);padding-top:0}.collapse-toggle{flex-shrink:0;width:var(--internal-collapse-toggle-size);height:var(--internal-collapse-toggle-size)}.label{--calcite-label-margin-bottom: 0;flex-grow:1;flex-shrink:1;padding-inline-start:var(--internal-inline-spacing);min-width:0}`;
 class m extends g {
   constructor() {
-    super(...arguments), this.expanded = !1, this.hideCheckbox = !1, this.arcgisExpandedToggle = u();
+    super(...arguments), this.expanded = !1, this.featureSelected = !1, this.hideCheckbox = !1, this.arcgisExpandedToggle = u();
   }
   static {
-    this.properties = { effectiveDisplayUnits: 0, expanded: 5, hideCheckbox: 5, messages: 0, result: 0 };
+    this.properties = { effectiveDisplayUnits: 0, expanded: 5, featureSelected: 5, hideCheckbox: 5, messages: 0, result: 0 };
   }
   static {
     this.styles = v;
@@ -20,42 +20,45 @@ class m extends g {
     await this.manager.destroy();
   }
   render() {
-    return s`<div class=${f({
+    return s`<div class=${b({
       container: !0,
       expanded: this.expanded,
-      disabled: !this.result.profileLine.enabled
+      disabled: this._disabled
     })}>${this._renderColorIndicator()}<div class="header">${this._renderLabelWithCheckbox()}${this._renderCollapseToggleButton()}</div>${this.expanded ? this._renderStatistics() : void 0}</div>`;
   }
   _renderColorIndicator() {
-    return s`<div class="color-indicator" style=${b({ backgroundColor: this.result.profileLine.color.toCss() })}></div>`;
+    return s`<div class="color-indicator" style=${f({ backgroundColor: this.result.profile.color.toCss() })}></div>`;
   }
   _renderCollapseToggleButton() {
     const { expanded: e, messages: t } = this, i = t[e ? "hideDetails" : "showDetails"] ?? "";
-    return s`<calcite-action appearance=transparent class="collapse-toggle" data-testid=${`legend-toggle-${this.result.profileLine.id}`} .icon=${e ? "chevron-up" : "chevron-down"} @click=${() => this.arcgisExpandedToggle.emit(this.result.profileLine)} scale=s .text=${i} title=${i ?? l}></calcite-action>`;
+    return s`<calcite-action appearance=transparent class="collapse-toggle" data-testid=${`legend-toggle-${this.result.profile.id}`} .icon=${e ? "chevron-up" : "chevron-down"} @click=${() => this.arcgisExpandedToggle.emit(this.result.profile)} scale=s .text=${i} title=${i ?? n}></calcite-action>`;
   }
   _renderLabelWithCheckbox() {
     const { result: e, hideCheckbox: t, messages: i } = this;
     return s`<calcite-label class="label" layout=inline>${t ? void 0 : this._renderCheckbox()}${r(e, i)}</calcite-label>`;
   }
   _renderCheckbox() {
-    const { result: e, messages: t } = this, { profileLine: i } = e, a = i.enabled, c = t[a ? "hideProfile" : "showProfile"] ?? "", o = p(c, {
+    const { result: e, messages: t } = this, { profile: i } = e, l = i.enabled, c = t[l ? "hideProfile" : "showProfile"] ?? "", o = p(c, {
       name: r(e, t)
     });
-    return s`<calcite-checkbox .checked=${a} class="checkbox" title=${o ?? l} @calciteCheckboxChange=${() => {
+    return s`<calcite-checkbox .checked=${l} class="checkbox" title=${o ?? n} @calciteCheckboxChange=${() => {
       i.enabled = !i.enabled;
     }}></calcite-checkbox>`;
   }
   _renderStatistics() {
-    return s`<div class="content"><arcgis-elevation-profile-statistics .messages=${this.messages} .result=${this.result} .effectiveDisplayUnits=${this.effectiveDisplayUnits}></arcgis-elevation-profile-statistics></div>`;
+    return s`<div class="content"><arcgis-elevation-profile-statistics .messages=${this.messages} .result=${this._disabled ? void 0 : this.result} .effectiveDisplayUnits=${this.effectiveDisplayUnits}></arcgis-elevation-profile-statistics></div>`;
+  }
+  get _disabled() {
+    return !this.featureSelected && this.result.profile.type === "input";
   }
 }
-function r({ profileLine: n }, { profiles: e }) {
-  const t = n.title;
+function r({ profile: a }, { profiles: e }) {
+  const t = a.title;
   if (t != null)
     return t;
   if (!e)
     return "";
-  switch (n.type) {
+  switch (a.type) {
     case "ground":
       return e.ground;
     case "input":

package/dist/components/arcgis-elevation-profile-next/ElevationProfileViewModel.d.ts

@@ -1,9 +1,10 @@
 import { default as ElevationProfileAnalysis } from '@arcgis/core/analysis/ElevationProfileAnalysis.js';
 import { default as MapView } from '@arcgis/core/views/MapView.js';
 import { default as SceneView } from '@arcgis/core/views/SceneView';
+import { default as ElevationProfileResult } from '@arcgis/core/views/analysis/ElevationProfile/ElevationProfileResult';
 import { AnalysisViewModel } from '../../support/AnalysisViewModel';
 import { SystemOrLengthUnit } from '../../support/measurementUtils';
-import { ElevationProfileCombinedResult, ElevationProfileEffectiveDisplayUnits, ElevationProfileErrorState } from './interfaces';
+import { ElevationProfileEffectiveDisplayUnits, ElevationProfileErrorState } from './interfaces';
 export default class ElevationProfileViewModel extends AnalysisViewModel<MapView | SceneView, ElevationProfileAnalysis> {
     private _userUnitOptionsDistance?;
     private _userUnitOptionsElevation?;
@@ -11,14 +12,19 @@ export default class ElevationProfileViewModel extends AnalysisViewModel<MapView
     private _userUnitElevation?;
     private get _measurementSystem();
     private _selectingPromise?;
+    private _selectedFeature?;
+    private _selectionHighlightTask?;
     private get _hasSamples();
     /**
-     * Whether the current input graphic is valid and the user can call `.stop()` to stop creating it. The input graphic
-     * is valid if it's a polyline with at least 3 points (we'll delete the last point on `stop()`).
+     * Whether the current geometry is valid and the "Done" button should be enabled to finish the sketch operation.
      */
-    get canStopCreating(): boolean;
+    get doneButtonAvailable(): boolean;
     get effectiveDisplayUnits(): ElevationProfileEffectiveDisplayUnits | undefined;
     get errorState(): ElevationProfileErrorState;
+    /**
+     * Whether a feature is currently being used as input for the analysis.
+     */
+    get featureSelected(): boolean;
     get hasVertices(): boolean;
     highlightEnabled: boolean;
     get hoveredPosition(): number | undefined;
@@ -29,12 +35,12 @@ export default class ElevationProfileViewModel extends AnalysisViewModel<MapView
     get profiles(): ElevationProfileAnalysis["profiles"];
     set profiles(value: ElevationProfileAnalysis["profiles"]);
     get progress(): number;
-    get results(): ElevationProfileCombinedResult[];
+    get results(): ElevationProfileResult[];
     /**
      * Whether there are layers in the map or graphics in the view that can be selected. In that case, the select button
      * can be enabled.
      */
-    get selectAvailable(): boolean;
+    get selectButtonAvailable(): boolean;
     /**
      * The current state of the component
      *
@@ -56,12 +62,17 @@ export default class ElevationProfileViewModel extends AnalysisViewModel<MapView
     get unitOptionsElevation(): SystemOrLengthUnit[];
     set unitOptionsElevation(units: SystemOrLengthUnit[] | undefined);
     initialize(): void;
+    destroy(): void;
     select(): Promise<void>;
     protected place(options?: {
         signal?: AbortSignal;
     }): Promise<void>;
+    protected shouldForceInteractive: boolean;
     protected clearAnalysis(): void;
     protected readonly supportedViewType = "both";
     protected readonly unsupportedErrorMessage = "";
     protected constructAnalysis(): ElevationProfileAnalysis;
+    private _highlightSelectedFeature;
+    private _removeSelectionHighlight;
+    private _excludeSelectedFeatureFromProfile;
 }

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

@@ -56,7 +56,7 @@ export declare class ArcgisElevationProfileNext extends LitElement {
     analysis: __esri.ElevationProfileAnalysis;
     /**
      * The view associated with the component.
-     *   > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the ArcgisElevationProfileNext component will be associated with a map or scene component rather than using the `view` property.
+     *   > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the Elevation Profile Next component will be associated with a map or scene component rather than using the `view` property.
      */
     view: __esri.MapView | __esri.SceneView | undefined;
     /**
@@ -111,7 +111,7 @@ export declare class ArcgisElevationProfileNext extends LitElement {
      * Polyline geometry.
      * [Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-ElevationProfileAnalysis.html#geometry)
      */
-    geometry: nullish | __esri.Polyline;
+    geometry: __esri.Polyline | nullish;
     /**
      * Specifies how the geometry Z values are interpreted, for example to compute elevations for an
      * [input](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ElevationProfile-ElevationProfileLineInput.html)
@@ -129,7 +129,7 @@ export declare class ArcgisElevationProfileNext extends LitElement {
      * _**Note**: Individual message keys may change between releases._
      */
     messageOverrides?: typeof this._messages._overrides;
-    /** @deprecated since 4.34, use [`slot`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/slot) instead. */
+    /** @deprecated since 4.34, use [`slot`](https://developers.arcgis.com/javascript/latest/building-your-ui/#slots) instead. */
     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.
@@ -155,7 +155,7 @@ export declare class ArcgisElevationProfileNext extends LitElement {
      * * `selecting` - user is selecting an existing input path
      * * `selected` - user selected an existing input path
      */
-    state: "ready" | "selected" | "disabled" | "created" | "creating" | "selecting";
+    state: "ready" | "selected" | "disabled" | "creating" | "created" | "selecting";
     /**
      * Whether the chart should use a uniform scale for the X and Y axes.
      *
@@ -199,7 +199,7 @@ export declare class ArcgisElevationProfileNext extends LitElement {
     stop(): 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" | "progress" | "geometry" | "effectiveDisplayUnits";
+        name: "progress" | "state" | "geometry" | "effectiveDisplayUnits";
     }>;
     /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
     readonly arcgisReady: TargetedEvent<this, void>;