@arcgis/map-components 5.1.0-next.73 → 5.1.0-next.75

package/dist/components/arcgis-slider-scale-range/customElement.js

@@ -1,8 +1,8 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { g as f, c as p } from "../../chunks/runtime.js";
+import { g as x, c as p } from "../../chunks/runtime.js";
 import { keyed as _ } from "lit/directives/keyed.js";
 import { LitElement as g, createEvent as d, safeStyleMap as u, nothing as M } from "@arcgis/lumina";
-import { watch as x } from "@arcgis/core/core/reactiveUtils.js";
+import { watch as f } from "@arcgis/core/core/reactiveUtils.js";
 import { u as v } from "../../chunks/useView.js";
 import { u as L } from "../../chunks/useT9n.js";
 import { css as y, html as r } from "lit";
@@ -124,7 +124,7 @@ class I extends g {
     await this.manager.destroy();
   }
   willUpdate(e) {
-    if ((e.has("maxScaleLimit") || e.has("minScaleLimit")) && (this.minScaleLimit === 0 && (this.minScaleLimit = this._layerMinScaleLimit), this.maxScaleLimit === 0 && (this.maxScaleLimit = this._layerMaxScaleLimit), this.minScaleLimit = Math.min(this.minScaleLimit, this._layerMinScaleLimit), this.maxScaleLimit = Math.max(this.maxScaleLimit, this._layerMaxScaleLimit), this.minScale !== 0 && (this.minScale = Math.min(this.minScale, this.minScaleLimit)), this.maxScale !== 0 && (this.maxScale = Math.max(this.maxScale, this.maxScaleLimit))), e.has("maxScale") || e.has("minScale")) {
+    if ((e.has("maxScaleLimit") || e.has("minScaleLimit")) && (this.minScaleLimit === 0 && (this.minScaleLimit = this._layerMinScaleLimit), this.maxScaleLimit === 0 && (this.maxScaleLimit = this._layerMaxScaleLimit), this.minScaleLimit = Math.min(this.minScaleLimit, this._layerMinScaleLimit), this.maxScaleLimit = Math.max(this.maxScaleLimit, this._layerMaxScaleLimit), this.minScale !== 0 && (this.minScale = Math.min(this.minScale, this.minScaleLimit)), this.maxScale !== 0 && (this.maxScale = Math.max(this.maxScale, this.maxScaleLimit)), this._syncLayerScale()), e.has("maxScale") || e.has("minScale")) {
       if (this.minScale !== 0) {
         const i = this._clampScale("min", this.minScale);
         this.minScale = i === this.minScaleLimit ? 0 : i;
@@ -143,8 +143,8 @@ class I extends g {
       a && (this._portalRegion = a.split("-")[1]?.toLowerCase() ?? null);
     }).catch(() => {
     }), this.manager.onLifecycle(() => [
-      x(() => this.view?.scale, () => this.requestUpdate(), { initial: !0 }),
-      x(() => ({
+      f(() => this.view?.scale, () => this.requestUpdate(), { initial: !0 }),
+      f(() => ({
         // Layer type has loaded property, but Sublayer and SubtypeSublayer use loadStatus instead
         loaded: this.layer?.loadStatus === "loaded",
         ready: this.view?.ready
@@ -159,7 +159,7 @@ class I extends g {
           let n = 0, o = 0;
           m && (n = m.minScale, o = m.maxScale), o !== 0 && (this._layerMaxScaleLimit = o), n !== 0 && (this._layerMinScaleLimit = n);
         }
-        this.minScaleLimit = this._layerMinScaleLimit, this.maxScaleLimit = this._layerMaxScaleLimit;
+        this.minScaleLimit = Math.min(this.minScaleLimit, this._layerMinScaleLimit), this.maxScaleLimit = Math.max(this.maxScaleLimit, this._layerMaxScaleLimit);
         const c = this.layer;
         c && "minScale" in c && "maxScale" in c && (c.minScale !== 0 && this.minScale === 0 && (this.minScale = Math.min(c.minScale, this.minScaleLimit)), c.maxScale !== 0 && this.maxScale === 0 && (this.maxScale = Math.max(c.maxScale, this.maxScaleLimit)));
       }, { initial: !0 })
@@ -232,7 +232,7 @@ class I extends g {
     e === "min" ? this.minScale = i === 0 ? 0 : this._clampScale("min", i) : this.maxScale = i === 0 ? 0 : this._clampScale("max", i), this._syncLayerScale(), this._activeMenu = null;
   }
   _syncLayerScale() {
-    this.layer && "minScale" in this.layer && "maxScale" in this.layer && (this.layer.minScale = this.mode === "max-scale-only" ? 0 : this.minScale, this.layer.maxScale = this.mode === "min-scale-only" ? 0 : this.maxScale);
+    this.layer && "minScale" in this.layer && "maxScale" in this.layer && (this.layer.minScale = this.mode === "max-scale-only" ? 0 : this._effectiveMinScale, this.layer.maxScale = this.mode === "min-scale-only" ? 0 : this._effectiveMaxScale);
   }
   _renderScalePreviewPopover() {
     const e = this._renderScalePreview();
@@ -298,7 +298,7 @@ class I extends g {
     if (typeof e != "number")
       return null;
     const i = Math.min(l.length - 1, Math.max(0, Math.floor(e))), a = 5, t = 128, s = t * (i % a), c = t * Math.floor(i / a), m = `-${s}px -${c}px`, n = this._getSpriteSheetFile();
-    return r`<div class="preview-container"><img src=${f(`./assets/slider-scale-range/images/${n}.avif`) ?? M} style=${u({
+    return r`<div class="preview-container"><img src=${x(`./assets/slider-scale-range/images/${n}.avif`) ?? M} style=${u({
       display: "block",
       height: `${t}px`,
       width: `${t}px`,

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

@@ -1,22 +1,23 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as y } from "../../chunks/runtime.js";
-import { css as f, html as s } from "lit";
+import { c as m } from "../../chunks/runtime.js";
+import { css as y, html as s } from "lit";
 import { ref as o } from "lit/directives/ref.js";
 import { keyed as h } from "lit/directives/keyed.js";
 import g from "@arcgis/core/Color.js";
 import "@arcgis/core/core/Error.js";
-import { when as w } from "@arcgis/core/core/reactiveUtils.js";
-import b from "@arcgis/core/networks/UtilityNetworkTraceAnalysis.js";
-import { LitElement as T, createEvent as l } from "@arcgis/lumina";
-import { log as u } from "@arcgis/toolkit/log";
+import { when as f } from "@arcgis/core/core/reactiveUtils.js";
+import w from "@arcgis/core/networks/UtilityNetworkTraceAnalysis.js";
+import { LitElement as b, createEvent as l } from "@arcgis/lumina";
+import { log as T } from "@arcgis/toolkit/log";
 import { u as v } from "../../chunks/useT9n.js";
 import { m as _ } from "../../chunks/useViewModel.js";
-const R = f`:host{--arcgis-internal-color-black-30: color-mix(in srgb, #000000 30.2%, transparent);--arcgis-internal-box-shadow: var(--calcite-spacing-none) var(--calcite-spacing-px) var(--calcite-spacing-base) var(--arcgis-internal-color-black-30);--arcgis-internal-top-max-width: calc(min(100cqw, 100vw) - var(--calcite-spacing-xxxl));--arcgis-internal-panel-width: 300px;--arcgis-internal-panel-height: 100%;--arcgis-internal-panel-height-sm: 240px;--arcgis-internal-panel-height-md: 420px;--arcgis-internal-panel-height-lg: 540px;--arcgis-internal-panel-height-xl: 680px;--arcgis-internal-panel-gap: var(--calcite-spacing-lg);--arcgis-internal-panel-actions-gap: var(--calcite-spacing-sm);--arcgis-internal-basemap-gallery-width-lg: 450px;--arcgis-internal-collapse-icon-flip: scaleX(1);--arcgis-internal-row-direction: row;--arcgis-internal-legend-width: 300px;--arcgis-internal-layout-overlay-space-top: var(--arcgis-layout-overlay-space-top, 0px);--arcgis-internal-layout-overlay-space-bottom: var(--arcgis-layout-overlay-space-bottom, 0px);--arcgis-internal-layout-overlay-space-left: var(--arcgis-layout-overlay-space-left, 0px);--arcgis-internal-layout-overlay-space-right: var(--arcgis-layout-overlay-space-right, 0px);--arcgis-internal-view-color-focus: var(--arcgis-view-color-focus, var(--calcite-color-brand));--arcgis-internal-attribution-space-bottom: var(--arcgis-internal-layout-overlay-space-bottom);--arcgis-internal-attribution-space-left: var(--arcgis-internal-layout-overlay-space-left);--arcgis-internal-attribution-space-right: var(--arcgis-internal-layout-overlay-space-right);--arcgis-internal-attribution-font-size: var(--calcite-font-size-sm);--arcgis-internal-attribution-font-size-sm: var(--calcite-font-size-xs);--arcgis-internal-sketch-justify-content: flex-start}:host{display:flex;flex-direction:column;height:var(--arcgis-internal-panel-height, 100%)}.inputs-tab-container{display:flex;flex-direction:column;height:100%}.trace-inputs-warning{flex:none;height:fit-content;--calcite-panel-background-color: var(--calcite-color-foreground-1);calcite-notice{margin:var(--calcite-spacing-md) var(--calcite-spacing-md) 0 var(--calcite-spacing-md)}}calcite-tabs{display:flex;flex-direction:column;height:100%}calcite-tab{--calcite-tab-content-space-y: 0}calcite-tab:not([selected]){flex:0}calcite-panel{--calcite-panel-background-color: var(--calcite-color-foreground-1)}calcite-notice{margin:var(--calcite-spacing-md)}`, $ = _(b);
-class C extends T {
+import { l as R } from "../../chunks/async-utils.js";
+const $ = y`:host{--arcgis-internal-color-black-30: color-mix(in srgb, #000000 30.2%, transparent);--arcgis-internal-box-shadow: var(--calcite-spacing-none) var(--calcite-spacing-px) var(--calcite-spacing-base) var(--arcgis-internal-color-black-30);--arcgis-internal-top-max-width: calc(min(100cqw, 100vw) - var(--calcite-spacing-xxxl));--arcgis-internal-panel-width: 300px;--arcgis-internal-panel-height: 100%;--arcgis-internal-panel-height-sm: 240px;--arcgis-internal-panel-height-md: 420px;--arcgis-internal-panel-height-lg: 540px;--arcgis-internal-panel-height-xl: 680px;--arcgis-internal-panel-gap: var(--calcite-spacing-lg);--arcgis-internal-panel-actions-gap: var(--calcite-spacing-sm);--arcgis-internal-basemap-gallery-width-lg: 450px;--arcgis-internal-collapse-icon-flip: scaleX(1);--arcgis-internal-row-direction: row;--arcgis-internal-legend-width: 300px;--arcgis-internal-layout-overlay-space-top: var(--arcgis-layout-overlay-space-top, 0px);--arcgis-internal-layout-overlay-space-bottom: var(--arcgis-layout-overlay-space-bottom, 0px);--arcgis-internal-layout-overlay-space-left: var(--arcgis-layout-overlay-space-left, 0px);--arcgis-internal-layout-overlay-space-right: var(--arcgis-layout-overlay-space-right, 0px);--arcgis-internal-view-color-focus: var(--arcgis-view-color-focus, var(--calcite-color-brand));--arcgis-internal-attribution-space-bottom: var(--arcgis-internal-layout-overlay-space-bottom);--arcgis-internal-attribution-space-left: var(--arcgis-internal-layout-overlay-space-left);--arcgis-internal-attribution-space-right: var(--arcgis-internal-layout-overlay-space-right);--arcgis-internal-attribution-font-size: var(--calcite-font-size-sm);--arcgis-internal-attribution-font-size-sm: var(--calcite-font-size-xs);--arcgis-internal-sketch-justify-content: flex-start}:host{display:flex;flex-direction:column;height:var(--arcgis-internal-panel-height, 100%)}.inputs-tab-container{display:flex;flex-direction:column;height:100%}.trace-inputs-warning{flex:none;height:fit-content;--calcite-panel-background-color: var(--calcite-color-foreground-1);calcite-notice{margin:var(--calcite-spacing-md) var(--calcite-spacing-md) 0 var(--calcite-spacing-md)}}calcite-tabs{display:flex;flex-direction:column;height:100%}calcite-tab{--calcite-tab-content-space-y: 0}calcite-tab:not([selected]){flex:0}calcite-panel{--calcite-panel-background-color: var(--calcite-color-foreground-1)}calcite-notice{margin:var(--calcite-spacing-md)}`, C = _(w);
+class E extends b {
   constructor() {
-    super(...arguments), this._messages = v({ blocking: !0 }), this._viewModel = $(this), this._highlightHandles = [], this._handleRunTraceButtonClick = () => {
-      const e = this._traceInputsElement?.traceLocations, t = this._traceInputsElement?.traceLocationFlagInfos, a = e?.some((i) => i.type === "starting-point"), n = t?.some((i) => !!i.flagProperties.terminalConfiguration && !i.flagProperties.selectedTerminals?.size) ?? !1;
-      this.traceError = void 0, this.showNoStartingPointsWarning = !this._isSubnetworkNameTraceSelected && !a, this.showMissingTerminalWarning = n, !(this.showNoStartingPointsWarning || this.showMissingTerminalWarning) && (this.showNoStartingPointsWarning = !1, this.showMissingTerminalWarning = !1, this._clearTraceResult(), this._switchTab("results"), this._runTrace());
+    super(...arguments), this._messages = v({ blocking: !0 }), this._viewModel = C(this), this._highlightHandles = [], this._handleRunTraceButtonClick = () => {
+      const e = this._traceInputsElement?.traceLocations, t = this._traceInputsElement?.traceLocationFlagInfos, a = e?.some((i) => i.type === "starting-point"), r = t?.some((i) => !!i.flagProperties.terminalConfiguration && !i.flagProperties.selectedTerminals?.size) ?? !1;
+      this.traceError = void 0, this.showNoStartingPointsWarning = !this._isSubnetworkNameTraceSelected && !a, this.showMissingTerminalWarning = r, !(this.showNoStartingPointsWarning || this.showMissingTerminalWarning) && (this.showNoStartingPointsWarning = !1, this.showMissingTerminalWarning = !1, this._clearTraceResult(), this._switchTab("results"), this._runTrace());
     }, this._handleTraceInputsRefChange = (e) => {
       e && (this._traceInputsElement = e);
     }, this._handleTraceResultsRefChange = (e) => {
@@ -27,7 +28,7 @@ class C extends T {
     this.properties = { activeTab: 16, traceError: 16, traceResult: 16, showMissingTerminalWarning: 16, showNoStartingPointsWarning: 16, mode: 16, autoDestroyDisabled: 5, beforeTraceLocationSelectStart: 0, aggregatedGeometryGraphicsColor: 0, disableHighlightFeatureResults: 5, hideActionBar: 5, hideFeatureResults: 5, label: 3, messageOverrides: 0, traceResultFeatures: 32, referenceElement: 1, state: 32, view: 0 };
   }
   static {
-    this.styles = R;
+    this.styles = $;
   }
   get _allLayers() {
     const { view: e } = this;
@@ -45,7 +46,7 @@ class C extends T {
   }
   load() {
     this.manager.onLifecycle(() => [
-      w(() => !this._viewModel.utilityNetwork, () => this._switchTab("input"))
+      f(() => !this._viewModel.utilityNetwork, () => this._switchTab("input"))
     ]);
   }
   _clearTraceResult() {
@@ -80,24 +81,24 @@ class C extends T {
     if (!a || !e?.elements || !t)
       return;
     a.getObjectIdsFromElements(e.elements).forEach((i) => {
-      const r = t.allLayerViews.find((p) => {
-        const c = p.layer;
+      const n = t.allLayerViews.find((d) => {
+        const c = d.layer;
         if (a.isUtilityLayer(c)) {
-          const m = Number(i.layerUrl.split("/").pop());
-          return c.layerId === m;
+          const p = Number(i.layerUrl.split("/").pop());
+          return c.layerId === p;
         }
         return !1;
       });
-      if (!r)
+      if (!n)
         return;
-      const d = r.highlight(i.objectIds);
-      this._highlightHandles.push(d);
+      const u = n.highlight(i.objectIds);
+      this._highlightHandles.push(u);
     });
   }
   async _runTrace() {
     const e = this._traceInputsElement?.selectedNamedTraceConfiguration, t = this._traceInputsElement?.unTraceConfiguration;
     if (!(e?.traceType && t)) {
-      u("error", this, "Trace configuration not found");
+      T("error", this, "Trace configuration not found");
       return;
     }
     const a = this._traceInputsElement?.traceLocations;
@@ -109,9 +110,8 @@ class C extends T {
         resultTypes: e.resultTypes,
         outSpatialReference: this.view?.spatialReference
       }), this.disableHighlightFeatureResults || this._highlightResults();
-    } catch (n) {
-      const i = n, r = i.details ? { detail: i.details } : void 0;
-      u("error", this, `Error while running trace: ${String(i)}`, r), this.traceError = i, this.traceResult = void 0;
+    } catch (r) {
+      R(r, this, "Error while running trace"), this.traceError = r, this.traceResult = void 0;
     }
   }
   _handleHideGraphicsChange(e) {
@@ -149,10 +149,10 @@ class C extends T {
     const { mode: e, state: t } = this;
     if (e !== "default")
       return null;
-    const { traceResult: a } = this, i = !!(a?.elements.length || a?.globalFunctionResults.length || a?.aggregatedGeometry) && this._traceResultsElement?.state === "ready", r = this._traceResultsElement?.numResults ?? 0;
+    const { traceResult: a } = this, i = !!(a?.elements.length || a?.globalFunctionResults.length || a?.aggregatedGeometry) && this._traceResultsElement?.state === "ready", n = this._traceResultsElement?.numResults ?? 0;
     return s`<calcite-button appearance=outline width=full @click=${() => {
       this._switchTab("input"), this._clearTraceResult(), this.arcgisTraceResultClear.emit();
-    }} .disabled=${!i} slot=footer>${r > 0 && !this.hideFeatureResults && t !== "executing" ? this._messages.buttons.clearResultsCustom.replace("{number}", r.toString()) : this._messages.buttons.clearResultsGeneric}</calcite-button>`;
+    }} .disabled=${!i} slot=footer>${n > 0 && !this.hideFeatureResults && t !== "executing" ? this._messages.buttons.clearResultsCustom.replace("{number}", n.toString()) : this._messages.buttons.clearResultsGeneric}</calcite-button>`;
   }
   renderInputTab() {
     return h(`${this.el.id}__inputs-tab-item`, s`<calcite-tab .selected=${this.activeTab === "input"}><div class="inputs-tab-container">${this.showNoStartingPointsWarning && this.mode === "default" && this.renderNoStartingPointsWarning() || ""}${this.showMissingTerminalWarning && this.mode === "default" && this.renderMissingTerminalWarning() || ""}<arcgis-utility-network-trace-inputs .view=${this.view || void 0} .referenceElement=${this.referenceElement} .beforeTraceLocationSelectStart=${this.beforeTraceLocationSelectStart} .hideActionBar=${this.hideActionBar} @arcgisSelectedNamedTraceConfigurationChange=${this._handleSelectedNamedTraceConfigurationChange} @arcgisUtilityNetworkChange=${this._handleUtilityNetworkChange} @arcgisTraceLocationSelectStart=${this._handleTraceLocationSelectStart} @arcgisTraceLocationSelectEnd=${this._handleTraceLocationSelectEnd} @arcgisPropertyChange=${(e) => {
@@ -167,11 +167,11 @@ class C extends T {
     return s`<calcite-button appearance=solid width=full @click=${this._handleRunTraceButtonClick} slot=footer .disabled=${a}>${this._messages.buttons.getResults}</calcite-button>`;
   }
   render() {
-    const { _messages: e, _viewModel: { utilityNetwork: t, loadError: a, state: n } } = this, i = n === "disabled" && a != null, r = i && a !== "no-utility-network" ? s`<calcite-notice kind=warning open scale=s slot=content-top width=full><div slot=message>${this._getLoadError(a)}</div></calcite-notice>` : void 0;
-    return s`<calcite-panel .loading=${this.view === void 0}><calcite-tabs layout=center position=top><calcite-tab-nav slot=title-group><calcite-tab-title @click=${() => this._switchTab("input")} .selected=${this.activeTab === "input"}>${e.tabs.inputTab}</calcite-tab-title><calcite-tab-title @click=${() => this._switchTab("results")} .selected=${this.activeTab === "results"} .disabled=${i || !t}>${e.tabs.resultsTab}</calcite-tab-title></calcite-tab-nav>${this.view ? this.renderInputTab() : null}${this.view && t ? this.renderResultsTab() : null}</calcite-tabs>${r}${this.activeTab === "input" ? this.renderInputFooter() : null}${this.activeTab === "results" ? this.renderResultsFooter() : null}</calcite-panel>`;
+    const { _messages: e, _viewModel: { utilityNetwork: t, loadError: a, state: r } } = this, i = r === "disabled" && a != null, n = i && a !== "no-utility-network" ? s`<calcite-notice kind=warning open scale=s slot=content-top width=full><div slot=message>${this._getLoadError(a)}</div></calcite-notice>` : void 0;
+    return s`<calcite-panel .loading=${this.view === void 0}><calcite-tabs layout=center position=top><calcite-tab-nav slot=title-group><calcite-tab-title @click=${() => this._switchTab("input")} .selected=${this.activeTab === "input"}>${e.tabs.inputTab}</calcite-tab-title><calcite-tab-title @click=${() => this._switchTab("results")} .selected=${this.activeTab === "results"} .disabled=${i || !t}>${e.tabs.resultsTab}</calcite-tab-title></calcite-tab-nav>${this.view ? this.renderInputTab() : null}${this.view && t ? this.renderResultsTab() : null}</calcite-tabs>${n}${this.activeTab === "input" ? this.renderInputFooter() : null}${this.activeTab === "results" ? this.renderResultsFooter() : null}</calcite-panel>`;
   }
 }
-y("arcgis-utility-network-trace-analysis", C);
+m("arcgis-utility-network-trace-analysis", E);
 export {
-  C as ArcgisUtilityNetworkTraceAnalysis
+  E as ArcgisUtilityNetworkTraceAnalysis
 };

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

@@ -15,7 +15,8 @@ import { log as h, composeMissingPropertyMessage as L, composeEmptyPropertyMessa
 import { css as $, html as s } from "lit";
 import { u as v } from "../../chunks/useT9n.js";
 import { b as E, a as g, c as P, q as m, i as I } from "../../chunks/layer-utils.js";
-const U = $`:host{height:100%;flex-grow:1}calcite-flow{min-height:var(--arcgis-internal-panel-height-sm, 240px)}calcite-block-group{flex-grow:1;padding-bottom:var(--calcite-spacing-md);background-color:var(--calcite-color-foreground-1)}calcite-block{--calcite-block-content-space: 0;--calcite-block-border-color: transparent;margin:0}calcite-block calcite-combobox,calcite-block calcite-input{margin:0 var(--calcite-spacing-md)}calcite-block calcite-input-message{padding:var(--calcite-spacing-sm) var(--calcite-spacing-md) 0 var(--calcite-spacing-md)}calcite-notice{margin:var(--calcite-spacing-md)}#subnetwork-info-block{margin:var(--calcite-spacing-md) var(--calcite-spacing-md) 0 var(--calcite-spacing-md)}#results-limited-message{padding:var(--calcite-spacing-sm)}.inline-loader{--calcite-loader-spacing: var(--calcite-spacing-md)}.add-spatial-mode{display:flex;flex-direction:column;gap:var(--calcite-spacing-md);margin:var(--calcite-spacing-md)}.heading{color:var(--calcite-color-text-1);margin:0 0 var(--calcite-spacing-md) 0;font-size:var(--calcite-font-size);font-style:normal;font-weight:var(--calcite-font-weight-medium)}`, u = `utility-network-trace-inputs-sketch-${Date.now()}`, F = 20;
+import { l as F } from "../../chunks/async-utils.js";
+const U = $`:host{height:100%;flex-grow:1}calcite-flow{min-height:var(--arcgis-internal-panel-height-sm, 240px)}calcite-block-group{flex-grow:1;padding-bottom:var(--calcite-spacing-md);background-color:var(--calcite-color-foreground-1)}calcite-block{--calcite-block-content-space: 0;--calcite-block-border-color: transparent;margin:0}calcite-block calcite-combobox,calcite-block calcite-input{margin:0 var(--calcite-spacing-md)}calcite-block calcite-input-message{padding:var(--calcite-spacing-sm) var(--calcite-spacing-md) 0 var(--calcite-spacing-md)}calcite-notice{margin:var(--calcite-spacing-md)}#subnetwork-info-block{margin:var(--calcite-spacing-md) var(--calcite-spacing-md) 0 var(--calcite-spacing-md)}#results-limited-message{padding:var(--calcite-spacing-sm)}.inline-loader{--calcite-loader-spacing: var(--calcite-spacing-md)}.add-spatial-mode{display:flex;flex-direction:column;gap:var(--calcite-spacing-md);margin:var(--calcite-spacing-md)}.heading{color:var(--calcite-color-text-1);margin:0 0 var(--calcite-spacing-md) 0;font-size:var(--calcite-font-size);font-style:normal;font-weight:var(--calcite-font-weight-medium)}`, u = `utility-network-trace-inputs-sketch-${Date.now()}`, x = 20;
 class A extends T {
   constructor() {
     super(...arguments), this._defaultPopupTemplateEnabled = !0, this._messages = v({ blocking: !0 }), this._layerIdToLayer = /* @__PURE__ */ new Map(), this._startingPoints = new n(), this._barriers = new n(), this._stoppingPoints = new n(), this._subnetworkTraceTypes = /* @__PURE__ */ new Set([
@@ -34,10 +35,10 @@ class A extends T {
       e && (this._featuresComponentElement = e);
     }, this._handleFeaturesPropertyChange = ({ detail: e, target: t }) => {
       (e.name === "selectedDrillInFeature" || e.name === "selectedFeature") && (this.selectedFeature = t.selectedDrillInFeature ?? t.selectedFeature ?? void 0);
-    }, this.candidateFeatures = [], this.compatibleSubnetworkNames = [], this.traceConfigurations = [], this._state = "ready", this._exceedDisplayLimit = !1, this.autoDestroyDisabled = !1, this.hideActionBar = !1, this.mode = "default", this.arcgisPropertyChange = C()("mode"), this.arcgisSelectedNamedTraceConfigurationChange = c(), this.arcgisTraceInputsChange = c(), this.arcgisTraceLocationSelectEnd = c(), this.arcgisTraceLocationSelectStart = c(), this.arcgisUtilityNetworkChange = c();
+    }, this.candidateFeatures = [], this.compatibleSubnetworkNames = [], this.traceConfigurations = [], this._subnetworkNamesState = "ready", this._exceedDisplayLimit = !1, this.autoDestroyDisabled = !1, this.hideActionBar = !1, this.mode = "default", this.arcgisPropertyChange = C()("mode"), this.arcgisSelectedNamedTraceConfigurationChange = c(), this.arcgisTraceInputsChange = c(), this.arcgisTraceLocationSelectEnd = c(), this.arcgisTraceLocationSelectStart = c(), this.arcgisUtilityNetworkChange = c();
   }
   static {
-    this.properties = { selectedFeature: 16, candidateFeatures: 16, compatibleSubnetworkNames: 16, subnetworksTable: 16, traceConfigurations: 16, utilityNetworks: 16, _unTraceConfiguration: 16, _state: 16, _activeTraceLocationType: 16, _exceedDisplayLimit: 16, beforeTraceLocationSelectStart: 0, view: 0, selectedUtilityNetwork: 0, selectedNamedTraceConfiguration: 0, autoDestroyDisabled: 5, hideActionBar: 5, unTraceConfiguration: 32, referenceElement: 1, mode: 3, traceLocationFlagInfos: 32, traceLocations: 32 };
+    this.properties = { selectedFeature: 16, candidateFeatures: 16, compatibleSubnetworkNames: 16, subnetworksTable: 16, traceConfigurations: 16, utilityNetworks: 16, _unTraceConfiguration: 16, _error: 16, _subnetworkNamesState: 16, _activeTraceLocationType: 16, _exceedDisplayLimit: 16, beforeTraceLocationSelectStart: 0, view: 0, selectedUtilityNetwork: 0, selectedNamedTraceConfiguration: 0, autoDestroyDisabled: 5, hideActionBar: 5, unTraceConfiguration: 32, referenceElement: 1, mode: 3, traceLocationFlagInfos: 32, traceLocations: 32 };
   }
   static {
     this.styles = U;
@@ -83,13 +84,12 @@ class A extends T {
   load() {
     this.manager.onLifecycle(() => [
       b(() => this.view?.map, () => {
-        this._setupUtilityNetwork(), this._setupSketchViewModel();
+        this._error = void 0, this._setupUtilityNetworks(), this._setupSketchViewModel();
       }, { initial: !0 })
     ]);
   }
   willUpdate(e) {
-    const { utilityNetworks: t, selectedUtilityNetwork: i } = this;
-    (e.has("utilityNetworks") || !t || t.length === 0 || !i || !t?.includes(i)) && this._handleUtilityNetworksChange(), e.has("selectedUtilityNetwork") && (this.arcgisUtilityNetworkChange.emit(), this._handleSelectedUtilityNetworkChange()), e.has("selectedNamedTraceConfiguration") && (this.arcgisTraceInputsChange.emit(), this.arcgisSelectedNamedTraceConfigurationChange.emit(), this._handleTraceConfigChange()), e.has("selectedSubnetworkName") && this.arcgisTraceInputsChange.emit();
+    e.has("utilityNetworks") && this._handleUtilityNetworksChange(), e.has("selectedUtilityNetwork") && (this.arcgisUtilityNetworkChange.emit(), this._handleSelectedUtilityNetworkChange()), e.has("selectedNamedTraceConfiguration") && (this.arcgisTraceInputsChange.emit(), this.arcgisSelectedNamedTraceConfigurationChange.emit(), this._handleTraceConfigChange()), e.has("selectedSubnetworkName") && this.arcgisTraceInputsChange.emit();
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this._layerIdToLayer.clear();
@@ -206,7 +206,7 @@ class A extends T {
       h("error", this, L("selectedNamedTraceConfiguration.traceConfiguration")), this._unTraceConfiguration = void 0;
       return;
     }
-    this._unTraceConfiguration = e.traceConfiguration.clone(), e.traceType === "subnetwork" && (this._state = "loading", this._handleSubnetworkTraceConfigChange(this._unTraceConfiguration).finally(() => this._state = "ready"));
+    this._unTraceConfiguration = e.traceConfiguration.clone(), e.traceType === "subnetwork" && (this._subnetworkNamesState = "loading", this._handleSubnetworkTraceConfigChange(this._unTraceConfiguration).finally(() => this._subnetworkNamesState = "ready"));
   }
   async _handleSelectedUtilityNetworkChange() {
     await this.selectedUtilityNetwork?.load(), this._clearSubnetworks(), this._setupTraceConfigurations(), this._filterUnLayers(), this._clearTraceLocations();
@@ -219,19 +219,22 @@ class A extends T {
     this._unLayers = new n(this._allLayers.filter((t) => e?.isUtilityLayer(t) && !this._subnetworkLayerIds.includes(t.layerId))), this._setSnappingOption();
   }
   _handleUtilityNetworksChange() {
-    const { utilityNetworks: e } = this;
-    if (!e || e.length === 0) {
-      this.selectedUtilityNetwork = void 0, this._state = "error", h("error", this, N("utilityNetworks"));
+    const { utilityNetworks: e, selectedUtilityNetwork: t } = this;
+    e?.length ? (!t || !e.includes(t)) && (this.selectedUtilityNetwork = e.at(0)) : (h("error", this, N("utilityNetworks")), this.selectedUtilityNetwork = void 0, this._error = this._messages.errors.noUtilityNetworkError);
+  }
+  async _setupUtilityNetworks() {
+    if (!this.view?.map) {
+      h("error", this, "The property `view.map` is required to load utility networks but is missing."), this._error = this._messages.errors.noMapError, this.utilityNetworks = void 0;
       return;
     }
-    (!this.selectedUtilityNetwork || !e.includes(this.selectedUtilityNetwork)) && (this.selectedUtilityNetwork = e.at(0));
-  }
-  async _setupUtilityNetwork() {
-    if (this.view?.map) {
-      const e = this.view.map;
-      await e.load(), this.utilityNetworks = e.utilityNetworks || void 0;
-    } else
-      this._state = "disabled", h("error", this, "The property `view.map` is required to load utility networks but is missing.");
+    const e = this.view.map;
+    try {
+      e.loaded || await e.load();
+    } catch (t) {
+      F(t, this, "Error while loading `view.map`");
+    } finally {
+      this.utilityNetworks = e.utilityNetworks || new n();
+    }
   }
   _handleTraceLocationSelectStart(e) {
     if (e.stopPropagation(), this.arcgisTraceLocationSelectStart.emit(e.detail).defaultPrevented) {
@@ -321,8 +324,8 @@ class A extends T {
     }}>${i}</calcite-combobox></calcite-block>`;
   }
   renderDefaultMode() {
-    const { _messages: e, _state: t, mode: i } = this;
-    return s`<calcite-flow-item .selected=${i === "default"}>${t === "disabled" ? this.renderError(e.errors.noMapError) : this.renderContent()}</calcite-flow-item>`;
+    let e;
+    return this._error ? e = this.renderError(this._error, !1, "exclamation-mark-triangle") : this.selectedUtilityNetwork?.loaded ? e = this.renderContent() : e = this.renderLoader(), s`<calcite-flow-item .selected=${this.mode === "default"}>${e}</calcite-flow-item>`;
   }
   renderSpatialSelectInstructions() {
     const { _messages: e, _activeTraceLocationType: t, mode: i } = this, a = t === "starting-point" ? e.labels.addSpatial.startingPoint : t === "barrier" ? e.labels.addSpatial.barrier : e.labels.addSpatial.stoppingPoint;
@@ -360,18 +363,15 @@ class A extends T {
   }
   renderSubnetworkSelection() {
     const { compatibleSubnetworkNames: e } = this, t = this._messages.labels.subnetworkName;
-    return this.isSubnetworkNameTraceSelected ? this._state === "loading" ? s`<calcite-loader class="inline-loader" label=loading scale=s></calcite-loader>` : e.length ? s`<calcite-block .heading=${t} .label=${t} expanded>${e.length > F ? this.renderSubnetworkNameInput() : this.renderSubnetworkSelectList()}</calcite-block>` : this.renderError(this._messages.errors.noCompatibleSubnetworks, !1, "exclamation-mark-triangle") : null;
+    return this.isSubnetworkNameTraceSelected ? this._subnetworkNamesState === "loading" ? s`<calcite-loader class="inline-loader" label=loading scale=s></calcite-loader>` : e.length ? s`<calcite-block .heading=${t} .label=${t} expanded>${e.length > x ? this.renderSubnetworkNameInput() : this.renderSubnetworkSelectList()}</calcite-block>` : this.renderError(this._messages.errors.noCompatibleSubnetworks, !1, "exclamation-mark-triangle") : null;
   }
   renderSubnetworkInfo() {
     const { _messages: e, selectedNamedTraceConfiguration: t, _unTraceConfiguration: i } = this;
     return i && t?.traceType && this._subnetworkTraceTypes.has(t.traceType) ? s`<calcite-block id=subnetwork-info-block expanded .label=${e.labels.subnetworkInfo}><arcgis-utility-network-subnetwork-info .namedTraceConfig=${t}></arcgis-utility-network-subnetwork-info></calcite-block>` : null;
   }
   renderContent() {
-    const { utilityNetworks: e } = this, t = this.selectedNamedTraceConfiguration?.traceConfiguration;
-    if (!e || e.length === 0)
-      return this.renderError(this._messages.errors.noUtilityNetworkError);
-    const i = s`${this.renderTraceSelection()}${this.renderSubnetworkInfo()}${this.renderSubnetworkSelection()}`, a = s`${this.showStartingPoints ? this.renderStartingPointSelection() : null}${this.showStoppingPoints ? this.renderStoppingPointSelection() : null}${this.renderBarrierSelection()}`;
-    return s`<calcite-block-group .label=${this._messages.labels.traceInputs}>${e.length > 1 ? this.renderUtilityNetworkSelection() : null}${this.selectedUtilityNetwork?.loaded ? i : this.renderLoader()}${t ? a : null}</calcite-block-group>`;
+    const { utilityNetworks: e } = this, t = this.selectedNamedTraceConfiguration?.traceConfiguration, i = s`${this.renderTraceSelection()}${this.renderSubnetworkInfo()}${this.renderSubnetworkSelection()}`, a = s`${this.showStartingPoints ? this.renderStartingPointSelection() : null}${this.showStoppingPoints ? this.renderStoppingPointSelection() : null}${this.renderBarrierSelection()}`;
+    return s`<calcite-block-group .label=${this._messages.labels.traceInputs}>${e && e.length > 1 ? this.renderUtilityNetworkSelection() : null}${i}${t ? a : null}</calcite-block-group>`;
   }
   render() {
     const { mode: e } = this;

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

@@ -284,7 +284,7 @@ class R extends G {
   }
   renderAddLocationBlock() {
     const { traceLocationType: e, messages: t, traceLocations: r, view: s } = this, n = e === "starting-point" ? t.types.startingPoint : e === "barrier" ? t.types.barrier : t.types.stoppingPoint, a = n.heading, c = n.description, i = n.buttonText;
-    return y`<calcite-block .heading=${a} .label=${a} expanded .description=${c}>${r?.length ? y`<calcite-button class="clear-button" slot=actions-end appearance=transparent .label=${t.buttons.clear} @click=${() => this._handleClearButtonClick()}>${t.buttons.clear}</calcite-button>` : null}<arcgis-utility-network-trace-location-list .traceLocations=${r} .traceLocationType=${e} .view=${s}></arcgis-utility-network-trace-location-list><div class="button-container"><calcite-button .loading=${this.isSelectWaiting} class="add-location-button" icon-start=select appearance=outline .label=${i} @click=${() => this._handleAddButtonClick()}>${i}</calcite-button></div></calcite-block>`;
+    return y`<calcite-block .heading=${a} .label=${a} expanded .description=${c}>${r?.length ? y`<calcite-button class="clear-button" slot=actions-end appearance=transparent .label=${t.buttons.clear} @click=${() => this._handleClearButtonClick()}>${t.buttons.clear}</calcite-button><arcgis-utility-network-trace-location-list .traceLocations=${r} .traceLocationType=${e} .view=${s}></arcgis-utility-network-trace-location-list>` : null}<div class="button-container"><calcite-button .loading=${this.isSelectWaiting} class="add-location-button" icon-start=select appearance=outline .label=${i} @click=${() => this._handleAddButtonClick()}>${i}</calcite-button></div></calcite-block>`;
   }
   render() {
     return y`<div class="root">${this.renderAddLocationBlock()}</div>`;

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

@@ -1,21 +1,24 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as m } from "../../chunks/runtime.js";
-import { css as p, html as n } from "lit";
-import h from "@arcgis/core/core/Collection.js";
+import { css as h, html as n } from "lit";
+import p from "@arcgis/core/core/Collection.js";
 import { substitute as u } from "@arcgis/core/intl.js";
 import { LitElement as g } from "@arcgis/lumina";
-import { u as b } from "../../chunks/useT9n.js";
-import { log as s, composeEmptyPropertyMessage as v } from "@arcgis/toolkit/log";
-const f = p`:host{margin-block-start:0;padding:0 var(--calcite-spacing-sm) var(--calcite-spacing-sm) var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1)}calcite-list{border:solid 1px var(--calcite-color-border-3);border-radius:var(--calcite-corner-radius-sm);overflow:hidden}calcite-list-item[selected] [slot=content-bottom]{display:block}.warning{color:var(--calcite-color-status-danger)}.terminals{padding:var(--calcite-spacing-sm) var(--calcite-spacing-md);display:flex;flex-direction:column}.filter-barrier-container{display:flex;width:100%;calcite-label{width:100%}}.filter-barrier{display:flex;justify-content:space-between;align-items:center;width:100%}`;
+import { log as s, composeEmptyPropertyMessage as b } from "@arcgis/toolkit/log";
+import { u as f } from "../../chunks/useT9n.js";
+const v = h`:host{margin-block-start:0;padding:0 var(--calcite-spacing-sm) var(--calcite-spacing-sm) var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1)}calcite-list{border:solid 1px var(--calcite-color-border-3);border-radius:var(--calcite-corner-radius-sm);overflow:hidden}calcite-list-item[selected] [slot=content-bottom]{display:block}.warning{color:var(--calcite-color-status-danger)}.terminals{padding:var(--calcite-spacing-sm) var(--calcite-spacing-md);display:flex;flex-direction:column}.filter-barrier-container{display:flex;width:100%;calcite-label{width:100%}}.filter-barrier{display:flex;justify-content:space-between;align-items:center;width:100%}`;
 class w extends g {
   constructor() {
-    super(...arguments), this._messages = b({ blocking: !0 }), this.traceLocations = new h(), this.traceLocationType = "starting-point";
+    super(...arguments), this._messages = f({ blocking: !0 }), this.traceLocations = new p(), this.traceLocationType = "starting-point";
   }
   static {
     this.properties = { traceLocations: 0, traceLocationType: 1, view: 0 };
   }
   static {
-    this.styles = f;
+    this.styles = v;
+  }
+  loaded() {
+    this.traceLocations.length || s("warn", this, b("traceLocations"));
   }
   _handleTraceLocationItemRemoved(e) {
     const { traceLocations: i, view: t } = this;
@@ -59,7 +62,7 @@ class w extends g {
   }
   render() {
     const { _messages: e, traceLocationType: i } = this, t = u(e.labels.list, { traceLocationType: i }), r = this.traceLocations?.map((c) => this._renderListItem(c)).toArray() ?? [];
-    return r.length === 0 ? (s("warn", this, v("traceLocations")), null) : n`<div><calcite-list interaction-mode=static selection-mode=none .label=${t}>${r}</calcite-list></div>`;
+    return r.length === 0 ? null : n`<div><calcite-list interaction-mode=static selection-mode=none .label=${t}>${r}</calcite-list></div>`;
   }
 }
 m("arcgis-utility-network-trace-location-list", w);

package/dist/components/arcgis-video/customElement.js

@@ -1,26 +1,27 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as o } from "../../chunks/runtime.js";
-import { css as h, html as e } from "lit";
+import { css as h, html as t } from "lit";
 import { useDirection as n } from "@arcgis/lumina/controllers";
-import { watch as t } from "@arcgis/core/core/reactiveUtils.js";
+import { watch as e } from "@arcgis/core/core/reactiveUtils.js";
 import l from "@arcgis/core/views/VideoView.js";
 import { LitElement as c, createEvent as m, safeClassMap as d } from "@arcgis/lumina";
-import { makeAccessorController as y } from "@arcgis/lumina/controllers/accessor";
+import { makeAccessorController as f } from "@arcgis/lumina/controllers/accessor";
 import { createRef as s, ref as r } from "lit/directives/ref.js";
-import { s as f, C as a, S as p } from "../../chunks/slots.js";
-import { s as w } from "../../chunks/esri-main.js";
-const v = h`:host{width:100%;height:100%}`, u = y(l, {
+import { C as a } from "../../chunks/resources.js";
+import { c as p, s as y, S as w } from "../../chunks/slots.js";
+import { s as v } from "../../chunks/esri-main.js";
+const u = h`:host{width:100%;height:100%}`, R = f(l, {
   omitProps: ["container", "navigation", "scale", "ui"]
 });
 class g extends c {
   constructor() {
-    super(), this._containerRef = s(), this._direction = n(), this._mapRef = s(), this.autoDestroyDisabled = !1, this.view = u(this), this.attributionMode = this.view.attributionMode, this.ready = this.view.ready, this.layer = this.view.layer, this.map = this.view.map, this.arcgisViewReadyChange = m();
+    super(), this._containerRef = s(), this._direction = n(), this._mapRef = s(), this._slotGroupRefs = p(), this.autoDestroyDisabled = !1, this.view = R(this), this.attributionMode = this.view.attributionMode, this.ready = this.view.ready, this.layer = this.view.layer, this.map = this.view.map, this.arcgisViewReadyChange = m();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, view: 32, aria: 0, attributionMode: 1, ready: 36, layer: 0, map: 0 };
   }
   static {
-    this.styles = [w, f, v];
+    this.styles = [v, y, u];
   }
   get aria() {
     return this.view?.aria;
@@ -34,19 +35,19 @@ class g extends c {
   loaded() {
     const i = this;
     i.el.childElem = this._mapRef.value, this.view.container ??= i.el.childElem, this.manager.onLifecycle(() => [
-      t(() => this.layer, () => {
+      e(() => this.layer, () => {
         this.layer && this.view && (this.view.layer = this.layer, this.layer.loaded || this.layer.load());
       }, { initial: !0 }),
-      t(() => this.view.ready, () => {
+      e(() => this.view.ready, () => {
         this.view.ready && this.arcgisViewReadyChange.emit();
       }, { initial: this.view.ready })
     ]);
   }
   renderMain() {
-    return e`<div class=${`root ${a.base}`} ${r(this._mapRef)}></div>`;
+    return t`<div class=${`root ${a.base}`} ${r(this._mapRef)}></div>`;
   }
   render() {
-    return e`${this.renderMain()}<section class=${d(a.containerUI)} ${r(this._containerRef)}>${p({ direction: this._direction })}</section>`;
+    return t`${this.renderMain()}<section class=${d(a.containerUI)} ${r(this._containerRef)}>${w({ direction: this._direction, slotGroupRefs: this._slotGroupRefs })}</section>`;
   }
 }
 o("arcgis-video", g);

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

@@ -90,7 +90,13 @@ export abstract class ArcgisVideoPlayer extends LitElement {
    * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
    */
   accessor icon: string | undefined;
-  /** @default false */
+  /**
+   * Indicates whether to render the video player in inline mode.
+   * In inline mode, the component uses a compact control layout without a [VideoView](https://developers.arcgis.com/javascript/latest/references/core/views/VideoView/).
+   *
+   * @default false
+   * @since 5.0
+   */
   accessor inline: boolean;
   /** The component's default label. */
   accessor label: string | undefined;
@@ -212,7 +218,12 @@ export abstract class ArcgisVideoPlayer extends LitElement {
    * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
    */
   accessor referenceElement: ArcgisReferenceElement | string | undefined;
-  /** @default false */
+  /**
+   * Indicates whether to display an action in the header that toggles between inline and the default fullscreen layout.
+   *
+   * @default false
+   * @since 5.0
+   */
   accessor showFullscreenToggle: boolean;
   /** The current state of the component. */
   get state(): "error" | VideoState;