@arcgis/map-components 5.0.0-next.162 → 5.0.0-next.164

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

@@ -1,24 +1,24 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import { c as f } from "../../chunks/runtime.js";
-import { queryAllJSON as _ } from "@arcgis/core/applications/Components/featureUtils.js";
+import { c as _ } from "../../chunks/runtime.js";
+import { ref as h } from "lit/directives/ref.js";
+import { queryAllJSON as b } from "@arcgis/core/applications/Components/featureUtils.js";
 import v from "@arcgis/core/Color.js";
 import "@arcgis/core/core/Error.js";
-import * as h from "@arcgis/core/geometry/operators/shapePreservingProjectOperator.js";
+import * as g from "@arcgis/core/geometry/operators/shapePreservingProjectOperator.js";
 import "@arcgis/core/Graphic.js";
-import b from "@arcgis/core/rest/support/FeatureSet.js";
+import $ from "@arcgis/core/rest/support/FeatureSet.js";
 import { LitElement as F, createEvent as o } from "@arcgis/lumina";
-import { log as d, composeMissingPropertyMessage as g, composeEmptyPropertyMessage as $ } from "@arcgis/toolkit/log";
-import { css as w, html as r } from "lit";
-import { createRef as L, ref as C } from "lit/directives/ref.js";
-import { u as R } from "../../chunks/useT9n.js";
-import { h as m } from "../../chunks/feature-utils.js";
-const T = w`:host{min-height:var(--arcgis-internal-panel-height-sm, 240px);height:100%}arcgis-features{height:100%}calcite-flow{min-height:var(--arcgis-internal-panel-height-sm, 240px);height:100%}calcite-table{--calcite-table-border-color: none}calcite-table-row{--calcite-table-row-border-color: var(--calcite-color-border-3)}.white-panel-background{--calcite-panel-background-color: var(--calcite-color-foreground-1)}.aggregated-geometry-container{display:flex;justify-content:space-between;padding:0 var(--calcite-spacing-md) var(--calcite-spacing-md) var(--calcite-spacing-md)}#elements-list-item{border:solid 1px var(--calcite-color-border-3);border-radius:var(--calcite-corner-radius-sm);margin:0 var(--calcite-spacing-sm)}.no-selectable-results{padding:0 var(--calcite-spacing-md);color:var(--calcite-color-text-3);font-size:var(--calcite-font-size)}.results-heading{display:flex;flex-direction:column;margin:var(--calcite-spacing-md);gap:var(--calcite-spacing-xs)}.results-heading .results-heading-title{font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size);color:var(--calcite-color-text-1)}.results-heading .results-heading-subtitle{font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-3)}.functions-heading{padding:var(--calcite-spacing-md) var(--calcite-spacing-md) var(--calcite-spacing-xxs) var(--calcite-spacing-md);font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size);color:var(--calcite-color-text-1)}.no-results-landing{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin:var(--calcite-spacing-sm) var(--calcite-spacing-xl) var(--calcite-spacing-xl) var(--calcite-spacing-xl);gap:var(--calcite-spacing-md)}.no-results-landing calcite-icon{margin-bottom:var(--calcite-spacing-sm);--calcite-icon-color: var(--calcite-color-text-3)}.no-results-landing .no-results-heading{font-size:var(--calcite-font-size-2)}.no-results-landing .no-results-description{color:var(--calcite-color-text-3)}`, y = {
+import { log as u, composeMissingPropertyMessage as m, composeEmptyPropertyMessage as w } from "@arcgis/toolkit/log";
+import { css as L, html as i } from "lit";
+import { u as C } from "../../chunks/useT9n.js";
+import { h as y } from "../../chunks/feature-utils.js";
+const T = L`:host{min-height:var(--arcgis-internal-panel-height-sm, 240px);height:100%}arcgis-features{height:100%}calcite-flow{min-height:var(--arcgis-internal-panel-height-sm, 240px);height:100%}calcite-table{--calcite-table-border-color: none}calcite-table-row{--calcite-table-row-border-color: var(--calcite-color-border-3)}.white-panel-background{--calcite-panel-background-color: var(--calcite-color-foreground-1)}.aggregated-geometry-container{display:flex;justify-content:space-between;padding:0 var(--calcite-spacing-md) var(--calcite-spacing-md) var(--calcite-spacing-md)}#elements-list-item{border:solid 1px var(--calcite-color-border-3);border-radius:var(--calcite-corner-radius-sm);margin:0 var(--calcite-spacing-sm)}.no-selectable-results{padding:0 var(--calcite-spacing-md);color:var(--calcite-color-text-3);font-size:var(--calcite-font-size)}.results-heading{display:flex;flex-direction:column;margin:var(--calcite-spacing-md);gap:var(--calcite-spacing-xs)}.results-heading .results-heading-title{font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size);color:var(--calcite-color-text-1)}.results-heading .results-heading-subtitle{font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-3)}.functions-heading{padding:var(--calcite-spacing-md) var(--calcite-spacing-md) var(--calcite-spacing-xxs) var(--calcite-spacing-md);font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size);color:var(--calcite-color-text-1)}.no-results-landing{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin:var(--calcite-spacing-sm) var(--calcite-spacing-xl) var(--calcite-spacing-xl) var(--calcite-spacing-xl);gap:var(--calcite-spacing-md)}.no-results-landing calcite-icon{margin-bottom:var(--calcite-spacing-sm);--calcite-icon-color: var(--calcite-color-text-3)}.no-results-landing .no-results-heading{font-size:var(--calcite-font-size-2)}.no-results-landing .no-results-description{color:var(--calcite-color-text-3)}`, p = {
   dirtyAreasDiscovered: -2147208511,
   noValidControllers: -2147208935
 };
-class S extends F {
+class R extends F {
   constructor() {
-    super(...arguments), this._messages = R({ blocking: !0 }), this._elementsWithoutLayer = [], this._featuresComponentRef = L(), this._featuresFromSelectedLayer = [], this._layerIdToFeatures = /* @__PURE__ */ new Map(), this._layerIdToLayer = /* @__PURE__ */ new Map(), this._subtypeCodeToFeatures = /* @__PURE__ */ new Map(), this._sourceIdToElements = /* @__PURE__ */ new Map(), this._unLayers = [], this._compareByFeatureTitle = (e, t) => e.label.localeCompare(t.label, void 0, { numeric: !0 }), this._compareByLayerTitle = ([, e], [, t]) => {
+    super(...arguments), this._defaultPopupTemplateEnabled = !0, this._messages = C({ blocking: !0 }), this._elementsWithoutLayer = [], this._featuresFromSelectedLayer = [], this._layerIdToFeatures = /* @__PURE__ */ new Map(), this._layerIdToLayer = /* @__PURE__ */ new Map(), this._subtypeCodeToFeatures = /* @__PURE__ */ new Map(), this._sourceIdToElements = /* @__PURE__ */ new Map(), this._unLayers = [], this._compareByFeatureTitle = (e, t) => e.label.localeCompare(t.label, void 0, { numeric: !0 }), this._compareByLayerTitle = ([, e], [, t]) => {
       const a = e[0].feature.layer, s = t[0].feature.layer, l = a?.title ?? "", c = s?.title ?? "";
       return l.localeCompare(c, void 0, { numeric: !0 });
     }, this._queryFeaturesOnLayer = async ([e, t]) => {
@@ -28,29 +28,33 @@ class S extends F {
         return;
       }
       const l = s.createQuery();
-      l.gdbVersion = this.utilityNetwork?.gdbVersion, l.objectIds = t.map((i) => i.objectId), l.outFields = ["*"];
-      const { features: c } = b.fromJSON(await _(s, l)), n = await Promise.all(c.map(async (i) => {
-        i.layer = s.type === "subtype-group" ? s.findSublayerForFeature(i) : s;
-        const u = i.layer;
-        if (u && "getFeatureTitle" in u) {
-          const p = await u.getFeatureTitle(i) || m(i);
-          return { feature: i, label: p };
+      l.gdbVersion = this.utilityNetwork?.gdbVersion, l.objectIds = t.map((r) => r.objectId), l.outFields = ["*"];
+      const { features: c } = $.fromJSON(await b(s, l)), n = await Promise.all(c.map(async (r) => {
+        r.layer = s.type === "subtype-group" ? s.findSublayerForFeature(r) : s, r.origin = r.layer;
+        const d = r.layer;
+        if (r.getEffectivePopupTemplate(this._defaultPopupTemplateEnabled) || (r.popupTemplate = d.createPopupTemplate()), d && "getFeatureTitle" in d) {
+          const f = await d.getFeatureTitle(r) || y(r);
+          return { feature: r, label: f };
         }
-        return { feature: i, label: m(i) };
+        return { feature: r, label: y(r) };
       }));
-      s.type === "subtype-group" ? n.forEach((i) => this._addOrCreateMapValue(this._subtypeCodeToFeatures, i.feature.layer.subtypeCode, i)) : this._layerIdToFeatures.set(a, n);
-    }, this.aggregatedGeometryGraphicsColor = new v([255, 255, 0, 0.6]), this.hideFeatureResults = !1, this.isElementsSelected = !1, this.layers = [], this.state = "ready", this.traceResultFeatures = [], this.arcgisAggregatedGeometryGraphicsColorChange = o(), this.arcgisHideGraphicsChange = o(), this.arcgisSelectedLayerChange = o(), this.arcgisSelectedResultTypeChange = o(), this.arcgisTraceResultFeaturesReady = o(), this._renderLayerListItem = ([, e]) => {
+      s.type === "subtype-group" ? n.forEach((r) => this._addOrCreateMapValue(this._subtypeCodeToFeatures, r.feature.layer.subtypeCode, r)) : this._layerIdToFeatures.set(a, n);
+    }, this._aggregateGeometryRefChange = (e) => {
+      e && (this._aggregatedGeometryComponentElement = e);
+    }, this._featuresRefChange = (e) => {
+      e && (this._featuresComponentElement = e);
+    }, this.aggregatedGeometryGraphicsColor = new v([255, 255, 0, 0.6]), this.hideFeatureResults = !1, this.isElementsSelected = !1, this.layers = [], this.state = "ready", this.traceResultFeatures = [], this.autoDestroyDisabled = !1, this.arcgisAggregatedGeometryGraphicsColorChange = o(), this.arcgisHideGraphicsChange = o(), this.arcgisSelectedLayerChange = o(), this.arcgisSelectedResultTypeChange = o(), this.arcgisTraceResultFeaturesReady = o(), this._renderLayerListItem = ([, e]) => {
       if (!e.length)
         return null;
       const t = e[0].feature.layer, a = t?.title || this._messages.unknown;
-      return r`<calcite-list-item .label=${a} @calciteListItemSelect=${() => this._setSelectedLayerAndFeatures(t)}><calcite-chip .label=${this._messages.labels.numElements} slot=content-end scale=s>${e.length}</calcite-chip><calcite-icon icon=chevron-right slot=content-end></calcite-icon></calcite-list-item>`;
+      return i`<calcite-list-item .label=${a} @calciteListItemSelect=${() => this._setSelectedLayerAndFeatures(t)}><calcite-chip .label=${this._messages.labels.numElements} slot=content-end scale=s>${e.length}</calcite-chip><calcite-icon icon=chevron-right slot=content-end></calcite-icon></calcite-list-item>`;
     }, this._renderFeatureListItem = (e) => {
       const { feature: t, label: a } = e;
-      return r`<calcite-list-item .label=${a} @calciteListItemSelect=${() => this.selectedFeature = t}><calcite-icon icon=chevron-right slot=content-end></calcite-icon></calcite-list-item>`;
+      return i`<calcite-list-item .label=${a} @calciteListItemSelect=${() => this.selectedFeature = t}><calcite-icon icon=chevron-right slot=content-end></calcite-icon></calcite-list-item>`;
     };
   }
   static {
-    this.properties = { aggregatedGeometryGraphicsColor: 0, hideFeatureResults: 5, featuresFromSelectedLayer: 32, isElementsSelected: 5, layers: 0, messageOverrides: 0, referenceElement: 1, selectedFeature: 0, selectedLayer: 0, state: 1, traceConfigTitle: 1, traceError: 0, traceResult: 0, traceResultFeatures: 0, utilityNetwork: 0, view: 0 };
+    this.properties = { aggregatedGeometryGraphicsColor: 0, hideFeatureResults: 5, featuresFromSelectedLayer: 32, isElementsSelected: 5, layers: 0, messageOverrides: 0, referenceElement: 1, selectedFeature: 0, selectedLayer: 0, state: 1, traceConfigTitle: 1, traceError: 0, traceResult: 0, traceResultFeatures: 0, utilityNetwork: 0, view: 0, autoDestroyDisabled: 5 };
   }
   static {
     this.styles = T;
@@ -58,6 +62,12 @@ class S extends F {
   get featuresFromSelectedLayer() {
     return this._featuresFromSelectedLayer.map(({ feature: e }) => e);
   }
+  clearAggregatedGeometryGraphics() {
+    this._aggregatedGeometryComponentElement?.destroy();
+  }
+  async destroy() {
+    this._layerIdToFeatures.clear(), this._subtypeCodeToFeatures.clear(), this._sourceIdToElements.clear(), this._aggregatedGeometryComponentElement?.destroy(), this._featuresComponentElement?.destroy(), await this.manager.destroy();
+  }
   load() {
     this.traceResult && (this._setSourceIdToElements(), this._loadDependencies().then(() => this._queryTraceResultsFeatures()).then(() => this._loadProjectOperator()).finally(() => {
       this.arcgisTraceResultFeaturesReady.emit(), this.state = "ready";
@@ -67,7 +77,10 @@ class S extends F {
     e.has("isElementsSelected") && this.arcgisSelectedResultTypeChange.emit(), e.has("selectedLayer") && this.arcgisSelectedLayerChange.emit(), e.has("traceResult") && (this.isElementsSelected = !1), (e.has("layers") || e.has("utilityNetwork")) && this._loadDependencies();
   }
   loaded() {
-    this.utilityNetwork || d("warn", this, g("utilityNetwork")), this.layers.length === 0 && d("warn", this, $("layers")), this.view || d("warn", this, g("view"));
+    this.utilityNetwork || u("warn", this, m("utilityNetwork")), this.layers.length === 0 && u("warn", this, w("layers")), this.view || u("warn", this, m("view"));
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._layerIdToLayer.clear();
   }
   _addOrCreateMapValue(e, t, a) {
     const s = e.get(t);
@@ -95,7 +108,7 @@ class S extends F {
   }
   async _loadProjectOperator() {
     const { aggregatedGeometry: e } = this.traceResult;
-    e && !h.isLoaded() && await h.load();
+    e && !g.isLoaded() && await g.load();
   }
   async _queryTraceResultsFeatures() {
     const e = Array.from(this._sourceIdToElements.entries());
@@ -105,8 +118,8 @@ class S extends F {
     const t = e.map(this._queryFeaturesOnLayer);
     (await Promise.allSettled(t)).forEach((c, n) => {
       if (c.status === "rejected") {
-        const [i] = e[n];
-        d("error", this, `Failed to query features for source ${i}. Reason: ${c.reason}`);
+        const [r] = e[n];
+        u("error", this, `Failed to query features for source ${r}. Reason: ${c.reason}`);
       }
     });
     const s = Array.from(this._layerIdToFeatures.values()), l = Array.from(this._subtypeCodeToFeatures.values());
@@ -140,70 +153,70 @@ class S extends F {
     if (this.state === "loading")
       return this._renderGettingResults();
     if (this.selectedFeature) {
-      const n = this._featuresComponentRef.value, i = n?.selectedFeature ? [n.selectedFeature] : [this.selectedFeature];
-      return r`<arcgis-features .referenceElement=${this.referenceElement} .features=${i} .view=${this.view} open @arcgisClose=${() => this.selectedFeature = void 0} ${C(this._featuresComponentRef)}></arcgis-features>`;
+      const n = this._featuresComponentElement, r = n?.selectedFeature ? [n.selectedFeature] : [this.selectedFeature];
+      return i`<arcgis-features .referenceElement=${this.referenceElement} .features=${r} .view=${this.view} open .defaultPopupTemplateEnabled=${this._defaultPopupTemplateEnabled} @arcgisClose=${() => this.selectedFeature = void 0} .autoDestroyDisabled=${this.autoDestroyDisabled} ${h(this._featuresRefChange)}></arcgis-features>`;
     }
     const c = a.length > 0 && !s.length && !l;
-    return this.hideFeatureResults && c ? this._renderFeaturesAreHidden() : r`<calcite-flow>${c ? null : r`<calcite-flow-item .selected=${!this.isElementsSelected}>${this._renderLanding(t)}</calcite-flow-item>`}<calcite-flow-item .heading=${this._messages.headings.features} .description=${this._messages.headings.totalFeatures.replace("{number}", this.traceResultFeatures.length.toString())} .selected=${(c || this.isElementsSelected) && !this.selectedLayer} @calciteFlowItemBack=${() => this.isElementsSelected = !1}>${this._renderLayerList()}</calcite-flow-item><calcite-flow-item .heading=${this.selectedLayer?.title ?? void 0} .description=${this._messages.headings.totalFeatures.replace("{number}", this._featuresFromSelectedLayer.length.toString())} .selected=${!!this.selectedLayer} @calciteFlowItemBack=${() => this.selectedLayer = void 0}>${this._renderFeaturesList()}</calcite-flow-item></calcite-flow>`;
+    return this.hideFeatureResults && c ? this._renderFeaturesAreHidden() : i`<calcite-flow>${c ? null : i`<calcite-flow-item .selected=${!this.isElementsSelected}>${this._renderLanding(t)}</calcite-flow-item>`}<calcite-flow-item .heading=${this._messages.headings.features} .description=${this._messages.headings.totalFeatures.replace("{number}", this.traceResultFeatures.length.toString())} .selected=${(c || this.isElementsSelected) && !this.selectedLayer} @calciteFlowItemBack=${() => this.isElementsSelected = !1}>${this._renderLayerList()}</calcite-flow-item><calcite-flow-item .heading=${this.selectedLayer?.title ?? void 0} .description=${this._messages.headings.totalFeatures.replace("{number}", this._featuresFromSelectedLayer.length.toString())} .selected=${!!this.selectedLayer} @calciteFlowItemBack=${() => this.selectedLayer = void 0}>${this._renderFeaturesList()}</calcite-flow-item></calcite-flow>`;
   }
   _renderGettingResults() {
-    return r`<calcite-panel class="white-panel-background"><calcite-loader .label=${this._messages.gettingResults} .text=${this._messages.gettingResults}></calcite-loader></calcite-panel>`;
+    return i`<calcite-panel class="white-panel-background"><calcite-loader .label=${this._messages.gettingResults} .text=${this._messages.gettingResults}></calcite-loader></calcite-panel>`;
   }
   _renderLanding(e) {
     const { elements: t, globalFunctionResults: a, aggregatedGeometry: s } = e;
-    return r`<calcite-panel class="white-panel-background">${this._renderTraceResultsHeading()}${s != null ? this._renderAggregatedGeometry(s) : null}${s != null && !t.length ? this._renderNoSelectableResults() : null}${t.length > 0 ? this.hideFeatureResults ? this._renderFeaturesAreHidden() : this._renderElementsResults() : null}${a.length > 0 ? this._renderFunctionsResults(a) : null}</calcite-panel>`;
+    return i`<calcite-panel class="white-panel-background">${this._renderTraceResultsHeading()}${s != null ? this._renderAggregatedGeometry(s) : null}${s != null && !t.length ? this._renderNoSelectableResults() : null}${t.length > 0 ? this.hideFeatureResults ? this._renderFeaturesAreHidden() : this._renderElementsResults() : null}${a.length > 0 ? this._renderFunctionsResults(a) : null}</calcite-panel>`;
   }
   _renderAggregatedGeometry(e) {
-    return r`<div class="aggregated-geometry-container"><arcgis-utility-network-aggregated-geometry .graphicsColor=${this.aggregatedGeometryGraphicsColor} .geometry=${e} .view=${this.view} @arcgisHideGraphicsChange=${this._handleHideGraphicsChange}></arcgis-utility-network-aggregated-geometry><calcite-swatch id=geometry-color-swatch .label=${this._messages.labels.aggregatedGeometryGraphicsColor} .color=${this.aggregatedGeometryGraphicsColor.toCss()}></calcite-swatch><calcite-popover .heading=${this._messages.headings.setColor} .label=${this._messages.headings.setColor} reference-element=geometry-color-swatch closable><calcite-color-picker alpha-channel channels-disabled clearable hex-disabled saved-disabled .value=${this.aggregatedGeometryGraphicsColor} @calciteColorPickerChange=${(t) => {
+    return i`<div class="aggregated-geometry-container"><arcgis-utility-network-aggregated-geometry .graphicsColor=${this.aggregatedGeometryGraphicsColor} .geometry=${e} .view=${this.view} @arcgisHideGraphicsChange=${this._handleHideGraphicsChange} .autoDestroyDisabled=${this.autoDestroyDisabled} ${h(this._aggregateGeometryRefChange)}></arcgis-utility-network-aggregated-geometry><calcite-swatch id=geometry-color-swatch .label=${this._messages.labels.aggregatedGeometryGraphicsColor} .color=${this.aggregatedGeometryGraphicsColor.toCss()}></calcite-swatch><calcite-popover .heading=${this._messages.headings.setColor} .label=${this._messages.headings.setColor} reference-element=geometry-color-swatch closable><calcite-color-picker alpha-channel channels-disabled clearable hex-disabled saved-disabled .value=${this.aggregatedGeometryGraphicsColor} @calciteColorPickerChange=${(t) => {
       const a = t.target.value;
       this.arcgisAggregatedGeometryGraphicsColorChange.emit(a);
     }}></calcite-color-picker></calcite-popover></div>`;
   }
   _renderFeaturesAreHidden() {
-    return r`<calcite-panel class="white-panel-background">${this._renderTraceResultsHeading()}<div class="no-selectable-results">${this._messages.resultFeaturesAreHidden}</div></calcite-panel>`;
+    return i`<calcite-panel class="white-panel-background">${this._renderTraceResultsHeading()}<div class="no-selectable-results">${this._messages.resultFeaturesAreHidden}</div></calcite-panel>`;
   }
   _renderNoSelectableResults() {
-    return r`<div class="no-selectable-results">${this._messages.noSelectableFeatures}</div>`;
+    return i`<div class="no-selectable-results">${this._messages.noSelectableFeatures}</div>`;
   }
   _renderElementsResults() {
-    return r`<calcite-list .label=${this._messages.headings.traceResultsGeneric}><calcite-list-item id=elements-list-item .label=${this._messages.headings.features} @calciteListItemSelect=${() => this.isElementsSelected = !0}><calcite-chip .label=${this._messages.labels.numFeatures} scale=s slot=content-end>${this.traceResultFeatures.length}</calcite-chip><calcite-icon icon=chevron-right slot=content-end></calcite-icon></calcite-list-item></calcite-list>`;
+    return i`<calcite-list .label=${this._messages.headings.traceResultsGeneric}><calcite-list-item id=elements-list-item .label=${this._messages.headings.features} @calciteListItemSelect=${() => this.isElementsSelected = !0}><calcite-chip .label=${this._messages.labels.numFeatures} scale=s slot=content-end>${this.traceResultFeatures.length}</calcite-chip><calcite-icon icon=chevron-right slot=content-end></calcite-icon></calcite-list-item></calcite-list>`;
   }
   _renderFunctionsResults(e) {
-    return r`<div class="functions-heading">${this._messages.headings.functions}</div><calcite-table .caption=${this._messages.labels.functionResults}>${e.filter((t) => t.networkAttributeName != null && t.result != null).map((t) => r`<calcite-table-row><calcite-table-cell>${t.networkAttributeName}</calcite-table-cell><calcite-table-cell>${t.result}</calcite-table-cell></calcite-table-row>`)}</calcite-table>`;
+    return i`<div class="functions-heading">${this._messages.headings.functions}</div><calcite-table .caption=${this._messages.labels.functionResults}>${e.filter((t) => t.networkAttributeName != null && t.result != null).map((t) => i`<calcite-table-row><calcite-table-cell>${t.networkAttributeName}</calcite-table-cell><calcite-table-cell>${t.result}</calcite-table-cell></calcite-table-row>`)}</calcite-table>`;
   }
   _renderLayerList() {
     const e = Array.from(this._layerIdToFeatures.entries()), t = Array.from(this._subtypeCodeToFeatures.entries()), s = e.concat(t).sort(this._compareByLayerTitle).map(this._renderLayerListItem);
-    return this._elementsWithoutLayer.length > 0 && s.push(this._renderUnknownListItem()), r`<calcite-list .label=${this._messages.labels.traceResultElementsByLayer} .loading=${this.state === "loading"}>${s}</calcite-list>`;
+    return this._elementsWithoutLayer.length > 0 && s.push(this._renderUnknownListItem()), i`<calcite-list .label=${this._messages.labels.traceResultElementsByLayer} .loading=${this.state === "loading"}>${s}</calcite-list>`;
   }
   _renderUnknownListItem() {
-    return r`<calcite-list-item .label=${this._messages.unknown}><calcite-chip .label=${this._messages.labels.numElements} slot=content-end scale=s>${this._elementsWithoutLayer.length}</calcite-chip></calcite-list-item>`;
+    return i`<calcite-list-item .label=${this._messages.unknown}><calcite-chip .label=${this._messages.labels.numElements} slot=content-end scale=s>${this._elementsWithoutLayer.length}</calcite-chip></calcite-list-item>`;
   }
   _renderFeaturesList() {
-    return r`<calcite-list .label=${this._messages.headings.traceResultsGeneric}>${this._featuresFromSelectedLayer.map(this._renderFeatureListItem)}</calcite-list>`;
+    return i`<calcite-list .label=${this._messages.headings.traceResultsGeneric}>${this._featuresFromSelectedLayer.map(this._renderFeatureListItem)}</calcite-list>`;
   }
   _renderTraceResultsHeading() {
-    return r`<div class="results-heading"><div class="results-heading-title">${this._messages.headings.traceResultsGeneric}</div>${this.traceConfigTitle ? r`<div class="results-heading-subtitle">${this.traceConfigTitle}</div>` : null}</div>`;
+    return i`<div class="results-heading"><div class="results-heading-title">${this._messages.headings.traceResultsGeneric}</div>${this.traceConfigTitle ? i`<div class="results-heading-subtitle">${this.traceConfigTitle}</div>` : null}</div>`;
   }
   _renderErrorLanding(e) {
     let t = e.message;
     switch (e.details?.raw?.extendedCode) {
-      case y.dirtyAreasDiscovered:
+      case p.dirtyAreasDiscovered:
         t = this._messages.traceErrors.dirtyAreasDiscovered;
         break;
-      case y.noValidControllers:
+      case p.noValidControllers:
         t = this._messages.traceErrors.noValidControllers;
         break;
     }
-    return r`<calcite-panel class="white-panel-background">${this._renderTraceResultsHeading()}<div class="no-results-landing"><calcite-icon icon=exclamation-mark-triangle scale=l></calcite-icon><div class="no-results-heading">${this._messages.traceFailedHeading}</div><div class="no-results-description">${this._messages.traceFailedDescription}</div><div class="no-results-description">${t}</div></div></calcite-panel>`;
+    return i`<calcite-panel class="white-panel-background">${this._renderTraceResultsHeading()}<div class="no-results-landing"><calcite-icon icon=exclamation-mark-triangle scale=l></calcite-icon><div class="no-results-heading">${this._messages.traceFailedHeading}</div><div class="no-results-description">${this._messages.traceFailedDescription}</div><div class="no-results-description">${t}</div></div></calcite-panel>`;
   }
   _renderNoResultsLanding() {
-    return r`<calcite-panel class="white-panel-background">${this._renderTraceResultsHeading()}<div class="no-results-landing"><calcite-icon icon=exclamation-mark-triangle scale=l></calcite-icon><div class="no-results-heading">${this._messages.noResultsHeading}</div><div class="no-results-description">${this._messages.noResultsDescription}</div></div></calcite-panel>`;
+    return i`<calcite-panel class="white-panel-background">${this._renderTraceResultsHeading()}<div class="no-results-landing"><calcite-icon icon=exclamation-mark-triangle scale=l></calcite-icon><div class="no-results-heading">${this._messages.noResultsHeading}</div><div class="no-results-description">${this._messages.noResultsDescription}</div></div></calcite-panel>`;
   }
   _renderNoTraceLanding() {
-    return r`<calcite-panel class="white-panel-background">${this._renderTraceResultsHeading()}<div class="no-results-landing"><calcite-icon icon=utility-network-trace scale=l></calcite-icon><div class="no-results-heading">${this._messages.noTraceConfigHeading}</div><div class="no-results-description">${this._messages.noTraceConfigDescription}</div></div></calcite-panel>`;
+    return i`<calcite-panel class="white-panel-background">${this._renderTraceResultsHeading()}<div class="no-results-landing"><calcite-icon icon=utility-network-trace scale=l></calcite-icon><div class="no-results-heading">${this._messages.noTraceConfigHeading}</div><div class="no-results-description">${this._messages.noTraceConfigDescription}</div></div></calcite-panel>`;
   }
 }
-f("arcgis-utility-network-trace-results", S);
+_("arcgis-utility-network-trace-results", R);
 export {
-  S as ArcgisUtilityNetworkTraceResults
+  R as ArcgisUtilityNetworkTraceResults
 };

package/dist/components/arcgis-value-picker-legacy/customElement.d.ts

@@ -2,16 +2,15 @@
 import type { ValuePickerEvents, ValuePickerComponent } from "@arcgis/core/widgets/ValuePicker.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { ArcgisReferenceElement, IconName } from "../types.js";
-import type { AnimateEvent } from "@arcgis/core/widgets/ValuePicker/types";
+import type { AnimateEvent, Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
 import type { Icon } from "@esri/calcite-components/components/calcite-icon";
-import type { Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
 
 /**
  * > [!WARNING]
  * >
  * > This is a **legacy component**. It relies on an underlying widget as part of our migration to native web components.
  * >
- * > A fully native replacement for this component is in development. Once it reaches feature parity, the legacy component will be deprecated and no longer maintained. At that point, new development should use the native component.
+ * > A fully native replacement for this component is in development. Once it reaches feature parity, the legacy component will be deprecated and no longer maintained. At that point, development should use the native component.
  *
  * Value Picker is a component that allows users to step or play through a list of values. Value Picker component can be configured
  * with an optional [collection](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#from-collection),

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

@@ -1,11 +1,10 @@
 /// <reference path="../../index.d.ts" />
-import type VersioningState from "@arcgis/core/versionManagement/VersioningState";
+import type VersioningState from "@arcgis/core/versionManagement/VersioningState.js";
 import type Collection from "@arcgis/core/core/Collection.js";
-import type VersioningState2 from "@arcgis/core/versionManagement/VersioningState.js";
 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 { VersionIdentifier } from "@arcgis/core/versionManagement/support/jsonTypes";
+import type { VersionIdentifier } from "@arcgis/core/versionManagement/support/jsonTypes.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 import type { VersionManagerState } from "@arcgis/core/versionManagement/VersionManager.js";
 
@@ -214,7 +213,7 @@ export abstract class ArcgisVersionManagement extends LitElement {
    *
    * @since 5.0
    */
-  accessor versioningStates: Collection<VersioningState2>;
+  accessor versioningStates: Collection<VersioningState>;
   /**
    * This property defines the target [MapView](https://developers.arcgis.com/javascript/latest/references/core/views/MapView/).
    *

package/dist/components/arcgis-volume-measurement/customElement.d.ts

@@ -1,7 +1,7 @@
 /// <reference path="../../index.d.ts" />
+import type VolumeMeasurementAnalysis from "@arcgis/core/analysis/VolumeMeasurementAnalysis.js";
 import type SceneView from "@arcgis/core/views/SceneView.js";
-import type VolumeMeasurementAnalysis2 from "@arcgis/core/analysis/VolumeMeasurementAnalysis.js";
-import type { VolumeMeasureType } from "@arcgis/core/analysis/VolumeMeasurement/types";
+import type { VolumeMeasureType } from "@arcgis/core/analysis/VolumeMeasurement/types.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { ArcgisReferenceElement, HeadingLevel } from "../types.js";
 import type { VolumeMeasurementState } from "./types.js";
@@ -143,7 +143,7 @@ export abstract class ArcgisVolumeMeasurement extends LitElement {
    *
    * @since 5.0
    */
-  accessor analysis: VolumeMeasurementAnalysis2;
+  accessor analysis: VolumeMeasurementAnalysis;
   /**
    * Unit system (imperial, metric) or specific unit used for displaying the area. Possible values are listed in
    * [areaDisplayUnitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-volume-measurement/#areaDisplayUnitOptions).

package/dist/components/types.d.ts

@@ -3,9 +3,9 @@ import type Ground from "@arcgis/core/Ground.js";
 import type Layer from "@arcgis/core/layers/Layer.js";
 import type WebMap from "@arcgis/core/WebMap.js";
 import type WebScene from "@arcgis/core/WebScene.js";
-import type WebLinkChart from "@arcgis/core/WebLinkChart";
-import type SceneView from "@arcgis/core/views/SceneView";
-import type MapView from "@arcgis/core/views/MapView";
+import type WebLinkChart from "@arcgis/core/WebLinkChart.js";
+import type SceneView from "@arcgis/core/views/SceneView.js";
+import type MapView from "@arcgis/core/views/MapView.js";
 import type { ArcgisLinkChart } from "./arcgis-link-chart/customElement.js";
 import type { ArcgisMap } from "./arcgis-map/customElement.js";
 import type { ArcgisScene } from "./arcgis-scene/customElement.js";