@arcgis/map-components 5.1.0-next.104 → 5.1.0-next.107

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

@@ -1,9 +1,9 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as m } from "../../chunks/runtime.js";
-import { css as y, html as i } from "lit";
-import { ref as h } from "lit/directives/ref.js";
-import { keyed as g } from "lit/directives/keyed.js";
-import u from "@arcgis/core/Color.js";
+import { css as y, html as s } from "lit";
+import { ref as g } from "lit/directives/ref.js";
+import { keyed as u } from "lit/directives/keyed.js";
+import d from "@arcgis/core/Color.js";
 import "@arcgis/core/core/Error.js";
 import { when as f } from "@arcgis/core/core/reactiveUtils.js";
 import b from "@arcgis/core/networks/UtilityNetworkTraceAnalysis.js";
@@ -13,7 +13,7 @@ import { u as _ } from "../../chunks/useT9n.js";
 import { m as v } from "../../chunks/useViewModel.js";
 import { l as R } from "../../chunks/async-utils.js";
 const $ = y`: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)}}arcgis-utility-network-trace-inputs[mode=default]{height:auto}calcite-tabs{display:flex;flex-direction:column;height:100%}calcite-tab{--calcite-tab-content-space-y: 0;min-height:var(--arcgis-internal-panel-height-sm, 240px)}calcite-tab:not([selected]){flex:0}calcite-panel{--calcite-panel-background-color: var(--calcite-color-foreground-1)}calcite-notice{margin:var(--calcite-spacing-md)}`, C = v(b);
