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

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

@@ -6,24 +6,24 @@ 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 $, createEvent as o } from "@arcgis/lumina";
-import { log as d, composeMissingPropertyMessage as g, composeEmptyPropertyMessage as F } from "@arcgis/toolkit/log";
-import { css as w, html as a } from "lit";
+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{max-height:calc(100vh - 150px);min-height:300px}calcite-flow{--calcite-flow-background-color: var(--calcite-color-foreground-1);min-height:300px}calcite-table{--calcite-table-border-color: none}calcite-table-row{--calcite-table-row-border-color: var(--calcite-color-border-3)}.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)}#features-list{min-height:300px}.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;padding: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;padding: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 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 = {
   dirtyAreasDiscovered: -2147208511,
   noValidControllers: -2147208935
 };
-class S extends $ {
+class S 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]) => {
-      const r = e[0].feature.layer, s = t[0].feature.layer, l = r?.title ?? "", c = s?.title ?? "";
+      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]) => {
-      const r = this.utilityNetwork?.getLayerIdBySourceId(e), s = this._getLayerByLayerId(r);
-      if (r == null || !s) {
+      const a = this.utilityNetwork?.getLayerIdBySourceId(e), s = this._getLayerByLayerId(a);
+      if (a == null || !s) {
         this._elementsWithoutLayer.push(...t);
         return;
       }
@@ -38,15 +38,15 @@ class S extends $ {
         }
         return { feature: i, label: m(i) };
       }));
-      s.type === "subtype-group" ? n.forEach((i) => this._addOrCreateMapValue(this._subtypeCodeToFeatures, i.feature.layer.subtypeCode, i)) : this._layerIdToFeatures.set(r, n);
+      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]) => {
       if (!e.length)
         return null;
-      const t = e[0].feature.layer, r = t?.title || this._messages.unknown;
-      return a`<calcite-list-item .label=${r} @calciteListItemSelect=${() => this._setSelectedLayerAndFeatures(t)}><calcite-chip .label=${this._messages.labels.numElements} slot=content-end>${e.length}</calcite-chip><calcite-icon icon=chevron-right slot=content-end></calcite-icon></calcite-list-item>`;
+      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>`;
     }, this._renderFeatureListItem = (e) => {
-      const { feature: t, label: r } = e;
-      return a`<calcite-list-item .label=${r} @calciteListItemSelect=${() => this.selectedFeature = t}><calcite-icon icon=chevron-right slot=content-end></calcite-icon></calcite-list-item>`;
+      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>`;
     };
   }
   static {
@@ -67,19 +67,19 @@ class S extends $ {
     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, F("layers")), this.view || d("warn", this, g("view"));
+    this.utilityNetwork || d("warn", this, g("utilityNetwork")), this.layers.length === 0 && d("warn", this, $("layers")), this.view || d("warn", this, g("view"));
   }
