@arcgis/map-components 5.2.0-next.10 → 5.2.0-next.100

package/dist/components/arcgis-utility-network-trace-analysis-next/customElement.d.ts

@@ -0,0 +1,452 @@
+/// <reference path="../../index.d.ts" />
+import type Color from "@arcgis/core/Color.js";
+import type Graphic from "@arcgis/core/Graphic.js";
+import type MapView from "@arcgis/core/views/MapView.js";
+import type { ActionEvent } from "@arcgis/core/widgets/Popup/types.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { ArcgisFeaturesNext } from "../arcgis-features-next/customElement.js";
+import type { ArcgisReferenceElement } from "../types.js";
+import type { SelectStartPayload } from "../arcgis-utility-network-trace-location-next/customElement.js";
+import type { ArcgisUtilityNetworkTraceResultsNext } from "../arcgis-utility-network-trace-results-next/customElement.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+import type { UtilityNetworkTraceAnalysisState } from "@arcgis/core/networks/UtilityNetworkTraceAnalysis.js";
+
+/**
+ * ## Overview
+ *
+ * > [!WARNING]
+ * > This component is the successor to the `utility-network-trace-analysis` component.
+ * > The `utility-network-trace-analysis` component is being substantially refactored to expose public trace sub-components in release 5.2 and 6.0.
+ * > To avoid destabilizing the public version of `utility-network-trace-analysis`, the refactoring work is being performed in this component.
+ * > At release, this "next" component will replace the original.
+ *
+ * The Utility Network Trace Analysis component allows users to run traces and view trace results in a utility network.
+ *
+ * - The component supports selecting a utility network and a named trace configuration in that utility network. Both the utility network and trace configuration must be [stored in the map](https://developers.arcgis.com/javascript/latest/references/core/WebMap/#utilityNetworks).
+ * - Trace locations (starting points, stopping points, and barriers) are set by selecting features on the view.
+ * - When a subnetwork-based trace is selected, the component displays the domain, tier, and target tier specified by the selected named trace configuration.
+ * - If the user selects a subnetwork trace with a specified subnetwork name, the component provides an option to choose a subnetwork name instead of starting location(s) to run the trace with.
+ *
+ * Supported trace types are: `connected`, `upstream`, `downstream`, `shortest-path` (deprecated), `path`, `subnetwork`, `subnetwork-controller`, `loops`, and `isolation`.
+ *
+ * > [!WARNING]
+ * >
+ * > The [shortest path trace type](https://pro.arcgis.com/en/pro-app/latest/help/data/trace-network/discover-the-shortest-path.htm) is deprecated with ArcGIS Pro 3.7 and ArcGIS Enterprise 12.1.
+ * >
+ * > While the shortest path trace will continue to function and be an option until the next major release, it is recommended to use the path trace to return the shortest path.
+ * > The path trace provides the same functionality to return a shortest path result while offering additional capabilities to find paths in your network.
+ *
+ * The component can display the following from a trace result: elements (as [features](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-analysis-next/#traceResultFeatures)), aggregated geometries, and function results.
+ * If the trace result includes elements that originate from a [feature layer](https://developers.arcgis.com/javascript/latest/references/core/layers/FeatureLayer/)
+ * that is not included in the map, the Results tab displays an `Unknown` layer with a count of those elements.
+ * The component's [traceResultFeatures](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-analysis-next/#traceResultFeatures) property also does not include these elements.
+ *
+ * > [!WARNING]
+ * >
+ * > The Utility Network Trace Analysis component does not support the following:
+ * >
+ * > 1. Proxied feature services or feature services that utilize stored credentials.
+ * > 2. The `circuit` trace type or the `paths` and `circuits` result types.
+ * > 3. Setting grouping properties `firstUnit` and `lastUnit` for trace locations in a [telecom domain network](https://pro.arcgis.com/en/pro-app/latest/help/data/utility-network/telecom-domain-networks.htm).
+ * >    If a [grouped object](https://doc.esri.com/en/arcgis-pro/latest/help/data/utility-network/grouping.html) is used as a trace location, its `firstUnit` and `lastUnit` attributes are not used in the trace.
+ *
+ * ## Working with nonspatial objects
+ *
+ * The Utility Network Trace Analysis component supports selecting nonspatial objects as trace locations by traversing associations.
+ *
+ * When selecting a trace location or viewing a trace result feature, information about the feature is displayed according to the
+ * [PopupTemplate](https://developers.arcgis.com/javascript/latest/references/core/PopupTemplate/) of the layer that the feature belongs to.
+ * If the feature's layer has no PopupTemplate, a default template is used to display the feature's attributes.
+ *
+ * To select a nonspatial object as a trace location, first select a spatial feature on the map that is associated with the target nonspatial object.
+ * The spatial feature's layer must have a PopupTemplate that includes a [UtilityNetworkAssociationsContent](https://developers.arcgis.com/javascript/latest/references/core/popup/content/UtilityNetworkAssociationsContent/).
+ * Navigate through the spatial feature's associations to the target nonspatial object, then add the object as a trace location.
+ *
+ * ## Examples
+ *
+ * This component can be used slotted into an [arcgis-map](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-map/):
+ *
+ * ```html
+ * <arcgis-map item-id="471eb0bf37074b1fbb972b1da70fb310">
+ *   <arcgis-utility-network-trace-analysis-next slot="bottom-left"></arcgis-utility-network-trace-analysis-next>
+ * </arcgis-map>
+ * ```
+ *
+ * Alternatively, this component can be used outside of a map by providing a [referenceElement](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-analysis-next/#referenceElement):
+ *
+ * ```html
+ * <calcite-shell>
+ *   <calcite-shell-panel slot="panel-start" position="start" width-scale="l">
+ *     <arcgis-utility-network-trace-analysis-next reference-element="#map-element"></arcgis-utility-network-trace-analysis-next>
+ *   </calcite-shell-panel>
+ *   <arcgis-map id="map-element" item-id="471eb0bf37074b1fbb972b1da70fb310"></arcgis-map>
+ * </calcite-shell>
+ * ```
+ *
+ * Note: Sign in to access the data in this demo, U/P: `viewer01`/`I68VGU^nMurF`
+ *
+ * @internal
+ * @since 5.0
+ */
+export abstract class ArcgisUtilityNetworkTraceAnalysisNext extends LitElement {
+  /** @internal */
+  protected _messages: {
+      buttons: {
+          clearResultsCustom: string;
+          clearResultsGeneric: string;
+          getResults: string;
+      };
+      componentLabel: string;
+      errors: {
+          loadErrors: {
+              noUserTypeExtension: string;
+              noUtilityNetwork: string;
+              noView: string;
+              sceneViewNotSupported: string;
+          };
+          missingTerminalBody: string;
+          missingTerminalTitle: string;
+          noStartingPointsBody: string;
+          noStartingPointsTitle: string;
+      };
+      labels: {
+          traceConfiguration: string;
+          traceInputs: string;
+          utilityNetwork: string;
+      };
+      runningTrace: string;
+      tabs: {
+          inputTab: string;
+          resultsTab: string;
+      };
+  } & T9nMeta<{
+      buttons: {
+          clearResultsCustom: string;
+          clearResultsGeneric: string;
+          getResults: string;
+      };
+      componentLabel: string;
+      errors: {
+          loadErrors: {
+              noUserTypeExtension: string;
+              noUtilityNetwork: string;
+              noView: string;
+              sceneViewNotSupported: string;
+          };
+          missingTerminalBody: string;
+          missingTerminalTitle: string;
+          noStartingPointsBody: string;
+          noStartingPointsTitle: string;
+      };
+      labels: {
+          traceConfiguration: string;
+          traceInputs: string;
+          utilityNetwork: string;
+      };
+      runningTrace: string;
+      tabs: {
+          inputTab: string;
+          resultsTab: string;
+      };
+  }>;
+  /**
+   * A [collection](https://developers.arcgis.com/javascript/latest/references/core/core/Collection/) of [action button](https://developers.arcgis.com/javascript/latest/references/core/support/actions/ActionButton/) or [action toggle](https://developers.arcgis.com/javascript/latest/references/core/support/actions/ActionToggle/) objects. Each action may be executed by clicking the icon or image symbolizing them.
+   * There is a default `Zoom To` action styled with a magnifying glass icon to zoom in four LODs and center the map on the selected feature. This default action can be removed by setting [includeDefaultActionsDisabled](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-analysis-next/#includeDefaultActionsDisabled) to `true`, or by setting the [`overwriteActions`](https://developers.arcgis.com/javascript/latest/references/core/PopupTemplate/#overwriteActions) property to `true` in a [PopupTemplate](https://developers.arcgis.com/javascript/latest/references/core/PopupTemplate/).
+   *
+   * The order of each action is the order in which they appear in the actions [Collection](https://developers.arcgis.com/javascript/latest/references/core/core/Collection/). The [@arcgisTriggerAction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-analysis-next/#event-arcgisTriggerAction) event fires each time an action is clicked.
+   *
+   * @see [@arcgisTriggerAction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-analysis-next/#event-arcgisTriggerAction)
+   * @see [Popup actions sample](https://developers.arcgis.com/javascript/latest/sample-code/popup-actions/)
+   */
+  accessor actions: ArcgisFeaturesNext["actions"] | undefined;
+  /**
+   * The color used to render graphics for aggregated geometries in trace results, specified as a
+   * [Color](https://developers.arcgis.com/javascript/latest/references/core/Color/) object.
+   *
+   * Aggregated geometry is only rendered if the trace configuration specifies aggregated geometry as a result type.
+   *
+   * Default color is #FFFF00.
+   *
+   * @example
+   * Set the default aggregated geometry graphics color to lime green.
+   * ```js
+   * const traceElement = document.querySelector("arcgis-utility-network-trace-analysis-next");
+   * traceElement.aggregatedGeometryGraphicsColor = new Color("lime");
+   * ```
+   * @see [Color constructor](https://developers.arcgis.com/javascript/latest/references/core/Color/#constructors-summary)
+   */
+  accessor aggregatedGeometryGraphicsColor: Color;
+  /**
+   * 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/components/arcgis-utility-network-trace-analysis-next/#destroy) method when you are done to
+   * prevent memory leaks.
+   *
+   * @default false
+   * @example
+   * ```html
+   * <arcgis-utility-network-trace-analysis-next auto-destroy-disabled></arcgis-utility-network-trace-analysis-next>
+   * ```
+   *
+   * ```js
+   * utilityNetworkTraceAnalysisNextElement.autoDestroyDisabled = true;
+   * ```
+   * 
+   */
+  accessor autoDestroyDisabled: boolean;
+  /**
+   * A function to run before trace location selection starts.
+   *
+   * @internal
+   * @example
+   * ```js
+   * const traceElement = document.querySelector("arcgis-utility-network-trace-analysis-next");
+   * traceElement.beforeTraceLocationSelectStart = async () => await doAsyncWork();
+   * ```
+   */
+  accessor beforeTraceLocationSelectStart: (() => Promise<void>) | undefined;
+  /**
+   * Whether to disable highlighting trace result features on the map.
+   *
+   * If true, the features returned by a trace will not be highlighted on the map.
+   *
+   * @default false
+   * @example
+   * Disable highlighting trace result features.
+   * ```html
+   * <arcgis-map item-id="471eb0bf37074b1fbb972b1da70fb310">
+   *   <arcgis-utility-network-trace-analysis-next disable-highlight-feature-results slot="top-right">
+   *   </arcgis-utility-network-trace-analysis-next>
+   * </arcgis-map>
+   * ```
+   */
+  accessor disableHighlightFeatureResults: boolean;
+  /**
+   * Indicates whether to hide the action bar that holds the feature's
+   * [actions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-features/#actions)
+   * when selecting trace locations and viewing trace result features.
+   *
+   * @default false
+   * @internal
+   */
+  accessor hideActionBar: boolean;
+  /**
+   * Whether to hide feature results in the results tab.
+   *
+   * If true, when features are returned by a trace, they will not be visible in the results tab.
+   * A message will be displayed in its place indicating that features were returned by the trace, but are not visible in the results pane.
+   * This string can be overridden with the `messageOverrides` property.
+   *
+   * @default false
+   * @example
+   * Do not show features in the results tab.
+   * ```html
+   * <arcgis-map item-id="471eb0bf37074b1fbb972b1da70fb310">
+   *   <arcgis-utility-network-trace-analysis-next hide-feature-results slot="top-right">
+   *   </arcgis-utility-network-trace-analysis-next>
+   * </arcgis-map>
+   * ```
+   * @example
+   * Override the message displayed in the results tab when features are hidden.
+   * ```js
+   * const traceElement = document.querySelector("arcgis-utility-network-trace-analysis-next");
+   * traceElement.messageOverrides = { resultFeaturesAreHidden: "Feature results were sent to the results window." };
+   * ```
+   */
+  accessor hideFeatureResults: boolean;
+  /**
+   * Whether to hide the aggregated geometry [graphics](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-aggregated-geometry-result-item/#geometryGraphics)
+   * from the map when the trace result contains aggregated geometry results.
+   *
+   * @default false
+   */
+  accessor hideGraphics: boolean;
+  /**
+   * Whether to hide the placeholder string when feature results are hidden in the results tab.
+   *
+   * When this property and [hideFeatureResults](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-analysis-next/#hideFeatureResults) are both set to `true`,
+   * nothing is rendered for trace result elements. However, features are still queried and are available through
+   * [traceResultFeatures](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-analysis-next/#traceResultFeatures).
+   *
+   * @default false
+   * @example
+   * Hide the placeholder when feature results are hidden.
+   * ```html
+   * <arcgis-map item-id="471eb0bf37074b1fbb972b1da70fb310">
+   *   <arcgis-utility-network-trace-analysis-next
+   *     hide-feature-results
+   *     hide-placeholder
+   *     slot="top-right"
+   *   ></arcgis-utility-network-trace-analysis-next>
+   * </arcgis-map>
+   * ```
+   */
+  accessor hidePlaceholder: boolean;
+  /**
+   * Indicates whether default actions are disabled (hidden) when viewing trace result features.
+   * This property must be set to `true` to disable default actions.
+   *
+   * @default false
+   */
+  accessor includeDefaultActionsDisabled: boolean;
+  /** The component's default label. */
+  accessor label: string | undefined;
+  /**
+   * Replace localized message strings with your own strings.
+   *
+   * _**Note**: Individual message keys may change between releases._
+   */
+  accessor messageOverrides: NonNullable<ArcgisUtilityNetworkTraceResultsNext["messageOverrides"]> & {
+      buttons?: {
+          clearResultsCustom?: string | undefined;
+          clearResultsGeneric?: string | undefined;
+          getResults?: string | undefined;
+      } | undefined;
+      componentLabel?: string | undefined;
+      errors?: {
+          loadErrors?: {
+              noUserTypeExtension?: string | undefined;
+              noUtilityNetwork?: string | undefined;
+              noView?: string | undefined;
+              sceneViewNotSupported?: string | undefined;
+          } | undefined;
+          missingTerminalBody?: string | undefined;
+          missingTerminalTitle?: string | undefined;
+          noStartingPointsBody?: string | undefined;
+          noStartingPointsTitle?: string | undefined;
+      } | undefined;
+      labels?: {
+          traceConfiguration?: string | undefined;
+          traceInputs?: string | undefined;
+          utilityNetwork?: string | undefined;
+      } | undefined;
+      runningTrace?: string | undefined;
+      tabs?: {
+          inputTab?: string | undefined;
+          resultsTab?: string | undefined;
+      } | undefined;
+  };
+  /**
+   * 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)
+   */
+  accessor referenceElement: ArcgisReferenceElement | string | undefined;
+  /** The current state of the component. */
+  get state(): UtilityNetworkTraceAnalysisState;
+  /**
+   * An array of features returned by the trace result.
+   *
+   * This array is populated if the trace returned [element](https://developers.arcgis.com/javascript/latest/references/core/rest/networks/support/TraceResult/#elements) results.
+   *
+   * When [@arcgisTraceResultFeaturesReady](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-analysis-next/#event-arcgisTraceResultFeaturesReady) is raised, trace result features are available.
+   * When a new trace has been run, or the trace results are cleared, this array is cleared.
+   */
+  get traceResultFeatures(): Graphic[];
+  /**
+   * 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 arcgis-utility-network-trace-analysis-next component will be associated with a map or scene component rather than using the `view` property.
+   */
+  accessor view: MapView | null | undefined;
+  /** Permanently destroy the component. */
+  destroy(): Promise<void>;
+  /**
+   * Fires when the user toggles displaying aggregated geometry results in the result pane.
+   * Event payload contains a boolean representing whether the aggregated geometry graphics are hidden.
+   * If true, the aggregated geometry graphics are hidden on the view.
+   *
+   * @deprecated since 5.2. Use [@arcgisPropertyChange](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-analysis-next/#event-arcgisPropertyChange) instead.
+   * @example
+   * ```js
+   * const traceElement = document.querySelector("arcgis-utility-network-trace-analysis-next");
+   * traceElement.addEventListener("arcgisHideGraphicsChange", (event) => {
+   *   const hideGraphics = event.detail;
+   *   console.log(hideGraphics);
+   * });
+   * ```
+   */
+  readonly arcgisHideGraphicsChange: import("@arcgis/lumina").TargetedEvent<this, boolean>;
+  /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
+  readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "aggregatedGeometryGraphicsColor" | "hideGraphics"; }>;
+  /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
+  readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /**
+   * Fires when the user completes the selection of a trace location.
+   *
+   * @internal
+   * @example
+   * ```js
+   * const traceElement = document.querySelector("arcgis-utility-network-trace-analysis-next");
+   * traceElement.addEventListener("arcgisTraceLocationSelectEnd", () => {
+   *   console.log("Selection finished!");
+   * });
+   * ```
+   */
+  readonly arcgisTraceLocationSelectEnd: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /**
+   * Fires when the user begins selection of a trace location.
+   * Event payload contains a callback method `cancelSelect` to cancel a selection in progress.
+   * The event can also be prevented with `event.preventDefault()` to stop the selection.
+   *
+   * @internal
+   * @example
+   * ```js
+   * const traceElement = document.querySelector("arcgis-utility-network-trace-analysis-next");
+   * traceElement.addEventListener("arcgisTraceLocationSelectStart", (event) => {
+   *   event.preventDefault();
+   * });
+   * ```
+   * @example
+   * ```js
+   * let cancelSelect;
+   * const traceElement = document.querySelector("arcgis-utility-network-trace-analysis-next");
+   * traceElement.addEventListener("arcgisTraceLocationSelectStart", (event) => {
+   *   cancelSelect = event.detail.cancelSelect;
+   * });
+   *
+   * setTimeout(() => {
+   *   cancelSelect();
+   * }, 3000);
+   * ```
+   */
+  readonly arcgisTraceLocationSelectStart: import("@arcgis/lumina").TargetedEvent<this, SelectStartPayload>;
+  /**
+   * Fires when the trace result is cleared from the results tab.
+   *
+   * @example
+   * ```js
+   * const traceElement = document.querySelector("arcgis-utility-network-trace-analysis-next");
+   * traceElement.addEventListener("arcgisTraceResultClear", (event) => {
+   *   console.log("Trace result was cleared.");
+   * });
+   * ```
+   */
+  readonly arcgisTraceResultClear: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /**
+   * Fires when the trace result features are ready.
+   * Check property [traceResultFeatures](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-analysis-next/#traceResultFeatures) for the trace result features.
+   *
+   * @example
+   * ```js
+   * const traceElement = document.querySelector("arcgis-utility-network-trace-analysis-next");
+   * traceElement.addEventListener("arcgisTraceResultFeaturesReady", (event) => {
+   *   const resultFeatures = traceElement.traceResultFeatures;
+   *   console.log(resultFeatures);
+   * });
+   * ```
+   */
+  readonly arcgisTraceResultFeaturesReady: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Emitted when an action is triggered on the component. */
+  readonly arcgisTriggerAction: import("@arcgis/lumina").TargetedEvent<this, ActionEvent>;
+  readonly "@eventTypes": {
+    arcgisHideGraphicsChange: ArcgisUtilityNetworkTraceAnalysisNext["arcgisHideGraphicsChange"]["detail"];
+    arcgisPropertyChange: ArcgisUtilityNetworkTraceAnalysisNext["arcgisPropertyChange"]["detail"];
+    arcgisReady: ArcgisUtilityNetworkTraceAnalysisNext["arcgisReady"]["detail"];
+    arcgisTraceLocationSelectEnd: ArcgisUtilityNetworkTraceAnalysisNext["arcgisTraceLocationSelectEnd"]["detail"];
+    arcgisTraceLocationSelectStart: ArcgisUtilityNetworkTraceAnalysisNext["arcgisTraceLocationSelectStart"]["detail"];
+    arcgisTraceResultClear: ArcgisUtilityNetworkTraceAnalysisNext["arcgisTraceResultClear"]["detail"];
+    arcgisTraceResultFeaturesReady: ArcgisUtilityNetworkTraceAnalysisNext["arcgisTraceResultFeaturesReady"]["detail"];
+    arcgisTriggerAction: ArcgisUtilityNetworkTraceAnalysisNext["arcgisTriggerAction"]["detail"];
+  };
+}

