npm - @arcgis/map-components - Versions diffs - 5.1.0-next.7 → 5.1.0-next.71 - Mend

@arcgis/map-components 5.1.0-next.7 → 5.1.0-next.71

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1429) hide show

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

@@ -1,16 +1,74 @@
 /// <reference path="../../index.d.ts" />
 import type Color from "@arcgis/core/Color.js";
-import type Graphic from "@arcgis/core/Graphic";
-import type MapView2 from "@arcgis/core/views/MapView.js";
+import type Graphic from "@arcgis/core/Graphic.js";
+import type MapView from "@arcgis/core/views/MapView.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { ArcgisReferenceElement } from "../../utils/component-utils.js";
+import type { ArcgisReferenceElement } from "../types.js";
 import type { SelectStartPayload } from "../arcgis-utility-network-trace-location/customElement.js";
 import type { ArcgisUtilityNetworkTraceResults } from "../arcgis-utility-network-trace-results/customElement.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 import type { UtilityNetworkTraceAnalysisState } from "@arcgis/core/networks/UtilityNetworkTraceAnalysis.js";
-export type UtilityNetworkTraceAnalysisDisplayMode = "add-spatial-feature-list" | "add-spatial-feature" | "add-spatial-instructions" | "default";
+/**
+ * ## Overview
+ *
+ * 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 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`, `subnetwork`, `subnetwork-controller`, `loops`, and `isolation`.
+ *
+ * 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/#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/#traceResultFeatures) property also does not include these elements.
+ *
+ * > [!WARNING]
+ * >
+ * > The Utility Network Trace Analysis component does not support proxied feature services or feature services that utilize stored credentials.
+ * >
+ * > This component also does not support `path` and `circuit` trace types or the `paths` and `circuits` result types.
+ *
+ * ## 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 slot="bottom-left"></arcgis-utility-network-trace-analysis>
+ * </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/#referenceElement):
+ *
+ * ```html
+ * <calcite-shell>
+ *   <calcite-shell-panel slot="panel-start" position="start" width-scale="l">
+ *     <arcgis-utility-network-trace-analysis reference-element="#map-element"></arcgis-utility-network-trace-analysis>
+ *   </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`
+ *
+ * @since 5.0
+ */
 export abstract class ArcgisUtilityNetworkTraceAnalysis extends LitElement {
   /** @internal */
   protected _messages: {
@@ -27,6 +85,8 @@ export abstract class ArcgisUtilityNetworkTraceAnalysis extends LitElement {
               noView: string;
               sceneViewNotSupported: string;
           };
+          missingTerminalBody: string;
+          missingTerminalTitle: string;
           noStartingPointsBody: string;
           noStartingPointsTitle: string;
       };
@@ -54,6 +114,8 @@ export abstract class ArcgisUtilityNetworkTraceAnalysis extends LitElement {
               noView: string;
               sceneViewNotSupported: string;
           };
+          missingTerminalBody: string;
+          missingTerminalTitle: string;
           noStartingPointsBody: string;
           noStartingPointsTitle: string;
       };
@@ -70,15 +132,15 @@ export abstract class ArcgisUtilityNetworkTraceAnalysis extends LitElement {
   }>;
   /**
    * The color used to render graphics for aggregated geometries in trace results, specified as a
-   * [Color](https://developers.arcgis.com/javascript/latest/api-reference/esri-Color.html) object.
+   * [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.
    *
-   * @see [Color constructor](https://developers.arcgis.com/javascript/latest/api-reference/esri-Color.html#constructors-summary)
+   * @see [Color constructor](https://developers.arcgis.com/javascript/latest/references/core/Color/#constructors-summary)
    */
   accessor aggregatedGeometryGraphicsColor: Color;
-  /** @default false */
-  accessor allowEditingDisabled: boolean;
   /**
    * 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
@@ -92,7 +154,7 @@ export abstract class ArcgisUtilityNetworkTraceAnalysis extends LitElement {
   /**
    * A function to run before trace location selection starts.
    *
-   * @experimental
+   * @internal
    * @example
    * ```js
    * const traceElement = document.querySelector("arcgis-utility-network-trace-analysis");
@@ -100,11 +162,10 @@ export abstract class ArcgisUtilityNetworkTraceAnalysis extends LitElement {
    * ```
    */
   accessor beforeTraceLocationSelectStart: (() => Promise<void>) | undefined;
-  /** @default false */
-  accessor closable: boolean;
   /**
    * Whether to disable highlighting trace result features on the map.
-   * If set to true, the features returned by a trace will not be highlighted on the map.
+   *
+   * If true, the features returned by a trace will not be highlighted on the map.
    *
    * @default false
    * @example
@@ -116,8 +177,18 @@ export abstract class ArcgisUtilityNetworkTraceAnalysis extends LitElement {
    * ```
    */
   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.
