@arcgis/map-components 5.1.0-next.97 → 5.1.0-next.99

package/dist/components/arcgis-reverse-geocode-list/customElement.js

@@ -1,26 +1,24 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as p } from "../../chunks/runtime.js";
-import { css as f, html as a } from "lit";
-import g from "@arcgis/core/portal/Portal.js";
-import _ from "@arcgis/core/geometry/SpatialReference.js";
-import { LitElement as b, createEvent as v, safeClassMap as $ } from "@arcgis/lumina";
-import * as u from "@arcgis/core/geometry/operators/projectOperator.js";
-import { locationToAddress as R } from "@arcgis/core/rest/locator.js";
-import { substitute as C } from "@arcgis/core/intl.js";
-import { u as y } from "../../chunks/useT9n.js";
-import { watch as h } from "@arcgis/core/core/reactiveUtils.js";
-const w = f`.coordinates{font-size:var(--calcite-font-size-sm);color:var(--calcite-color-text-3);padding-inline-start:var(--calcite-spacing-md);padding-block-end:var(--calcite-spacing-sm)}`, L = {
-  coordinates: "coordinates"
-};
-class G extends b {
+import { c as g } from "../../chunks/runtime.js";
+import { css as _, html as r } from "lit";
+import * as d from "@arcgis/core/geometry/operators/projectOperator.js";
+import f from "@arcgis/core/portal/Portal.js";
+import b from "@arcgis/core/geometry/SpatialReference.js";
+import { LitElement as v, createEvent as m, nothing as C } from "@arcgis/lumina";
+import { locationToAddress as y } from "@arcgis/core/rest/locator.js";
+import { substitute as $ } from "@arcgis/core/intl.js";
+import { u as R } from "../../chunks/useT9n.js";
+import { watch as p } from "@arcgis/core/core/reactiveUtils.js";
+const x = _`calcite-notice{padding:var(--calcite-space-lg)}calcite-block{padding-inline-end:var(--calcite-spacing-xxs)}calcite-block[expanded]{margin:0}`;
+class w extends v {
   constructor() {
-    super(...arguments), this.messages = y(), this._abortController = null, this._location = null, this._results = null, this.headingLevel = 3, this.portal = g.getDefault(), this.autoDestroyDisabled = !1, this.arcgisReverseGeocodeResultsChange = v();
+    super(...arguments), this.messages = R(), this._abortController = null, this._location = null, this._results = null, this.headingLevel = 3, this.portal = f.getDefault(), this.autoDestroyDisabled = !1, this.hideCoordinates = !1, this.arcgisReverseGeocodeResultsChange = m(), this.arcgisReverseGeocodeCopy = m();
   }
   static {
-    this.properties = { _abortController: 16, _location: 16, _results: 16, headingLevel: 9, portal: 0, location: 0, messageOverrides: 0, autoDestroyDisabled: 5, reverseGeocodeResults: 32 };
+    this.properties = { _abortController: 16, _location: 16, _results: 16, headingLevel: 9, portal: 0, location: 0, messageOverrides: 0, autoDestroyDisabled: 5, hideCoordinates: 5, reverseGeocodeResults: 32 };
   }
   static {
-    this.styles = w;
+    this.styles = x;
   }
   get reverseGeocodeResults() {
     return this._results;
@@ -30,10 +28,10 @@ class G extends b {
   }
   loaded() {
     this.manager.onLifecycle(() => [
-      h(() => [this.portal, this.location], () => {
+      p(() => [this.portal, this.location], () => {
         this._update();
       }, { initial: !0 }),
-      h(() => this._results, () => {
+      p(() => this._results, () => {
         this.arcgisReverseGeocodeResultsChange.emit();
       })
     ]);
@@ -47,41 +45,61 @@ class G extends b {
       this._location = null, this._results = null;
       return;
     }
-    const s = new AbortController(), l = s.signal;
+    const s = new AbortController(), i = s.signal;
     this._abortController = s;
-    const o = () => l.aborted || this._abortController !== s;
-    if (!u.isLoaded() && (await u.load(), o()))
+    const o = () => i.aborted || this._abortController !== s;
+    if (!d.isLoaded() && (await d.load(), o()))
       return;
-    const n = u.execute(e, _.WGS84) ?? e;
-    if (o() || (this._location = n, await this.portal?.load({ signal: l }), o()))
+    const c = d.execute(e, b.WGS84) ?? e;
+    if (o() || (this._location = c, await this.portal?.load({ signal: i }), o()))
       return;
-    const i = this.portal?.helperServices?.geocode?.filter((r) => r.reverseGeocode ?? !0);
-    if (!i) {
+    const l = this.portal?.helperServices?.geocode?.filter((a) => a.reverseGeocode ?? !0);
+    if (!l) {
       if (o())
         return;
       this._results = null;
       return;
     }
-    const d = i.map(async (r) => await R(r.url, { location: e }, { signal: l })), c = await Promise.allSettled(d);
-    o() || (this._abortController = null, this._results = i.map((r, m) => ({
-      name: r.name ?? t?.untitledService ?? "",
-      address: (c[m].status === "fulfilled" ? c[m].value.address : null) ?? t?.noResultsFound ?? "",
-      url: r.url
+    const n = l.map(async (a) => await y(a.url, { location: e }, { signal: i })), u = await Promise.allSettled(n);
+    o() || (this._abortController = null, this._results = l.map((a, h) => ({
+      name: a.name ?? t?.untitledService ?? "",
+      address: (u[h].status === "fulfilled" ? u[h].value.address : null) ?? t?.noResultFound ?? "",
+      url: a.url
     })));
   }
+  _copyTextToClipboard(e) {
+    navigator.clipboard.writeText(e), this.arcgisReverseGeocodeCopy.emit({ data: e });
+  }
   _renderMoreResults(e) {
     const { messages: t } = this;
-    return !this._abortController && e?.length ? a`<calcite-block collapsible .headingLevel=${this.headingLevel} .heading=${C(t?.showMoreResults ?? "", { count: e.length })}><calcite-list display-mode=flat interaction-mode=static selection-mode=none .label=${t?.moreResults ?? ""}>${e?.map((s) => a`<calcite-list-item .label=${s.name} .description=${s.address}></calcite-list-item>`)}</calcite-list></calcite-block>` : null;
+    return !this._abortController && e?.length ? r`<calcite-block collapsible scale=s .headingLevel=${this.headingLevel} .heading=${$(t?.showMoreResults ?? "", { count: e.length })}><calcite-list scale=s display-mode=flat interaction-mode=static selection-mode=none .label=${t?.moreResults ?? ""}>${e?.map((s) => this._renderItem(s))}</calcite-list></calcite-block>` : null;
+  }
+  _renderCopyAction({ text: e, value: t }) {
+    return r`<calcite-action .text=${e} title=${e ?? C} slot=actions-end icon=copy @click=${() => this._copyTextToClipboard(t)}></calcite-action>`;
+  }
+  _renderCoordinatesItem() {
+    const { _location: e, messages: t } = this;
+    if (!e || this.hideCoordinates)
+      return null;
+    const { latitude: s, longitude: i } = e, o = s != null && i != null ? `${i.toFixed(6)}, ${s.toFixed(6)}` : null;
+    return o ? r`<calcite-list-item .label=${o} .description=${t.coordinates ?? ""}>${this._renderCopyAction({
+      text: t.copyCoordinates ?? "",
+      value: o
+    })}</calcite-list-item>` : null;
+  }
+  _renderItem(e) {
+    const { messages: t } = this;
+    return r`<calcite-list-item .label=${e.address} .description=${e.name}>${this._renderCopyAction({ text: t.copyAddress ?? "", value: e.address ?? "" })}</calcite-list-item>`;
   }
   render() {
-    const { _abortController: e, _location: t, _results: s, messages: l } = this;
+    const { _abortController: e, _location: t, _results: s, messages: i } = this;
     if (!t)
-      return null;
-    const o = s?.slice(), n = o?.shift(), { latitude: i, longitude: d } = t, c = i != null && d != null ? a`<div class=${$(L.coordinates)} slot=content-bottom>${`${i.toFixed(6)}, ${d.toFixed(6)}`}</div>` : null;
-    return a`<calcite-list .loading=${!!e} display-mode=flat interaction-mode=static selection-mode=none .label=${l.label ?? ""}>${n ? a`<calcite-list-item .label=${n.name} .description=${n.address}>${c}</calcite-list-item>` : e ? null : a`<calcite-list-item .label=${l.noResultsFound ?? ""}>${c}</calcite-list-item>`}</calcite-list>${this._renderMoreResults(o)}`;
+      return r`<calcite-notice scale=s open kind=warning icon><div slot=message>${i?.noLocation ?? ""}</div></calcite-notice>`;
+    const o = s?.[0], c = s && s.length > 1 ? s.slice(1) : void 0, l = this._renderCoordinatesItem(), n = o ? this._renderItem(o) : null;
+    return !e && !n && !l ? r`<calcite-notice scale=s open kind=info><div slot=message>${i?.noResultFound ?? ""}</div></calcite-notice>` : r`<calcite-list .loading=${!!e} display-mode=flat interaction-mode=static selection-mode=none .label=${i.label ?? ""} scale=s>${l}${n}</calcite-list>${this._renderMoreResults(c)}`;
   }
 }
-p("arcgis-reverse-geocode-list", G);
+g("arcgis-reverse-geocode-list", w);
 export {
-  G as ArcgisReverseGeocodeList
+  w as ArcgisReverseGeocodeList
 };

package/dist/components/arcgis-reverse-geocode-list/index.js

@@ -1,4 +1,6 @@
 import "@esri/calcite-components/components/calcite-block";
 import "@esri/calcite-components/components/calcite-list";
+import "@esri/calcite-components/components/calcite-action";
 import "@esri/calcite-components/components/calcite-list-item";
+import "@esri/calcite-components/components/calcite-notice";
 export * from "./customElement.js";

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

@@ -7,13 +7,13 @@ import u from "@arcgis/core/Color.js";
 import "@arcgis/core/core/Error.js";
 import { when as f } from "@arcgis/core/core/reactiveUtils.js";
 import w from "@arcgis/core/networks/UtilityNetworkTraceAnalysis.js";
-import { LitElement as T, createEvent as l } from "@arcgis/lumina";
-import { log as b } from "@arcgis/toolkit/log";
+import { LitElement as b, createEvent as l } from "@arcgis/lumina";
+import { log as T } from "@arcgis/toolkit/log";
 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(w);
-class k extends T {
+class k extends b {
   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());
@@ -34,8 +34,7 @@ class k extends T {
     return e?.map ? e.map.allLayers.toArray().concat(e.map.allTables.toArray()) : [];
   }
   get _isSubnetworkNameTraceSelected() {
-    const e = this._traceInputsElement?.selectedNamedTraceConfiguration?.traceType;
-    return !!this._traceInputsElement?.selectedNamedTraceConfiguration?.traceConfiguration?.subnetworkName && e === "subnetwork";
+    return !!this._traceInputsElement?.unTraceConfiguration?.subnetworkName && this._traceInputsElement?.selectedNamedTraceConfiguration?.traceType === "subnetwork";
   }
   get traceResultFeatures() {
     return this._traceResultsElement?.traceResultFeatures ?? [];
@@ -101,7 +100,7 @@ class k extends T {
   async _runTrace() {
     const e = this._traceInputsElement?.selectedNamedTraceConfiguration, t = this._traceInputsElement?.unTraceConfiguration;
     if (!(e?.traceType && t)) {
-      b("error", this, "Trace configuration not found");
+      T("error", this, "Trace configuration not found");
       return;
     }
     const a = this._traceInputsElement?.traceLocations;
@@ -164,7 +163,7 @@ class k extends T {
     const { mode: e, state: t } = this;
     if (e !== "default")
       return null;
-    const a = t === "disabled" || !this._traceInputsElement?.selectedNamedTraceConfiguration;
+    const a = t === "disabled" || !this._traceInputsElement?.unTraceConfiguration;
     return s`<calcite-button appearance=solid width=full @click=${this._handleRunTraceButtonClick} slot=footer .disabled=${a}>${this._messages.buttons.getResults}</calcite-button>`;
   }
   render() {

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

@@ -31,7 +31,8 @@ export abstract class ArcgisUtilityNetworkTraceInputs extends LitElement {
       errors: {
           noCompatibleSubnetworks: string;
           noMapError: string;
-          noTraceConfigurationError: string;
+          noNamedTraceConfigurations: string;
+          noTraceConfiguration: string;
           noUtilityNetworkError: string;
           utilityNetworkLoadFailed: string;
       };
@@ -73,7 +74,8 @@ export abstract class ArcgisUtilityNetworkTraceInputs extends LitElement {
       errors: {
           noCompatibleSubnetworks: string;
           noMapError: string;
-          noTraceConfigurationError: string;
+          noNamedTraceConfigurations: string;
+          noTraceConfiguration: string;
           noUtilityNetworkError: string;
           utilityNetworkLoadFailed: string;
       };

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

@@ -1,25 +1,25 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as y } from "../../chunks/runtime.js";
+import { c as w } from "../../chunks/runtime.js";
 import { ref as h } from "lit/directives/ref.js";
-import n from "@arcgis/core/core/Collection.js";
-import { watch as w } from "@arcgis/core/core/reactiveUtils.js";
-import { substitute as _ } from "@arcgis/core/intl.js";
-import k from "@arcgis/core/layers/GraphicsLayer.js";
-import S from "@arcgis/core/networks/support/UNTraceConfiguration.js";
-import T from "@arcgis/core/rest/networks/support/TraceLocation.js";
+import c from "@arcgis/core/core/Collection.js";
+import { watch as _ } from "@arcgis/core/core/reactiveUtils.js";
+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 C from "@arcgis/core/widgets/Sketch/SketchViewModel.js";
-import { LitElement as L, createEvent as l } from "@arcgis/lumina";
-import { usePropertyChange as N } from "@arcgis/lumina/controllers";
-import { log as d, composeMissingPropertyMessage as $, composeEmptyPropertyMessage as v } from "@arcgis/toolkit/log";
-import { css as E, html as r } from "lit";
-import { u as P } from "../../chunks/useT9n.js";
-import { b as I, a as g, c as U, q as m, i as F } from "../../chunks/layer-utils.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 d, composeMissingPropertyMessage as v, composeEmptyPropertyMessage as E } from "@arcgis/toolkit/log";
+import { css as P, 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 x = 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)}`, u = `utility-network-trace-inputs-sketch-${Date.now()}`, A = 20;
-class M extends L {
+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 {
   constructor() {
-    super(...arguments), this._defaultPopupTemplateEnabled = !0, this._messages = P({ blocking: !0 }), this._layerIdToLayer = /* @__PURE__ */ new Map(), this._startingPoints = new n(), this._barriers = new n(), this._stoppingPoints = new n(), this._subnetworkTraceTypes = /* @__PURE__ */ new Set([
+    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",
       "subnetwork-controller",
       "upstream",
@@ -42,17 +42,16 @@ class M extends L {
       e && (this._featuresComponentElement = e);
     }, this._handleFeaturesPropertyChange = ({ detail: e, target: t }) => {
       (e.name === "selectedDrillInFeature" || e.name === "selectedFeature") && (this.selectedFeature = t.selectedDrillInFeature ?? t.selectedFeature ?? void 0);
-    }, this.candidateFeatures = [], this.compatibleSubnetworkNames = [], this.traceConfigurations = [], this._subnetworkNamesState = "ready", this._exceedDisplayLimit = !1, this.autoDestroyDisabled = !1, this.hideActionBar = !1, this.mode = "default", this.arcgisPropertyChange = N()("mode"), this.arcgisSelectedNamedTraceConfigurationChange = l(), this.arcgisTraceInputsChange = l(), this.arcgisTraceLocationSelectEnd = l(), this.arcgisTraceLocationSelectStart = l(), this.arcgisUtilityNetworkChange = l();
+    }, 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 };
   }
   static {
-    this.styles = x;
+    this.styles = A;
   }
   get isSubnetworkNameTraceSelected() {
-    const e = this.selectedNamedTraceConfiguration?.traceType;
-    return !!this.selectedNamedTraceConfiguration?.traceConfiguration?.subnetworkName && e === "subnetwork";
+    return !!this.selectedSubnetworkName && this.selectedNamedTraceConfiguration?.traceType === "subnetwork";
   }
   get selectedSubnetworkName() {
     return this._unTraceConfiguration?.subnetworkName ?? void 0;
@@ -79,7 +78,7 @@ class M extends L {
     return this._unTraceConfiguration;
   }
   get traceLocationFlagInfos() {
-    return new n([...this._startingPoints, ...this._barriers, ...this._stoppingPoints]);
+    return new c([...this._startingPoints, ...this._barriers, ...this._stoppingPoints]);
   }
   get traceLocations() {
     const e = [];
@@ -90,7 +89,7 @@ class M extends L {
   }
   load() {
     this._setUpMap(), this.manager.onLifecycle(() => [
-      w(() => this.view?.map, () => this._setUpMap())
+      _(() => this.view?.map, () => this._setUpMap())
     ]);
   }
   willUpdate(e) {
@@ -101,7 +100,7 @@ class M extends L {
   }
   _createTraceLocations(e) {
     const t = e.flagProperties.selectedTerminals;
-    return e.flagProperties.terminalConfiguration && t?.size ? Array.from(t, (i) => new T({
+    return e.flagProperties.terminalConfiguration && t?.size ? Array.from(t, (i) => new C({
       type: e.traceLocation.type,
       isFilterBarrier: e.traceLocation.isFilterBarrier,
       globalId: e.traceLocation.globalId,
@@ -120,12 +119,12 @@ class M extends L {
   }
   _createGraphicLayer(e, t) {
     if (!e.findLayerById(t)) {
-      const a = new k({
+      const a = new S({
         id: t,
         listMode: "hide",
         title: t
       });
-      I(this.view, a);
+      U(this.view, a);
     }
   }
   _getGraphicLayer(e, t) {
@@ -141,9 +140,9 @@ class M extends L {
   _setSnappingOption() {
     const { _sketchViewModel: e, _unLayers: t } = this;
     if (e && t && t.length > 0) {
-      const i = new n();
+      const i = new c();
       t.forEach((a) => {
-        U(a) ? a.sublayers.forEach((s) => {
+        F(a) ? a.sublayers.forEach((s) => {
           i.add(new p({
             layer: s,
             enabled: !0
@@ -161,7 +160,7 @@ class M extends L {
   }
   _initializeSketchViewModel(e) {
     const { view: t } = this, i = this._getGraphicLayer(e, u);
-    return new C({
+    return new L({
       layer: i,
       view: t
     });
@@ -203,8 +202,8 @@ class M extends L {
   }
   async _handleTraceConfigChange() {
     const { selectedNamedTraceConfiguration: e } = this;
-    if (!(e?.traceConfiguration instanceof S)) {
-      d("error", this, $("selectedNamedTraceConfiguration.traceConfiguration")), this._unTraceConfiguration = void 0;
+    if (!(e?.traceConfiguration instanceof T)) {
+      d("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");
@@ -223,11 +222,11 @@ class M extends L {
   }
   _filterUnLayers() {
     const { selectedUtilityNetwork: e } = this;
-    this._unLayers = new n(this._allLayers.filter((t) => e?.isUtilityLayer(t) && !this._subnetworkLayerIds.includes(t.layerId))), this._setSnappingOption();
+    this._unLayers = new c(this._allLayers.filter((t) => e?.isUtilityLayer(t) && !this._subnetworkLayerIds.includes(t.layerId))), this._setSnappingOption();
   }
   _handleUtilityNetworksChange() {
     const { utilityNetworks: e, selectedUtilityNetwork: t } = this;
-    e?.length ? (!t || !e.includes(t)) && (this.selectedUtilityNetwork = e.at(0)) : (d("error", this, v("utilityNetworks")), this.selectedUtilityNetwork = void 0, this._error = this._messages.errors.noUtilityNetworkError);
+    e?.length ? (!t || !e.includes(t)) && (this.selectedUtilityNetwork = e.at(0)) : (d("error", this, E("utilityNetworks")), this.selectedUtilityNetwork = void 0, this._error = this._messages.errors.noUtilityNetworkError);
   }
   async _setupUtilityNetworks(e) {
     try {
@@ -235,7 +234,7 @@ class M extends L {
     } catch (t) {
       f(t, this, "Error while loading `view.map`");
     } finally {
-      this.utilityNetworks = e.utilityNetworks || new n();
+      this.utilityNetworks = e.utilityNetworks || new c();
     }
   }
   _handleTraceLocationSelectStart(e) {
@@ -270,12 +269,12 @@ class M extends L {
   async _queryFeatures(e) {
     const t = /* @__PURE__ */ new Map(), i = [];
     return e.forEach((a) => {
-      const s = F(a.layer) ? a.layer.parent : a.layer;
+      const s = x(a.layer) ? a.layer.parent : a.layer;
       if (s) {
         const o = this._getLayerByLayerId(s.layerId);
         if (o) {
-          const c = t.get(o) || [];
-          c.push(a), t.set(o, c);
+          const n = t.get(o) || [];
+          n.push(a), t.set(o, n);
         }
       }
     }), await Promise.all(Array.from(t.keys()).map(async (a) => {
@@ -339,10 +338,10 @@ class M extends L {
     return r`<arcgis-features .autoDestroyDisabled=${this.autoDestroyDisabled} .defaultPopupTemplateEnabled=${this._defaultPopupTemplateEnabled} .features=${e} .featureMenuTitle=${t} .hideActionBar=${this.hideActionBar} hide-select-feature .initialDisplayMode=${i} @arcgisClose=${() => this._handleFeaturesClose()} @arcgisPropertyChange=${this._handleFeaturesPropertyChange} open .referenceElement=${this.referenceElement} .view=${this.view} ${h(this._featuresComponentRefChange)}></arcgis-features>`;
   }
   renderAddSpatialFooter() {
-    const { mode: e, _messages: t, selectedFeature: i, selectedUtilityNetwork: a } = this, s = e === "add-spatial-feature" && this._exceedDisplayLimit && !i, o = _(t.warnings.exceededDisplayLimit, {
+    const { mode: e, _messages: t, selectedFeature: i, selectedUtilityNetwork: a } = this, s = e === "add-spatial-feature" && this._exceedDisplayLimit && !i, o = k(t.warnings.exceededDisplayLimit, {
       limit: this._displayLimit.toString()
-    }), c = i ? !(a?.isUtilityLayer(i.layer) ?? !0) : !0;
-    return r`${s && r`<calcite-input-message id=results-limited-message icon=exclamation-mark-circle status=idle>${o}</calcite-input-message>` || ""}<calcite-button appearance=outline width=full @click=${() => this._handleAddSpatialCancelClick()} slot=footer>${t.buttons.cancel}</calcite-button>${e === "add-spatial-feature" && r`<calcite-button width=full slot=footer appearance=solid @click=${() => this._handleAddSpatialAddClick()} .disabled=${c}>${t.buttons.add}</calcite-button>` || ""}`;
+    }), n = i ? !(a?.isUtilityLayer(i.layer) ?? !0) : !0;
+    return r`${s && r`<calcite-input-message id=results-limited-message icon=exclamation-mark-circle status=idle>${o}</calcite-input-message>` || ""}<calcite-button appearance=outline width=full @click=${() => this._handleAddSpatialCancelClick()} slot=footer>${t.buttons.cancel}</calcite-button>${e === "add-spatial-feature" && r`<calcite-button width=full slot=footer appearance=solid @click=${() => this._handleAddSpatialAddClick()} .disabled=${n}>${t.buttons.add}</calcite-button>` || ""}`;
   }
   renderStartingPointSelection() {
     return r`<arcgis-utility-network-trace-location .view=${this.view} trace-location-type=starting-point .beforeTraceLocationSelectStart=${this.beforeTraceLocationSelectStart} @arcgisTraceLocationSelectStart=${this._handleTraceLocationSelectStart} @arcgisTraceLocationSelectEnd=${this._handleTraceLocationSelectEnd} @arcgisTraceLocationChange=${() => this.arcgisTraceInputsChange.emit()} .sketchViewModel=${this._sketchViewModel} .utilityNetwork=${this.selectedUtilityNetwork} .filterLayers=${this._unLayers} .traceLocations=${this._startingPoints} .afterHitTest=${this._handleHitTestComplete.bind(this)} .autoDestroyDisabled=${this.autoDestroyDisabled} ${h(this._traceLocationStartingRefChange)}></arcgis-utility-network-trace-location>`;
@@ -363,25 +362,25 @@ class M extends L {
   }
   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 > A ? 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 > M ? 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;
     return i && t?.traceType && this._subnetworkTraceTypes.has(t.traceType) ? r`<calcite-block id=subnetwork-info-block expanded .label=${e.labels.subnetworkInfo}><arcgis-utility-network-subnetwork-info .namedTraceConfig=${t}></arcgis-utility-network-subnetwork-info></calcite-block>` : null;
   }
   renderContent() {
-    const { utilityNetworks: e } = this, { noTraceConfigurationError: t, utilityNetworkLoadFailed: i } = this._messages.errors, a = this.selectedNamedTraceConfiguration?.traceConfiguration, s = e && e.length > 1 ? this.renderUtilityNetworkSelection() : null;
-    let o;
-    this.selectedUtilityNetwork?.loadError ? o = this.renderError(i, !1, "exclamation-mark-triangle") : this.traceConfigurations.length || (o = this.renderError(t, !1, "exclamation-mark-triangle"));
-    const c = r`${this.renderTraceSelection()}${this.renderSubnetworkInfo()}${this.renderSubnetworkSelection()}`, b = a ? r`${this.showStartingPoints ? this.renderStartingPointSelection() : null}${this.showStoppingPoints ? this.renderStoppingPointSelection() : null}${this.renderBarrierSelection()}` : null;
-    return r`<calcite-block-group .label=${this._messages.labels.traceInputs}>${s}${o ?? r`${c}${b}`}</calcite-block-group>`;
+    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()}`, y = 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}${y}`}</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", M);
+w("arcgis-utility-network-trace-inputs", D);
 export {
-  M as ArcgisUtilityNetworkTraceInputs
+  D as ArcgisUtilityNetworkTraceInputs
 };

package/dist/components/arcgis-version-management/customElement.d.ts

@@ -96,6 +96,7 @@ export abstract class ArcgisVersionManagement extends LitElement {
           noFeatureServices?: string | undefined;
           noViewProperty?: string | undefined;
       } | undefined;
+      validationErrors?: { invalidCharacters?: string | undefined; } | undefined;
   };
   /** @internal */
   protected messages: {
@@ -142,6 +143,7 @@ export abstract class ArcgisVersionManagement extends LitElement {
           noFeatureServices: string;
           noViewProperty: string;
       };
+      validationErrors: { invalidCharacters: string; };
   } & T9nMeta<{
       label: string;
       actions: {
@@ -186,6 +188,7 @@ export abstract class ArcgisVersionManagement extends LitElement {
           noFeatureServices: string;
           noViewProperty: string;
       };
+      validationErrors: { invalidCharacters: string; };
   }>;
   accessor mode: string | undefined;
   /**