-  _addOrCreateMapValue(e, t, r) {
+  _addOrCreateMapValue(e, t, a) {
     const s = e.get(t);
-    s == null ? e.set(t, [r]) : s.push(r);
+    s == null ? e.set(t, [a]) : s.push(a);
   }
   _getLayerByLayerId(e) {
     if (e == null)
       return;
-    const { _layerIdToLayer: t, _unLayers: r } = this;
+    const { _layerIdToLayer: t, _unLayers: a } = this;
     if (t.get(e))
       return t.get(e);
-    const s = r.find((l) => "layerId" in l && l.layerId === e);
+    const s = a.find((l) => "layerId" in l && l.layerId === e);
     return s && t.set(e, s), s;
   }
   _handleHideGraphicsChange(e) {
@@ -90,8 +90,8 @@ class S extends $ {
     if (!t)
       return;
     t.loaded || (this.state = "loading", await t.load()), this._unLayers = e.filter((s) => t.isUtilityLayer(s));
-    const r = this._unLayers.filter((s) => !s.loaded).map((s) => s.load());
-    r.length > 0 && (this.state = "loading", await Promise.allSettled(r));
+    const a = this._unLayers.filter((s) => !s.loaded).map((s) => s.load());
+    a.length > 0 && (this.state = "loading", await Promise.allSettled(a));
   }
   async _loadProjectOperator() {
     const { aggregatedGeometry: e } = this.traceResult;
@@ -117,11 +117,11 @@ class S extends $ {
     if (!e)
       t = [];
     else if (e.type === "subtype-sublayer") {
-      const { subtypeCode: r } = e;
-      t = this._subtypeCodeToFeatures.get(r) ?? [];
+      const { subtypeCode: a } = e;
+      t = this._subtypeCodeToFeatures.get(a) ?? [];
     } else {
-      const { layerId: r } = e;
-      t = this._layerIdToFeatures.get(r) ?? [];
+      const { layerId: a } = e;
+      t = this._layerIdToFeatures.get(a) ?? [];
     }
     this._featuresFromSelectedLayer = t.sort(this._compareByFeatureTitle), this.selectedLayer = e;
   }
@@ -131,55 +131,58 @@ class S extends $ {
   render() {
     const { traceError: e, traceResult: t } = this;
     if (e)
-      return a`<div>${this._renderTraceResultsHeading()}${this._renderErrorLanding(e)}</div>`;
+      return this._renderErrorLanding(e);
     if (!t)
-      return a`<div>${this._renderTraceResultsHeading()}${this._renderNoTraceLanding()}</div>`;
-    const { elements: r, globalFunctionResults: s, aggregatedGeometry: l } = t;
-    if (!r.length && !s.length && !l)
-      return a`<div>${this._renderTraceResultsHeading()}${this._renderNoResultsLanding()}</div>`;
+      return this._renderNoTraceLanding();
+    const { elements: a, globalFunctionResults: s, aggregatedGeometry: l } = t;
+    if (!a.length && !s.length && !l)
+      return this._renderNoResultsLanding();
     if (this.state === "loading")
-      return a`<calcite-loader .label=${this._messages.gettingResults} .text=${this._messages.gettingResults}></calcite-loader>`;
+      return this._renderGettingResults();
     if (this.selectedFeature) {
       const n = this._featuresComponentRef.value, i = n?.selectedFeature ? [n.selectedFeature] : [this.selectedFeature];
-      return a`<arcgis-features .referenceElement=${this.referenceElement} .features=${i} .view=${this.view} open @arcgisClose=${() => this.selectedFeature = void 0} ${C(this._featuresComponentRef)}></arcgis-features>`;
+      return r`<arcgis-features .referenceElement=${this.referenceElement} .features=${i} .view=${this.view} open @arcgisClose=${() => this.selectedFeature = void 0} ${C(this._featuresComponentRef)}></arcgis-features>`;
     }
-    const c = r.length > 0 && !s.length && !l;
-    return this.hideFeatureResults && c ? a`${this._renderTraceResultsHeading()}${this._renderFeaturesAreHidden()}` : a`<calcite-flow>${c ? null : a`<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>`;
+    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>`;
+  }
+  _renderGettingResults() {
+    return r`<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: r, aggregatedGeometry: s } = e;
-    return a`${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}${r.length > 0 ? this._renderFunctionsResults(r) : null}`;
+    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>`;
   }
   _renderAggregatedGeometry(e) {
-    return a`<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 r = t.target.value;
-      this.arcgisAggregatedGeometryGraphicsColorChange.emit(r);
+    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) => {
+      const a = t.target.value;
+      this.arcgisAggregatedGeometryGraphicsColorChange.emit(a);
     }}></calcite-color-picker></calcite-popover></div>`;
   }
   _renderFeaturesAreHidden() {
-    return a`<div class="no-selectable-results">${this._messages.resultFeaturesAreHidden}</div>`;
+    return r`<calcite-panel class="white-panel-background">${this._renderTraceResultsHeading()}<div class="no-selectable-results">${this._messages.resultFeaturesAreHidden}</div></calcite-panel>`;
   }
   _renderNoSelectableResults() {
-    return a`<div class="no-selectable-results">${this._messages.noSelectableFeatures}</div>`;
+    return r`<div class="no-selectable-results">${this._messages.noSelectableFeatures}</div>`;
   }
   _renderElementsResults() {
-    return a`<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 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>`;
   }
   _renderFunctionsResults(e) {
-    return a`<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) => a`<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 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>`;
   }
   _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()), a`<calcite-list .label=${this._messages.labels.traceResultElementsByLayer} .loading=${this.state === "loading"}>${s}</calcite-list>`;
+    return this._elementsWithoutLayer.length > 0 && s.push(this._renderUnknownListItem()), r`<calcite-list .label=${this._messages.labels.traceResultElementsByLayer} .loading=${this.state === "loading"}>${s}</calcite-list>`;
   }
   _renderUnknownListItem() {
-    return a`<calcite-list-item .label=${this._messages.unknown}><calcite-chip .label=${this._messages.labels.numElements} slot=content-end>${this._elementsWithoutLayer.length}</calcite-chip></calcite-list-item>`;
+    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>`;
   }
   _renderFeaturesList() {
-    return a`<calcite-list id=features-list .label=${this._messages.headings.traceResultsGeneric}>${this._featuresFromSelectedLayer.map(this._renderFeatureListItem)}</calcite-list>`;
+    return r`<calcite-list .label=${this._messages.headings.traceResultsGeneric}>${this._featuresFromSelectedLayer.map(this._renderFeatureListItem)}</calcite-list>`;
   }
   _renderTraceResultsHeading() {
-    return a`<div class="results-heading"><div class="results-heading-title">${this._messages.headings.traceResultsGeneric}</div>${this.traceConfigTitle ? a`<div class="results-heading-subtitle">${this.traceConfigTitle}</div>` : null}</div>`;
+    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>`;
   }
   _renderErrorLanding(e) {
     let t = e.message;
@@ -191,13 +194,13 @@ class S extends $ {
         t = this._messages.traceErrors.noValidControllers;
         break;
     }
-    return a`<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>`;
+    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>`;
   }
   _renderNoResultsLanding() {
-    return a`<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>`;
+    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>`;
   }
   _renderNoTraceLanding() {
-    return a`<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>`;
+    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>`;
   }
 }
 f("arcgis-utility-network-trace-results", S);

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

@@ -1,7 +1,8 @@
-import "@esri/calcite-components/components/calcite-loader";
 import "../arcgis-features/index.js";
 import "@esri/calcite-components/components/calcite-flow";
 import "@esri/calcite-components/components/calcite-flow-item";
+import "@esri/calcite-components/components/calcite-panel";
+import "@esri/calcite-components/components/calcite-loader";
 import "../arcgis-utility-network-aggregated-geometry/index.js";
 import "@esri/calcite-components/components/calcite-swatch";
 import "@esri/calcite-components/components/calcite-popover";

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

@@ -2,8 +2,7 @@
 import type MapView from "@arcgis/core/views/MapView.js";
 import type UtilityNetwork from "@arcgis/core/networks/UtilityNetwork.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { ArcgisReferenceElement } from "../../utils/component-utils.js";
-import type { IconName } from "../../utils/action-utils.js";
+import type { ArcgisReferenceElement, IconName } from "../types.js";
 import type { UtilityNetworkValidateTopologyExtentOption } from "@arcgis/core/widgets/UtilityNetworkValidateTopology.js";
 import type { Icon } from "@esri/calcite-components/components/calcite-icon";
 import type { UtilityNetworkValidateTopologyViewModelState } from "@arcgis/core/widgets/UtilityNetworkValidateTopology/UtilityNetworkValidateTopologyViewModel.js";
@@ -18,7 +17,7 @@ export abstract class ArcgisUtilityNetworkValidateTopology extends LitElement {
    * If true, the component will not be destroyed automatically when it is
    * disconnected from the document. This is useful when you want to move the
    * component to a different place on the page, or temporarily hide it. If this
-   * is set, make sure to call the [destroy()](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-utility-network-validate-topology/#destroy) method when you are done to
+   * is set, make sure to call the [destroy()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-validate-topology/#destroy) method when you are done to
    * prevent memory leaks.
    *
    * @default false

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

@@ -1,8 +1,7 @@
 /// <reference path="../../index.d.ts" />
 import type { ValuePickerEvents, ValuePickerComponent } from "@arcgis/core/widgets/ValuePicker.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { ArcgisReferenceElement } from "../../utils/component-utils.js";
-import type { IconName } from "../../utils/action-utils.js";
+import type { ArcgisReferenceElement, IconName } from "../types.js";
 import type { AnimateEvent } from "@arcgis/core/widgets/ValuePicker/types";
 import type { Icon } from "@esri/calcite-components/components/calcite-icon";
 import type { Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
@@ -15,15 +14,15 @@ import type { Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
  * > 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.
  *
  * 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/arcgis-value-picker/#from-collection),
- * [label](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-value-picker/#from-labels),
- * [combobox](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-value-picker/#selectable-items) or
- * [slider](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-value-picker/#numeric-values)
+ * 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)
  * 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/arcgis-value-picker/#playRate).
+ * list of items at a [preset interval](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/#playRate).
  *
  * ### Configuring Value Picker
  *
@@ -33,7 +32,7 @@ import type { Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
  * <span id="nodata"></span>
  * #### 1. Configuring Value Picker without data
  *
- * It is important to note that the Value Picker component is not associated with a [View](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html) nor does it
+ * It is important to note that the Value Picker component is not associated with a [View](https://developers.arcgis.com/javascript/latest/references/core/views/View/) nor does it
  * necessarily require data.
  *
  * ![option-nodata](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/valuepicker/option-nodata.png)
@@ -57,7 +56,7 @@ import type { Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
  * <span id="nodata"></span>
  * #### 2. Using the label component to present items
  *
- * Consider using the [label component](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerLabel.html) to step through a fixed list of predefined values like land use zones.
+ * Consider using the [label component](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerLabel/) to step through a fixed list of predefined values like land use zones.
  * In the following snippet a Value Picker component is created containing three coded land use zones.
  *
  * ![option-labels](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/valuepicker/option-labels.png)
@@ -94,14 +93,14 @@ import type { Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
  * <span id="from-collection"></span>
  * #### 3. Using an arbitrary collection component to present predefined list
  *
- * It may be required to step through a fixed collection of items like [extents](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Extent.html),
- * [bookmarks](https://developers.arcgis.com/javascript/latest/api-reference/esri-webmap-Bookmark.html), or
- * [basemaps](https://developers.arcgis.com/javascript/latest/api-reference/esri-Basemap.html). If only the `play`,
- * `next` and `previous` buttons are required then the collection component may be used. The [collection component](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerCollection.html)
+ * It may be required to step through a fixed collection of items like [extents](https://developers.arcgis.com/javascript/latest/references/core/geometry/Extent/),
+ * [bookmarks](https://developers.arcgis.com/javascript/latest/references/core/webmap/Bookmark/), or
+ * [basemaps](https://developers.arcgis.com/javascript/latest/references/core/Basemap/). If only the `play`,
+ * `next` and `previous` buttons are required then the collection component may be used. The [collection component](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerCollection/)
  * consists of the same user interface as option 1 above with the distinction that the current item is accessible and
  * tracked.
  *
- * In the following example, a Value Picker component is created with a [collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html) of three items. Value Picker is
+ * In the following example, a Value Picker component is created with a [collection](https://developers.arcgis.com/javascript/latest/references/core/core/Collection/) of three items. Value Picker is
  * initialized with starting value of "topo-vector". Since "topo-vector" is the first item in the collection, only the _next_
  * button will be enabled.
  *
@@ -123,8 +122,8 @@ import type { Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
  * ```
  *
  * 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/arcgis-value-picker/#arcgisPropertyChange)
- * event when the component’s [values](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-value-picker/#values)
+ * 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)
  * property changes, as shown below.
  *
  * ```js
@@ -137,7 +136,7 @@ import type { Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
  * <span id="selectable-items"></span>
  * #### 4. Using the combobox component to present selectable items
  *
- * Consider using the [combobox component](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerCombobox.html) when a searchable
+ * Consider using the [combobox component](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerCombobox/) when a searchable
  * dropdown list is required. In the following snippet the Value Picker component is created containing three coded land use zones.
  *
  * ![option-combobox](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/valuepicker/option-combobox.png)
@@ -175,7 +174,7 @@ import type { Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
  * <span id="numeric-values"></span>
  * #### 5. Using the slider component to navigate numeric values
  *
- * The [slider component](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerSlider.html),
+ * The [slider component](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerSlider/),
  * as the name suggests, appends a slider to end of the Value Picker component. The slider is ideal
  * for users that need to select a value within a fixed numeric range. For example, the snippet below presents a
  * Value Picker with a slider for picking a layer's opacity. The starting value is 50%.
@@ -199,10 +198,10 @@ import type { Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
  * valuePicker.values = [5];
  * ```
  *
- * Note that [steps](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerSlider.html#steps) (positions the slider thumb snaps
- * to), [minorTicks](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerSlider.html#minorTicks),
- * [majorTicks](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerSlider.html#majorTicks) and
- * [labels](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerSlider.html#labels) are independent of each other and optional.
+ * Note that [steps](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerSlider/#steps) (positions the slider thumb snaps
+ * to), [minorTicks](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerSlider/#minorTicks),
+ * [majorTicks](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerSlider/#majorTicks) and
+ * [labels](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerSlider/#labels) are independent of each other and optional.
  *
  * The following code will watch for changes and apply the user's modification to a feature layer.
  * ```js
@@ -235,18 +234,18 @@ import type { Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
  * ```
  *
  * @since 5.0
- * @see [ValuePickerCollection](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerCollection.html)
- * @see [ValuePickerCombobox](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerCombobox.html)
- * @see [ValuePickerLabel](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerLabel.html)
- * @see [ValuePickerSlider](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerSlider.html)
- * @see [Slider](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slider.html)
+ * @see [ValuePickerCollection](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerCollection/)
+ * @see [ValuePickerCombobox](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerCombobox/)
+ * @see [ValuePickerLabel](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerLabel/)
+ * @see [ValuePickerSlider](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerSlider/)
+ * @see [Slider](https://developers.arcgis.com/javascript/latest/references/core/widgets/Slider/)
  */
 export abstract class ArcgisValuePickerLegacy extends LitElement {
   /**
    * If true, the component will not be destroyed automatically when it is
    * disconnected from the document. This is useful when you want to move the
    * component to a different place on the page, or temporarily hide it. If this
-   * is set, make sure to call the [destroy()](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-value-picker-legacy/#destroy) method when you are done to
+   * is set, make sure to call the [destroy()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#destroy) method when you are done to
    * prevent memory leaks.
    *
    * @default false
@@ -342,14 +341,14 @@ export abstract class ArcgisValuePickerLegacy extends LitElement {
   accessor caption: string | null | undefined;
   /**
    * An optional component for presenting and managing data. This property can be assigned one of the following:
-   * [ValuePickerCollection](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerCollection.html)
-   * [ValuePickerCombobox](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerCombobox.html),
-   * [ValuePickerLabel](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerLabel.html), or
-   * [ValuePickerSlider](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerSlider.html).
+   * [ValuePickerCollection](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerCollection/)
+   * [ValuePickerCombobox](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerCombobox/),
+   * [ValuePickerLabel](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerLabel/), or
+   * [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/arcgis-value-picker/#arcgisPrevious) and
-   * [@next](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-value-picker/#arcgisNext), when the user interacts with 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.
    *
    * @example
@@ -411,8 +410,8 @@ export abstract class ArcgisValuePickerLegacy extends LitElement {
   /**
    * Indicates if the component should be orientated horizontally (default) or vertically.
    *
-   * Please note that [ValuePickerCombobox](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerCombobox.html) and
-   * [ValuePickerLabel](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerLabel.html) do not support vertical layout.
+   * Please note that [ValuePickerCombobox](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerCombobox/) and
+   * [ValuePickerLabel](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerLabel/) do not support vertical layout.
    *
    * @default "horizontal"
    * @example
@@ -483,8 +482,8 @@ 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/arcgis-value-picker/#component) is being used. For example, a
-   * [slider](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerSlider.html) component will return an array of numbers.
+   * 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
+   * [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`
    * if the component is created without an initial value.
@@ -492,9 +491,9 @@ export abstract class ArcgisValuePickerLegacy extends LitElement {
    * Once a `component` and an initial value has been assigned this property will return an array
    * containing a value.
    *
-   * @see [ValuePickerCollection#collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerCollection.html#collection)
-   * @see [ValuePickerCombobox#items](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerCombobox.html#items)
-   * @see [ValuePickerLabel#items](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerLabel.html#items)
+   * @see [ValuePickerCollection#collection](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerCollection/#collection)
+   * @see [ValuePickerCombobox#items](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerCombobox/#items)
+   * @see [ValuePickerLabel#items](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerLabel/#items)
    * @example
    * ```js
    * const basemapCollection = new Collection(["topo-vector", "streets", "osm"]);

package/dist/components/arcgis-value-picker-legacy/customElement.js

@@ -6,7 +6,7 @@ import t from "@arcgis/core/widgets/ValuePicker.js";
 import { LitElement as o, createEvent as l } from "@arcgis/lumina";
 import { m as a } from "../../chunks/useWidget.js";
 import { css as s } from "lit";
-const c = s`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}@supports (-ms-ime-align: auto){.esri-slider__anchor:focus{outline:1px dotted var(--calcite-color-foreground-current)}}.esri-slider{-webkit-user-select:none;user-select:none;direction:ltr;width:100%;height:100%;display:flex}.esri-disabled{pointer-events:none}.esri-disabled .esri-slider__content,.esri-disabled .esri-slider__min,.esri-disabled .esri-slider__max{opacity:var(--calcite-opacity-light)}.esri-slider--reversed.esri-slider--horizontal{flex-direction:row-reverse}.esri-slider--reversed.esri-slider--vertical{flex-direction:column}.esri-slider--horizontal{flex-direction:row}.esri-slider--horizontal .esri-slider__content{height:auto}.esri-slider--horizontal .esri-slider__track{width:100%;height:2px}.esri-slider--horizontal .esri-slider__segment--interactive:hover{cursor:ew-resize}.esri-slider--horizontal .esri-slider__anchor{width:1px;height:100%}.esri-slider--horizontal .esri-slider__label{text-align:center;margin:0 11px;top:-30px;left:-50px}.esri-slider--horizontal .esri-slider__label-input{text-align:center}.esri-slider--horizontal .esri-slider__max,.esri-slider--horizontal .esri-slider__min{flex:none;width:50px;height:auto;margin:auto}.esri-slider--horizontal .esri-slider__ticks{width:100%;margin:9px 0 0;top:100%;left:0}.esri-slider--horizontal .esri-slider__tick{width:1px;height:5px}.esri-slider--horizontal .esri-slider__tick-label{margin-top:18px}.esri-slider--vertical{flex-direction:column-reverse}.esri-slider--vertical .esri-slider__content{flex-direction:column;width:auto}.esri-slider--vertical .esri-slider__track{flex-direction:column;flex:1 0 0;width:2px;height:100%}.esri-slider--vertical .esri-slider__segment--interactive:hover{cursor:ns-resize}.esri-slider--vertical .esri-slider__anchor{width:100%;height:1px}.esri-slider--vertical .esri-slider__label{text-align:left;top:-10px;left:20px}.esri-slider--vertical .esri-slider__max,.esri-slider--vertical .esri-slider__min{flex:0 0 22px;width:100%;margin:auto}.esri-slider--vertical .esri-slider__ticks{margin:0 0 0 11px;top:0;left:100%}.esri-slider--vertical .esri-slider__tick{width:5px;height:1px}.esri-slider--vertical .esri-slider__tick-label{margin-left:30px}.esri-slider__content{z-index:0;flex:1 0 auto;justify-content:center;align-items:center;margin:auto;line-height:0;display:flex;position:relative}.esri-slider__track{touch-action:none;background-color:var(--calcite-color-border-ghost);display:inline-block;position:relative}.esri-slider__segment{transform-origin:0 0;will-change:transform;touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0}.esri-slider__segment:hover{cursor:pointer}.esri-slider__anchor{touch-action:none;-webkit-user-select:none;user-select:none;background-color:var(--calcite-color-brand);position:absolute}.esri-slider__anchor:focus .esri-slider__thumb,.esri-slider__anchor:focus .esri-slider__label{outline:inherit}.esri-slider__anchor--moving:focus .esri-slider__thumb{cursor:grabbing;border:3px solid var(--calcite-color-brand-press)}.esri-slider__anchor--moving .esri-slider__label:hover,.esri-slider__anchor--moving .esri-slider__label--interactive:hover{cursor:grabbing}.esri-slider__thumb{box-sizing:border-box;z-index:1;touch-action:none;background-color:var(--calcite-color-foreground-2);border:2px solid var(--calcite-color-brand);border-radius:16px;width:16px;height:16px;transition:all .125s ease-in-out;position:absolute;top:-7px;left:-7px}.esri-slider__thumb:hover{cursor:grab;border-width:3px;border-color:var(--calcite-color-brand-press);width:19.2px;height:19.2px;top:-8.6px;left:-8.6px}.esri-slider__label{min-width:80px;line-height:var(--calcite-font-line-height-fixed-xl);position:absolute}.esri-slider__label:hover{cursor:grab}.esri-slider__label--interactive:hover,.esri-slider__max--interactive:hover,.esri-slider__min--interactive:hover{cursor:pointer;text-decoration:underline}.esri-slider__label-input{z-index:1;width:100%;position:relative}.esri-slider__extra-content{display:inline-block}.esri-slider__max,.esri-slider__min{text-align:center;justify-content:center;align-items:center;height:22px;line-height:var(--calcite-font-line-height-fixed-xl);display:flex}.esri-slider__max--interactive:hover,.esri-slider__min--interactive:hover{background-color:var(--calcite-color-foreground-2)}.esri-slider__range-input{text-align:center;width:100%;padding:1px 0}.esri-slider__ticks{z-index:0;height:100%;display:inline-block;position:absolute}.esri-slider__tick{background:var(--calcite-color-foreground-1);position:absolute}.esri-slider__tick-label{width:max-content;position:absolute}:dir(rtl) .esri-slider__label,:dir(rtl) .esri-slider__max,:dir(rtl) .esri-slider__min,:dir(rtl) .esri-slider__tick-label{direction:rtl;unicode-bidi:plaintext}:dir(rtl) .esri-slider__range-input,:dir(rtl) .esri-slider__label-input{unicode-bidi:plaintext}.esri-value-picker .esri-slider{background:0 0;flex:auto}.esri-value-picker .esri-slider__tick-label{white-space:nowrap;font-size:var(--calcite-font-size--3)}.esri-value-picker .esri-slider__ticks{margin:0}.esri-value-picker .esri-slider__tick,.esri-value-picker .esri-slider__track{background:var(--calcite-color-border-input)}.esri-value-picker .esri-slider__tick.esri-value-picker__slider__tick-steps{width:3px;height:3px}.esri-value-picker .esri-slider__anchor:focus-visible{outline:none}.esri-value-picker__action-bar{background-color:var(--calcite-color-foreground-1)}.esri-value-picker__caption-border,.esri-value-picker__label-border{border:solid 1px var(--calcite-color-border-3);align-items:center;display:flex}.esri-value-picker__caption-text,.esri-value-picker__label-text{white-space:nowrap;font-family:inherit;font-weight:var(--calcite-font-weight-medium);overflow:hidden}.esri-value-picker__label-text{color:var(--calcite-color-text-1)}.esri-value-picker__slider{flex:auto;display:flex}.esri-value-picker__layout--horizontal.esri-value-picker__type--collection,.esri-value-picker__layout--horizontal.esri-value-picker__type--undefined{width:fit-content}.esri-value-picker__layout--horizontal.esri-value-picker__type--collection .esri-value-picker__action-bar,.esri-value-picker__layout--horizontal.esri-value-picker__type--undefined .esri-value-picker__action-bar{width:100%}.esri-value-picker__layout--horizontal.esri-value-picker__type--collection .esri-value-picker__caption,.esri-value-picker__layout--horizontal.esri-value-picker__type--undefined .esri-value-picker__caption{padding-inline-end:.5rem}.esri-value-picker__layout--horizontal.esri-value-picker__type--combobox,.esri-value-picker__layout--horizontal.esri-value-picker__type--label,.esri-value-picker__layout--horizontal.esri-value-picker__type--slider{min-width:450px}.esri-value-picker__layout--horizontal.esri-value-picker__type--combobox .esri-value-picker__action-bar,.esri-value-picker__layout--horizontal.esri-value-picker__type--label .esri-value-picker__action-bar,.esri-value-picker__layout--horizontal.esri-value-picker__type--slider .esri-value-picker__action-bar{width:100%}.esri-value-picker__layout--horizontal .esri-value-picker__caption{padding-top:.5rem;padding-bottom:.5rem;padding-inline-start:.5rem;display:flex}.esri-value-picker__layout--horizontal .esri-value-picker__caption-border{padding-inline:.5rem}.esri-value-picker__layout--horizontal .esri-value-picker__caption-text{text-overflow:ellipsis;max-width:100px;font-size:var(--calcite-font-size--1)}.esri-value-picker__layout--horizontal .esri-value-picker__combobox{--calcite-color-border-input: var(--calcite-color-border-3);flex:auto;align-items:center;padding-inline:10px;display:flex}.esri-value-picker__layout--horizontal .esri-value-picker__combobox calcite-combobox{flex:auto;width:0}.esri-value-picker__layout--horizontal .esri-value-picker__label{flex:auto;padding:.5rem;display:flex}.esri-value-picker__layout--horizontal .esri-value-picker__label-border{flex:auto;padding-inline:.5rem}.esri-value-picker__layout--horizontal .esri-value-picker__label-text{text-overflow:ellipsis;width:0;font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-normal);flex:auto}.esri-value-picker__layout--horizontal .esri-value-picker__separator{border-right:solid 1px var(--calcite-color-border-3);width:1px;margin-inline-start:.25rem}.esri-value-picker__layout--horizontal .esri-value-picker__slider{padding-inline:30px}.esri-value-picker__layout--horizontal .esri-value-picker__slider__tick-minor{height:3px}.esri-value-picker__layout--horizontal .esri-value-picker__slider__tick-major{height:var(--calcite-spacing-xs)}.esri-value-picker__layout--horizontal .esri-value-picker__slider__tick-steps{margin-top:-6px;margin-left:-1px}.esri-value-picker__layout--horizontal .esri-slider{margin-top:-10px}.esri-value-picker__layout--horizontal .esri-slider__track{height:1px}.esri-value-picker__layout--vertical.esri-value-picker__type--collection,.esri-value-picker__layout--vertical.esri-value-picker__type--undefined{height:fit-content}.esri-value-picker__layout--vertical.esri-value-picker__type--collection .esri-value-picker__action-bar,.esri-value-picker__layout--vertical.esri-value-picker__type--undefined .esri-value-picker__action-bar{height:100%}.esri-value-picker__layout--vertical.esri-value-picker__type--slider{min-height:450px}.esri-value-picker__layout--vertical.esri-value-picker__type--slider .esri-value-picker__action-bar{height:100%;min-height:450px}.esri-value-picker__layout--vertical .esri-value-picker__caption{width:48px;padding:.25rem}.esri-value-picker__layout--vertical .esri-value-picker__caption-border{justify-content:center}.esri-value-picker__layout--vertical .esri-value-picker__caption-text{text-overflow:clip;font-size:var(--calcite-font-size--2);padding-block:.25rem}.esri-value-picker__layout--vertical .esri-value-picker__separator{border-bottom:solid 1px var(--calcite-color-border-3);height:1px;margin-top:.25rem}.esri-value-picker__layout--vertical .esri-value-picker__slider{flex-direction:column;padding:15px 0}.esri-value-picker__layout--vertical .esri-value-picker__slider__tick-minor{width:3px}.esri-value-picker__layout--vertical .esri-value-picker__slider__tick-major{width:var(--calcite-spacing-xs)}.esri-value-picker__layout--vertical .esri-value-picker__slider__tick-steps{margin-top:-1px;margin-left:-6px}.esri-value-picker__layout--vertical .esri-slider{margin-left:-13px}.esri-value-picker__layout--vertical .esri-slider__tick-label{margin-left:var(--calcite-spacing-xxl)}.esri-value-picker__layout--vertical .esri-slider__track{width:1px}:dir(rtl) .esri-value-picker{direction:ltr}:dir(rtl) .esri-value-picker .esri-value-picker__combobox,:dir(rtl) .esri-value-picker .esri-value-picker__slider__tooltip{direction:rtl}`, n = a(t);
+const c = s`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}@supports (-ms-ime-align: auto){.esri-slider__anchor:focus{outline:1px dotted var(--calcite-color-foreground-current)}}.esri-slider{-webkit-user-select:none;user-select:none;direction:ltr;width:100%;height:100%;display:flex}.esri-disabled{pointer-events:none}.esri-disabled .esri-slider__content,.esri-disabled .esri-slider__min,.esri-disabled .esri-slider__max{opacity:var(--calcite-opacity-light)}.esri-slider--reversed.esri-slider--horizontal{flex-direction:row-reverse}.esri-slider--reversed.esri-slider--vertical{flex-direction:column}.esri-slider--horizontal{flex-direction:row}.esri-slider--horizontal .esri-slider__content{height:auto}.esri-slider--horizontal .esri-slider__track{width:100%;height:2px}.esri-slider--horizontal .esri-slider__segment--interactive:hover{cursor:ew-resize}.esri-slider--horizontal .esri-slider__anchor{width:1px;height:100%}.esri-slider--horizontal .esri-slider__label{text-align:center;margin:0 11px;top:-30px;left:-50px}.esri-slider--horizontal .esri-slider__label-input{text-align:center}.esri-slider--horizontal .esri-slider__max,.esri-slider--horizontal .esri-slider__min{flex:none;width:50px;height:auto;margin:auto}.esri-slider--horizontal .esri-slider__ticks{width:100%;margin:9px 0 0;top:100%;left:0}.esri-slider--horizontal .esri-slider__tick{width:1px;height:5px}.esri-slider--horizontal .esri-slider__tick-label{margin-top:18px}.esri-slider--vertical{flex-direction:column-reverse}.esri-slider--vertical .esri-slider__content{flex-direction:column;width:auto}.esri-slider--vertical .esri-slider__track{flex-direction:column;flex:1 0 0;width:2px;height:100%}.esri-slider--vertical .esri-slider__segment--interactive:hover{cursor:ns-resize}.esri-slider--vertical .esri-slider__anchor{width:100%;height:1px}.esri-slider--vertical .esri-slider__label{text-align:left;top:-10px;left:20px}.esri-slider--vertical .esri-slider__max,.esri-slider--vertical .esri-slider__min{flex:0 0 22px;width:100%;margin:auto}.esri-slider--vertical .esri-slider__ticks{margin:0 0 0 11px;top:0;left:100%}.esri-slider--vertical .esri-slider__tick{width:5px;height:1px}.esri-slider--vertical .esri-slider__tick-label{margin-left:30px}.esri-slider__content{z-index:0;flex:1 0 auto;justify-content:center;align-items:center;margin:auto;line-height:0;display:flex;position:relative}.esri-slider__track{touch-action:none;background-color:var(--calcite-color-border-ghost);display:inline-block;position:relative}.esri-slider__segment{transform-origin:0 0;will-change:transform;touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0}.esri-slider__segment:hover{cursor:pointer}.esri-slider__anchor{touch-action:none;-webkit-user-select:none;user-select:none;background-color:var(--calcite-color-brand);position:absolute}.esri-slider__anchor:focus .esri-slider__thumb,.esri-slider__anchor:focus .esri-slider__label{outline:inherit}.esri-slider__anchor--moving:focus .esri-slider__thumb{cursor:grabbing;border:3px solid var(--calcite-color-brand-press)}.esri-slider__anchor--moving .esri-slider__label:hover,.esri-slider__anchor--moving .esri-slider__label--interactive:hover{cursor:grabbing}.esri-slider__thumb{box-sizing:border-box;z-index:1;touch-action:none;background-color:var(--calcite-color-foreground-2);border:2px solid var(--calcite-color-brand);border-radius:16px;width:16px;height:16px;transition:all .125s ease-in-out;position:absolute;top:-7px;left:-7px}.esri-slider__thumb:hover{cursor:grab;border-width:3px;border-color:var(--calcite-color-brand-press);width:19.2px;height:19.2px;top:-8.6px;left:-8.6px}.esri-slider__label{min-width:80px;line-height:var(--calcite-font-line-height-fixed-xl);position:absolute}.esri-slider__label:hover{cursor:grab}.esri-slider__label--interactive:hover,.esri-slider__max--interactive:hover,.esri-slider__min--interactive:hover{cursor:pointer;text-decoration:underline}.esri-slider__label-input{z-index:1;width:100%;position:relative}.esri-slider__extra-content{display:inline-block}.esri-slider__max,.esri-slider__min{text-align:center;justify-content:center;align-items:center;height:22px;line-height:var(--calcite-font-line-height-fixed-xl);display:flex}.esri-slider__max--interactive:hover,.esri-slider__min--interactive:hover{background-color:var(--calcite-color-foreground-2)}.esri-slider__range-input{text-align:center;width:100%;padding:1px 0}.esri-slider__ticks{z-index:0;height:100%;display:inline-block;position:absolute}.esri-slider__tick{background:var(--calcite-color-foreground-1);position:absolute}.esri-slider__tick-label{width:max-content;position:absolute}:dir(rtl) .esri-slider__label,:dir(rtl) .esri-slider__max,:dir(rtl) .esri-slider__min,:dir(rtl) .esri-slider__tick-label{direction:rtl;unicode-bidi:plaintext}:dir(rtl) .esri-slider__range-input,:dir(rtl) .esri-slider__label-input{unicode-bidi:plaintext}.esri-value-picker calcite-action{width:var(--calcite-font-line-height-fixed-4xl);height:var(--calcite-font-line-height-fixed-4xl)}.esri-value-picker .esri-slider{background:0 0;flex:auto}.esri-value-picker .esri-slider__tick-label{white-space:nowrap;font-size:var(--calcite-font-size--3)}.esri-value-picker .esri-slider__ticks{margin:0}.esri-value-picker .esri-slider__tick,.esri-value-picker .esri-slider__track{background:var(--calcite-color-border-input)}.esri-value-picker .esri-slider__tick.esri-value-picker__slider__tick-steps{width:3px;height:3px}.esri-value-picker .esri-slider__anchor:focus-visible{outline:none}.esri-value-picker__action-bar{--calcite-action-bar-items-space: 0;--calcite-spacing-sm: 0;background-color:var(--calcite-color-foreground-1)}.esri-value-picker__caption-border,.esri-value-picker__label-border{border:solid 1px var(--calcite-color-border-3);align-items:center;display:flex}.esri-value-picker__caption-text,.esri-value-picker__label-text{white-space:nowrap;font-family:inherit;font-weight:var(--calcite-font-weight-medium);overflow:hidden}.esri-value-picker__label-text{color:var(--calcite-color-text-1)}.esri-value-picker__slider{flex:auto;display:flex}.esri-value-picker__layout--horizontal.esri-value-picker__type--collection,.esri-value-picker__layout--horizontal.esri-value-picker__type--undefined{width:fit-content}.esri-value-picker__layout--horizontal.esri-value-picker__type--collection .esri-value-picker__action-bar,.esri-value-picker__layout--horizontal.esri-value-picker__type--undefined .esri-value-picker__action-bar{width:100%}.esri-value-picker__layout--horizontal.esri-value-picker__type--collection .esri-value-picker__caption,.esri-value-picker__layout--horizontal.esri-value-picker__type--undefined .esri-value-picker__caption{padding-inline-end:.5rem}.esri-value-picker__layout--horizontal.esri-value-picker__type--combobox,.esri-value-picker__layout--horizontal.esri-value-picker__type--label,.esri-value-picker__layout--horizontal.esri-value-picker__type--slider{min-width:450px}.esri-value-picker__layout--horizontal.esri-value-picker__type--combobox .esri-value-picker__action-bar,.esri-value-picker__layout--horizontal.esri-value-picker__type--label .esri-value-picker__action-bar,.esri-value-picker__layout--horizontal.esri-value-picker__type--slider .esri-value-picker__action-bar{width:100%}.esri-value-picker__layout--horizontal .esri-value-picker__caption{padding-top:.5rem;padding-bottom:.5rem;padding-inline-start:.5rem;display:flex}.esri-value-picker__layout--horizontal .esri-value-picker__caption-border{padding-inline:.5rem}.esri-value-picker__layout--horizontal .esri-value-picker__caption-text{text-overflow:ellipsis;max-width:100px;font-size:var(--calcite-font-size--1)}.esri-value-picker__layout--horizontal .esri-value-picker__combobox{--calcite-color-border-input: var(--calcite-color-border-3);flex:auto;align-items:center;padding-inline:10px;display:flex}.esri-value-picker__layout--horizontal .esri-value-picker__combobox calcite-combobox{flex:auto;width:0}.esri-value-picker__layout--horizontal .esri-value-picker__label{flex:auto;padding:.5rem;display:flex}.esri-value-picker__layout--horizontal .esri-value-picker__label-border{flex:auto;padding-inline:.5rem}.esri-value-picker__layout--horizontal .esri-value-picker__label-text{text-overflow:ellipsis;width:0;font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-normal);flex:auto}.esri-value-picker__layout--horizontal .esri-value-picker__separator{border-right:solid 1px var(--calcite-color-border-3);width:1px;margin-inline-start:.25rem}.esri-value-picker__layout--horizontal .esri-value-picker__slider{padding-inline:30px}.esri-value-picker__layout--horizontal .esri-value-picker__slider__tick-minor{height:3px}.esri-value-picker__layout--horizontal .esri-value-picker__slider__tick-major{height:var(--calcite-spacing-xs)}.esri-value-picker__layout--horizontal .esri-value-picker__slider__tick-steps{margin-top:-6px;margin-left:-1px}.esri-value-picker__layout--horizontal .esri-slider{margin-top:-10px}.esri-value-picker__layout--horizontal .esri-slider__track{height:1px}.esri-value-picker__layout--vertical.esri-value-picker__type--collection,.esri-value-picker__layout--vertical.esri-value-picker__type--undefined{height:fit-content}.esri-value-picker__layout--vertical.esri-value-picker__type--collection .esri-value-picker__action-bar,.esri-value-picker__layout--vertical.esri-value-picker__type--undefined .esri-value-picker__action-bar{height:100%}.esri-value-picker__layout--vertical.esri-value-picker__type--slider{min-height:450px}.esri-value-picker__layout--vertical.esri-value-picker__type--slider .esri-value-picker__action-bar{height:100%;min-height:450px}.esri-value-picker__layout--vertical .esri-value-picker__caption{width:48px;padding:.25rem}.esri-value-picker__layout--vertical .esri-value-picker__caption-border{justify-content:center}.esri-value-picker__layout--vertical .esri-value-picker__caption-text{text-overflow:clip;font-size:var(--calcite-font-size--2);padding-block:.25rem}.esri-value-picker__layout--vertical .esri-value-picker__separator{border-bottom:solid 1px var(--calcite-color-border-3);height:1px;margin-top:.25rem}.esri-value-picker__layout--vertical .esri-value-picker__slider{flex-direction:column;padding:15px 0}.esri-value-picker__layout--vertical .esri-value-picker__slider__tick-minor{width:3px}.esri-value-picker__layout--vertical .esri-value-picker__slider__tick-major{width:var(--calcite-spacing-xs)}.esri-value-picker__layout--vertical .esri-value-picker__slider__tick-steps{margin-top:-1px;margin-left:-6px}.esri-value-picker__layout--vertical .esri-slider{margin-left:-13px}.esri-value-picker__layout--vertical .esri-slider__tick-label{margin-left:var(--calcite-spacing-xxl)}.esri-value-picker__layout--vertical .esri-slider__track{width:1px}:dir(rtl) .esri-value-picker{direction:ltr}:dir(rtl) .esri-value-picker .esri-value-picker__combobox,:dir(rtl) .esri-value-picker .esri-value-picker__slider__tooltip{direction:rtl}`, n = a(t);
 class d extends o {
   constructor() {
     super(...arguments), this.widget = n(this), this.autoDestroyDisabled = !1, this.canNext = this.widget.canNext, this.canPlay = this.widget.canPlay, this.canPrevious = this.widget.canPrevious, this.caption = this.widget.caption, this.component = this.widget.component, this.hideNextButton = this.widget.visibleElements.nextButton, this.hidePlayButton = this.widget.visibleElements.playButton, this.hidePreviousButton = this.widget.visibleElements.previousButton, this.icon = this.widget.icon, this.label = this.widget.label, this.layout = this.widget.layout, this.loop = this.widget.loop, this.playRate = this.widget.playRate, this.values = this.widget.values, this.arcgisAnimate = e(() => this.widget, "animate"), this.arcgisNext = e(() => this.widget, "next"), this.arcgisPause = e(() => this.widget, "pause"), this.arcgisPlay = e(() => this.widget, "play"), this.arcgisPrevious = e(() => this.widget, "previous"), this.arcgisPropertyChange = r()("values"), this.arcgisReady = l();

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

@@ -4,14 +4,14 @@ 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 "../../utils/component-utils.js";
+import type { ArcgisReferenceElement } from "../types.js";
 import type { VersionIdentifier } from "@arcgis/core/versionManagement/support/jsonTypes";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 import type { VersionManagerState } from "@arcgis/core/versionManagement/VersionManager.js";
 
 /**
  * The Version Management component allows users to view available versions, change versions, delete versions, and alter versions.
- * The [View](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html) will update to match the features on the selected version.
+ * The [View](https://developers.arcgis.com/javascript/latest/references/core/views/View/) will update to match the features on the selected version.
  * To learn more about version management please visit the [versioning guide doc](https://developers.arcgis.com/javascript/latest/utility-network/version-management-service/).
  *
  * > The Version Management component does not support proxied feature services or feature services that utilize stored credentials.
@@ -27,7 +27,7 @@ export abstract class ArcgisVersionManagement extends LitElement {
    * If true, the component will not be destroyed automatically when it is
    * disconnected from the document. This is useful when you want to move the
    * component to a different place on the page, or temporarily hide it. If this
-   * is set, make sure to call the [destroy()](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-version-management/#destroy) method when you are done to
+   * is set, make sure to call the [destroy()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-version-management/#destroy) method when you are done to
    * prevent memory leaks.
    *
    * @default false
@@ -216,7 +216,7 @@ export abstract class ArcgisVersionManagement extends LitElement {
    */
   accessor versioningStates: Collection<VersioningState2>;
   /**
-   * This property defines the target [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html).
+   * This property defines the target [MapView](https://developers.arcgis.com/javascript/latest/references/core/views/MapView/).
    *
    * @since 5.0
    */