@arcgis/map-components 5.2.0-next.112 → 5.2.0-next.114

package/dist/components/arcgis-time-bar/types.d.ts

@@ -43,6 +43,4 @@ export interface TickFormat {
   timeInterval: TimeInterval;
 }
 
-export type ToolbarKind = "docked" | "floating";
-
 export type PopoverDisplay = "always" | "auto" | "none";

package/dist/components/arcgis-time-bar-extent/customElement.js

@@ -1,9 +1,9 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as l } from "../../chunks/runtime.js";
-import { css as c, html as i } from "lit";
-import { LitElement as n, safeClassMap as o } from "@arcgis/lumina";
-const d = c`:host{background-color:var(--calcite-color-surface-2);block-size:max-content;color:var(--calcite-color-text-1);display:inline-grid;font-family:var(--calcite-font-family);font-size:var(--calcite-font-size-sm);inline-size:max-content;place-items:center}.dash{justify-self:center;border-bottom:var(--calcite-border-width-sm) solid var(--calcite-color-text-1);width:50%}.disabled{opacity:var(--calcite-opacity-disabled)}.end{justify-self:start}.start{justify-self:end}.table,.table-instant{align-content:center;align-items:center;display:grid;grid-template-rows:1fr}.table{grid-template-columns:1fr var(--calcite-spacing-fixed-xxl) 1fr}.table-instant{grid-template-columns:1fr}`;
-class m extends n {
+import { c as n } from "../../chunks/runtime.js";
+import { css as o, html as s } from "lit";
+import { LitElement as d, safeClassMap as r } from "@arcgis/lumina";
+const m = o`:host{background-color:var(--calcite-color-surface-2);block-size:max-content;color:var(--calcite-color-text-1);display:inline-grid;font-family:var(--calcite-font-family);font-size:var(--calcite-font-size-sm);inline-size:max-content;place-items:center}.dash{justify-self:center;border-bottom:var(--calcite-border-width-sm) solid var(--calcite-color-text-1);width:50%}.disabled{opacity:var(--calcite-opacity-disabled)}.end{justify-self:start}.start{justify-self:end}.table-cumulative,.table-extent,.table-instant{align-content:center;align-items:center;display:grid;grid-template-rows:1fr}.table-cumulative{grid-template-columns:max-content var(--calcite-spacing-fixed-xxl) max-content}.table-extent{grid-template-columns:1fr var(--calcite-spacing-fixed-xxl) 1fr}.table-instant{grid-template-columns:1fr}`;
+class u extends d {
   constructor() {
     super(...arguments), this.autoDestroyDisabled = !1;
   }
@@ -11,7 +11,7 @@ class m extends n {
     this.properties = { autoDestroyDisabled: 5, viewModel: 0 };
   }
   static {
-    this.styles = d;
+    this.styles = m;
   }
   async destroy() {
     await this.manager.destroy();
@@ -20,11 +20,14 @@ class m extends n {
     const { viewModel: t } = this;
     if (!t)
       return null;
-    const { disabled: s, timeExtent: r } = t, { start: e, end: a } = r || {};
-    return e && e.getTime() === a?.getTime() ? i`<div class="table-instant"><arcgis-time-bar-date class="end" .viewModel=${t} .date=${e} align=center></arcgis-time-bar-date></div>` : i`<div class="table"><arcgis-time-bar-date class="start" .viewModel=${t} .date=${e} align=end></arcgis-time-bar-date><div class=${o({ dash: !0, disabled: s })}></div><arcgis-time-bar-date class="end" .viewModel=${t} .date=${a} align=start></arcgis-time-bar-date></div>`;
+    const { disabled: l, timeExtent: c } = t, { start: e, end: a } = c || {};
+    if (e && e.getTime() === a?.getTime())
+      return s`<div class="table-instant"><arcgis-time-bar-date class="end" .viewModel=${t} .date=${e} align=center></arcgis-time-bar-date></div>`;
+    const i = !e || !a;
+    return s`<div class=${r({ "table-cumulative": i, "table-extent": !i })}><arcgis-time-bar-date class="start" .viewModel=${t} .date=${e} align=end></arcgis-time-bar-date><div class=${r({ dash: !0, disabled: l })}></div><arcgis-time-bar-date class="end" .viewModel=${t} .date=${a} align=start></arcgis-time-bar-date></div>`;
   }
 }
-l("arcgis-time-bar-extent", m);
+n("arcgis-time-bar-extent", u);
 export {
-  m as ArcgisTimeBarExtent
+  u as ArcgisTimeBarExtent
 };

package/dist/components/arcgis-time-bar-slider/customElement.d.ts

@@ -133,7 +133,7 @@ export abstract class ArcgisTimeBarSlider extends LitElement {
    * </script>
    * ```
    */
-  get activeValue(): Date | TimeExtent | undefined;
+  get activeValue(): Date | TimeExtent | null | undefined;
   /**
    * 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

package/dist/components/arcgis-time-bar-slider/customElement.js

@@ -5,7 +5,7 @@ import { ref as h } from "lit/directives/ref.js";
 import o from "@arcgis/core/time/TimeExtent.js";
 import { d as v } from "../../chunks/messages.en.js";
 import { LitElement as g, nothing as c, safeClassMap as f } from "@arcgis/lumina";
-const p = u`:host{background-color:var(--calcite-color-surface-2);block-size:var(--calcite-size-fixed-xxxl);color:var(--calcite-color-text-1);display:flex;flex:1 0 auto;font-family:var(--calcite-font-family);font-size:var(--calcite-font-size-sm);inline-size:auto;--arcgis-internal-time-bar-slider-tick-gap: 100}.root{align-items:center;block-size:100%;display:flex;inline-size:100%}slot[name=max],slot[name=min]{display:flex}.slider{--labels-container-width: 100%}.slider-container{flex:1 1 auto;min-inline-size:calc(var(--calcite-spacing-md) * 15)}.slider--has-ticks{margin-top:calc(var(--calcite-spacing-md) * -1)}.hidden,.max-date,.min-date{flex:0 0 auto}.hidden{inline-size:0}.max-date,.min-date{inline-size:calc(var(--calcite-size-md) * 3.125)}.popover{padding:var(--calcite-spacing-xxs) var(--calcite-spacing-xs) var(--calcite-spacing-xs)}.ticks-container{flex:1;position:relative;width:100%;arcgis-ticks,>slot::slotted(arcgis-ticks){inset:0;position:absolute;--arcgis-ticks-font-weight: var(--calcite-font-weight-normal);--arcgis-ticks-tick-transform: unset;--arcgis-ticks-tick-width: var(--calcite-size-px)}}.slider.slider--out-of-range{--arcgis-internal-slider-handle-color: var(--calcite-color-status-danger);--arcgis-internal-slider-track-range-background-color: var(--calcite-color-status-danger)}`;
+const p = u`:host{background-color:var(--calcite-color-surface-2);block-size:var(--calcite-size-fixed-xxxl);color:var(--calcite-color-text-1);display:flex;flex:1 0 auto;font-family:var(--calcite-font-family);font-size:var(--calcite-font-size-sm);inline-size:auto;--arcgis-internal-time-bar-slider-tick-gap: 100}.root{align-items:center;block-size:100%;display:flex;inline-size:100%}slot[name=max],slot[name=min]{display:flex}.slider{padding-inline:var(--calcite-spacing-md);--labels-container-width: 100%}.slider-container{flex:1 1 auto;min-inline-size:calc(var(--calcite-spacing-md) * 15)}.slider--has-ticks{margin-top:calc(var(--calcite-spacing-md) * -1)}.hidden,.max-date,.min-date{flex:0 0 auto}.hidden{inline-size:0}.max-date,.min-date{inline-size:calc(var(--calcite-size-md) * 3.125)}.popover{padding:var(--calcite-spacing-xxs) var(--calcite-spacing-xs) var(--calcite-spacing-xs)}.ticks-container{flex:1;position:relative;width:100%;arcgis-ticks,>slot::slotted(arcgis-ticks){inset:0;position:absolute;white-space:nowrap;--arcgis-ticks-font-weight: var(--calcite-font-weight-normal);--arcgis-ticks-label-width: auto;--arcgis-ticks-tick-transform: unset;--arcgis-ticks-tick-width: var(--calcite-size-px)}}.slider.slider--out-of-range{--arcgis-internal-slider-handle-color: var(--calcite-color-status-danger);--arcgis-internal-slider-track-range-background-color: var(--calcite-color-status-danger)}`;
 class w extends g {
   constructor() {
     super(...arguments), this.#t = new ResizeObserver(([e]) => {
@@ -127,7 +127,18 @@ class w extends g {
     return this.popoverDisplay !== "none" ? a`<div class="popover" slot=popover><slot name=popover>${this.#g()}</slot></div>` : null;
   }
   #g() {
-    return this.activeValue ? this.activeValue instanceof Date ? a`<arcgis-time-bar-date .date=${this.activeValue} .viewModel=${this.viewModel}></arcgis-time-bar-date>` : a`<arcgis-time-bar-extent .viewModel=${this.viewModel}></arcgis-time-bar-extent>` : null;
+    const { activeValue: e, viewModel: t } = this;
+    if (!e || !t)
+      return null;
+    switch (t.mode) {
+      case "cumulative-from-end":
+      case "instant":
+        return a`<arcgis-time-bar-date .date=${t.timeExtent?.start} .viewModel=${t}></arcgis-time-bar-date>`;
+      case "cumulative-from-start":
+        return a`<arcgis-time-bar-date .date=${t.timeExtent?.end} .viewModel=${t}></arcgis-time-bar-date>`;
+      case "time-window":
+        return e instanceof Date ? a`<arcgis-time-bar-date .date=${e} .viewModel=${t}></arcgis-time-bar-date>` : a`<arcgis-time-bar-extent .viewModel=${t}></arcgis-time-bar-extent>`;
+    }
   }
   #f() {
     const { viewModel: e } = this;

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

@@ -1,74 +1,85 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as r } from "../../chunks/runtime.js";
+import { c as u } from "../../chunks/runtime.js";
 import { html as o } from "lit";
-import { keyed as c } from "lit/directives/keyed.js";
-import { createReactiveMap as u } from "@arcgis/core/applications/Components/featureUtils.js";
-import { watch as l } from "@arcgis/core/core/reactiveUtils.js";
-import { substitute as d } from "@arcgis/core/intl.js";
-import { LitElement as h, safeClassMap as g } from "@arcgis/lumina";
-import { createRef as v, ref as m } from "lit/directives/ref.js";
-class F extends h {
+import { keyed as l } from "lit/directives/keyed.js";
+import { u as a } from "../../chunks/useT9n.js";
+import { createReactiveMap as d } from "@arcgis/core/applications/Components/featureUtils.js";
+import { watch as h } from "@arcgis/core/core/reactiveUtils.js";
+import { substitute as g } from "@arcgis/core/intl.js";
+import { LitElement as m, safeClassMap as f } from "@arcgis/lumina";
+import { createRef as v, ref as r } from "lit/directives/ref.js";
+class p extends m {
   constructor() {
-    super(...arguments), this._associationFeaturesIntersectionObserver = new IntersectionObserver(([t]) => {
-      t?.isIntersecting && this._increaseFeaturePage();
+    super(...arguments), this._associationFeaturesIntersectionObserver = new IntersectionObserver(([e]) => {
+      e?.isIntersecting && this._increaseFeaturePage();
     }, {
       root: window.document
     }), this._associationFeaturesIntersectionObserverNode = v(), this._currentFeaturePage = 1, this._increaseFeaturePage = () => {
-      const { state: t, showAllEnabled: e, associatedFeatureCount: i, featuresPerPage: s, currentFeaturePage: n } = this;
-      t === "ready" && e && i >= s * n && this.currentFeaturePage++;
-    }, this._isFeatureCountNoticeOpen = !0, this.associationViewModels = /* @__PURE__ */ new Map(), this.featuresPerPage = 50, this.maxFeatureCount = 1e3, this.showAllEnabled = !1, this.state = "ready", this.tooltipReferenceMap = u();
+      const { state: e, showAllEnabled: t, associatedFeatureCount: s, featuresPerPage: i, currentFeaturePage: n } = this;
+      e === "ready" && t && s >= i * n && this.currentFeaturePage++;
+    }, this._isFeatureCountNoticeOpen = !0, this._messages = a({ blocking: !0 }), this._messagesCommon = a({ blocking: !0 }), this._tooltipReferenceCallbacks = /* @__PURE__ */ new Map(), this.associationViewModels = /* @__PURE__ */ new Map(), this.featuresPerPage = 50, this.maxFeatureCount = 1e3, this.showAllEnabled = !1, this.state = "ready", this.tooltipReferenceMap = d();
   }
   static {
-    this.properties = { associatedFeatureCount: 32, associationViewModels: 0, currentFeaturePage: 9, featuresPerPage: 9, maxFeatureCount: 9, messages: 0, parentFeatureViewModel: 0, selectedLayer: 0, showAllEnabled: 5, state: 1, tooltipReferenceMap: 0 };
+    this.properties = { associatedFeatureCount: 32, associationViewModels: 0, currentFeaturePage: 9, endIndex: 32, featuresPerPage: 9, maxFeatureCount: 9, parentFeatureViewModel: 0, selectedLayer: 0, showAllEnabled: 5, state: 1, tooltipReferenceMap: 0 };
   }
   get associatedFeatureCount() {
-    const t = this.associationViewModels, e = this.selectedLayer ? t.get(this.selectedLayer) : null;
-    return e ? e.length : 0;
+    const e = this.associationViewModels, t = this.selectedLayer ? e.get(this.selectedLayer) : null;
+    return t ? t.length : 0;
   }
   get currentFeaturePage() {
     return this._currentFeaturePage;
   }
-  set currentFeaturePage(t) {
-    const { featuresPerPage: e, associatedFeatureCount: i } = this, s = Math.ceil(i / e) || 1, n = Math.max(Math.min(t, s), 1);
+  set currentFeaturePage(e) {
+    const { featuresPerPage: t, associatedFeatureCount: s } = this, i = Math.ceil(s / t) || 1, n = Math.max(Math.min(e, i), 1);
     this._currentFeaturePage = n;
   }
+  get endIndex() {
+    const { currentFeaturePage: e, featuresPerPage: t, maxFeatureCount: s } = this;
+    return Math.min(e * t, s);
+  }
+  disconnectedCallback() {
+    this._associationFeaturesIntersectionObserver.disconnect(), this._tooltipReferenceCallbacks.clear(), this.tooltipReferenceMap.clear(), super.disconnectedCallback();
+  }
   loaded() {
     this.manager.onLifecycle(() => [
-      l(() => [this.state, this.showAllEnabled, this._associationFeaturesIntersectionObserverNode], () => {
+      h(() => [this.state, this.showAllEnabled, this._associationFeaturesIntersectionObserverNode], () => {
         this._handleAssociationFeaturesObserverChange();
       }, { initial: !0 })
     ]);
   }
-  getConnectivityTooltip(t) {
-    const { messages: e } = this;
-    if (!e)
-      return "";
-    switch (t) {
+  getConnectivityTooltip(e) {
+    const { _messages: t } = this;
+    switch (e) {
       case "connectivity":
       case "junction-junction-connectivity":
-        return e.associationsJunctionJunction;
+        return t.associationsJunctionJunction;
       case "junction-edge-from-connectivity":
-        return e.associationsJunctionEdgeFrom;
+        return t.associationsJunctionEdgeFrom;
       case "junction-edge-midspan-connectivity":
-        return e.associationsJunctionEdgeMidspan;
+        return t.associationsJunctionEdgeMidspan;
       case "junction-edge-to-connectivity":
-        return e.associationsJunctionEdgeTo;
+        return t.associationsJunctionEdgeTo;
       default:
         return "";
     }
   }
+  _getTooltipReferenceCallback(e) {
+    let t = this._tooltipReferenceCallbacks.get(e);
+    return t || (t = (s) => {
+      s ? this.tooltipReferenceMap.set(e, s) : (this.tooltipReferenceMap.delete(e), this._tooltipReferenceCallbacks.delete(e));
+    }, this._tooltipReferenceCallbacks.set(e, t)), t;
+  }
   _handleAssociationFeaturesObserverChange() {
     this._unobserveAssociationFeaturesObserver();
-    const { state: t, showAllEnabled: e } = this;
-    this._associationFeaturesIntersectionObserverNode.value && t === "ready" && e && this._associationFeaturesIntersectionObserver.observe(this._associationFeaturesIntersectionObserverNode.value);
+    const { state: e, showAllEnabled: t } = this;
+    this._associationFeaturesIntersectionObserverNode.value && e === "ready" && t && this._associationFeaturesIntersectionObserver.observe(this._associationFeaturesIntersectionObserverNode.value);
   }
   _unobserveAssociationFeaturesObserver() {
     this._associationFeaturesIntersectionObserverNode.value && this._associationFeaturesIntersectionObserver.unobserve(this._associationFeaturesIntersectionObserverNode.value);
   }
-  _renderConnectivityIcon(t, e) {
-    const { tooltipReferenceMap: i } = this;
+  _renderConnectivityIcon(e, t) {
     let s;
-    switch (t) {
+    switch (e) {
       case "junction-edge-from-connectivity":
         s = "connection-end-left";
         break;
@@ -81,26 +92,24 @@ class F extends h {
       default:
         s = "connection-to-connection";
     }
-    return o`<calcite-icon .icon=${s} @pointerover=${(n) => {
-      i.set(e, n.currentTarget);
-    }} scale=s slot=content-start></calcite-icon>`;
+    return o`<calcite-icon .icon=${s} scale=s slot=content-start ${r(this._getTooltipReferenceCallback(t))}></calcite-icon>`;
   }
   _renderFeatureCountWarning() {
-    const { associatedFeatureCount: t, maxFeatureCount: e, messages: i } = this, s = d(i?.associationsLimitNoticeMessage ?? "", { number: e }), n = t > e, a = i?.associationsLimitNoticeTitle ?? "";
-    return n ? o`<calcite-notice class=${g(this._isFeatureCountNoticeOpen ? "notice-container" : "")} closable icon=information kind=info open scale=s width=full @calciteNoticeBeforeOpen=${() => this._isFeatureCountNoticeOpen = !0} @calciteNoticeClose=${() => this._isFeatureCountNoticeOpen = !1}><div slot=title>${a}</div><div slot=message>${s}</div></calcite-notice>` : null;
+    const { _messages: e, associatedFeatureCount: t, maxFeatureCount: s } = this, i = g(e.associationsLimitNoticeMessage ?? "", { number: s }), n = t > s, c = e.associationsLimitNoticeTitle ?? "";
+    return n ? o`<calcite-notice class=${f(this._isFeatureCountNoticeOpen ? "notice-container" : "")} closable icon=information kind=info open scale=s width=full @calciteNoticeBeforeOpen=${() => this._isFeatureCountNoticeOpen = !0} @calciteNoticeClose=${() => this._isFeatureCountNoticeOpen = !1}><div slot=title>${c}</div><div slot=message>${i}</div></calcite-notice>` : null;
   }
   _renderFeatureObserver() {
-    return o`<div class="feature-observer" ${m(this._associationFeaturesIntersectionObserverNode)}></div>`;
+    return o`<div class="feature-observer" ${r(this._associationFeaturesIntersectionObserverNode)}></div>`;
   }
   _renderLoading() {
-    return c("loading-container", o`<div class="loading-container">${this._renderLoadingIcon()}</div>`);
+    return l("loading-container", o`<div class="loading-container">${this._renderLoadingIcon()}</div>`);
   }
   _renderLoadingIcon() {
-    const t = this.messages?.loading ?? "";
-    return o`<calcite-loader inline .label=${t}></calcite-loader>`;
+    const e = this._messagesCommon.loading ?? "";
+    return o`<calcite-loader inline .label=${e}></calcite-loader>`;
   }
 }
-r("arcgis-utility-network-association-list", F);
+u("arcgis-utility-network-association-list", p);
 export {
-  F as ArcgisUtilityNetworkAssociationList
+  p as ArcgisUtilityNetworkAssociationList
 };

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

@@ -1,12 +1,12 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as u } from "../../chunks/runtime.js";
-import { css as d, html as i } from "lit";
+import { css as d, html as a } from "lit";
 import { ref as c } from "lit/directives/ref.js";
 import { keyed as l } from "lit/directives/keyed.js";
 import p from "@arcgis/core/Color.js";
 import { when as m } from "@arcgis/core/core/reactiveUtils.js";
 import f from "@arcgis/core/networks/UtilityNetworkTraceAnalysis.js";
-import { LitElement as y, createEvent as n } from "@arcgis/lumina";
+import { LitElement as y, createEvent as r } from "@arcgis/lumina";
 import { usePropertyChange as b } from "@arcgis/lumina/controllers";
 import { log as w } from "@arcgis/toolkit/log";
 import { u as v } from "../../chunks/useT9n.js";
@@ -15,7 +15,7 @@ import { l as $ } from "../../chunks/async-utils.js";
 const R = d`: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%)}arcgis-utility-network-trace-inputs[mode=default]{height:auto}calcite-tabs{display:flex;flex-direction:column;height:100%}calcite-tab{--calcite-tab-content-space-y: 0;min-height:var(--arcgis-internal-panel-height-sm, 240px)}calcite-tab:not([selected]){flex:0}calcite-panel{--calcite-panel-background-color: var(--calcite-color-foreground-1)}calcite-notice{margin:var(--calcite-spacing-md)}.inputs-tab-container{display:flex;flex-direction:column;height:100%}.trace-inputs-warning{flex:none;height:fit-content;calcite-notice{margin:var(--calcite-spacing-md) var(--calcite-spacing-md) 0}}`, _ = T(f);
 class x extends y {
   constructor() {
-    super(...arguments), this._messages = v({ blocking: !0 }), this.#t = _(this), this._activeTab = "input", this._showMissingTerminalWarning = !1, this._showNoStartingPointsWarning = !1, this._mode = "default", this.autoDestroyDisabled = !1, this.aggregatedGeometryGraphicsColor = new p([255, 255, 0, 0.6]), this.disableHighlightFeatureResults = !1, this.hideActionBar = !1, this.hideGraphics = !1, this.hidePlaceholder = !1, this.hideFeatureResults = !1, this.includeDefaultActionsDisabled = !1, this.state = this.#t.state, this.view = this.#t.view, this.arcgisHideGraphicsChange = n(), this.arcgisPropertyChange = b()("aggregatedGeometryGraphicsColor", "hideGraphics"), this.arcgisReady = n(), this.arcgisTriggerAction = n(), this.arcgisTraceLocationSelectEnd = n(), this.arcgisTraceLocationSelectStart = n(), this.arcgisTraceResultClear = n(), this.arcgisTraceResultFeaturesReady = n();
+    super(...arguments), this._messages = v({ blocking: !0 }), this.#e = _(this), this._activeTab = "input", this._showMissingTerminalWarning = !1, this._showNoStartingPointsWarning = !1, this._mode = "default", this.autoDestroyDisabled = !1, this.aggregatedGeometryGraphicsColor = new p([255, 255, 0, 0.6]), this.disableHighlightFeatureResults = !1, this.hideActionBar = !1, this.hideGraphics = !1, this.hidePlaceholder = !1, this.hideFeatureResults = !1, this.includeDefaultActionsDisabled = !1, this.state = this.#e.state, this.view = this.#e.view, this.arcgisHideGraphicsChange = r(), this.arcgisPropertyChange = b()("aggregatedGeometryGraphicsColor", "hideGraphics"), this.arcgisReady = r(), this.arcgisTriggerAction = r(), this.arcgisTraceLocationSelectEnd = r(), this.arcgisTraceLocationSelectStart = r(), this.arcgisTraceResultClear = r(), this.arcgisTraceResultFeaturesReady = r();
   }
   static {
     this.properties = { _activeTab: 16, _traceError: 16, _traceResult: 16, _showMissingTerminalWarning: 16, _showNoStartingPointsWarning: 16, _mode: 16, actions: 0, autoDestroyDisabled: 5, beforeTraceLocationSelectStart: 0, aggregatedGeometryGraphicsColor: 0, disableHighlightFeatureResults: 5, hideActionBar: 5, hideGraphics: 5, hidePlaceholder: 5, hideFeatureResults: 5, includeDefaultActionsDisabled: 5, label: 3, messageOverrides: 0, traceResultFeatures: 32, referenceElement: 1, state: 32, view: 0 };
@@ -23,8 +23,8 @@ class x extends y {
   static {
     this.styles = R;
   }
-  #t;
   #e;
+  #t;
   #i;
   get #r() {
     const { view: e } = this;
@@ -35,21 +35,21 @@ class x extends y {
     return this.#i?.traceResultFeatures ?? [];
   }
   async destroy() {
-    await this.#i?.destroy(), await this.#e?.destroy(), await this.manager.destroy();
+    await this.#i?.destroy(), await this.#t?.destroy(), await this.manager.destroy();
   }
   load() {
     this.manager.onLifecycle(() => [
-      m(() => !this.#t.utilityNetwork, () => this.#a("input"))
+      m(() => !this.#e.utilityNetwork, () => this.#a("input"))
     ]);
   }
   #s() {
     this._traceResult = void 0, this.#i?.clearResults();
   }
   #o() {
-    if (!this.#e)
+    if (!this.#t)
       return;
-    const { traceLocations: e, traceLocationDetails: t, traceConfiguration: s, isSubnetworkNameTraceSelected: a } = this.#e, r = !!s?.subnetworkName, h = e?.some((o) => o.type === "starting-point"), g = t?.some((o) => !!o.flagProperties.terminalConfiguration && !o.flagProperties.selectedTerminals?.size) ?? !1;
-    this._traceError = void 0, this._showNoStartingPointsWarning = !a && !h || a && !r, this._showMissingTerminalWarning = g;
+    const { traceLocations: e, traceLocationDetails: t, traceConfiguration: i, isSubnetworkNameTraceSelected: s } = this.#t, n = !!i?.subnetworkName, h = e?.some((o) => o.type === "starting-point"), g = t?.some((o) => !!o.flagProperties.terminalConfiguration && !o.flagProperties.selectedTerminals?.size) ?? !1;
+    this._traceError = void 0, this._showNoStartingPointsWarning = !s && !h || s && !n, this._showMissingTerminalWarning = g;
   }
   #a(e) {
     this._activeTab = e;
@@ -70,36 +70,36 @@ class x extends y {
     }
   }
   async #l() {
-    const e = this.#e?.selectedNamedTraceConfiguration, t = this.#e?.traceConfiguration;
+    const e = this.#t?.selectedNamedTraceConfiguration, t = this.#t?.traceConfiguration;
     if (!(e?.traceType && t)) {
       w("error", this, "Trace configuration not found");
       return;
     }
-    const s = this.#e?.traceLocations;
+    const i = this.#t?.traceLocations;
     try {
-      this._traceResult = await this.#t.executeTraceConfiguration({
+      this._traceResult = await this.#e.executeTraceConfiguration({
         traceType: e.traceType,
         traceConfiguration: t,
-        traceLocations: s ?? [],
+        traceLocations: i ?? [],
         resultTypes: e.resultTypes,
         outSpatialReference: this.view?.spatialReference
       });
-    } catch (a) {
-      $(a, this, "Error while running trace"), this._traceError = a, this._traceResult = void 0;
+    } catch (s) {
+      $(s, this, "Error while running trace"), this._traceError = s, this._traceResult = void 0;
     }
   }
   #h() {
     this.#o(), !(this._showNoStartingPointsWarning || this._showMissingTerminalWarning) && (this._showNoStartingPointsWarning = !1, this._showMissingTerminalWarning = !1, this.#s(), this.#a("results"), this.#l());
   }
   #g(e) {
-    e && (this.#e = e);
+    e && (this.#t = e);
   }
   #u(e) {
     e && (this.#i = e);
   }
   #d(e) {
-    const { detail: t, target: s } = e;
-    t.name === "aggregatedGeometryGraphicsColor" ? (e.stopPropagation(), this.aggregatedGeometryGraphicsColor = s[t.name]) : t.name === "hideGraphics" && (e.stopPropagation(), this.hideGraphics = s[t.name], this.arcgisHideGraphicsChange.emit(this.hideGraphics));
+    const { detail: t, target: i } = e;
+    t.name === "aggregatedGeometryGraphicsColor" ? (e.stopPropagation(), this.aggregatedGeometryGraphicsColor = i[t.name]) : t.name === "hideGraphics" && (e.stopPropagation(), this.hideGraphics = i[t.name], this.arcgisHideGraphicsChange.emit(this.hideGraphics));
   }
   #p(e) {
     e.stopPropagation(), this.arcgisTraceLocationSelectStart.emit(e.detail).defaultPrevented && e.preventDefault();
@@ -113,45 +113,41 @@ class x extends y {
   #y(e) {
     e.stopPropagation(), this.arcgisTriggerAction.emit(e.detail);
   }
-  #b() {
-    this._showNoStartingPointsWarning = !1, this._showMissingTerminalWarning = !1;
+  #b(e) {
+    const { detail: t, target: i } = e;
+    e.stopPropagation(), t.name === "selectedUtilityNetwork" && (this.#e.utilityNetwork = i.selectedUtilityNetwork), t.name === "selectedNamedTraceConfiguration" && (this._showNoStartingPointsWarning = !1, this._showMissingTerminalWarning = !1), t.name === "mode" && (this._mode = i.mode);
   }
   #w() {
-    this.#t.utilityNetwork = this.#e?.selectedUtilityNetwork;
+    const { _messages: e } = this;
+    return a`<calcite-panel class="trace-inputs-warning"><calcite-notice open icon=exclamation-mark-triangle closable kind=danger scale=s @calciteNoticeClose=${() => this._showMissingTerminalWarning = !1}><div slot=title>${e.errors.missingTerminalTitle}</div><div slot=message>${e.errors.missingTerminalBody}</div></calcite-notice></calcite-panel>`;
   }
   #v() {
     const { _messages: e } = this;
-    return i`<calcite-panel class="trace-inputs-warning"><calcite-notice open icon=exclamation-mark-triangle closable kind=danger scale=s @calciteNoticeClose=${() => this._showMissingTerminalWarning = !1}><div slot=title>${e.errors.missingTerminalTitle}</div><div slot=message>${e.errors.missingTerminalBody}</div></calcite-notice></calcite-panel>`;
+    return a`<calcite-panel class="trace-inputs-warning"><calcite-notice open icon=exclamation-mark-triangle closable kind=danger scale=s @calciteNoticeClose=${() => this._showNoStartingPointsWarning = !1}><div slot=title>${e.errors.noStartingPointsTitle}</div><div slot=message>${e.errors.noStartingPointsBody}</div></calcite-notice></calcite-panel>`;
   }
   #T() {
-    const { _messages: e } = this;
-    return i`<calcite-panel class="trace-inputs-warning"><calcite-notice open icon=exclamation-mark-triangle closable kind=danger scale=s @calciteNoticeClose=${() => this._showNoStartingPointsWarning = !1}><div slot=title>${e.errors.noStartingPointsTitle}</div><div slot=message>${e.errors.noStartingPointsBody}</div></calcite-notice></calcite-panel>`;
+    return l(`${this.el.id}__results-tab-item`, a`<calcite-tab .selected=${this._activeTab === "results"}>${this.state === "executing" ? a`<calcite-panel><calcite-loader .label=${this._messages.runningTrace} .text=${this._messages.runningTrace}></calcite-loader></calcite-panel>` : a`<arcgis-utility-network-trace-results .actions=${this.actions} .autoDestroyDisabled=${this.autoDestroyDisabled} .aggregatedGeometryGraphicsColor=${this.aggregatedGeometryGraphicsColor} .disableHighlightFeatureResults=${this.disableHighlightFeatureResults} .heading=${this.#n?.title} .hideActionBar=${this.hideActionBar} .hideFeatureResults=${this.hideFeatureResults} .hidePlaceholder=${this.hidePlaceholder} .includeDefaultActionsDisabled=${this.includeDefaultActionsDisabled} .layers=${this.#r} .messageOverrides=${this.messageOverrides} .referenceElement=${this.referenceElement} .traceError=${this._traceError} .traceResult=${this._traceResult} .utilityNetwork=${this.#e.utilityNetwork ?? void 0} .view=${this.view ?? void 0} @arcgisPropertyChange=${this.#d} @arcgisTraceResultFeaturesReady=${this.#f} @arcgisTriggerAction=${this.#y} ${c(this.#u)}></arcgis-utility-network-trace-results>`}</calcite-tab>`);
   }
   #$() {
-    return l(`${this.el.id}__results-tab-item`, i`<calcite-tab .selected=${this._activeTab === "results"}>${this.state === "executing" ? i`<calcite-panel><calcite-loader .label=${this._messages.runningTrace} .text=${this._messages.runningTrace}></calcite-loader></calcite-panel>` : i`<arcgis-utility-network-trace-results .actions=${this.actions} .autoDestroyDisabled=${this.autoDestroyDisabled} .aggregatedGeometryGraphicsColor=${this.aggregatedGeometryGraphicsColor} .disableHighlightFeatureResults=${this.disableHighlightFeatureResults} .heading=${this.#n?.title} .hideActionBar=${this.hideActionBar} .hideFeatureResults=${this.hideFeatureResults} .hidePlaceholder=${this.hidePlaceholder} .includeDefaultActionsDisabled=${this.includeDefaultActionsDisabled} .layers=${this.#r} .messageOverrides=${this.messageOverrides} .referenceElement=${this.referenceElement} .traceError=${this._traceError} .traceResult=${this._traceResult} .utilityNetwork=${this.#t.utilityNetwork ?? void 0} .view=${this.view ?? void 0} @arcgisPropertyChange=${this.#d} @arcgisTraceResultFeaturesReady=${this.#f} @arcgisTriggerAction=${this.#y} ${c(this.#u)}></arcgis-utility-network-trace-results>`}</calcite-tab>`);
+    const { _messages: e, _traceResult: t } = this, s = !!(t?.elements.length || t?.globalFunctionResults.length || t?.aggregatedGeometry) && this.#i?.state === "ready", n = this.#i?.numFeatureResults ?? 0;
+    return a`<calcite-button appearance=outline width=full @click=${() => {
+      this.#a("input"), this.#s(), this.arcgisTraceResultClear.emit();
+    }} .disabled=${!s} slot=footer>${n > 0 && !this.hideFeatureResults && this.state !== "executing" ? e.buttons.clearResultsCustom.replace("{number}", n.toString()) : e.buttons.clearResultsGeneric}</calcite-button>`;
   }
   #R() {
-    const { _messages: e, _traceResult: t } = this, a = !!(t?.elements.length || t?.globalFunctionResults.length || t?.aggregatedGeometry) && this.#i?.state === "ready", r = this.#i?.numFeatureResults ?? 0;
-    return i`<calcite-button appearance=outline width=full @click=${() => {
-      this.#a("input"), this.#s(), this.arcgisTraceResultClear.emit();
-    }} .disabled=${!a} slot=footer>${r > 0 && !this.hideFeatureResults && this.state !== "executing" ? e.buttons.clearResultsCustom.replace("{number}", r.toString()) : e.buttons.clearResultsGeneric}</calcite-button>`;
+    const { _mode: e } = this, { loadError: t } = this.#e, s = (t === "no-user-type-extension" || t === "sceneView-not-supported" ? a`<calcite-notice kind=danger open scale=s slot=content-top width=auto><div slot=message>${this.#c(t)}</div></calcite-notice>` : void 0) ?? a`${this._showNoStartingPointsWarning && e === "default" && this.#v() || ""}${this._showMissingTerminalWarning && e === "default" && this.#w() || ""}<arcgis-utility-network-trace-inputs .autoDestroyDisabled=${this.autoDestroyDisabled} .hideFeaturesActionBar=${this.hideActionBar} .referenceElement=${this.referenceElement} .view=${this.view ?? void 0} .beforeTraceLocationSelectStart=${this.beforeTraceLocationSelectStart} @arcgisPropertyChange=${this.#b} @arcgisTraceLocationSelectEnd=${this.#m} @arcgisTraceLocationSelectStart=${this.#p} ${c(this.#g)}></arcgis-utility-network-trace-inputs>`;
+    return l(`${this.el.id}__inputs-tab-item`, a`<calcite-tab .selected=${this._activeTab === "input"}><div class="inputs-tab-container">${s}</div></calcite-tab>`);
   }
   #_() {
-    const { _mode: e } = this, { loadError: t } = this.#t, a = (t === "no-user-type-extension" || t === "sceneView-not-supported" ? i`<calcite-notice kind=danger open scale=s slot=content-top width=auto><div slot=message>${this.#c(t)}</div></calcite-notice>` : void 0) ?? i`${this._showNoStartingPointsWarning && e === "default" && this.#T() || ""}${this._showMissingTerminalWarning && e === "default" && this.#v() || ""}<arcgis-utility-network-trace-inputs .autoDestroyDisabled=${this.autoDestroyDisabled} .hideActionBar=${this.hideActionBar} .referenceElement=${this.referenceElement} .view=${this.view ?? void 0} .beforeTraceLocationSelectStart=${this.beforeTraceLocationSelectStart} @arcgisPropertyChange=${(r) => {
-      r.stopPropagation(), r.detail.name === "mode" && (this._mode = r.target.mode);
-    }} @arcgisSelectedNamedTraceConfigurationChange=${this.#b} @arcgisTraceLocationSelectEnd=${this.#m} @arcgisTraceLocationSelectStart=${this.#p} @arcgisUtilityNetworkChange=${this.#w} ${c(this.#g)}></arcgis-utility-network-trace-inputs>`;
-    return l(`${this.el.id}__inputs-tab-item`, i`<calcite-tab .selected=${this._activeTab === "input"}><div class="inputs-tab-container">${a}</div></calcite-tab>`);
-  }
-  #x() {
     const { state: e } = this;
     if (this._mode !== "default")
       return null;
-    const t = e === "disabled" || e === "loading" || !this.#e?.traceConfiguration;
-    return i`<calcite-button appearance=solid width=full @click=${this.#h} slot=footer .disabled=${t}>${this._messages.buttons.getResults}</calcite-button>`;
+    const t = e === "disabled" || e === "loading" || !this.#t?.traceConfiguration;
+    return a`<calcite-button appearance=solid width=full @click=${this.#h} slot=footer .disabled=${t}>${this._messages.buttons.getResults}</calcite-button>`;
   }
   render() {
     const { _activeTab: e, state: t } = this;
-    return i`<calcite-panel><calcite-tabs layout=center position=top><calcite-tab-nav slot=title-group><calcite-tab-title @click=${() => this.#a("input")} .selected=${e === "input"}>${this._messages.tabs.inputTab}</calcite-tab-title><calcite-tab-title @click=${() => this.#a("results")} .selected=${e === "results"} .disabled=${t === "disabled" || t === "loading"}>${this._messages.tabs.resultsTab}</calcite-tab-title></calcite-tab-nav>${this.#_()}${this.#$()}</calcite-tabs>${e === "input" ? this.#x() : null}${e === "results" ? this.#R() : null}</calcite-panel>`;
+    return a`<calcite-panel><calcite-tabs layout=center position=top><calcite-tab-nav slot=title-group><calcite-tab-title @click=${() => this.#a("input")} .selected=${e === "input"}>${this._messages.tabs.inputTab}</calcite-tab-title><calcite-tab-title @click=${() => this.#a("results")} .selected=${e === "results"} .disabled=${t === "disabled" || t === "loading"}>${this._messages.tabs.resultsTab}</calcite-tab-title></calcite-tab-nav>${this.#R()}${this.#T()}</calcite-tabs>${e === "input" ? this.#_() : null}${e === "results" ? this.#$() : null}</calcite-panel>`;
   }
 }
 u("arcgis-utility-network-trace-analysis", x);

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

@@ -136,7 +136,7 @@ export abstract class ArcgisUtilityNetworkTraceInputs extends LitElement {
    * @default false
    * @internal
    */
-  accessor hideActionBar: boolean;
+  accessor hideFeaturesActionBar: boolean;
   /**
    * Whether a the user has selected a named trace configuration that executes a
    * subnetwork trace with a specified subnetwork name.
@@ -176,31 +176,17 @@ export abstract class ArcgisUtilityNetworkTraceInputs extends LitElement {
   accessor view: MapView | undefined;
   /** Permanently destroy the component. */
   destroy(): Promise<void>;
-  readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "mode"; }>;
-  /** Fires when the user changes the selected named trace configuration. */
-  readonly arcgisSelectedNamedTraceConfigurationChange: import("@arcgis/lumina").TargetedEvent<this, void>;
-  readonly arcgisTraceInputsChange: import("@arcgis/lumina").TargetedEvent<this, void>;
-  /**
-   * Fires when the user completes the selection of a trace location.
-   *
-   * @internal
-   */
+  readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "mode" | "selectedNamedTraceConfiguration" | "selectedUtilityNetwork" | "traceLocations"; }>;
+  /** Fires when the user completes the selection of a trace location. */
   readonly arcgisTraceLocationSelectEnd: import("@arcgis/lumina").TargetedEvent<this, void>;
   /**
    * Fires when the user begins selection of a trace location.
    * Can be prevented to stop the selection.
-   *
-   * @internal
    */
   readonly arcgisTraceLocationSelectStart: import("@arcgis/lumina").TargetedEvent<this, SelectStartPayload>;
-  /** Fires when the user changes the selected utility network. */
-  readonly arcgisUtilityNetworkChange: import("@arcgis/lumina").TargetedEvent<this, void>;
   readonly "@eventTypes": {
     arcgisPropertyChange: ArcgisUtilityNetworkTraceInputs["arcgisPropertyChange"]["detail"];
-    arcgisSelectedNamedTraceConfigurationChange: ArcgisUtilityNetworkTraceInputs["arcgisSelectedNamedTraceConfigurationChange"]["detail"];
-    arcgisTraceInputsChange: ArcgisUtilityNetworkTraceInputs["arcgisTraceInputsChange"]["detail"];
     arcgisTraceLocationSelectEnd: ArcgisUtilityNetworkTraceInputs["arcgisTraceLocationSelectEnd"]["detail"];
     arcgisTraceLocationSelectStart: ArcgisUtilityNetworkTraceInputs["arcgisTraceLocationSelectStart"]["detail"];
-    arcgisUtilityNetworkChange: ArcgisUtilityNetworkTraceInputs["arcgisUtilityNetworkChange"]["detail"];
   };
 }