@arcgis/map-components 5.1.0-next.70 → 5.1.0-next.72

package/dist/components/arcgis-slider-scale-range/customElement.js

@@ -84,7 +84,7 @@ const h = /* @__PURE__ */ new Set([
   "th-th",
   "zh-cn",
   "zh-tw"
-]), R = y`:host{display:block;width:310px;max-width:100%}.slider{height:50px}.scale-indicator-container{position:relative;width:100%;margin-top:5px}.scale-indicator-icon{transform:scale(.8,1.7);margin-left:-6px;width:1px}.scale-menu-list{max-height:220px;overflow-y:auto}.scale-menu-input{max-width:120px}.scale-menu-button-container{display:flex;direction:ltr;justify-content:space-between}.scale-menu-button{min-width:0}:dir(rtl) .scale-menu-button-container>*{direction:rtl}.preview-container{padding:6px;background-color:var(--calcite-color-foreground-1);box-shadow:0 1px 2px #0000004d}`, t = [
+]), R = y`:host{display:block;width:310px;max-width:100%}.slider{height:50px}.scale-indicator-container{position:relative;width:100%;margin-top:5px}.scale-indicator-icon{transform:scale(.8,1.7);margin-left:-6px;width:1px}.scale-menu-list{max-height:220px;overflow-y:auto}.scale-menu-input{max-width:120px}.scale-menu-button-container{display:flex;direction:ltr;justify-content:space-between}.scale-menu-button{min-width:0}:dir(rtl) .scale-menu-button-container>*{direction:rtl}.preview-container{padding:6px;background-color:var(--calcite-color-foreground-1);box-shadow:0 1px 2px #0000004d}`, l = [
   { id: "world", scale: 147914382, minScale: 147914382, maxScale: 1e8 },
   { id: "continent", scale: 5e7, minScale: 99999999, maxScale: 35e6 },
   { id: "countriesBig", scale: 25e6, minScale: 34999999, maxScale: 15e6 },
@@ -108,7 +108,7 @@ const h = /* @__PURE__ */ new Set([
 ];
 class I extends g {
   constructor() {
-    super(...arguments), this.messages = L(), this._sliderRef = $(), this._activeMenu = null, this._customScaleSelected = null, this._portalRegion = null, this._layerMaxScaleLimit = t[t.length - 1].maxScale, this._layerMinScaleLimit = t[0].minScale, this.autoDestroyDisabled = !1, this.disabled = !1, this.hidePreview = !1, this.hideMaxScaleMenu = !1, this.hideMinScaleMenu = !1, this.icon = "actual-size", this.maxScale = 0, this.maxScaleLimit = t[t.length - 1].maxScale, this.minScale = 0, this.minScaleLimit = t[0].minScale, this.mode = "range", this.showWorldValue = !1, this.view = v(this), this.arcgisChange = d(), this.arcgisInput = d(), this.arcgisPropertyChange = b()("state", "minScale", "maxScale"), this.arcgisReady = d();
+    super(...arguments), this.messages = L(), this._sliderRef = $(), this._activeMenu = null, this._customScaleSelected = null, this._portalRegion = null, this._layerMaxScaleLimit = l[l.length - 1].maxScale, this._layerMinScaleLimit = l[0].minScale, this.autoDestroyDisabled = !1, this.disabled = !1, this.hidePreview = !1, this.hideMaxScaleMenu = !1, this.hideMinScaleMenu = !1, this.icon = "actual-size", this.maxScale = 0, this.maxScaleLimit = l[l.length - 1].maxScale, this.minScale = 0, this.minScaleLimit = l[0].minScale, this.mode = "range", this.showWorldValue = !1, this.view = v(this), this.arcgisChange = d(), this.arcgisInput = d(), this.arcgisPropertyChange = b()("state", "minScale", "maxScale"), this.arcgisReady = d();
   }
   static {
     this.properties = { _activeMenu: 16, _customScaleSelected: 16, _portalRegion: 16, _layerMaxScaleLimit: 16, _layerMinScaleLimit: 16, autoDestroyDisabled: 5, disabled: 7, hidePreview: 5, hideMaxScaleMenu: 5, hideMinScaleMenu: 5, icon: 1, label: 1, layer: 0, maxScale: 9, maxScaleLimit: 9, minScale: 9, minScaleLimit: 9, mode: 1, referenceElement: 1, region: 1, showWorldValue: 5, state: 32, view: 0 };
@@ -139,8 +139,8 @@ class I extends g {
   }
   loaded() {
     T.getDefault().load().then((i) => {
-      const l = i.user?.culture ?? i.culture;
-      l && (this._portalRegion = l.split("-")[1]?.toLowerCase() ?? null);
+      const a = i.user?.culture ?? i.culture;
+      a && (this._portalRegion = a.split("-")[1]?.toLowerCase() ?? null);
     }).catch(() => {
     }), this.manager.onLifecycle(() => [
       x(() => this.view?.scale, () => this.requestUpdate(), { initial: !0 }),
@@ -148,12 +148,12 @@ class I extends g {
         // Layer type has loaded property, but Sublayer and SubtypeSublayer use loadStatus instead
         loaded: this.layer?.loadStatus === "loaded",
         ready: this.view?.ready
-      }), ({ loaded: i, ready: l }) => {
-        if (!i || !l || !this.layer)
+      }), ({ loaded: i, ready: a }) => {
+        if (!i || !a || !this.layer)
           return;
         const s = this.layer.type === "wcs" || this.layer.type === "imagery-tile" && this.layer.raster?.tileType === "Raster" ? null : "tileInfo" in this.layer ? this.layer.tileInfo?.lods : null;
         if (s)
-          this._layerMinScaleLimit = s[0].scale === 0 ? t[0].minScale : Math.min(t[0].minScale, s[0].scale), !("resampling" in this.layer) || this.layer.resampling || (this._layerMaxScaleLimit = s[s.length - 1].scale);
+          this._layerMinScaleLimit = s[0].scale === 0 ? l[0].minScale : Math.min(l[0].minScale, s[0].scale), !("resampling" in this.layer) || this.layer.resampling || (this._layerMaxScaleLimit = s[s.length - 1].scale);
         else {
           const m = this.layer && "maxScaleRange" in this.layer ? this.layer.maxScaleRange : null;
           let n = 0, o = 0;
@@ -175,33 +175,34 @@ class I extends g {
     return e === "min" ? Math.min(Math.max(i, this._effectiveMaxScale + 1), this.minScaleLimit) : Math.max(Math.min(i, this._effectiveMinScale - 1), this.maxScaleLimit);
   }
   _getDropdownLabel(e) {
-    const i = e === "min" ? this._effectiveMinScale : this._effectiveMaxScale, l = Math.floor(this._mapScaleToSlider(i)), a = this.messages.scaleRangeLabels;
-    return a ? a[t[l].id] : "";
+    const i = e === "min" ? this._effectiveMinScale : this._effectiveMaxScale, a = Math.floor(this._mapScaleToSlider(i)), t = this.messages.scaleRangeLabels;
+    return t ? t[l[a].id] : "";
   }
   _getSpriteSheetFile() {
-    if (h.has(this.messages._lang.toLowerCase()))
-      return this.messages._lang;
+    const e = this.messages._lang.toLowerCase();
+    if (h.has(e))
+      return e;
     if (this.region) {
-      const i = `${this.messages._t9nLocale}-${this.region.toLowerCase()}`;
-      if (h.has(i))
-        return i;
+      const a = `${this.messages._t9nLocale}-${this.region.toLowerCase()}`;
+      if (h.has(a))
+        return a;
     }
     if (this._portalRegion) {
-      const i = `${this.messages._t9nLocale}-${this._portalRegion}`;
-      if (h.has(i))
-        return i;
+      const a = `${this.messages._t9nLocale}-${this._portalRegion}`;
+      if (h.has(a))
+        return a;
     }
-    const e = `${this.messages._t9nLocale}-${this.messages._t9nLocale}`;
-    if (h.has(e))
-      return e;
-    for (const i of h)
-      if (i.startsWith(`${this.messages._t9nLocale}-`))
-        return i;
+    const i = `${this.messages._t9nLocale}-${this.messages._t9nLocale}`;
+    if (h.has(i))
+      return i;
+    for (const a of h)
+      if (a.startsWith(`${this.messages._t9nLocale}-`))
+        return a;
     return "en-wo";
   }
   _handleCustomScaleInput(e, i) {
-    const l = Number.parseFloat(i);
-    this._setScale(e, l);
+    const a = Number.parseFloat(i);
+    this._setScale(e, a);
   }
   _handleSliderThumbDrag() {
     const e = this._sliderRef.value;
@@ -213,19 +214,19 @@ class I extends g {
         const i = Math.min(this._mapSliderToScale(e.values[0]), this.minScaleLimit);
         this.minScale = i === this.minScaleLimit ? 0 : i;
       } else {
-        const i = Math.min(this._mapSliderToScale(e.values[0]), this.minScaleLimit), l = Math.max(this._mapSliderToScale(e.values[1]), this.maxScaleLimit);
-        this.minScale = i === this.minScaleLimit ? 0 : i, this.maxScale = l === this.maxScaleLimit ? 0 : l;
+        const i = Math.min(this._mapSliderToScale(e.values[0]), this.minScaleLimit), a = Math.max(this._mapSliderToScale(e.values[1]), this.maxScaleLimit);
+        this.minScale = i === this.minScaleLimit ? 0 : i, this.maxScale = a === this.maxScaleLimit ? 0 : a;
       }
       this._syncLayerScale();
     }
   }
   _mapScaleToSlider(e) {
-    const i = Math.min(t[0].minScale, Math.max(t[t.length - 1].maxScale, e)), l = t.findIndex((n) => i >= n.maxScale && i <= n.minScale), a = t[l], s = l, c = l + 0.9999;
-    return a ? s + (i - a.minScale) * (c - s) / (a.maxScale - a.minScale) : 0;
+    const i = Math.min(l[0].minScale, Math.max(l[l.length - 1].maxScale, e)), a = l.findIndex((n) => i >= n.maxScale && i <= n.minScale), t = l[a], s = a, c = a + 0.9999;
+    return t ? s + (i - t.minScale) * (c - s) / (t.maxScale - t.minScale) : 0;
   }
   _mapSliderToScale(e) {
-    const i = Math.min(t.length - 1, Math.max(0, Math.floor(e))), { maxScale: l, minScale: a } = t[i], s = i, c = s + 0.9999;
-    return a + (e - s) * (l - a) / (c - s);
+    const i = Math.min(l.length - 1, Math.max(0, Math.floor(e))), { maxScale: a, minScale: t } = l[i], s = i, c = s + 0.9999;
+    return t + (e - s) * (a - t) / (c - s);
   }
   _setScale(e, i) {
     e === "min" ? this.minScale = i === 0 ? 0 : this._clampScale("min", i) : this.maxScale = i === 0 ? 0 : this._clampScale("max", i), this._syncLayerScale(), this._activeMenu = null;
@@ -238,25 +239,25 @@ class I extends g {
     return this.hidePreview || !e ? null : r`<div slot=popover>${e}</div>`;
   }
   render() {
-    return r`<div><arcgis-slider class="slider" .disabled=${this.disabled} layout=horizontal .fillPlacement=${this.mode === "max-scale-only" ? "start" : this.mode === "min-scale-only" ? "end" : void 0} .fullRangeMin=${this._mapScaleToSlider(t[0].minScale)} .fullRangeMax=${this._mapScaleToSlider(t[t.length - 1].maxScale)} .max=${this._mapScaleToSlider(this.maxScaleLimit)} .min=${this._mapScaleToSlider(this.minScaleLimit)} .labelFormatter=${(e) => {
-      const i = Math.round(this._mapSliderToScale(e)), l = Math.min(t.length - 1, Math.max(0, Math.floor(e))), a = this.messages.scaleRangeLabels?.[t[l].id];
-      return a ? `${a}, ${i.toString()}` : i.toString();
+    return r`<div><arcgis-slider class="slider" .disabled=${this.disabled} layout=horizontal .fillPlacement=${this.mode === "max-scale-only" ? "start" : this.mode === "min-scale-only" ? "end" : void 0} .fullRangeMin=${this._mapScaleToSlider(l[0].minScale)} .fullRangeMax=${this._mapScaleToSlider(l[l.length - 1].maxScale)} .max=${this._mapScaleToSlider(this.maxScaleLimit)} .min=${this._mapScaleToSlider(this.minScaleLimit)} .labelFormatter=${(e) => {
+      const i = Math.round(this._mapSliderToScale(e)), a = Math.min(l.length - 1, Math.max(0, Math.floor(e))), t = this.messages.scaleRangeLabels?.[l[a].id];
+      return t ? `${t}, ${i.toString()}` : i.toString();
     }} title="Scale Slider" .values=${this.mode === "max-scale-only" ? [this._mapScaleToSlider(this._effectiveMaxScale)] : this.mode === "min-scale-only" ? [this._mapScaleToSlider(this._effectiveMinScale)] : [this._mapScaleToSlider(this._effectiveMinScale), this._mapScaleToSlider(this._effectiveMaxScale)]} @arcgisInput=${this._handleSliderThumbDrag} ${w(this._sliderRef)}>${this._renderScalePreviewPopover()}${this.view?.scale != null && this._renderCurrentScaleIndicator(this.view.scale) || ""}</arcgis-slider><div class="scale-menu-button-container" slot=content-end>${this.mode !== "max-scale-only" && !this.hideMinScaleMenu ? [this._renderScaleMenuButtons("min"), this._renderScaleMenuPopover("min")] : r`<div></div>`}${this.mode !== "min-scale-only" && !this.hideMaxScaleMenu && [this._renderScaleMenuButtons("max"), this._renderScaleMenuPopover("max")] || ""}</div></div>`;
   }
   _renderCurrentScaleIndicator(e) {
-    const i = this._sliderRef.value, l = i?.fullRangeMax ?? this._mapScaleToSlider(t[t.length - 1].maxScale), a = i?.fullRangeMin ?? this._mapScaleToSlider(t[0].minScale), s = l - a, c = Math.min(100, Math.max(0, (this._mapScaleToSlider(e) - a) / s * 100));
+    const i = this._sliderRef.value, a = i?.fullRangeMax ?? this._mapScaleToSlider(l[l.length - 1].maxScale), t = i?.fullRangeMin ?? this._mapScaleToSlider(l[0].minScale), s = a - t, c = Math.min(100, Math.max(0, (this._mapScaleToSlider(e) - t) / s * 100));
     return _("scale-indicator", r`<div class="scale-indicator-container" slot=content-end><div class="scale-indicator-icon" style=${u({
       position: "absolute",
       left: `${c}%`
-    })} .title=${`Current Scale: 1:${Math.round(e).toLocaleString(this.messages._t9nLocale)}`}><calcite-icon icon=caret-up scale=s></calcite-icon></div></div>`);
+    })} .title=${`${this.messages.currentScale} 1:${Math.round(e).toLocaleString(this.messages._t9nLocale)}`}><calcite-icon icon=caret-up scale=s></calcite-icon></div></div>`);
   }
   _renderCustomScaleValue(e, i) {
-    const l = Math.round(i).toString();
-    return r`<calcite-list-item .label=${this.messages?.featuredScaleLabels?.custom} .selected=${this._customScaleSelected === e} @calciteListItemSelect=${(a) => {
-      const s = a.target.querySelector("calcite-input-number");
+    const a = Math.round(i).toString();
+    return r`<calcite-list-item .label=${this.messages?.featuredScaleLabels?.custom} .selected=${this._customScaleSelected === e} @calciteListItemSelect=${(t) => {
+      const s = t.target.querySelector("calcite-input-number");
       this._handleCustomScaleInput(e, s?.value ?? ""), this._customScaleSelected = e;
-    }}><calcite-input-number dir=ltr class="scale-menu-input" slot=content-end group-separator inputmode=numeric .max=${t[0].minScale} .min=${t[t.length - 1].maxScale} number-button-type=none .placeholder=${this.messages?.customScaleInputTooltip} prefix-text=1: scale=s step=1 .value=${l} @click=${(a) => a.stopPropagation()} @keydown=${(a) => {
-      a.key === "Enter" && (this._handleCustomScaleInput(e, a.target.value), this._customScaleSelected = e, a.stopPropagation());
+    }}><calcite-input-number dir=ltr class="scale-menu-input" slot=content-end group-separator inputmode=numeric .max=${l[0].minScale} .min=${l[l.length - 1].maxScale} number-button-type=none .placeholder=${this.messages?.customScaleInputTooltip} prefix-text=1: scale=s step=1 .value=${a} @click=${(t) => t.stopPropagation()} @keydown=${(t) => {
+      t.key === "Enter" && (this._handleCustomScaleInput(e, t.target.value), this._customScaleSelected = e, t.stopPropagation());
     }}></calcite-input-number></calcite-list-item>`;
   }
   _renderScaleMenuButtons(e) {
@@ -268,27 +269,27 @@ class I extends g {
     }}>${this._renderScaleMenu(e)}</calcite-popover>`;
   }
   _renderScaleMenu(e) {
-    const i = Math.floor(this._mapScaleToSlider(this._effectiveMaxScale)), l = Math.floor(this._mapScaleToSlider(this._effectiveMinScale)), a = e === "min" ? this._effectiveMinScale : this._effectiveMaxScale, s = this.messages.featuredScaleLabels;
+    const i = Math.floor(this._mapScaleToSlider(this._effectiveMaxScale)), a = Math.floor(this._mapScaleToSlider(this._effectiveMinScale)), t = e === "min" ? this._effectiveMinScale : this._effectiveMaxScale, s = this.messages.featuredScaleLabels;
     if (!s)
       return;
-    const c = Math.floor(this._mapScaleToSlider(this.maxScaleLimit)), m = Math.floor(this._mapScaleToSlider(this.minScaleLimit)), n = t.filter((o, S) => e === "min" ? S < i && S >= m : S > l && S <= c).map((o) => this._renderScaleMenuItem({
+    const c = Math.floor(this._mapScaleToSlider(this.maxScaleLimit)), m = Math.floor(this._mapScaleToSlider(this.minScaleLimit)), n = l.filter((o, S) => e === "min" ? S < i && S >= m : S > a && S <= c).map((o) => this._renderScaleMenuItem({
       scaleLabel: s[o.id],
       scaleValue: o.scale,
-      isSelected: a === o.scale,
+      isSelected: t === o.scale,
       valueVisible: o.id !== "world" || this.showWorldValue,
       type: e
     }));
-    return r`<calcite-list label="Scale Menu List" scale=s class="scale-menu-list" selection-appearance=icon selection-mode=single-persist>${this.view?.scale != null && this._renderCustomScaleValue(e, a) || ""}${this.view?.scale != null ? this._renderScaleMenuItem({
+    return r`<calcite-list label="Scale Menu List" scale=s class="scale-menu-list" selection-appearance=icon selection-mode=single-persist>${this.view?.scale != null && this._renderCustomScaleValue(e, t) || ""}${this.view?.scale != null ? this._renderScaleMenuItem({
       scaleValue: this.view.scale,
       scaleLabel: s.current,
-      isSelected: a === this.view.scale,
+      isSelected: t === this.view.scale,
       valueVisible: !0,
       type: e
     }) : null}${n}</calcite-list>`;
   }
   _renderScaleMenuItem(e) {
-    const { scaleValue: i, scaleLabel: l, isSelected: a, valueVisible: s } = e, c = i === t[0].scale ? ` ${this.messages.aboveSuffix}` : i === t[t.length - 1].scale ? ` ${this.messages.belowSuffix}` : "";
-    return r`<calcite-list-item .label=${l} .selected=${a && this._customScaleSelected !== e.type} .description=${s ? `1:${Math.round(i).toLocaleString(this.messages._t9nLocale)}${c}` : void 0} @calciteListItemSelect=${() => {
+    const { scaleValue: i, scaleLabel: a, isSelected: t, valueVisible: s } = e, c = i === l[0].scale ? ` ${this.messages.aboveSuffix}` : i === l[l.length - 1].scale ? ` ${this.messages.belowSuffix}` : "";
+    return r`<calcite-list-item .label=${a} .selected=${t && this._customScaleSelected !== e.type} .description=${s ? `1:${Math.round(i).toLocaleString(this.messages._t9nLocale)}${c}` : void 0} @calciteListItemSelect=${() => {
       this._setScale(e.type, i), this._customScaleSelected = null;
     }}></calcite-list-item>`;
   }
@@ -296,11 +297,11 @@ class I extends g {
     const e = this._sliderRef.value?.activeValue;
     if (typeof e != "number")
       return null;
-    const i = Math.min(t.length - 1, Math.max(0, Math.floor(e))), l = 5, a = 128, s = a * (i % l), c = a * Math.floor(i / l), m = `-${s}px -${c}px`, n = this._getSpriteSheetFile();
+    const i = Math.min(l.length - 1, Math.max(0, Math.floor(e))), a = 5, t = 128, s = t * (i % a), c = t * Math.floor(i / a), m = `-${s}px -${c}px`, n = this._getSpriteSheetFile();
     return r`<div class="preview-container"><img src=${f(`./assets/slider-scale-range/images/${n}.avif`) ?? M} style=${u({
       display: "block",
-      height: `${a}px`,
-      width: `${a}px`,
+      height: `${t}px`,
+      width: `${t}px`,
       objectPosition: m,
       objectFit: "none"
     })}></div>`;

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

@@ -85,6 +85,8 @@ export abstract class ArcgisUtilityNetworkTraceAnalysis extends LitElement {
               noView: string;
               sceneViewNotSupported: string;
           };
+          missingTerminalBody: string;
+          missingTerminalTitle: string;
           noStartingPointsBody: string;
           noStartingPointsTitle: string;
       };
@@ -112,6 +114,8 @@ export abstract class ArcgisUtilityNetworkTraceAnalysis extends LitElement {
               noView: string;
               sceneViewNotSupported: string;
           };
+          missingTerminalBody: string;
+          missingTerminalTitle: string;
           noStartingPointsBody: string;
           noStartingPointsTitle: string;
       };
@@ -226,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;

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

@@ -5,30 +5,26 @@ 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 { when as b } from "@arcgis/core/core/reactiveUtils.js";
-import v from "@arcgis/core/networks/UtilityNetworkTraceAnalysis.js";
-import { LitElement as w, createEvent as n } from "@arcgis/lumina";
+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 _ } from "../../chunks/useT9n.js";
-import { m as T } 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%}#no-starting-points-panel{flex:none;height:fit-content;--calcite-panel-background-color: var(--calcite-color-foreground-1)}#no-starting-points-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)}`, $ = T(v);
-class C extends w {
+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 = _({ blocking: !0 }), this._viewModel = $(this), this._highlightHandles = [], this._handleRunTraceButtonClick = () => {
-      const t = this._traceInputsElement?.traceLocations?.some((a) => a.type === "starting-point");
-      if (this.traceError = void 0, !this._isSubnetworkNameTraceSelected && !t) {
-        this.showNoStartingPointsWarning = !0;
-        return;
-      }
-      this.showNoStartingPointsWarning = !1, this._clearTraceResult(), this._switchTab("results"), this._runTrace();
+    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.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 = n(), this.arcgisReady = n(), this.arcgisTraceLocationSelectEnd = n(), this.arcgisTraceLocationSelectStart = n(), this.arcgisTraceResultClear = n(), this.arcgisTraceResultFeaturesReady = n();
+    }, 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, autoDestroyDisabled: 5, beforeTraceLocationSelectStart: 0, aggregatedGeometryGraphicsColor: 0, disableHighlightFeatureResults: 5, hideActionBar: 5, hideFeatureResults: 5, label: 3, messageOverrides: 0, 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 = R;
@@ -49,7 +45,7 @@ class C extends w {
   }
   load() {
     this.manager.onLifecycle(() => [
-      b(() => !this._viewModel.utilityNetwork, () => this._switchTab("input"))
+      w(() => !this._viewModel.utilityNetwork, () => this._switchTab("input"))
     ]);
   }
   _clearTraceResult() {
@@ -113,8 +109,8 @@ class C extends w {
         resultTypes: e.resultTypes,
         outSpatialReference: this.view?.spatialReference
       }), this.disableHighlightFeatureResults || this._highlightResults();
-    } catch (l) {
-      const i = l, r = i.details ? { detail: i.details } : void 0;
+    } catch (n) {
+      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;
     }
   }
@@ -134,16 +130,17 @@ class C extends w {
     const t = e.detail;
     this.aggregatedGeometryGraphicsColor = new g(t);
   }
-  _handleTraceInputsChange() {
-  }
   _handleSelectedNamedTraceConfigurationChange() {
-    this.showNoStartingPointsWarning = !1;
+    this.showNoStartingPointsWarning = !1, this.showMissingTerminalWarning = !1;
   }
   _handleUtilityNetworkChange() {
     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 s`<calcite-panel id=no-starting-points-panel><calcite-notice id=no-starting-points-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>`;
+    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 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>`);
@@ -158,7 +155,7 @@ class C extends w {
     }} .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 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() : null}<arcgis-utility-network-trace-inputs .view=${this.view || void 0} .referenceElement=${this.referenceElement} .beforeTraceLocationSelectStart=${this.beforeTraceLocationSelectStart} .hideActionBar=${this.hideActionBar} @arcgisTraceInputsChange=${this._handleTraceInputsChange} @arcgisSelectedNamedTraceConfigurationChange=${this._handleSelectedNamedTraceConfigurationChange} @arcgisUtilityNetworkChange=${this._handleUtilityNetworkChange} @arcgisTraceLocationSelectStart=${this._handleTraceLocationSelectStart} @arcgisTraceLocationSelectEnd=${this._handleTraceLocationSelectEnd} @arcgisPropertyChange=${(e) => {
+    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>`);
   }
@@ -170,7 +167,7 @@ class C extends w {
     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: { utilityNetwork: t, loadError: a, state: l } } = this, i = l === "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;
+    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>`;
   }
 }

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

@@ -1,4 +1,5 @@
 /// <reference path="../../index.d.ts" />
+import type Collection from "@arcgis/core/core/Collection.js";
 import type NamedTraceConfiguration from "@arcgis/core/networks/support/NamedTraceConfiguration.js";
 import type UNTraceConfiguration from "@arcgis/core/networks/support/UNTraceConfiguration.js";
 import type UtilityNetwork from "@arcgis/core/networks/UtilityNetwork.js";
@@ -7,7 +8,7 @@ import type MapView from "@arcgis/core/views/MapView.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { ArcgisReferenceElement } from "../types.js";
 import type { UtilityNetworkTraceAnalysisDisplayMode } from "../arcgis-utility-network-trace-analysis/types.js";
-import type { SelectStartPayload } from "../arcgis-utility-network-trace-location/customElement.js";
+import type { FlagInfo, SelectStartPayload } from "../arcgis-utility-network-trace-location/customElement.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
 /**
@@ -130,6 +131,13 @@ export abstract class ArcgisUtilityNetworkTraceInputs extends LitElement {
   accessor referenceElement: ArcgisReferenceElement | string | undefined;
   accessor selectedNamedTraceConfiguration: NamedTraceConfiguration | undefined;
   accessor selectedUtilityNetwork: UtilityNetwork | undefined;
+  /**
+   * Supplementary information about the points selected on the map to run the trace.
+   * I.e., feature title, terminal configuration, selected terminals, and spatial properties.
+   *
+   * @internal
+   */
+  get traceLocationFlagInfos(): Collection<FlagInfo>;
   get traceLocations(): TraceLocation[];
   /**
    * A clone of the utility network trace configuration associated with

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

@@ -5,8 +5,8 @@ import n from "@arcgis/core/core/Collection.js";
 import { watch as b } from "@arcgis/core/core/reactiveUtils.js";
 import { substitute as y } from "@arcgis/core/intl.js";
 import w from "@arcgis/core/layers/GraphicsLayer.js";
-import k from "@arcgis/core/networks/support/UNTraceConfiguration.js";
-import _ from "@arcgis/core/rest/networks/support/TraceLocation.js";
+import _ from "@arcgis/core/networks/support/UNTraceConfiguration.js";
+import k from "@arcgis/core/rest/networks/support/TraceLocation.js";
 import p from "@arcgis/core/views/interactive/snapping/FeatureSnappingLayerSource.js";
 import S from "@arcgis/core/widgets/Sketch/SketchViewModel.js";
 import { LitElement as T, createEvent as c } from "@arcgis/lumina";
@@ -16,7 +16,7 @@ import { css as $, html as s } from "lit";
 import { u as v } from "../../chunks/useT9n.js";
 import { b as E, a as g, c as P, q as m, i as I } from "../../chunks/layer-utils.js";
 const U = $`:host{height:100%;flex-grow:1}calcite-flow{min-height:var(--arcgis-internal-panel-height-sm, 240px)}calcite-block-group{flex-grow:1;padding-bottom:var(--calcite-spacing-md);background-color:var(--calcite-color-foreground-1)}calcite-block{--calcite-block-content-space: 0;--calcite-block-border-color: transparent;margin:0}calcite-block calcite-combobox,calcite-block calcite-input{margin:0 var(--calcite-spacing-md)}calcite-block calcite-input-message{padding:var(--calcite-spacing-sm) var(--calcite-spacing-md) 0 var(--calcite-spacing-md)}calcite-notice{margin:var(--calcite-spacing-md)}#subnetwork-info-block{margin:var(--calcite-spacing-md) var(--calcite-spacing-md) 0 var(--calcite-spacing-md)}#results-limited-message{padding:var(--calcite-spacing-sm)}.inline-loader{--calcite-loader-spacing: var(--calcite-spacing-md)}.add-spatial-mode{display:flex;flex-direction:column;gap:var(--calcite-spacing-md);margin:var(--calcite-spacing-md)}.heading{color:var(--calcite-color-text-1);margin:0 0 var(--calcite-spacing-md) 0;font-size:var(--calcite-font-size);font-style:normal;font-weight:var(--calcite-font-weight-medium)}`, u = `utility-network-trace-inputs-sketch-${Date.now()}`, F = 20;
-class x extends T {
+class A extends T {
   constructor() {
     super(...arguments), this._defaultPopupTemplateEnabled = !0, this._messages = v({ blocking: !0 }), this._layerIdToLayer = /* @__PURE__ */ new Map(), this._startingPoints = new n(), this._barriers = new n(), this._stoppingPoints = new n(), this._subnetworkTraceTypes = /* @__PURE__ */ new Set([
       "subnetwork",
@@ -37,7 +37,7 @@ class x extends T {
     }, this.candidateFeatures = [], this.compatibleSubnetworkNames = [], this.traceConfigurations = [], this._state = "ready", this._exceedDisplayLimit = !1, this.autoDestroyDisabled = !1, this.hideActionBar = !1, this.mode = "default", this.arcgisPropertyChange = C()("mode"), this.arcgisSelectedNamedTraceConfigurationChange = c(), this.arcgisTraceInputsChange = c(), this.arcgisTraceLocationSelectEnd = c(), this.arcgisTraceLocationSelectStart = c(), this.arcgisUtilityNetworkChange = c();
   }
   static {
-    this.properties = { selectedFeature: 16, candidateFeatures: 16, compatibleSubnetworkNames: 16, subnetworksTable: 16, traceConfigurations: 16, utilityNetworks: 16, _unTraceConfiguration: 16, _state: 16, _activeTraceLocationType: 16, _exceedDisplayLimit: 16, beforeTraceLocationSelectStart: 0, view: 0, selectedUtilityNetwork: 0, selectedNamedTraceConfiguration: 0, autoDestroyDisabled: 5, hideActionBar: 5, unTraceConfiguration: 32, referenceElement: 1, mode: 3, traceLocations: 32 };
+    this.properties = { selectedFeature: 16, candidateFeatures: 16, compatibleSubnetworkNames: 16, subnetworksTable: 16, traceConfigurations: 16, utilityNetworks: 16, _unTraceConfiguration: 16, _state: 16, _activeTraceLocationType: 16, _exceedDisplayLimit: 16, beforeTraceLocationSelectStart: 0, view: 0, selectedUtilityNetwork: 0, selectedNamedTraceConfiguration: 0, autoDestroyDisabled: 5, hideActionBar: 5, unTraceConfiguration: 32, referenceElement: 1, mode: 3, traceLocationFlagInfos: 32, traceLocations: 32 };
   }
   static {
     this.styles = U;
@@ -70,19 +70,12 @@ class x extends T {
   get unTraceConfiguration() {
     return this._unTraceConfiguration;
   }
+  get traceLocationFlagInfos() {
+    return new n([...this._startingPoints, ...this._barriers, ...this._stoppingPoints]);
+  }
   get traceLocations() {
-    const e = [], t = (i) => {
-      i.flagProperties.terminalConfiguration && i.flagProperties.selectedTerminals ? i.flagProperties.selectedTerminals.forEach((r) => {
-        e.push(new _({
-          type: i.traceLocation.type,
-          isFilterBarrier: i.traceLocation.isFilterBarrier,
-          globalId: i.traceLocation.globalId,
-          percentAlong: i.traceLocation.percentAlong,
-          terminalId: r
-        }));
-      }) : e.push(i.traceLocation);
-    };
-    return this.showStartingPoints && this._startingPoints.forEach((i) => t(i)), this._barriers.forEach((i) => t(i)), this.showStoppingPoints && this._stoppingPoints.forEach((i) => t(i)), e;
+    const e = [];
+    return this.showStartingPoints && this._startingPoints.forEach((t) => e.push(...this._createTraceLocations(t))), this.showStoppingPoints && this._stoppingPoints.forEach((t) => e.push(...this._createTraceLocations(t))), this._barriers.forEach((t) => e.push(...this._createTraceLocations(t))), e;
   }
   async destroy() {
     this._removeGraphicLayer(u), this._clearTraceLocations(), this._sketchViewModel?.cancel(), this._featuresComponentElement?.destroy(), this._traceLocationStartingElement?.destroy(), this._traceLocationBarrierElement?.destroy(), this._traceLocationStoppingElement?.destroy(), await this.manager.destroy();
@@ -101,6 +94,16 @@ class x extends T {
   disconnectedCallback() {
     super.disconnectedCallback(), this._layerIdToLayer.clear();
   }
+  _createTraceLocations(e) {
+    const t = e.flagProperties.selectedTerminals;
+    return e.flagProperties.terminalConfiguration && t?.size ? Array.from(t, (i) => new k({
+      type: e.traceLocation.type,
+      isFilterBarrier: e.traceLocation.isFilterBarrier,
+      globalId: e.traceLocation.globalId,
+      percentAlong: e.traceLocation.percentAlong,
+      terminalId: i
+    })) : [e.traceLocation];
+  }
   _clearTraceLocations() {
     this._startingPoints.forEach((e) => {
       e.spatialProperties.flagGraphic && this.view?.graphics.remove(e.spatialProperties.flagGraphic);
@@ -199,7 +202,7 @@ class x extends T {
   }
   _handleTraceConfigChange() {
     const { selectedNamedTraceConfiguration: e } = this;
-    if (!(e?.traceConfiguration instanceof k)) {
+    if (!(e?.traceConfiguration instanceof _)) {
       h("error", this, L("selectedNamedTraceConfiguration.traceConfiguration")), this._unTraceConfiguration = void 0;
       return;
     }
@@ -375,7 +378,7 @@ class x extends T {
     return s`<calcite-panel>${e === "add-spatial-feature" ? this.renderCandidateFeatures() : s`<calcite-flow>${this.renderDefaultMode()}${this.renderSpatialSelectInstructions()}</calcite-flow>`}${e !== "default" ? this.renderAddSpatialFooter() : null}</calcite-panel>`;
   }
 }
-f("arcgis-utility-network-trace-inputs", x);
+f("arcgis-utility-network-trace-inputs", A);
 export {
-  x as ArcgisUtilityNetworkTraceInputs
+  A as ArcgisUtilityNetworkTraceInputs
 };