@arcgis/map-components 5.1.0-next.10 → 5.1.0-next.12

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

@@ -6,19 +6,19 @@ import "@arcgis/core/core/Error.js";
 import * as h from "@arcgis/core/geometry/operators/shapePreservingProjectOperator.js";
 import "@arcgis/core/Graphic.js";
 import b 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 { LitElement as $, createEvent as o } from "@arcgis/lumina";
+import { log as u, composeMissingPropertyMessage as g, composeEmptyPropertyMessage as F } from "@arcgis/toolkit/log";
+import { css as w, html as i } from "lit";
+import { createRef as L, ref as T } from "lit/directives/ref.js";
+import { u as C } 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 = {
+const R = 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)}`, p = {
   dirtyAreasDiscovered: -2147208511,
   noValidControllers: -2147208935
 };
-class S extends F {
+class E extends $ {
   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._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]) => {
       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,32 +28,32 @@ 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 } = b.fromJSON(await _(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 y = await d.getFeatureTitle(r) || m(r);
+          return { feature: r, label: y };
         }
-        return { feature: i, label: m(i) };
+        return { feature: r, label: m(r) };
       }));
-      s.type === "subtype-group" ? n.forEach((i) => this._addOrCreateMapValue(this._subtypeCodeToFeatures, i.feature.layer.subtypeCode, i)) : this._layerIdToFeatures.set(a, n);
+      s.type === "subtype-group" ? n.forEach((r) => this._addOrCreateMapValue(this._subtypeCodeToFeatures, r.feature.layer.subtypeCode, r)) : 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]) => {
       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 };
   }
   static {
-    this.styles = T;
+    this.styles = R;
   }
   get featuresFromSelectedLayer() {
     return this._featuresFromSelectedLayer.map(({ feature: e }) => e);
@@ -67,7 +67,7 @@ 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, g("utilityNetwork")), this.layers.length === 0 && u("warn", this, F("layers")), this.view || u("warn", this, g("view"));
   }
   _addOrCreateMapValue(e, t, a) {
     const s = e.get(t);
@@ -105,8 +105,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 +140,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._featuresComponentRef.value, 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} ${T(this._featuresComponentRef)}></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}></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);
+f("arcgis-utility-network-trace-results", E);
 export {
-  S as ArcgisUtilityNetworkTraceResults
+  E as ArcgisUtilityNetworkTraceResults
 };

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

@@ -2,27 +2,26 @@
 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/#from-collection),
- * [label](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/#from-labels),
- * [combobox](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/#selectable-items) or
- * [slider](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/#numeric-values)
+ * with an optional [collection](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#from-collection),
+ * [label](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#from-labels),
+ * [combobox](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#selectable-items) or
+ * [slider](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#numeric-values)
  * control to help users navigate values.
  *
  * Similar to a media player, values can be interactively stepped through using the `next` and `previous` buttons.
  * Value Picker can also be set to automatically progress (play) through an ordered
- * list of items at a [preset interval](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/#playRate).
+ * list of items at a [playRate](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#playRate).
  *
  * ### Configuring Value Picker
  *
@@ -79,7 +78,7 @@ import type { Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
  * valuePicker.values = ["ind"];
  * ```
  *
- * The user's interaction can be handled by monitoring the [values](#values) property.
+ * The user's interaction can be handled by monitoring the [values](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#values) property.
  *
  * ```js
  * valuePicker.addEventListener("arcgisPropertyChange", () => {
@@ -121,9 +120,9 @@ import type { Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
  * valuePicker.values = ["topo-vector"];
  * ```
  *