@@ -138,7 +209,7 @@ export abstract class ArcgisUtilityNetworkTraceAnalysis extends LitElement {
    * ```
    */
   accessor hideFeatureResults: boolean;
-  accessor icon: string | undefined;
+  /** The component's default label. */
   accessor label: string | undefined;
   /**
    * Replace localized message strings with your own strings.
@@ -159,6 +230,8 @@ export abstract class ArcgisUtilityNetworkTraceAnalysis extends LitElement {
               noView?: string | undefined;
               sceneViewNotSupported?: string | undefined;
           } | undefined;
+          missingTerminalBody?: string | undefined;
+          missingTerminalTitle?: string | undefined;
           noStartingPointsBody?: string | undefined;
           noStartingPointsTitle?: string | undefined;
       } | undefined;
@@ -173,34 +246,35 @@ export abstract class ArcgisUtilityNetworkTraceAnalysis extends LitElement {
           resultsTab?: string | undefined;
       } | undefined;
   };
-  accessor mode: string | 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;
   /**
-   * The current state of the component.
+   * An array of features returned by the trace result.
    *
-   * @since 5.0
+   * 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/#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 state(): UtilityNetworkTraceAnalysisState;
   get traceResultFeatures(): Graphic[];
   /**
-   * This property defines the target [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html).
-   *
-   * @since 5.0
+   * 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 component will be associated with a map or scene component rather than using the `view` property.
    */
-  accessor view: MapView2 | null | undefined;
+  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 user has hidden the graphics on the view's map.
+   * If true, the aggregated geometry graphics are hidden on the view.
    *
-   * @experimental
    * @example
    * ```js
    * const traceElement = document.querySelector("arcgis-utility-network-trace-analysis");
@@ -216,7 +290,7 @@ export abstract class ArcgisUtilityNetworkTraceAnalysis extends LitElement {
   /**
    * Fires when the user completes the selection of a trace location.
    *
-   * @experimental
+   * @internal
    * @example
    * ```js
    * const traceElement = document.querySelector("arcgis-utility-network-trace-analysis");
@@ -231,7 +305,7 @@ export abstract class ArcgisUtilityNetworkTraceAnalysis extends LitElement {
    * 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.
    *
-   * @experimental
+   * @internal
    * @example
    * ```js
    * const traceElement = document.querySelector("arcgis-utility-network-trace-analysis");
@@ -256,7 +330,6 @@ export abstract class ArcgisUtilityNetworkTraceAnalysis extends LitElement {
   /**
    * Fires when the trace result is cleared from the results tab.
    *
-   * @experimental
    * @example
    * ```js
    * const traceElement = document.querySelector("arcgis-utility-network-trace-analysis");
@@ -268,9 +341,8 @@ export abstract class ArcgisUtilityNetworkTraceAnalysis extends LitElement {
   readonly arcgisTraceResultClear: import("@arcgis/lumina").TargetedEvent<this, void>;
   /**
    * Fires when the trace result features are ready.
-   * Check property `traceResultFeatures` for the trace result features.
+   * Check property [traceResultFeatures](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-analysis/#traceResultFeatures) for the trace result features.
    *
-   * @experimental
    * @example
    * ```js
    * const traceElement = document.querySelector("arcgis-utility-network-trace-analysis");

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

@@ -1,49 +1,55 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as m } from "../../chunks/runtime.js";
-import { css as w, html as o } from "lit";
-import { keyed as l } from "lit/directives/keyed.js";
-import h from "@arcgis/core/Color.js";
+import { c as y } from "../../chunks/runtime.js";
+import { css as f, html as s } from "lit";
+import { ref as o } from "lit/directives/ref.js";
+import { keyed as h } from "lit/directives/keyed.js";
+import g from "@arcgis/core/Color.js";
 import "@arcgis/core/core/Error.js";
-import _ from "@arcgis/core/networks/UtilityNetworkTraceAnalysis.js";
-import { LitElement as v, createEvent as c } from "@arcgis/lumina";
-import { log as d } from "@arcgis/toolkit/log";
-import { createRef as g, ref as f } from "lit/directives/ref.js";
-import { u as y } from "../../chunks/useT9n.js";
-import { m as x } from "../../chunks/useViewModel.js";
-const k = w`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}.esri-hidden{display:none!important}[class^=esri-icon-],[class*=" esri-icon-"]{speak:none;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:var(--calcite-font-weight-normal);line-height:1;font-family:CalciteWebCoreIcons!important}.esri-icon-close:before{content:"";color:inherit}.esri-icon-drag-horizontal:before{content:"";color:inherit}.esri-icon-drag-vertical:before{content:"";color:inherit}.esri-icon-handle-horizontal:before{content:"";color:inherit}.esri-icon-handle-vertical:before{content:"";color:inherit}.esri-icon-check-mark:before{content:"";color:inherit}.esri-icon-left-triangle-arrow:before{content:"";color:inherit}.esri-icon-right-triangle-arrow:before{content:"";color:inherit}.esri-icon-down-arrow:before{content:"";color:inherit}.esri-icon-up-arrow:before{content:"";color:inherit}.esri-icon-overview-arrow-bottom-left:before{content:"";color:inherit}.esri-icon-overview-arrow-bottom-right:before{content:"";color:inherit}.esri-icon-overview-arrow-top-left:before{content:"";color:inherit}.esri-icon-overview-arrow-top-right:before{content:"";color:inherit}.esri-icon-maximize:before{content:"";color:inherit}.esri-icon-minimize:before{content:"";color:inherit}.esri-icon-checkbox-unchecked:before{content:"";color:inherit}.esri-icon-checkbox-checked:before{content:"";color:inherit}.esri-icon-radio-unchecked:before{content:"";color:inherit}.esri-icon-radio-checked:before{content:"";color:inherit}.esri-icon-up-arrow-circled:before{content:"";color:inherit}.esri-icon-down-arrow-circled:before{content:"";color:inherit}.esri-icon-left-arrow-circled:before{content:"";color:inherit}.esri-icon-right-arrow-circled:before{content:"";color:inherit}.esri-icon-zoom-out-fixed:before{content:"";color:inherit}.esri-icon-zoom-in-fixed:before{content:"";color:inherit}.esri-icon-refresh:before{content:"";color:inherit}.esri-icon-edit:before{content:"";color:inherit}.esri-icon-authorize:before{content:"";color:inherit}.esri-icon-map-pin:before{content:"";color:inherit}.esri-icon-blank-map-pin:before{content:"";color:inherit}.esri-icon-table:before{content:"";color:inherit}.esri-icon-plus:before{content:"+";color:inherit}.esri-icon-minus:before{content:"";color:inherit}.esri-icon-beginning:before{content:"";color:inherit}.esri-icon-reverse:before{content:"";color:inherit}.esri-icon-pause:before{content:"";color:inherit}.esri-icon-play:before{content:"";color:inherit}.esri-icon-forward:before{content:"";color:inherit}.esri-icon-end:before{content:"";color:inherit}.esri-icon-erase:before{content:"";color:inherit}.esri-icon-up-down-arrows:before{content:"";color:inherit}.esri-icon-left:before{content:"";color:inherit}.esri-icon-right:before{content:"";color:inherit}.esri-icon-announcement:before{content:"";color:inherit}.esri-icon-notice-round:before{content:"";color:inherit}.esri-icon-notice-triangle:before{content:"";color:inherit}.esri-icon-home:before{content:"";color:inherit}.esri-icon-locate:before{content:"";color:inherit}.esri-icon-expand:before{content:"";color:inherit}.esri-icon-collapse:before{content:"";color:inherit}.esri-icon-layer-list:before{content:"";color:inherit}.esri-icon-basemap:before{content:"";color:inherit}.esri-icon-globe:before{content:"";color:inherit}.esri-icon-applications:before{content:"";color:inherit}.esri-icon-arrow-up-circled:before{content:"";color:inherit}.esri-icon-arrow-down-circled:before{content:"";color:inherit}.esri-icon-arrow-left-circled:before{content:"";color:inherit}.esri-icon-arrow-right-circled:before{content:"";color:inherit}.esri-icon-minus-circled:before{content:"";color:inherit}.esri-icon-plus-circled:before{content:"";color:inherit}.esri-icon-add-attachment:before{content:"";color:inherit}.esri-icon-attachment:before{content:"";color:inherit}.esri-icon-calendar:before{content:"";color:inherit}.esri-icon-close-circled:before{content:"";color:inherit}.esri-icon-browser:before{content:"";color:inherit}.esri-icon-collection:before{content:"";color:inherit}.esri-icon-comment:before{content:"";color:inherit}.esri-icon-configure-popup:before{content:"";color:inherit}.esri-icon-contact:before{content:"";color:inherit}.esri-icon-dashboard:before{content:"";color:inherit}.esri-icon-deny:before{content:"";color:inherit}.esri-icon-description:before{content:"";color:inherit}.esri-icon-directions:before{content:"";color:inherit}.esri-icon-directions2:before{content:"";color:inherit}.esri-icon-documentation:before{content:"";color:inherit}.esri-icon-duplicate:before{content:"";color:inherit}.esri-icon-review:before{content:"";color:inherit}.esri-icon-environment-settings:before{content:"";color:inherit}.esri-icon-error:before{content:"";color:inherit}.esri-icon-error2:before{content:"";color:inherit}.esri-icon-experimental:before{content:"";color:inherit}.esri-icon-feature-layer:before{content:"";color:inherit}.esri-icon-filter:before{content:"";color:inherit}.esri-icon-grant:before{content:"";color:inherit}.esri-icon-group:before{content:"";color:inherit}.esri-icon-key:before{content:"";color:inherit}.esri-icon-labels:before{content:"";color:inherit}.esri-icon-tag:before{content:"";color:inherit}.esri-icon-layers:before{content:"";color:inherit}.esri-icon-left-arrow:before{content:"";color:inherit}.esri-icon-right-arrow:before{content:"";color:inherit}.esri-icon-link-external:before{content:"";color:inherit}.esri-icon-link:before{content:"";color:inherit}.esri-icon-loading-indicator:before{content:"";color:inherit}.esri-icon-maps:before{content:"";color:inherit}.esri-icon-marketplace:before{content:"";color:inherit}.esri-icon-media:before{content:"";color:inherit}.esri-icon-media2:before{content:"";color:inherit}.esri-icon-menu:before{content:"";color:inherit}.esri-icon-mobile:before{content:"";color:inherit}.esri-icon-phone:before{content:"";color:inherit}.esri-icon-navigation:before{content:"";color:inherit}.esri-icon-pan:before{content:"";color:inherit}.esri-icon-printer:before{content:"";color:inherit}.esri-icon-pie-chart:before{content:"";color:inherit}.esri-icon-chart:before{content:"";color:inherit}.esri-icon-line-chart:before{content:"";color:inherit}.esri-icon-question:before{content:"";color:inherit}.esri-icon-resend-invitation:before{content:"";color:inherit}.esri-icon-rotate:before{content:"";color:inherit}.esri-icon-save:before{content:"";color:inherit}.esri-icon-settings:before{content:"";color:inherit}.esri-icon-settings2:before{content:"";color:inherit}.esri-icon-share:before{content:"";color:inherit}.esri-icon-sign-out:before{content:"";color:inherit}.esri-icon-support:before{content:"";color:inherit}.esri-icon-user:before{content:"";color:inherit}.esri-icon-time-clock:before{content:"";color:inherit}.esri-icon-trash:before{content:"";color:inherit}.esri-icon-upload:before{content:"";color:inherit}.esri-icon-download:before{content:"";color:inherit}.esri-icon-zoom-in-magnifying-glass:before{content:"";color:inherit}.esri-icon-search:before{content:"";color:inherit}.esri-icon-zoom-out-magnifying-glass:before{content:"";color:inherit}.esri-icon-locked:before{content:"";color:inherit}.esri-icon-unlocked:before{content:"";color:inherit}.esri-icon-favorites:before{content:"";color:inherit}.esri-icon-compass:before{content:"";color:inherit}.esri-icon-down:before{content:"";color:inherit}.esri-icon-up:before{content:"";color:inherit}.esri-icon-chat:before{content:"";color:inherit}.esri-icon-dock-bottom:before{content:"";color:inherit}.esri-icon-dock-left:before{content:"";color:inherit}.esri-icon-dock-right:before{content:"";color:inherit}.esri-icon-organization:before{content:"";color:inherit}.esri-icon-north-navigation:before{content:"";color:inherit}.esri-icon-locate-circled:before{content:"";color:inherit}.esri-icon-dial:before{content:"";color:inherit}.esri-icon-polygon:before{content:"";color:inherit}.esri-icon-polyline:before{content:"";color:inherit}.esri-icon-visible:before{content:"";color:inherit}.esri-icon-non-visible:before{content:"";color:inherit}.esri-icon-link-vertical:before{content:"";color:inherit}.esri-icon-unlocked-link-vertical:before{content:"";color:inherit}.esri-icon-link-horizontal:before{content:"";color:inherit}.esri-icon-unlocked-link-horizontal:before{content:"";color:inherit}.esri-icon-swap:before{content:"";color:inherit}.esri-icon-cta-link-external:before{content:"";color:inherit}.esri-icon-reply:before{content:"";color:inherit}.esri-icon-public:before{content:"";color:inherit}.esri-icon-share2:before{content:"";color:inherit}.esri-icon-launch-link-external:before{content:"";color:inherit}.esri-icon-rotate-back:before{content:"";color:inherit}.esri-icon-pan2:before{content:"";color:inherit}.esri-icon-tracking:before{content:"";color:inherit}.esri-icon-expand2:before{content:"";color:inherit}.esri-icon-arrow-down:before{content:"";color:inherit}.esri-icon-arrow-up:before{content:"";color:inherit}.esri-icon-hollow-eye:before{content:"";color:inherit}.esri-icon-play-circled:before{content:"";color:inherit}.esri-icon-volume-off:before{content:"";color:inherit}.esri-icon-volume-on:before{content:"";color:inherit}.esri-icon-bookmark:before{content:"";color:inherit}.esri-icon-lightbulb:before{content:"";color:inherit}.esri-icon-sketch-rectangle:before{content:"";color:inherit}.esri-icon-north-navigation-filled:before{content:"";color:inherit}.esri-icon-default-action:before{content:"";color:inherit}.esri-icon-undo:before{content:"";color:inherit}.esri-icon-redo:before{content:"";color:inherit}.esri-icon-cursor:before{content:"";color:inherit}.esri-icon-cursor-filled:before{content:"";color:inherit}.esri-icon-measure:before{content:"";color:inherit}.esri-icon-measure-line:before{content:"";color:inherit}.esri-icon-measure-area:before{content:"";color:inherit}.esri-icon-legend:before{content:"";color:inherit}.esri-icon-sliders:before{content:"";color:inherit}.esri-icon-sliders-horizontal:before{content:"";color:inherit}.esri-icon-cursor-marquee:before{content:"";color:inherit}.esri-icon-lasso:before{content:"";color:inherit}.esri-icon-elevation-profile:before{content:"";color:inherit}.esri-icon-slice:before{content:"";color:inherit}.esri-icon-line-of-sight:before{content:"";color:inherit}.esri-icon-zoom-to-object:before{content:"";color:inherit}.esri-icon-urban-model:before{content:"";color:inherit}.esri-icon-measure-building-height-shadow:before{content:"";color:inherit}.esri-icon-partly-cloudy:before{content:"";color:inherit}:host{max-width:fit-content;max-height:100%;overflow:auto;arcgis-utility-network-trace-inputs::slotted{overflow-y:auto;max-height:450px}}.root #no-starting-points-warning{padding:var(--calcite-spacing-md) var(--calcite-spacing-md) 0 var(--calcite-spacing-md)}.root{flex:auto;width:300px}.root calcite-tab{background-color:var(--calcite-color-foreground-1);padding-top:0;padding-bottom:0;min-height:300px;--calcite-tab-content-space-y: 0}.root calcite-tab:not([selected]){flex:0}.root calcite-block{--calcite-block-border-color: transparent;margin:0;background-color:transparent}.root calcite-block calcite-label:last-child{--calcite-label-margin-bottom: 0}.root calcite-notice{padding:var(--calcite-spacing-xs)}`, T = x(_);
-class R extends v {
+import { when as w } from "@arcgis/core/core/reactiveUtils.js";
+import b from "@arcgis/core/networks/UtilityNetworkTraceAnalysis.js";
+import { LitElement as T, createEvent as l } from "@arcgis/lumina";
+import { log as u } from "@arcgis/toolkit/log";
+import { u as v } from "../../chunks/useT9n.js";
+import { m as _ } from "../../chunks/useViewModel.js";
+const R = f`: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%)}.inputs-tab-container{display:flex;flex-direction:column;height:100%}.trace-inputs-warning{flex:none;height:fit-content;--calcite-panel-background-color: var(--calcite-color-foreground-1);calcite-notice{margin:var(--calcite-spacing-md) var(--calcite-spacing-md) 0 var(--calcite-spacing-md)}}calcite-tabs{display:flex;flex-direction:column;height:100%}calcite-tab{--calcite-tab-content-space-y: 0}calcite-tab:not([selected]){flex:0}calcite-panel{--calcite-panel-background-color: var(--calcite-color-foreground-1)}calcite-notice{margin:var(--calcite-spacing-md)}`, $ = _(b);
+class C extends T {
   constructor() {
-    super(...arguments), this._messages = y({ blocking: !0 }), this._viewModel = T(this), this._traceInputsRef = g(), this._traceResultsRef = g(), this._highlightHandles = [], this._handleRunTraceButtonClick = () => {
-      const t = this._traceInputsRef.value?.traceLocations?.some((i) => i.type === "starting-point");
-      if (this.traceError = void 0, !this._isSubnetworkNameTraceSelected && !t) {
-        this.showNoStartingPointsWarning = !0;
-        return;
-      }
-      this.showNoStartingPointsWarning = !1, this._clearHighlights(), this._switchTab("results"), this._runTrace();
-    }, this.activeTab = "input", this.showNoStartingPointsWarning = !1, this._mode = "default", this.allowEditingDisabled = !1, this.autoDestroyDisabled = !1, this.aggregatedGeometryGraphicsColor = new h([255, 255, 0, 0.6]), this.disableHighlightFeatureResults = !1, this.hideFeatureResults = !1, this.closable = !1, this.state = this._viewModel.state, this.view = this._viewModel.view, this.arcgisHideGraphicsChange = c(), this.arcgisTraceLocationSelectStart = c(), this.arcgisTraceLocationSelectEnd = c(), this.arcgisTraceResultFeaturesReady = c(), this.arcgisTraceResultClear = c(), this.arcgisReady = c();
+    super(...arguments), this._messages = v({ blocking: !0 }), this._viewModel = $(this), this._highlightHandles = [], this._handleRunTraceButtonClick = () => {
+      const e = this._traceInputsElement?.traceLocations, t = this._traceInputsElement?.traceLocationFlagInfos, a = e?.some((i) => i.type === "starting-point"), n = t?.some((i) => !!i.flagProperties.terminalConfiguration && !i.flagProperties.selectedTerminals?.size) ?? !1;
+      this.traceError = void 0, this.showNoStartingPointsWarning = !this._isSubnetworkNameTraceSelected && !a, this.showMissingTerminalWarning = n, !(this.showNoStartingPointsWarning || this.showMissingTerminalWarning) && (this.showNoStartingPointsWarning = !1, this.showMissingTerminalWarning = !1, this._clearTraceResult(), this._switchTab("results"), this._runTrace());
+    }, this._handleTraceInputsRefChange = (e) => {
+      e && (this._traceInputsElement = e);
+    }, this._handleTraceResultsRefChange = (e) => {
+      e && (this._traceResultsElement = e);
+    }, this.activeTab = "input", this.showMissingTerminalWarning = !1, this.showNoStartingPointsWarning = !1, this.mode = "default", this.autoDestroyDisabled = !1, this.aggregatedGeometryGraphicsColor = new g([255, 255, 0, 0.6]), this.disableHighlightFeatureResults = !1, this.hideActionBar = !1, this.hideFeatureResults = !1, this.state = this._viewModel.state, this.view = this._viewModel.view, this.arcgisHideGraphicsChange = l(), this.arcgisReady = l(), this.arcgisTraceLocationSelectEnd = l(), this.arcgisTraceLocationSelectStart = l(), this.arcgisTraceResultClear = l(), this.arcgisTraceResultFeaturesReady = l();
   }
   static {
-    this.properties = { activeTab: 16, traceError: 16, traceResult: 16, showNoStartingPointsWarning: 16, _mode: 16, allowEditingDisabled: 5, autoDestroyDisabled: 5, beforeTraceLocationSelectStart: 0, aggregatedGeometryGraphicsColor: 0, disableHighlightFeatureResults: 5, hideFeatureResults: 5, closable: 7, icon: 1, label: 3, messageOverrides: 0, mode: 1, traceResultFeatures: 32, referenceElement: 1, state: 32, view: 0 };
+    this.properties = { activeTab: 16, traceError: 16, traceResult: 16, showMissingTerminalWarning: 16, showNoStartingPointsWarning: 16, mode: 16, autoDestroyDisabled: 5, beforeTraceLocationSelectStart: 0, aggregatedGeometryGraphicsColor: 0, disableHighlightFeatureResults: 5, hideActionBar: 5, hideFeatureResults: 5, label: 3, messageOverrides: 0, traceResultFeatures: 32, referenceElement: 1, state: 32, view: 0 };
   }
   static {
-    this.styles = k;
+    this.styles = R;
   }
   get _allLayers() {
     const { view: e } = this;
     return e?.map ? e.map.allLayers.toArray().concat(e.map.allTables.toArray()) : [];
   }
   get _isSubnetworkNameTraceSelected() {
-    const e = this._traceInputsRef.value?.selectedNamedTraceConfiguration?.traceType;
-    return !!this._traceInputsRef.value?.selectedNamedTraceConfiguration?.traceConfiguration?.subnetworkName && e === "subnetwork";
+    const e = this._traceInputsElement?.selectedNamedTraceConfiguration?.traceType;
+    return !!this._traceInputsElement?.selectedNamedTraceConfiguration?.traceConfiguration?.subnetworkName && e === "subnetwork";
   }
   get traceResultFeatures() {
-    return this._traceResultsRef.value?.traceResultFeatures ?? [];
+    return this._traceResultsElement?.traceResultFeatures ?? [];
   }
   async destroy() {
-    await this.manager.destroy(), this._clearHighlights();
+    this._clearHighlights(), this._traceResultsElement?.destroy(), this._traceInputsElement?.destroy(), await this.manager.destroy();
+  }
+  load() {
+    this.manager.onLifecycle(() => [
+      w(() => !this._viewModel.utilityNetwork, () => this._switchTab("input"))
+    ]);
   }
   _clearTraceResult() {
-    this.traceResult = void 0, this._clearHighlights();
+    this.traceResult = void 0, this._clearHighlights(), this._clearAggregatedGeometryGraphics();
   }
   _switchTab(e) {
     this.activeTab = e;
@@ -66,42 +72,46 @@ class R extends v {
   _clearHighlights() {
     this._highlightHandles.forEach((e) => e.remove()), this._highlightHandles = [];
   }
+  _clearAggregatedGeometryGraphics() {
+    this._traceResultsElement?.clearAggregatedGeometryGraphics();
+  }
   _highlightResults() {
-    const { traceResult: e, view: t } = this, i = this._viewModel.utilityNetwork;
-    if (!i || !e?.elements || !t)
+    const { traceResult: e, view: t } = this, a = this._viewModel.utilityNetwork;
+    if (!a || !e?.elements || !t)
       return;
-    i.getObjectIdsFromElements(e.elements).forEach((r) => {
-      const s = t.allLayerViews.find((u) => {
-        const a = u.layer;
-        if (i.isUtilityLayer(a)) {
-          const p = Number(r.layerUrl.split("/").pop());
-          return a.layerId === p;
+    a.getObjectIdsFromElements(e.elements).forEach((i) => {
+      const r = t.allLayerViews.find((p) => {
+        const c = p.layer;
+        if (a.isUtilityLayer(c)) {
+          const m = Number(i.layerUrl.split("/").pop());
+          return c.layerId === m;
         }
         return !1;
       });
-      if (!s)
+      if (!r)
         return;
-      const b = s.highlight(r.objectIds);
-      this._highlightHandles.push(b);
+      const d = r.highlight(i.objectIds);
+      this._highlightHandles.push(d);
     });
   }
   async _runTrace() {
-    const e = this._traceInputsRef.value?.selectedNamedTraceConfiguration, t = this._traceInputsRef.value?.unTraceConfiguration;
+    const e = this._traceInputsElement?.selectedNamedTraceConfiguration, t = this._traceInputsElement?.unTraceConfiguration;
     if (!(e?.traceType && t)) {
-      d("error", this, "Trace configuration not found");
+      u("error", this, "Trace configuration not found");
       return;
     }
-    const i = this._traceInputsRef.value?.traceLocations;
+    const a = this._traceInputsElement?.traceLocations;
     try {
       this.traceResult = await this._viewModel.executeTraceConfiguration({
         traceType: e.traceType,
         traceConfiguration: t,
-        traceLocations: i ?? [],
-        resultTypes: e.resultTypes
+        traceLocations: a ?? [],
+        resultTypes: e.resultTypes,
+        outSpatialReference: this.view?.spatialReference
       }), this.disableHighlightFeatureResults || this._highlightResults();
     } catch (n) {
-      const r = n, s = r.details ? { detail: r.details } : void 0;
-      d("error", this, `Error while running trace: ${String(r)}`, s), this.traceError = r, this.traceResult = void 0;
+      const i = n, r = i.details ? { detail: i.details } : void 0;
+      u("error", this, `Error while running trace: ${String(i)}`, r), this.traceError = i, this.traceResult = void 0;
     }
   }
   _handleHideGraphicsChange(e) {
@@ -118,46 +128,50 @@ class R extends v {
   }
   _handleAggregatedGeometryGraphicsColorChange(e) {
     const t = e.detail;
-    this.aggregatedGeometryGraphicsColor = new h(t);
-  }
-  _handleTraceInputsChange() {
+    this.aggregatedGeometryGraphicsColor = new g(t);
   }
   _handleSelectedNamedTraceConfigurationChange() {
-    this.showNoStartingPointsWarning = !1;
+    this.showNoStartingPointsWarning = !1, this.showMissingTerminalWarning = !1;
   }
   _handleUtilityNetworkChange() {
-    this._viewModel.utilityNetwork = this._traceInputsRef.value?.selectedUtilityNetwork;
+    this._viewModel.utilityNetwork = this._traceInputsElement?.selectedUtilityNetwork;
+  }
+  renderMissingTerminalWarning() {
+    return s`<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>${this._messages.errors.missingTerminalTitle}</div><div slot=message>${this._messages.errors.missingTerminalBody}</div></calcite-notice></calcite-panel>`;
   }
   renderNoStartingPointsWarning() {
-    return o`<calcite-notice id=no-starting-points-warning open icon=exclamation-mark-triangle closable kind=danger scale=s @calciteNoticeClose=${() => this.showNoStartingPointsWarning = !1}><div slot=title>${this._messages.errors.noStartingPointsTitle}</div><div slot=message>${this._messages.errors.noStartingPointsBody}</div></calcite-notice>`;
+    return s`<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>${this._messages.errors.noStartingPointsTitle}</div><div slot=message>${this._messages.errors.noStartingPointsBody}</div></calcite-notice></calcite-panel>`;
   }
   renderResultsTab() {
-    return l(`${this.el.id}__results-tab-item`, o`<calcite-tab .selected=${this.activeTab === "results"}>${this._viewModel.state === "executing" ? o`<calcite-loader .label=${this._messages.runningTrace} .text=${this._messages.runningTrace}></calcite-loader>` : o`<arcgis-utility-network-trace-results .aggregatedGeometryGraphicsColor=${this.aggregatedGeometryGraphicsColor} .hideFeatureResults=${this.hideFeatureResults} .referenceElement=${this.referenceElement} .layers=${this._allLayers} .traceConfigTitle=${this._selectedTraceConfig?.title} .traceError=${this.traceError} .traceResult=${this.traceResult} .utilityNetwork=${this._viewModel.utilityNetwork ?? void 0} .view=${this.view ?? void 0} .messageOverrides=${{ resultFeaturesAreHidden: this.messageOverrides?.resultFeaturesAreHidden }} @arcgisHideGraphicsChange=${this._handleHideGraphicsChange} @arcgisTraceResultFeaturesReady=${this._handleTraceResultFeaturesReady} @arcgisAggregatedGeometryGraphicsColorChange=${this._handleAggregatedGeometryGraphicsColorChange} ${f(this._traceResultsRef)}></arcgis-utility-network-trace-results>`}</calcite-tab>`);
+    return h(`${this.el.id}__results-tab-item`, s`<calcite-tab .selected=${this.activeTab === "results"}>${this._viewModel.state === "executing" ? s`<calcite-panel><calcite-loader .label=${this._messages.runningTrace} .text=${this._messages.runningTrace}></calcite-loader></calcite-panel>` : s`<arcgis-utility-network-trace-results .aggregatedGeometryGraphicsColor=${this.aggregatedGeometryGraphicsColor} .hideFeatureResults=${this.hideFeatureResults} .referenceElement=${this.referenceElement} .hideActionBar=${this.hideActionBar} .layers=${this._allLayers} .traceConfigTitle=${this._selectedTraceConfig?.title} .traceError=${this.traceError} .traceResult=${this.traceResult} .utilityNetwork=${this._viewModel.utilityNetwork ?? void 0} .view=${this.view ?? void 0} .messageOverrides=${{ resultFeaturesAreHidden: this.messageOverrides?.resultFeaturesAreHidden }} @arcgisHideGraphicsChange=${this._handleHideGraphicsChange} @arcgisTraceResultFeaturesReady=${this._handleTraceResultFeaturesReady} @arcgisAggregatedGeometryGraphicsColorChange=${this._handleAggregatedGeometryGraphicsColorChange} .autoDestroyDisabled=${this.autoDestroyDisabled} ${o(this._handleTraceResultsRefChange)}></arcgis-utility-network-trace-results>`}</calcite-tab>`);
   }
   renderResultsFooter() {
-    const { _mode: e } = this;
+    const { mode: e, state: t } = this;
     if (e !== "default")
       return null;
-    const { traceResult: t } = this, n = !!(t?.elements.length || t?.globalFunctionResults.length || t?.aggregatedGeometry) && this._traceResultsRef.value?.state === "ready";
-    return o`<calcite-button appearance=outline width=full @click=${() => {
+    const { traceResult: a } = this, i = !!(a?.elements.length || a?.globalFunctionResults.length || a?.aggregatedGeometry) && this._traceResultsElement?.state === "ready", r = this._traceResultsElement?.numResults ?? 0;
+    return s`<calcite-button appearance=outline width=full @click=${() => {
       this._switchTab("input"), this._clearTraceResult(), this.arcgisTraceResultClear.emit();
-    }} .disabled=${!n} slot=footer>${this.traceResultFeatures.length > 0 && !this.hideFeatureResults ? this._messages.buttons.clearResultsCustom.replace("{number}", this.traceResultFeatures.length.toString()) : this._messages.buttons.clearResultsGeneric}</calcite-button>`;
+    }} .disabled=${!i} slot=footer>${r > 0 && !this.hideFeatureResults && t !== "executing" ? this._messages.buttons.clearResultsCustom.replace("{number}", r.toString()) : this._messages.buttons.clearResultsGeneric}</calcite-button>`;
   }
   renderInputTab() {
-    return l(`${this.el.id}__inputs-tab-item`, o`<calcite-tab .selected=${this.activeTab === "input"}>${this.showNoStartingPointsWarning && this._mode === "default" ? this.renderNoStartingPointsWarning() : null}<arcgis-utility-network-trace-inputs .view=${this.view || void 0} .beforeTraceLocationSelectStart=${this.beforeTraceLocationSelectStart} @arcgisTraceInputsChange=${this._handleTraceInputsChange} @arcgisSelectedNamedTraceConfigurationChange=${this._handleSelectedNamedTraceConfigurationChange} @arcgisUtilityNetworkChange=${this._handleUtilityNetworkChange} @arcgisTraceLocationSelectStart=${this._handleTraceLocationSelectStart} @arcgisTraceLocationSelectEnd=${this._handleTraceLocationSelectEnd} @arcgisPropertyChange=${(e) => {
-      e.stopPropagation(), e.detail.name === "mode" && (this._mode = e.target.mode);
-    }} ${f(this._traceInputsRef)}></arcgis-utility-network-trace-inputs></calcite-tab>`);
+    return h(`${this.el.id}__inputs-tab-item`, s`<calcite-tab .selected=${this.activeTab === "input"}><div class="inputs-tab-container">${this.showNoStartingPointsWarning && this.mode === "default" && this.renderNoStartingPointsWarning() || ""}${this.showMissingTerminalWarning && this.mode === "default" && this.renderMissingTerminalWarning() || ""}<arcgis-utility-network-trace-inputs .view=${this.view || void 0} .referenceElement=${this.referenceElement} .beforeTraceLocationSelectStart=${this.beforeTraceLocationSelectStart} .hideActionBar=${this.hideActionBar} @arcgisSelectedNamedTraceConfigurationChange=${this._handleSelectedNamedTraceConfigurationChange} @arcgisUtilityNetworkChange=${this._handleUtilityNetworkChange} @arcgisTraceLocationSelectStart=${this._handleTraceLocationSelectStart} @arcgisTraceLocationSelectEnd=${this._handleTraceLocationSelectEnd} @arcgisPropertyChange=${(e) => {
+      e.stopPropagation(), e.detail.name === "mode" && (this.mode = e.target.mode);
+    }} .autoDestroyDisabled=${this.autoDestroyDisabled} ${o(this._handleTraceInputsRefChange)}></arcgis-utility-network-trace-inputs></div></calcite-tab>`);
   }
   renderInputFooter() {
-    const { _mode: e, _viewModel: { state: t } } = this;
-    return e !== "default" ? null : o`<calcite-button appearance=solid width=full @click=${this._handleRunTraceButtonClick} slot=footer .disabled=${t === "disabled"}>${this._messages.buttons.getResults}</calcite-button>`;
+    const { mode: e, state: t } = this;
+    if (e !== "default")
+      return null;
+    const a = t === "disabled" || !this._traceInputsElement?.selectedNamedTraceConfiguration;
+    return s`<calcite-button appearance=solid width=full @click=${this._handleRunTraceButtonClick} slot=footer .disabled=${a}>${this._messages.buttons.getResults}</calcite-button>`;
   }
   render() {
-    const { _messages: e, _viewModel: { loadError: t, state: i } } = this, n = i === "disabled" && t != null, r = n && t !== "no-utility-network" ? o`<calcite-notice kind=warning open scale=s slot=content-top width=full><div slot=message>${this._getLoadError(t)}</div></calcite-notice>` : void 0;
-    return o`<div class="root"><calcite-panel .loading=${this.view === void 0}><calcite-tabs layout=center position=top><calcite-tab-nav slot=title-group><calcite-tab-title @click=${() => this._switchTab("input")} .selected=${this.activeTab === "input"}>${e.tabs.inputTab}</calcite-tab-title><calcite-tab-title @click=${() => this._switchTab("results")} .selected=${this.activeTab === "results"} .disabled=${n}>${e.tabs.resultsTab}</calcite-tab-title></calcite-tab-nav>${this.view ? this.renderInputTab() : null}${this.view && this._viewModel.utilityNetwork ? this.renderResultsTab() : null}</calcite-tabs>${r}${this.activeTab === "input" ? this.renderInputFooter() : null}${this.activeTab === "results" ? this.renderResultsFooter() : null}</calcite-panel></div>`;
+    const { _messages: e, _viewModel: { utilityNetwork: t, loadError: a, state: n } } = this, i = n === "disabled" && a != null, r = i && a !== "no-utility-network" ? s`<calcite-notice kind=warning open scale=s slot=content-top width=full><div slot=message>${this._getLoadError(a)}</div></calcite-notice>` : void 0;
+    return s`<calcite-panel .loading=${this.view === void 0}><calcite-tabs layout=center position=top><calcite-tab-nav slot=title-group><calcite-tab-title @click=${() => this._switchTab("input")} .selected=${this.activeTab === "input"}>${e.tabs.inputTab}</calcite-tab-title><calcite-tab-title @click=${() => this._switchTab("results")} .selected=${this.activeTab === "results"} .disabled=${i || !t}>${e.tabs.resultsTab}</calcite-tab-title></calcite-tab-nav>${this.view ? this.renderInputTab() : null}${this.view && t ? this.renderResultsTab() : null}</calcite-tabs>${r}${this.activeTab === "input" ? this.renderInputFooter() : null}${this.activeTab === "results" ? this.renderResultsFooter() : null}</calcite-panel>`;
   }
 }
-m("arcgis-utility-network-trace-analysis", R);
+y("arcgis-utility-network-trace-analysis", C);
 export {
-  R as ArcgisUtilityNetworkTraceAnalysis
+  C as ArcgisUtilityNetworkTraceAnalysis
 };

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

@@ -1,10 +1,10 @@
+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/index.js";
 import "@esri/calcite-components/components/calcite-button";
 import "../arcgis-utility-network-trace-inputs/index.js";
-import "@esri/calcite-components/components/calcite-panel";
 import "@esri/calcite-components/components/calcite-tabs";
 import "@esri/calcite-components/components/calcite-tab-nav";
 import "@esri/calcite-components/components/calcite-tab-title";

package/dist/components/arcgis-utility-network-trace-analysis/types.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export type UtilityNetworkTraceAnalysisDisplayMode = "add-spatial-feature" \| "add-spatial-instructions" \| "default";