-class k extends w {
+class E extends w {
   constructor() {
     super(...arguments), this._messages = _({ blocking: !0 }), this._viewModel = C(this), this._highlightHandles = [], this._handleRunTraceButtonClick = () => {
       this._setTraceWarnings(), !(this.showNoStartingPointsWarning || this.showMissingTerminalWarning) && (this.showNoStartingPointsWarning = !1, this.showMissingTerminalWarning = !1, this._clearTraceResult(), this._switchTab("results"), this._runTrace());
@@ -21,7 +21,7 @@ class k extends w {
       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 u([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();
+    }, this.activeTab = "input", this.showMissingTerminalWarning = !1, this.showNoStartingPointsWarning = !1, this.mode = "default", this.autoDestroyDisabled = !1, this.aggregatedGeometryGraphicsColor = new d([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, 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 };
@@ -33,9 +33,6 @@ class k extends w {
     const { view: e } = this;
     return e?.map ? e.map.allLayers.toArray().concat(e.map.allTables.toArray()) : [];
   }
-  get _isSubnetworkNameTraceSelected() {
-    return !!this._traceInputsElement?.unTraceConfiguration?.subnetworkName && this._traceInputsElement?.selectedNamedTraceConfiguration?.traceType === "subnetwork";
-  }
   get traceResultFeatures() {
     return this._traceResultsElement?.traceResultFeatures ?? [];
   }
@@ -51,8 +48,10 @@ class k extends w {
     this.traceResult = void 0, this._clearHighlights(), this._clearAggregatedGeometryGraphics();
   }
   _setTraceWarnings() {
-    const e = this._traceInputsElement?.traceLocations, t = this._traceInputsElement?.traceLocationFlagInfos, s = !!this._traceInputsElement?.unTraceConfiguration?.subnetworkName, r = e?.some((n) => n.type === "starting-point"), c = t?.some((n) => !!n.flagProperties.terminalConfiguration && !n.flagProperties.selectedTerminals?.size) ?? !1;
-    this.traceError = void 0, this.showNoStartingPointsWarning = !this._isSubnetworkNameTraceSelected && !r || this._isSubnetworkNameTraceSelected && !s, this.showMissingTerminalWarning = c;
+    if (!this._traceInputsElement)
+      return;
+    const { traceLocations: e, traceLocationFlagInfos: t, unTraceConfiguration: a, isSubnetworkNameTraceSelected: i } = this._traceInputsElement, r = !!a?.subnetworkName, c = e?.some((n) => n.type === "starting-point"), o = t?.some((n) => !!n.flagProperties.terminalConfiguration && !n.flagProperties.selectedTerminals?.size) ?? !1;
+    this.traceError = void 0, this.showNoStartingPointsWarning = !i && !c || i && !r, this.showMissingTerminalWarning = o;
   }
   _switchTab(e) {
     this.activeTab = e;
@@ -83,18 +82,18 @@ class k extends w {
     if (!a || !e?.elements || !t)
       return;
     a.getObjectIdsFromElements(e.elements).forEach((r) => {
-      const c = t.allLayerViews.find((d) => {
-        const o = d.layer;
-        if (a.isUtilityLayer(o)) {
+      const c = t.allLayerViews.find((n) => {
+        const h = n.layer;
+        if (a.isUtilityLayer(h)) {
           const p = Number(r.layerUrl.split("/").pop());
-          return o.layerId === p;
+          return h.layerId === p;
         }
         return !1;
       });
       if (!c)
         return;
-      const n = c.highlight(r.objectIds);
-      this._highlightHandles.push(n);
+      const o = c.highlight(r.objectIds);
+      this._highlightHandles.push(o);
     });
   }
   async _runTrace() {
@@ -112,8 +111,8 @@ class k extends w {
         resultTypes: e.resultTypes,
         outSpatialReference: this.view?.spatialReference
       }), this.disableHighlightFeatureResults || this._highlightResults();
-    } catch (s) {
-      R(s, this, "Error while running trace"), this.traceError = s, this.traceResult = void 0;
+    } catch (i) {
+      R(i, this, "Error while running trace"), this.traceError = i, this.traceResult = void 0;
     }
   }
   _handleHideGraphicsChange(e) {
@@ -130,7 +129,7 @@ class k extends w {
   }
   _handleAggregatedGeometryGraphicsColorChange(e) {
     const t = e.detail;
-    this.aggregatedGeometryGraphicsColor = new u(t);
+    this.aggregatedGeometryGraphicsColor = new d(t);
   }
   _handleSelectedNamedTraceConfigurationChange() {
     this.showNoStartingPointsWarning = !1, this.showMissingTerminalWarning = !1;
@@ -139,39 +138,39 @@ class k extends w {
     this._viewModel.utilityNetwork = this._traceInputsElement?.selectedUtilityNetwork;
   }
   renderMissingTerminalWarning() {
-    return i`<calcite-panel class="trace-inputs-warning"><calcite-notice open icon=exclamation-mark-triangle closable kind=danger scale=s @calciteNoticeClose=${() => this.showMissingTerminalWarning = !1}><div slot=title>${this._messages.errors.missingTerminalTitle}</div><div slot=message>${this._messages.errors.missingTerminalBody}</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.showMissingTerminalWarning = !1}><div slot=title>${this._messages.errors.missingTerminalTitle}</div><div slot=message>${this._messages.errors.missingTerminalBody}</div></calcite-notice></calcite-panel>`;
   }
   renderNoStartingPointsWarning() {
-    return i`<calcite-panel class="trace-inputs-warning"><calcite-notice open icon=exclamation-mark-triangle closable kind=danger scale=s @calciteNoticeClose=${() => this.showNoStartingPointsWarning = !1}><div slot=title>${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 g(`${this.el.id}__results-tab-item`, i`<calcite-tab .selected=${this.activeTab === "results"}>${this.state === "executing" ? i`<calcite-panel><calcite-loader .label=${this._messages.runningTrace} .text=${this._messages.runningTrace}></calcite-loader></calcite-panel>` : i`<arcgis-utility-network-trace-results .autoDestroyDisabled=${this.autoDestroyDisabled} .aggregatedGeometryGraphicsColor=${this.aggregatedGeometryGraphicsColor} .hideActionBar=${this.hideActionBar} .hideFeatureResults=${this.hideFeatureResults} .layers=${this._allLayers} .messageOverrides=${{ resultFeaturesAreHidden: this.messageOverrides?.resultFeaturesAreHidden }} .referenceElement=${this.referenceElement} .traceConfigTitle=${this._selectedTraceConfig?.title} .traceError=${this.traceError} .traceResult=${this.traceResult} .utilityNetwork=${this._viewModel.utilityNetwork ?? void 0} .view=${this.view ?? void 0} @arcgisAggregatedGeometryGraphicsColorChange=${this._handleAggregatedGeometryGraphicsColorChange} @arcgisHideGraphicsChange=${this._handleHideGraphicsChange} @arcgisTraceResultFeaturesReady=${this._handleTraceResultFeaturesReady} ${h(this._handleTraceResultsRefChange)}></arcgis-utility-network-trace-results>`}</calcite-tab>`);
+    return u(`${this.el.id}__results-tab-item`, s`<calcite-tab .selected=${this.activeTab === "results"}>${this.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 .autoDestroyDisabled=${this.autoDestroyDisabled} .aggregatedGeometryGraphicsColor=${this.aggregatedGeometryGraphicsColor} .hideActionBar=${this.hideActionBar} .hideFeatureResults=${this.hideFeatureResults} .layers=${this._allLayers} .messageOverrides=${{ resultFeaturesAreHidden: this.messageOverrides?.resultFeaturesAreHidden }} .referenceElement=${this.referenceElement} .traceConfigTitle=${this._selectedTraceConfig?.title} .traceError=${this.traceError} .traceResult=${this.traceResult} .utilityNetwork=${this._viewModel.utilityNetwork ?? void 0} .view=${this.view ?? void 0} @arcgisAggregatedGeometryGraphicsColorChange=${this._handleAggregatedGeometryGraphicsColorChange} @arcgisHideGraphicsChange=${this._handleHideGraphicsChange} @arcgisTraceResultFeaturesReady=${this._handleTraceResultFeaturesReady} ${g(this._handleTraceResultsRefChange)}></arcgis-utility-network-trace-results>`}</calcite-tab>`);
   }
   renderResultsFooter() {
-    const { traceResult: e } = this, a = !!(e?.elements.length || e?.globalFunctionResults.length || e?.aggregatedGeometry) && this._traceResultsElement?.state === "ready", s = this._traceResultsElement?.numResults ?? 0;
-    return i`<calcite-button appearance=outline width=full @click=${() => {
+    const { traceResult: e } = this, a = !!(e?.elements.length || e?.globalFunctionResults.length || e?.aggregatedGeometry) && this._traceResultsElement?.state === "ready", i = this._traceResultsElement?.numResults ?? 0;
+    return s`<calcite-button appearance=outline width=full @click=${() => {
       this._switchTab("input"), this._clearTraceResult(), this.arcgisTraceResultClear.emit();
-    }} .disabled=${!a} slot=footer>${s > 0 && !this.hideFeatureResults && this.state !== "executing" ? this._messages.buttons.clearResultsCustom.replace("{number}", s.toString()) : this._messages.buttons.clearResultsGeneric}</calcite-button>`;
+    }} .disabled=${!a} slot=footer>${i > 0 && !this.hideFeatureResults && this.state !== "executing" ? this._messages.buttons.clearResultsCustom.replace("{number}", i.toString()) : this._messages.buttons.clearResultsGeneric}</calcite-button>`;
   }
   renderInputTab() {
-    const { mode: e } = this, { loadError: t } = this._viewModel, s = (t === "no-user-type-extension" || t === "sceneView-not-supported" ? i`<calcite-notice kind=danger open scale=s slot=content-top width=auto><div slot=message>${this._getLoadError(t)}</div></calcite-notice>` : void 0) ?? i`${this.showNoStartingPointsWarning && e === "default" && this.renderNoStartingPointsWarning() || ""}${this.showMissingTerminalWarning && e === "default" && this.renderMissingTerminalWarning() || ""}<arcgis-utility-network-trace-inputs .autoDestroyDisabled=${this.autoDestroyDisabled} .hideActionBar=${this.hideActionBar} .referenceElement=${this.referenceElement} .view=${this.view ?? void 0} .beforeTraceLocationSelectStart=${this.beforeTraceLocationSelectStart} @arcgisPropertyChange=${(r) => {
+    const { mode: e } = this, { loadError: t } = this._viewModel, i = (t === "no-user-type-extension" || t === "sceneView-not-supported" ? s`<calcite-notice kind=danger open scale=s slot=content-top width=auto><div slot=message>${this._getLoadError(t)}</div></calcite-notice>` : void 0) ?? s`${this.showNoStartingPointsWarning && e === "default" && this.renderNoStartingPointsWarning() || ""}${this.showMissingTerminalWarning && e === "default" && this.renderMissingTerminalWarning() || ""}<arcgis-utility-network-trace-inputs .autoDestroyDisabled=${this.autoDestroyDisabled} .hideActionBar=${this.hideActionBar} .referenceElement=${this.referenceElement} .view=${this.view ?? void 0} .beforeTraceLocationSelectStart=${this.beforeTraceLocationSelectStart} @arcgisPropertyChange=${(r) => {
       r.stopPropagation(), r.detail.name === "mode" && (this.mode = r.target.mode);
-    }} @arcgisSelectedNamedTraceConfigurationChange=${this._handleSelectedNamedTraceConfigurationChange} @arcgisTraceLocationSelectEnd=${this._handleTraceLocationSelectEnd} @arcgisTraceLocationSelectStart=${this._handleTraceLocationSelectStart} @arcgisUtilityNetworkChange=${this._handleUtilityNetworkChange} ${h(this._handleTraceInputsRefChange)}></arcgis-utility-network-trace-inputs>`;
-    return g(`${this.el.id}__inputs-tab-item`, i`<calcite-tab .selected=${this.activeTab === "input"}><div class="inputs-tab-container">${s}</div></calcite-tab>`);
+    }} @arcgisSelectedNamedTraceConfigurationChange=${this._handleSelectedNamedTraceConfigurationChange} @arcgisTraceLocationSelectEnd=${this._handleTraceLocationSelectEnd} @arcgisTraceLocationSelectStart=${this._handleTraceLocationSelectStart} @arcgisUtilityNetworkChange=${this._handleUtilityNetworkChange} ${g(this._handleTraceInputsRefChange)}></arcgis-utility-network-trace-inputs>`;
+    return u(`${this.el.id}__inputs-tab-item`, s`<calcite-tab .selected=${this.activeTab === "input"}><div class="inputs-tab-container">${i}</div></calcite-tab>`);
   }
   renderInputFooter() {
     const { mode: e, state: t } = this;
     if (e !== "default")
       return null;
     const a = t === "disabled" || t === "loading" || !this._traceInputsElement?.unTraceConfiguration;
-    return i`<calcite-button appearance=solid width=full @click=${this._handleRunTraceButtonClick} slot=footer .disabled=${a}>${this._messages.buttons.getResults}</calcite-button>`;
+    return s`<calcite-button appearance=solid width=full @click=${this._handleRunTraceButtonClick} slot=footer .disabled=${a}>${this._messages.buttons.getResults}</calcite-button>`;
   }
   render() {
     const { activeTab: e, state: t } = this;
-    return i`<calcite-panel><calcite-tabs layout=center position=top><calcite-tab-nav slot=title-group><calcite-tab-title @click=${() => this._switchTab("input")} .selected=${e === "input"}>${this._messages.tabs.inputTab}</calcite-tab-title><calcite-tab-title @click=${() => this._switchTab("results")} .selected=${e === "results"} .disabled=${t === "disabled" || t === "loading"}>${this._messages.tabs.resultsTab}</calcite-tab-title></calcite-tab-nav>${this.renderInputTab()}${t === "ready" || t === "executing" ? this.renderResultsTab() : null}</calcite-tabs>${e === "input" ? this.renderInputFooter() : null}${e === "results" ? this.renderResultsFooter() : null}</calcite-panel>`;
+    return s`<calcite-panel><calcite-tabs layout=center position=top><calcite-tab-nav slot=title-group><calcite-tab-title @click=${() => this._switchTab("input")} .selected=${e === "input"}>${this._messages.tabs.inputTab}</calcite-tab-title><calcite-tab-title @click=${() => this._switchTab("results")} .selected=${e === "results"} .disabled=${t === "disabled" || t === "loading"}>${this._messages.tabs.resultsTab}</calcite-tab-title></calcite-tab-nav>${this.renderInputTab()}${t === "ready" || t === "executing" ? this.renderResultsTab() : null}</calcite-tabs>${e === "input" ? this.renderInputFooter() : null}${e === "results" ? this.renderResultsFooter() : null}</calcite-panel>`;
   }
 }
-m("arcgis-utility-network-trace-analysis", k);
+m("arcgis-utility-network-trace-analysis", E);
 export {
-  k as ArcgisUtilityNetworkTraceAnalysis
+  E as ArcgisUtilityNetworkTraceAnalysis
 };

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

@@ -130,6 +130,11 @@ export abstract class ArcgisUtilityNetworkTraceInputs extends LitElement {
    * @internal
    */
   accessor hideActionBar: boolean;
+  /**
+   * @default false
+   * @internal
+   */
+  get isSubnetworkNameTraceSelected(): boolean;
   /** @default "default" */
   accessor mode: UtilityNetworkTraceAnalysisDisplayMode;
   accessor referenceElement: ArcgisReferenceElement | string | undefined;

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

@@ -7,17 +7,17 @@ import { substitute as k } from "@arcgis/core/intl.js";
 import S from "@arcgis/core/layers/GraphicsLayer.js";
 import T from "@arcgis/core/networks/support/UNTraceConfiguration.js";
 import C from "@arcgis/core/rest/networks/support/TraceLocation.js";
-import p from "@arcgis/core/views/interactive/snapping/FeatureSnappingLayerSource.js";
+import m from "@arcgis/core/views/interactive/snapping/FeatureSnappingLayerSource.js";
 import L from "@arcgis/core/widgets/Sketch/SketchViewModel.js";
 import { LitElement as N, createEvent as l } from "@arcgis/lumina";
 import { usePropertyChange as $ } from "@arcgis/lumina/controllers";
-import { log as h, composeMissingPropertyMessage as v, composeEmptyPropertyMessage as E } from "@arcgis/toolkit/log";
-import { css as P, html as r } from "lit";
+import { log as h, composeMissingPropertyMessage as v, composeEmptyPropertyMessage as P } from "@arcgis/toolkit/log";
+import { css as E, html as r } from "lit";
 import { u as I } from "../../chunks/useT9n.js";
-import { b as U, a as g, c as F, q as m, i as x } from "../../chunks/layer-utils.js";
-import { l as f } from "../../chunks/async-utils.js";
-const A = P`: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()}`, M = 20;
-class D extends N {
+import { b as F, a as g, c as U, q as f, i as x } from "../../chunks/layer-utils.js";
+import { l as b } from "../../chunks/async-utils.js";
+const A = E`: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)}`, p = `utility-network-trace-inputs-sketch-${Date.now()}`, D = 20;
+class M extends N {
   constructor() {
     super(...arguments), this._defaultPopupTemplateEnabled = !0, this._messages = I({ blocking: !0 }), this._layerIdToLayer = /* @__PURE__ */ new Map(), this._startingPoints = new c(), this._barriers = new c(), this._stoppingPoints = new c(), this._subnetworkTraceTypes = /* @__PURE__ */ new Set([
       "subnetwork",
@@ -32,7 +32,7 @@ class D extends N {
       }
       const e = this.view.map;
       this._setupUtilityNetworks(e), this._setupSketchViewModel(e);
-    }, this._removeDuplicateSubnetworkNames = (e, t, i) => t === 0 || e.getAttribute("SUBNETWORKNAME") !== i[t - 1].getAttribute("SUBNETWORKNAME"), this._hitTestPromise = null, this._displayLimit = 20, this._traceLocationStartingRefChange = (e) => {
+    }, this._hitTestPromise = null, this._displayLimit = 20, this._traceLocationStartingRefChange = (e) => {
       e && (this._traceLocationStartingElement = e);
     }, this._traceLocationBarrierRefChange = (e) => {
       e && (this._traceLocationBarrierElement = e);
@@ -45,14 +45,11 @@ class D extends N {
     }, this.candidateFeatures = [], this.compatibleSubnetworkNames = [], this.traceConfigurations = [], this._subnetworkNamesState = "ready", this._exceedDisplayLimit = !1, this.autoDestroyDisabled = !1, this.hideActionBar = !1, this.mode = "default", this.arcgisPropertyChange = $()("mode"), this.arcgisSelectedNamedTraceConfigurationChange = l(), this.arcgisTraceInputsChange = l(), this.arcgisTraceLocationSelectEnd = l(), this.arcgisTraceLocationSelectStart = l(), this.arcgisUtilityNetworkChange = l();
   }
   static {
-    this.properties = { selectedFeature: 16, candidateFeatures: 16, compatibleSubnetworkNames: 16, subnetworksTable: 16, traceConfigurations: 16, utilityNetworks: 16, _unTraceConfiguration: 16, _error: 16, _subnetworkNamesState: 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 };
+    this.properties = { selectedFeature: 16, candidateFeatures: 16, compatibleSubnetworkNames: 16, subnetworksTable: 16, traceConfigurations: 16, utilityNetworks: 16, _unTraceConfiguration: 16, _error: 16, _subnetworkNamesState: 16, _activeTraceLocationType: 16, _exceedDisplayLimit: 16, beforeTraceLocationSelectStart: 0, view: 0, selectedUtilityNetwork: 0, selectedNamedTraceConfiguration: 0, autoDestroyDisabled: 5, hideActionBar: 5, unTraceConfiguration: 32, isSubnetworkNameTraceSelected: 32, referenceElement: 1, mode: 3, traceLocationFlagInfos: 32, traceLocations: 32 };
   }
   static {
     this.styles = A;
   }
-  get isSubnetworkNameTraceSelected() {
-    return !!this.selectedSubnetworkName && this.selectedNamedTraceConfiguration?.traceType === "subnetwork";
-  }
   get selectedSubnetworkName() {
     return this._unTraceConfiguration?.subnetworkName ?? void 0;
   }
@@ -77,6 +74,10 @@ class D extends N {
   get unTraceConfiguration() {
     return this._unTraceConfiguration;
   }
+  get isSubnetworkNameTraceSelected() {
+    const { selectedNamedTraceConfiguration: e } = this;
+    return !!e?.traceConfiguration?.subnetworkName && e?.traceType === "subnetwork";
+  }
   get traceLocationFlagInfos() {
     return new c([...this._startingPoints, ...this._barriers, ...this._stoppingPoints]);
   }
@@ -85,7 +86,7 @@ class D extends N {
     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();
+    this._removeGraphicLayer(p), this._clearTraceLocations(), this._sketchViewModel?.cancel(), this._featuresComponentElement?.destroy(), this._traceLocationStartingElement?.destroy(), this._traceLocationBarrierElement?.destroy(), this._traceLocationStoppingElement?.destroy(), await this.manager.destroy();
   }
   load() {
     this._setUpMap(), this.manager.onLifecycle(() => [
@@ -124,7 +125,7 @@ class D extends N {
         listMode: "hide",
         title: t
       });
-      U(this.view, a);
+      F(this.view, a);
     }
   }
   _getGraphicLayer(e, t) {
@@ -138,35 +139,34 @@ class D extends N {
     i && g(i) && t?.remove(i);
   }
   _setSnappingOption() {
-    const { _sketchViewModel: e, _unLayers: t } = this;
-    if (e && t && t.length > 0) {
-      const i = new c();
-      t.forEach((a) => {
-        F(a) ? a.sublayers.forEach((s) => {
-          i.add(new p({
-            layer: s,
-            enabled: !0
-          }));
-        }) : i.add(new p({
-          layer: a,
+    if (!this._sketchViewModel)
+      return;
+    const e = new c();
+    this._unLayers?.forEach((t) => {
+      U(t) ? t.sublayers.forEach((i) => {
+        e.add(new m({
+          layer: i,
           enabled: !0
         }));
-      }), e.snappingOptions = {
-        enabled: !0,
-        featureEnabled: !0,
-        featureSources: i
-      };
-    }
+      }) : e.add(new m({
+        layer: t,
+        enabled: !0
+      }));
+    }), this._sketchViewModel.snappingOptions = {
+      enabled: !0,
+      featureEnabled: !0,
+      featureSources: e
+    };
   }
   _initializeSketchViewModel(e) {
-    const { view: t } = this, i = this._getGraphicLayer(e, u);
+    const { view: t } = this, i = this._getGraphicLayer(e, p);
     return new L({
       layer: i,
       view: t
     });
   }
   _setupSketchViewModel(e) {
-    this._createGraphicLayer(e, u), this._sketchViewModel = this._initializeSketchViewModel(e), this._setSnappingOption();
+    this._createGraphicLayer(e, p), this._sketchViewModel = this._initializeSketchViewModel(e), this._setSnappingOption();
   }
   _clearSubnetworks() {
     this.selectedSubnetworkName = void 0, this.subnetworksTable = void 0, this.compatibleSubnetworkNames = [];
@@ -178,10 +178,10 @@ class D extends N {
     const { subnetworksTable: e } = this;
     if (!e)
       return;
-    const t = e.createQuery();
-    t.gdbVersion = this.selectedUtilityNetwork?.gdbVersion, t.where = this._getSubnetworkQueryWhereClause(), t.outFields = ["SUBNETWORKNAME"], t.orderByFields = ["SUBNETWORKNAME"];
-    const { features: i } = await m(e, t, void 0, !1);
-    this.compatibleSubnetworkNames = i.filter(this._removeDuplicateSubnetworkNames).map((a) => a.getAttribute("SUBNETWORKNAME"));
+    const t = e.fieldsIndex.get("SUBNETWORKNAME"), i = (o, n, u) => n === 0 || o.getAttribute(t.name) !== u[n - 1].getAttribute(t.name), a = e.createQuery();
+    a.gdbVersion = this.selectedUtilityNetwork?.gdbVersion, a.where = this._getSubnetworkQueryWhereClause(), a.outFields = [t.name], a.orderByFields = [t.name];
+    const { features: s } = await f(e, a, void 0, !1);
+    this.compatibleSubnetworkNames = s.filter(i).map((o) => o.getAttribute(t.name));
   }
   _getSubnetworkQueryWhereClause() {
     const e = this._unTraceConfiguration, t = `DOMAINNETWORKNAME = '${e.domainNetworkName}'`, i = `TIERNAME = '${e.tierName}'`;
@@ -206,14 +206,14 @@ class D extends N {
       h("error", this, v("selectedNamedTraceConfiguration.traceConfiguration")), this._unTraceConfiguration = void 0;
       return;
     }
-    this._unTraceConfiguration = e.traceConfiguration.clone(), e.traceType === "subnetwork" && (this._subnetworkNamesState = "loading", await this._handleSubnetworkTraceConfigChange(this._unTraceConfiguration), this._subnetworkNamesState = "ready");
+    this._unTraceConfiguration = e.traceConfiguration.clone(), this.isSubnetworkNameTraceSelected && (this._subnetworkNamesState = "loading", await this._handleSubnetworkTraceConfigChange(this._unTraceConfiguration), this._subnetworkNamesState = "ready");
   }
   async _handleSelectedUtilityNetworkChange() {
     const { selectedUtilityNetwork: e } = this;
     try {
       e && !e.loaded && await e.load();
     } catch (t) {
-      f(t, this, "Error while loading the selected utility network");
+      b(t, this, "Error while loading the selected utility network");
     }
     this._clearSubnetworks(), this._setupTraceConfigurations(), this._filterUnLayers(), this._clearTraceLocations();
   }
@@ -226,13 +226,13 @@ class D extends N {
   }
   _handleUtilityNetworksChange() {
     const { utilityNetworks: e, selectedUtilityNetwork: t } = this;
-    e?.length ? (!t || !e.includes(t)) && (this.selectedUtilityNetwork = e.at(0)) : (h("error", this, E("utilityNetworks")), this.selectedUtilityNetwork = void 0, this._error = this._messages.errors.noUtilityNetwork);
+    e?.length ? (!t || !e.includes(t)) && (this.selectedUtilityNetwork = e.at(0)) : (h("error", this, P("utilityNetworks")), this.selectedUtilityNetwork = void 0, this._error = this._messages.errors.noUtilityNetwork);
   }
   async _setupUtilityNetworks(e) {
     try {
       e.loaded || await e.load();
     } catch (t) {
-      f(t, this, "Error while loading `view.map`");
+      b(t, this, "Error while loading `view.map`");
     } finally {
       this.utilityNetworks = e.utilityNetworks || new c();
     }
@@ -258,7 +258,7 @@ class D extends N {
   async _queryFeaturesOnLayer(e, t) {
     const i = e.createQuery();
     i.gdbVersion = this.selectedUtilityNetwork?.gdbVersion, i.objectIds = t.map((s) => s.getObjectId()), i.outFields = ["*"];
-    const { features: a } = await m(e, i);
+    const { features: a } = await f(e, i);
     return a.forEach((s) => {
       if (!s.getEffectivePopupTemplate(this._defaultPopupTemplateEnabled)) {
         const o = s.layer;
@@ -362,7 +362,7 @@ class D extends N {
   }
   renderSubnetworkSelection() {
     const { compatibleSubnetworkNames: e } = this, t = this._messages.labels.subnetworkName;
-    return this.isSubnetworkNameTraceSelected ? this._subnetworkNamesState === "loading" ? r`<calcite-loader class="inline-loader" label=loading scale=s></calcite-loader>` : e.length ? r`<calcite-block .heading=${t} .label=${t} expanded>${e.length > M ? this.renderSubnetworkNameInput() : this.renderSubnetworkSelectList()}</calcite-block>` : this.renderError(this._messages.errors.noCompatibleSubnetworks, !1, "exclamation-mark-triangle") : null;
+    return this.isSubnetworkNameTraceSelected ? this._subnetworkNamesState === "loading" ? r`<calcite-loader class="inline-loader" label=loading scale=s></calcite-loader>` : e.length ? r`<calcite-block .heading=${t} .label=${t} expanded>${e.length > D ? this.renderSubnetworkNameInput() : this.renderSubnetworkSelectList()}</calcite-block>` : this.renderError(this._messages.errors.noCompatibleSubnetworks, !1, "exclamation-mark-triangle") : null;
   }
   renderSubnetworkInfo() {
     const { _messages: e, selectedNamedTraceConfiguration: t, _unTraceConfiguration: i } = this;
@@ -372,15 +372,15 @@ class D extends N {
     const { utilityNetworks: e, unTraceConfiguration: t } = this, { noTraceConfiguration: i, noNamedTraceConfigurations: a, utilityNetworkLoadFailed: s } = this._messages.errors, o = e && e.length > 1 ? this.renderUtilityNetworkSelection() : null;
     let n;
     this.selectedUtilityNetwork?.loadError ? n = this.renderError(s, !1, "exclamation-mark-triangle") : this.traceConfigurations.length || (n = this.renderError(a, !1, "exclamation-mark-triangle"));
-    const b = r`${this.renderTraceSelection()}${this.renderSubnetworkInfo()}${this.renderSubnetworkSelection()}`, w = t ? r`${this.showStartingPoints ? this.renderStartingPointSelection() : null}${this.showStoppingPoints ? this.renderStoppingPointSelection() : null}${this.renderBarrierSelection()}` : this.renderError(i, !1, "exclamation-mark-triangle");
-    return r`<calcite-block-group .label=${this._messages.labels.traceInputs}>${o}${n ?? r`${b}${w}`}</calcite-block-group>`;
+    const u = r`${this.renderTraceSelection()}${this.renderSubnetworkInfo()}${this.renderSubnetworkSelection()}`, w = t ? r`${this.showStartingPoints ? this.renderStartingPointSelection() : null}${this.showStoppingPoints ? this.renderStoppingPointSelection() : null}${this.renderBarrierSelection()}` : this.renderError(i, !1, "exclamation-mark-triangle");
+    return r`<calcite-block-group .label=${this._messages.labels.traceInputs}>${o}${n ?? r`${u}${w}`}</calcite-block-group>`;
   }
   render() {
     const { mode: e } = this;
     return r`<calcite-panel>${e === "add-spatial-feature" ? this.renderCandidateFeatures() : null}<calcite-flow .hidden=${e === "add-spatial-feature"}>${this.renderDefaultMode()}${this.renderSpatialSelectInstructions()}</calcite-flow>${e !== "default" ? this.renderAddSpatialFooter() : null}</calcite-panel>`;
   }
 }
-y("arcgis-utility-network-trace-inputs", D);
+y("arcgis-utility-network-trace-inputs", M);
 export {
-  D as ArcgisUtilityNetworkTraceInputs
+  M as ArcgisUtilityNetworkTraceInputs
 };

package/dist/components/arcgis-utility-network-validate-network-topology/customElement.d.ts

@@ -91,10 +91,7 @@ export type State = Disabled | Executing | Loading | Ready | Success | ValidateN
  * </calcite-shell>
  * ```
  *
- * <video>
- *   <source src="https://developers.arcgis.com/javascript/latest/assets/references/core/components/utility-network-validate-network-topology/validate-topology-example.webm" autoplay loop muted playsinline type="video/webm">
- *   Your browser does not support the video tag.
- * </video>
+ * <video src="https://developers.arcgis.com/javascript/latest/assets/references/components/utility-network-validate-network-topology/validate-topology-example.webm" autoplay loop muted playsInline></video>
  *
  * @since 5.1
  * @see [Network topology](https://pro.arcgis.com/en/pro-app/latest/help/data/utility-network/about-network-topology.htm)