- * As the user clicks the _next_, _previous_, and _play_ buttons, the [values](#values) property updates.
- * Handle this by listening for the [arcgisPropertyChange](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/#arcgisPropertyChange)
- * event when the component’s [values](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/#values)
+ * As the user clicks the _next_, _previous_, and _play_ buttons, the [values](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#values) property updates.
+ * Handle this by listening for the [@arcgisPropertyChange](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#event-arcgisPropertyChange)
+ * event when the component’s [values](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#values)
  * property changes, as shown below.
  *
  * ```js
@@ -160,7 +159,7 @@ import type { Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
  * valuePicker.values = ["res"];
  * ```
  *
- * The user's interaction can be handled by monitoring the [values](#values) property.
+ * The user's interaction can be handled by monitoring the [values](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#values) property.
  *
  * ```js
  * valuePicker.addEventListener("arcgisPropertyChange", () => {
@@ -347,8 +346,8 @@ export abstract class ArcgisValuePickerLegacy extends LitElement {
    * [ValuePickerSlider](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerSlider/).
    *
    * If this property is not set then the play, next and previous buttons will always be enabled. In this case, listen to the
-   * component events, for example, [@previous](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/#arcgisPrevious) and
-   * [@next](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/#arcgisNext), when the user interacts with the
+   * component events, for example, [@arcgisPrevious](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#event-arcgisPrevious) and
+   * [@arcgisNext](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#event-arcgisNext), when the user interacts with the
    * component.
    *
    * @example
@@ -482,7 +481,7 @@ export abstract class ArcgisValuePickerLegacy extends LitElement {
    */
   accessor referenceElement: ArcgisReferenceElement | string | undefined;
   /**
-   * The current values of the Value Picker component. The type for this property depends on which [component](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/#component) is being used. For example, a
+   * The current values of the Value Picker component. The type for this property depends on which [component](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#component) is being used. For example, a
    * [slider](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerSlider/) component will return an array of numbers.
    *
    * If the `component` is not set then this property will return `null`. Similarly this property can be `null`
@@ -542,7 +541,7 @@ export abstract class ArcgisValuePickerLegacy extends LitElement {
   /** Pause playing. */
   pause(): Promise<void>;
   /**
-   * Start playing. Value Picker will advance at the rate specified by [playRate](#playRate).
+   * Start playing. Value Picker will advance at the rate specified by [playRate](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#playRate).
    *
    * @example
    * ```js
@@ -594,7 +593,7 @@ export abstract class ArcgisValuePickerLegacy extends LitElement {
   "@setterTypes": {
     icon?: IconName;
   };
-  /** Fires when the Value Picker is playing at a rate defined by [playRate](#playRate). */
+  /** Fires when the Value Picker is playing at a rate defined by [playRate](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#playRate). */
   readonly arcgisAnimate: import("@arcgis/lumina").TargetedEvent<this, AnimateEvent>;
   /** Fires when the Value Picker's next button is clicked. */
   readonly arcgisNext: import("@arcgis/lumina").TargetedEvent<this, ValuePickerEvents["next"]>;

package/dist/components/arcgis-video-player/customElement.d.ts

@@ -23,7 +23,7 @@ import type { VideoState } from "@arcgis/core/layers/video/types.js";
  *
  * **Known limitations**
  *
- * * Not supported in 3D [Scenes](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/).
+ * * Not supported in 3D [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/).
  * * Not supported on macOS and iOS devices.
  *
  * [![](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/video-player-video-preview.png)](https://mediaspace.esri.com/media/1_ctc3psfr)

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

@@ -14,7 +14,7 @@ import type { SystemOrVolumeUnit, SystemOrLengthUnit, LengthUnit, SystemOrAreaUn
  * > To learn about features in preview, see the [Frequently Asked Questions](https://developers.arcgis.com/javascript/latest/faq/#what-does-the-preview-tag-mean)
  *
  * The Volume Measurement component can be added to a
- * [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/) to
+ * [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/) to
  * calculate and visualize the volume of ground surfaces within a defined polygonal area.
  *
  * ![measurement-volume](https://developers.arcgis.com/javascript/latest/assets/img/components/volume-measurement/volume_measurement_poster.png)
@@ -40,7 +40,7 @@ import type { SystemOrVolumeUnit, SystemOrLengthUnit, LengthUnit, SystemOrAreaUn
  * **Known Limitations**
  *
  * -  The Volume Measurement component can only be added to a
- * [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/) component.
+ * [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/) component.
  * - The results of the tool vary depending on the zoom level, as changes in zoom level affect the level of detail (LOD) of the scene geometry.
  * - If the view is too close or too far from the measurement polygon, the results will not be computed due to LOD-induced inaccuracies.
  * - The elevation of the target surface in the "Cut & Fill Volume" mode is restricted to the range of -11 km and +9 km.
@@ -81,9 +81,9 @@ export abstract class ArcgisVolumeMeasurement extends LitElement {
    * The [VolumeMeasurementAnalysis](https://developers.arcgis.com/javascript/latest/references/core/analysis/VolumeMeasurementAnalysis/)
    * created or modified by the component.
    *
-   * When connecting the Volume Measurement component to the [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/)
+   * When connecting the Volume Measurement component to the [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/)
    * component, it automatically creates an empty analysis and adds it to the Scene's
-   * [analyses](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#analyses) collection.
+   * [arcgis-scene.analyses](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#analyses) collection.
    * You can then wait for the [VolumeMeasurementAnalysisView3D](https://developers.arcgis.com/javascript/latest/references/core/views/3d/analysis/VolumeMeasurementAnalysisView3D/)
    * to be created before accessing the analysis results.
    *
@@ -146,7 +146,7 @@ export abstract class ArcgisVolumeMeasurement extends LitElement {
   accessor analysis: VolumeMeasurementAnalysis2;
   /**
    * Unit system (imperial, metric) or specific unit used for displaying the area. Possible values are listed in
-   * [areaDisplayUnitOptions](#areaDisplayUnitOptions).
+   * [areaDisplayUnitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-volume-measurement/#areaDisplayUnitOptions).
    *
    * @since 5.0
    */
@@ -154,7 +154,7 @@ export abstract class ArcgisVolumeMeasurement extends LitElement {
   /**
    * List of available units and unit systems (imperial, metric) that are shown in the component's area display unit dropdown.
    * By default, the following units are included: `metric`, `imperial`, `square-inches`, `square-feet`, `square-yards`, `square-miles`, `square-nautical-miles`, `square-us-feet`, `square-millimeters`, `square-centimeters`, `square-decimeters`, `square-meters`, `square-kilometers`, `acres`, `ares`, `hectares`.
-   * Possible [areaDisplayUnit](#areaDisplayUnit) values can only be a subset of this list.
+   * Possible [areaDisplayUnit](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-volume-measurement/#areaDisplayUnit) values can only be a subset of this list.
    *
    * @since 5.0
    */
@@ -171,7 +171,7 @@ export abstract class ArcgisVolumeMeasurement extends LitElement {
   accessor autoDestroyDisabled: boolean;
   /**
    * Unit system (imperial, metric) or specific unit used for displaying the cut and fill target elevation. Possible values are listed in
-   * [elevationDisplayUnitOptions](#elevationDisplayUnitOptions).
+   * [elevationDisplayUnitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-volume-measurement/#elevationDisplayUnitOptions).
    *
    * @since 5.0
    */
@@ -179,14 +179,14 @@ export abstract class ArcgisVolumeMeasurement extends LitElement {
   /**
    * List of available units and unit systems (imperial, metric) that are shown in the component's dropdown.
    * By default, the following units are included: `metric`, `imperial`, `meters`, `millimeters`, `centimeters`, `decimeters`, `kilometers`, `inches`, `feet`, `yards`, `miles`, `nautical-miles`, `us-feet`.
-   * Possible [elevationDisplayUnit](#elevationDisplayUnit) values can only be a subset of this list.
+   * Possible [elevationDisplayUnit](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-volume-measurement/#elevationDisplayUnit) values can only be a subset of this list.
    *
    * @since 5.0
    */
   accessor elevationDisplayUnitOptions: Array<SystemOrLengthUnit>;
   /**
    * Unit used for inputting the cut and fill target elevation.
-   * Possible values are listed in [elevationInputUnitOptions](#elevationInputUnitOptions).
+   * Possible values are listed in [elevationInputUnitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-volume-measurement/#elevationInputUnitOptions).
    *
    * This controls which unit is used when entering an elevation value via the tool's UI (for example, using the
    * shift manipulator tooltip input in "Cut & Fill Volume" mode).
@@ -199,7 +199,7 @@ export abstract class ArcgisVolumeMeasurement extends LitElement {
    *
    * By default, the following units are included: `inches`, `feet`, `yards`, `miles`, `nautical-miles`, `us-feet`,
    * `millimeters`, `centimeters`, `decimeters`, `meters`, `kilometers`.
-   * The current [elevationInputUnit](#elevationInputUnit) value can only be a subset of this list.
+   * The current [elevationInputUnit](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-volume-measurement/#elevationInputUnit) value can only be a subset of this list.
    *
    * @since 5.0
    */
@@ -360,7 +360,7 @@ export abstract class ArcgisVolumeMeasurement extends LitElement {
   accessor mode: VolumeMeasureType;
   /**
    * Unit system (imperial, metric) or specific unit used for displaying the perimeter values. Possible values are
-   * listed in [perimeterDisplayUnitOptions](#perimeterDisplayUnitOptions).
+   * listed in [perimeterDisplayUnitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-volume-measurement/#perimeterDisplayUnitOptions).
    *
    * @since 5.0
    */
@@ -368,7 +368,7 @@ export abstract class ArcgisVolumeMeasurement extends LitElement {
   /**
    * List of available units and unit systems (imperial, metric) that are shown in the component's perimeter display unit dropdown.
    * By default, the following units are included: `metric`, `imperial`, `meters`, `millimeters`, `centimeters`, `decimeters`, `kilometers`, `inches`, `feet`, `yards`, `miles`, `nautical-miles`, `us-feet`.
-   * Possible [perimeterDisplayUnit](#perimeterDisplayUnit) values can only be a subset of this list.
+   * Possible [perimeterDisplayUnit](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-volume-measurement/#perimeterDisplayUnit) values can only be a subset of this list.
    *
    * @since 5.0
    */
@@ -397,7 +397,7 @@ export abstract class ArcgisVolumeMeasurement extends LitElement {
   accessor view: SceneView | undefined;
   /**
    * Unit system (imperial, metric) or specific unit used for displaying the volume values. Possible values are listed in
-   * [volumeDisplayUnitOptions](#volumeDisplayUnitOptions).
+   * [volumeDisplayUnitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-volume-measurement/#volumeDisplayUnitOptions).
    *
    * @since 5.0
    */
@@ -405,7 +405,7 @@ export abstract class ArcgisVolumeMeasurement extends LitElement {
   /**
    * List of available units and unit systems (imperial, metric) that are shown in the component's dropdown.
    * By default, the following units are included: `imperial`, `metric`, `liters`, `megaliters`, `gigaliters`, `cubic-millimeters`, `cubic-centimeters`, `cubic-decimeters`, `cubic-meters`, `cubic-kilometers`, `cubic-inches`, `cubic-us-feet`, `cubic-feet`, `cubic-yards`, `cubic-miles`.
-   * Possible [volumeDisplayUnit](#volumeDisplayUnit) values can only be a subset of this list.
+   * Possible [volumeDisplayUnit](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-volume-measurement/#volumeDisplayUnit) values can only be a subset of this list.
    *
    * @since 5.0
    */

package/dist/components/arcgis-volume-measurement/customElement.js

@@ -316,7 +316,7 @@ class oe extends B {
     })} role=presentation>${o === "disabled" && d`<calcite-scrim></calcite-scrim>` || ""}${u({ hidden: this.hideHeader && f, children: d`<div class=${U({
       header: !0,
       "no-content": this.hideHeader
-    })}>${u({ hidden: this.hideHeader, children: J({ class: "heading", level: this.headingLevel, children: i.title }) })}<span style=${F({ flex: 1 })}></span>${u({ hidden: f, children: d`<calcite-action icon=gear slot=settings .text=${i.displaySettings} ${D(this.#e)}></calcite-action><calcite-popover slot=settings label .referenceElement=${this.#e.value} overlay-positioning=fixed auto-close .open=${f ? !1 : void 0} ${D(this.#i)}><div class="settings-content">${u({ hidden: x, children: d`<div><p>${i.inputUnits}</p>${C}</div>` })}${u({ hidden: w, children: d`<div><p>${i.displayUnits}</p>${L}</div>` })}</div></calcite-popover>` })}</div>` })}<div class="content">${u({ hidden: this.hideModeSelect, children: d`<calcite-label>${this.messages.measurementMode}<calcite-select label="Select measurement mode" .value=${this.mode} @calciteSelectChange=${(l) => {
+    })}>${u({ hidden: this.hideHeader, children: J({ class: "heading", level: this.headingLevel, children: i.title }) })}<span style=${F({ flex: 1 })}></span>${u({ hidden: f, children: d`<calcite-action icon=gear slot=settings .text=${i.displaySettings} ${D(this.#e)}></calcite-action><calcite-popover slot=settings label .referenceElement=${this.#e.value} overlay-positioning=fixed placement=bottom-end auto-close .open=${f ? !1 : void 0} ${D(this.#i)}><div class="settings-content">${u({ hidden: x, children: d`<div><p>${i.inputUnits}</p>${C}</div>` })}${u({ hidden: w, children: d`<div><p>${i.displayUnits}</p>${L}</div>` })}</div></calcite-popover>` })}</div>` })}<div class="content">${u({ hidden: this.hideModeSelect, children: d`<calcite-label>${this.messages.measurementMode}<calcite-select label="Select measurement mode" .value=${this.mode} @calciteSelectChange=${(l) => {
       this.analysis.measureType = l.target.selectedOption.value;
     }}><calcite-option value=cut-fill>${i.cutAndFillMode}</calcite-option><calcite-option value=stockpile>${i.stockpileMode}</calcite-option></calcite-select></calcite-label>` })}${b != null && le({ error: b, messages: i }) || ""}<arcgis-measurement-content .state=${t.displayState} .hintLabel=${i.hint} .unsupportedLabel=${i.unsupported} .items=${[
       {

package/dist/components/arcgis-weather/customElement.d.ts

@@ -7,7 +7,7 @@ import type { WeatherState } from "./types.js";
 
 /**
  * The Weather component allows easy selection and configuration of weather effects in a
- * [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/) component.
+ * [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/) component.
  * The available weather types are:
  * [sunny](https://developers.arcgis.com/javascript/latest/references/core/views/3d/environment/SunnyWeather/),
  * [cloudy](https://developers.arcgis.com/javascript/latest/references/core/views/3d/environment/CloudyWeather/),
@@ -16,7 +16,7 @@ import type { WeatherState } from "./types.js";
  * [foggy](https://developers.arcgis.com/javascript/latest/references/core/views/3d/environment/FoggyWeather/).
  *
  * To set the weather programmatically, apply the desired weather type to the
- * [environment](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#environment) property of the Scene component.
+ * [arcgis-scene.environment](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#environment) property of the Scene component.
  *
  * ```js
  * // Access the Scene component.
@@ -31,13 +31,13 @@ import type { WeatherState } from "./types.js";
  * ```
  *
  * To determine if the weather visualization is available, check the boolean value of `viewElement.environment.weatherAvailable`. The weather is only available:
- *    * in `global` [viewing mode](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#viewingMode),
- *    * when `atmosphereEnabled` property on [environment](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#environment) is `true`,
+ *    * in `global` [arcgis-scene.viewingMode](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#viewingMode),
+ *    * when `atmosphereEnabled` property on [arcgis-scene.environment](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#environment) is `true`,
  *    * at lower altitudes, near the ground.
  *
  * **Known limitations**
  *
- * Weather is only supported in a 3D [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/) component.
+ * Weather is only supported in a 3D [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/) component.
  *
  * **See also**
  *