package/dist/components/arcgis-utility-network-trace-analysis-next/customElement.js

@@ -0,0 +1,160 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as u } from "../../chunks/runtime.js";
+import { css as d, html as i } from "lit";
+import { ref as c } from "lit/directives/ref.js";
+import { keyed as l } from "lit/directives/keyed.js";
+import p from "@arcgis/core/Color.js";
+import { when as m } from "@arcgis/core/core/reactiveUtils.js";
+import f from "@arcgis/core/networks/UtilityNetworkTraceAnalysis.js";
+import { LitElement as y, createEvent as n } from "@arcgis/lumina";
+import { usePropertyChange as b } from "@arcgis/lumina/controllers";
+import { log as w } from "@arcgis/toolkit/log";
+import { u as v } from "../../chunks/useT9n.js";
+import { m as T } from "../../chunks/useViewModel.js";
+import { l as $ } from "../../chunks/async-utils.js";
+const R = d`:host{--arcgis-internal-color-black-30: color-mix(in srgb, #000000 30.2%, transparent);--arcgis-internal-box-shadow: var(--calcite-spacing-none) var(--calcite-spacing-px) var(--calcite-spacing-base) var(--arcgis-internal-color-black-30);--arcgis-internal-top-max-width: calc(min(100cqw, 100vw) - var(--calcite-spacing-xxxl));--arcgis-internal-panel-width: 300px;--arcgis-internal-panel-height: 100%;--arcgis-internal-panel-height-sm: 240px;--arcgis-internal-panel-height-md: 420px;--arcgis-internal-panel-height-lg: 540px;--arcgis-internal-panel-height-xl: 680px;--arcgis-internal-panel-gap: var(--calcite-spacing-lg);--arcgis-internal-panel-actions-gap: var(--calcite-spacing-sm);--arcgis-internal-basemap-gallery-width-lg: 450px;--arcgis-internal-collapse-icon-flip: scaleX(1);--arcgis-internal-row-direction: row;--arcgis-internal-legend-width: 300px;--arcgis-internal-layout-overlay-space-top: var(--arcgis-layout-overlay-space-top, 0px);--arcgis-internal-layout-overlay-space-bottom: var(--arcgis-layout-overlay-space-bottom, 0px);--arcgis-internal-layout-overlay-space-left: var(--arcgis-layout-overlay-space-left, 0px);--arcgis-internal-layout-overlay-space-right: var(--arcgis-layout-overlay-space-right, 0px);--arcgis-internal-view-color-focus: var(--arcgis-view-color-focus, var(--calcite-color-brand));--arcgis-internal-attribution-space-bottom: var(--arcgis-internal-layout-overlay-space-bottom);--arcgis-internal-attribution-space-left: var(--arcgis-internal-layout-overlay-space-left);--arcgis-internal-attribution-space-right: var(--arcgis-internal-layout-overlay-space-right);--arcgis-internal-attribution-font-size: var(--calcite-font-size-sm);--arcgis-internal-attribution-font-size-sm: var(--calcite-font-size-xs);--arcgis-internal-sketch-justify-content: flex-start}:host{display:flex;flex-direction:column;height:var(--arcgis-internal-panel-height, 100%)}arcgis-utility-network-trace-inputs-next[mode=default]{height:auto}calcite-tabs{display:flex;flex-direction:column;height:100%}calcite-tab{--calcite-tab-content-space-y: 0;min-height:var(--arcgis-internal-panel-height-sm, 240px)}calcite-tab:not([selected]){flex:0}calcite-panel{--calcite-panel-background-color: var(--calcite-color-foreground-1)}calcite-notice{margin:var(--calcite-spacing-md)}.inputs-tab-container{display:flex;flex-direction:column;height:100%}.trace-inputs-warning{flex:none;height:fit-content;calcite-notice{margin:var(--calcite-spacing-md) var(--calcite-spacing-md) 0}}`, _ = T(f);
+class x extends y {
+  constructor() {
+    super(...arguments), this._messages = v({ blocking: !0 }), this.#t = _(this), this._activeTab = "input", this._showMissingTerminalWarning = !1, this._showNoStartingPointsWarning = !1, this._mode = "default", this.autoDestroyDisabled = !1, this.aggregatedGeometryGraphicsColor = new p([255, 255, 0, 0.6]), this.disableHighlightFeatureResults = !1, this.hideActionBar = !1, this.hideGraphics = !1, this.hidePlaceholder = !1, this.hideFeatureResults = !1, this.includeDefaultActionsDisabled = !1, this.state = this.#t.state, this.view = this.#t.view, this.arcgisHideGraphicsChange = n(), this.arcgisPropertyChange = b()("aggregatedGeometryGraphicsColor", "hideGraphics"), this.arcgisReady = n(), this.arcgisTriggerAction = n(), this.arcgisTraceLocationSelectEnd = n(), this.arcgisTraceLocationSelectStart = n(), this.arcgisTraceResultClear = n(), this.arcgisTraceResultFeaturesReady = n();
+  }
+  static {
+    this.properties = { _activeTab: 16, _traceError: 16, _traceResult: 16, _showMissingTerminalWarning: 16, _showNoStartingPointsWarning: 16, _mode: 16, actions: 0, autoDestroyDisabled: 5, beforeTraceLocationSelectStart: 0, aggregatedGeometryGraphicsColor: 0, disableHighlightFeatureResults: 5, hideActionBar: 5, hideGraphics: 5, hidePlaceholder: 5, hideFeatureResults: 5, includeDefaultActionsDisabled: 5, label: 3, messageOverrides: 0, traceResultFeatures: 32, referenceElement: 1, state: 32, view: 0 };
+  }
+  static {
+    this.styles = R;
+  }
+  #t;
+  #e;
+  #i;
+  get #r() {
+    const { view: e } = this;
+    return e?.map ? e.map.allLayers.toArray().concat(e.map.allTables.toArray()) : [];
+  }
+  #n;
+  get traceResultFeatures() {
+    return this.#i?.traceResultFeatures ?? [];
+  }
+  async destroy() {
+    await this.#i?.destroy(), await this.#e?.destroy(), await this.manager.destroy();
+  }
+  load() {
+    this.manager.onLifecycle(() => [
+      m(() => !this.#t.utilityNetwork, () => this.#a("input"))
+    ]);
+  }
+  #s() {
+    this._traceResult = void 0, this.#i?.clearResults();
+  }
+  #o() {
+    if (!this.#e)
+      return;
+    const { traceLocations: e, traceLocationFlagInfos: t, traceConfiguration: s, isSubnetworkNameTraceSelected: a } = this.#e, r = !!s?.subnetworkName, h = e?.some((o) => o.type === "starting-point"), g = t?.some((o) => !!o.flagProperties.terminalConfiguration && !o.flagProperties.selectedTerminals?.size) ?? !1;
+    this._traceError = void 0, this._showNoStartingPointsWarning = !a && !h || a && !r, this._showMissingTerminalWarning = g;
+  }
+  #a(e) {
+    this._activeTab = e;
+  }
+  #c(e) {
+    const { _messages: t } = this;
+    switch (e) {
+      case "no-user-type-extension":
+        return t.errors.loadErrors.noUserTypeExtension;
+      case "no-utility-network":
+        return t.errors.loadErrors.noUtilityNetwork;
+      case "no-view":
+        return t.errors.loadErrors.noView;
+      case "sceneView-not-supported":
+        return t.errors.loadErrors.sceneViewNotSupported;
+      default:
+        return e;
+    }
+  }
+  async #l() {
+    const e = this.#e?.selectedNamedTraceConfiguration, t = this.#e?.traceConfiguration;
+    if (!(e?.traceType && t)) {
+      w("error", this, "Trace configuration not found");
+      return;
+    }
+    const s = this.#e?.traceLocations;
+    try {
+      this._traceResult = await this.#t.executeTraceConfiguration({
+        traceType: e.traceType,
+        traceConfiguration: t,
+        traceLocations: s ?? [],
+        resultTypes: e.resultTypes,
+        outSpatialReference: this.view?.spatialReference
+      });
+    } catch (a) {
+      $(a, this, "Error while running trace"), this._traceError = a, this._traceResult = void 0;
+    }
+  }
+  #h() {
+    this.#o(), !(this._showNoStartingPointsWarning || this._showMissingTerminalWarning) && (this._showNoStartingPointsWarning = !1, this._showMissingTerminalWarning = !1, this.#s(), this.#a("results"), this.#l());
+  }
+  #g(e) {
+    e && (this.#e = e);
+  }
+  #u(e) {
+    e && (this.#i = e);
+  }
+  #d(e) {
+    const { detail: t, target: s } = e;
+    t.name === "aggregatedGeometryGraphicsColor" ? (e.stopPropagation(), this.aggregatedGeometryGraphicsColor = s[t.name]) : t.name === "hideGraphics" && (e.stopPropagation(), this.hideGraphics = s[t.name], this.arcgisHideGraphicsChange.emit(this.hideGraphics));
+  }
+  #p(e) {
+    e.stopPropagation(), this.arcgisTraceLocationSelectStart.emit(e.detail).defaultPrevented && e.preventDefault();
+  }
+  #m(e) {
+    e.stopPropagation(), this.arcgisTraceLocationSelectEnd.emit();
+  }
+  #f(e) {
+    e.stopPropagation(), this.arcgisTraceResultFeaturesReady.emit();
+  }
+  #y(e) {
+    e.stopPropagation(), this.arcgisTriggerAction.emit(e.detail);
+  }
+  #b() {
+    this._showNoStartingPointsWarning = !1, this._showMissingTerminalWarning = !1;
+  }
+  #w() {
+    this.#t.utilityNetwork = this.#e?.selectedUtilityNetwork;
+  }
+  #v() {
+    const { _messages: e } = this;
+    return i`<calcite-panel class="trace-inputs-warning"><calcite-notice open icon=exclamation-mark-triangle closable kind=danger scale=s @calciteNoticeClose=${() => this._showMissingTerminalWarning = !1}><div slot=title>${e.errors.missingTerminalTitle}</div><div slot=message>${e.errors.missingTerminalBody}</div></calcite-notice></calcite-panel>`;
+  }
+  #T() {
+    const { _messages: e } = this;
+    return i`<calcite-panel class="trace-inputs-warning"><calcite-notice open icon=exclamation-mark-triangle closable kind=danger scale=s @calciteNoticeClose=${() => this._showNoStartingPointsWarning = !1}><div slot=title>${e.errors.noStartingPointsTitle}</div><div slot=message>${e.errors.noStartingPointsBody}</div></calcite-notice></calcite-panel>`;
+  }
+  #$() {
+    return l(`${this.el.id}__results-tab-item`, i`<calcite-tab .selected=${this._activeTab === "results"}>${this.state === "executing" ? i`<calcite-panel><calcite-loader .label=${this._messages.runningTrace} .text=${this._messages.runningTrace}></calcite-loader></calcite-panel>` : i`<arcgis-utility-network-trace-results-next .actions=${this.actions} .autoDestroyDisabled=${this.autoDestroyDisabled} .aggregatedGeometryGraphicsColor=${this.aggregatedGeometryGraphicsColor} .disableHighlightFeatureResults=${this.disableHighlightFeatureResults} .heading=${this.#n?.title} .hideActionBar=${this.hideActionBar} .hideFeatureResults=${this.hideFeatureResults} .hidePlaceholder=${this.hidePlaceholder} .includeDefaultActionsDisabled=${this.includeDefaultActionsDisabled} .layers=${this.#r} .messageOverrides=${this.messageOverrides} .referenceElement=${this.referenceElement} .traceError=${this._traceError} .traceResult=${this._traceResult} .utilityNetwork=${this.#t.utilityNetwork ?? void 0} .view=${this.view ?? void 0} @arcgisPropertyChange=${this.#d} @arcgisTraceResultFeaturesReady=${this.#f} @arcgisTriggerAction=${this.#y} ${c(this.#u)}></arcgis-utility-network-trace-results-next>`}</calcite-tab>`);
+  }
+  #R() {
+    const { _messages: e, _traceResult: t } = this, a = !!(t?.elements.length || t?.globalFunctionResults.length || t?.aggregatedGeometry) && this.#i?.state === "ready", r = this.#i?.numFeatureResults ?? 0;
+    return i`<calcite-button appearance=outline width=full @click=${() => {
+      this.#a("input"), this.#s(), this.arcgisTraceResultClear.emit();
+    }} .disabled=${!a} slot=footer>${r > 0 && !this.hideFeatureResults && this.state !== "executing" ? e.buttons.clearResultsCustom.replace("{number}", r.toString()) : e.buttons.clearResultsGeneric}</calcite-button>`;
+  }
+  #_() {
+    const { _mode: e } = this, { loadError: t } = this.#t, a = (t === "no-user-type-extension" || t === "sceneView-not-supported" ? i`<calcite-notice kind=danger open scale=s slot=content-top width=auto><div slot=message>${this.#c(t)}</div></calcite-notice>` : void 0) ?? i`${this._showNoStartingPointsWarning && e === "default" && this.#T() || ""}${this._showMissingTerminalWarning && e === "default" && this.#v() || ""}<arcgis-utility-network-trace-inputs-next .autoDestroyDisabled=${this.autoDestroyDisabled} .hideActionBar=${this.hideActionBar} .referenceElement=${this.referenceElement} .view=${this.view ?? void 0} .beforeTraceLocationSelectStart=${this.beforeTraceLocationSelectStart} @arcgisPropertyChange=${(r) => {
+      r.stopPropagation(), r.detail.name === "mode" && (this._mode = r.target.mode);
+    }} @arcgisSelectedNamedTraceConfigurationChange=${this.#b} @arcgisTraceLocationSelectEnd=${this.#m} @arcgisTraceLocationSelectStart=${this.#p} @arcgisUtilityNetworkChange=${this.#w} ${c(this.#g)}></arcgis-utility-network-trace-inputs-next>`;
+    return l(`${this.el.id}__inputs-tab-item`, i`<calcite-tab .selected=${this._activeTab === "input"}><div class="inputs-tab-container">${a}</div></calcite-tab>`);
+  }
+  #x() {
+    const { state: e } = this;
+    if (this._mode !== "default")
+      return null;
+    const t = e === "disabled" || e === "loading" || !this.#e?.traceConfiguration;
+    return i`<calcite-button appearance=solid width=full @click=${this.#h} slot=footer .disabled=${t}>${this._messages.buttons.getResults}</calcite-button>`;
+  }
+  render() {
+    const { _activeTab: e, state: t } = this;
+    return i`<calcite-panel><calcite-tabs layout=center position=top><calcite-tab-nav slot=title-group><calcite-tab-title @click=${() => this.#a("input")} .selected=${e === "input"}>${this._messages.tabs.inputTab}</calcite-tab-title><calcite-tab-title @click=${() => this.#a("results")} .selected=${e === "results"} .disabled=${t === "disabled" || t === "loading"}>${this._messages.tabs.resultsTab}</calcite-tab-title></calcite-tab-nav>${this.#_()}${this.#$()}</calcite-tabs>${e === "input" ? this.#x() : null}${e === "results" ? this.#R() : null}</calcite-panel>`;
+  }
+}
+u("arcgis-utility-network-trace-analysis-next", x);
+export {
+  x as ArcgisUtilityNetworkTraceAnalysisNext
+};

package/dist/components/arcgis-utility-network-trace-analysis-next/index.d.ts

@@ -0,0 +1 @@
+export * from "./customElement.js";

package/dist/components/arcgis-utility-network-trace-analysis-next/index.js

@@ -0,0 +1,11 @@
+import "@esri/calcite-components/components/calcite-panel";
+import "@esri/calcite-components/components/calcite-notice";
+import "@esri/calcite-components/components/calcite-tab";
+import "@esri/calcite-components/components/calcite-loader";
+import "../arcgis-utility-network-trace-results-next/index.js";
+import "@esri/calcite-components/components/calcite-button";
+import "../arcgis-utility-network-trace-inputs-next/index.js";
+import "@esri/calcite-components/components/calcite-tabs";
+import "@esri/calcite-components/components/calcite-tab-nav";
+import "@esri/calcite-components/components/calcite-tab-title";
+export * from "./customElement.js";