@arcgis/map-components 5.2.0-next.155 → 5.2.0-next.156

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/dist/cdn/5QPPN5GG.js +2 -0
  2. package/dist/cdn/6JYHS4C3.js +2 -0
  3. package/dist/cdn/74SNPIFY.js +2 -0
  4. package/dist/cdn/AHR2EGDU.js +2 -0
  5. package/dist/cdn/DV5RJXB4.js +2 -0
  6. package/dist/cdn/F6BKCG5R.js +2 -0
  7. package/dist/cdn/GUY54PVD.js +2 -0
  8. package/dist/cdn/{VE63QFIL.js → HGMLU4M2.js} +1 -1
  9. package/dist/cdn/{LBWATU26.js → N2BLQYTT.js} +1 -1
  10. package/dist/cdn/PT7IKQT5.js +2 -0
  11. package/dist/cdn/QTTIUOSW.js +2 -0
  12. package/dist/cdn/{RKTSSP3O.js → TD5NCGK6.js} +1 -1
  13. package/dist/cdn/V6RSLRWE.js +2 -0
  14. package/dist/cdn/{WXJN23WI.js → Y5LZUAMK.js} +1 -1
  15. package/dist/cdn/YYBNA7EL.js +2 -0
  16. package/dist/cdn/index.js +1 -1
  17. package/dist/chunks/loader-utils.js +41 -0
  18. package/dist/chunks/useArcgisViewReadyError.js +53 -50
  19. package/dist/components/arcgis-feature-next/customElement.js +21 -14
  20. package/dist/components/arcgis-feature-table/customElement.d.ts +58 -39
  21. package/dist/components/arcgis-features-next/customElement.js +137 -116
  22. package/dist/components/arcgis-oriented-imagery-viewer/customElement.js +5 -5
  23. package/dist/components/arcgis-sketch/customElement.js +146 -178
  24. package/dist/components/arcgis-time-bar/TimeBarViewModel.d.ts +2 -4
  25. package/dist/components/arcgis-time-bar/customElement.js +108 -105
  26. package/dist/components/arcgis-time-bar-date/customElement.js +10 -10
  27. package/dist/components/arcgis-time-bar-extent/customElement.js +9 -9
  28. package/dist/components/arcgis-time-bar-slider/customElement.js +27 -33
  29. package/dist/components/arcgis-utility-network-trace-analysis/customElement.d.ts +4 -3
  30. package/dist/components/arcgis-utility-network-trace-analysis/customElement.js +60 -67
  31. package/dist/components/arcgis-utility-network-trace-inputs/customElement.d.ts +26 -3
  32. package/dist/components/arcgis-utility-network-trace-inputs/customElement.js +53 -50
  33. package/dist/components/arcgis-utility-network-trace-results/customElement.d.ts +1 -2
  34. package/dist/docs/api.json +1 -1
  35. package/dist/docs/docs.json +1 -1
  36. package/dist/docs/vscode.html-custom-data.json +1 -1
  37. package/dist/docs/web-types.json +1 -1
  38. package/dist/loader.js +1 -1
  39. package/dist/types/lumina.d.ts +2 -1
  40. package/dist/types/preact.d.ts +2 -1
  41. package/dist/types/react.d.ts +2 -1
  42. package/dist/types/stencil.d.ts +2 -1
  43. package/package.json +6 -6
  44. package/dist/cdn/2AQYGR7K.js +0 -2
  45. package/dist/cdn/357GV4BC.js +0 -2
  46. package/dist/cdn/5OE4PEME.js +0 -2
  47. package/dist/cdn/ENZAFG6F.js +0 -2
  48. package/dist/cdn/I3KUEZ7I.js +0 -2
  49. package/dist/cdn/M7LDGJG6.js +0 -2
  50. package/dist/cdn/RZNCVTKT.js +0 -2
  51. package/dist/cdn/TZ6WQV6O.js +0 -2
  52. package/dist/cdn/TZXSRFN5.js +0 -2
  53. package/dist/cdn/ZFHHY72B.js +0 -2
@@ -10,7 +10,7 @@ class f extends h {
10
10
  constructor() {
11
11
  super(...arguments), this._direction = w(), this.#t = new ResizeObserver(([e]) => {
12
12
  this._sliderWidth = e.contentRect.width;
13
- }), this.#a = 100, this.#r = 100, this.#n = (e, i) => i === "value" ? this.viewModel?.formatDateTime(new Date(e)) : void 0, this.autoDestroyDisabled = !1, this.lockTimeWindow = !1, this.popoverDisplay = "none", this.showLockTimeWindow = !1, this.showMax = !1, this.showMin = !1, this.showTicks = !1;
13
+ }), this.#i = 100, this.#s = 100, this.#a = (e, i) => i === "value" ? this.viewModel?.formatDateTime(new Date(e)) : void 0, this.autoDestroyDisabled = !1, this.lockTimeWindow = !1, this.popoverDisplay = "none", this.showLockTimeWindow = !1, this.showMax = !1, this.showMin = !1, this.showTicks = !1;
14
14
  }
15
15
  static {
16
16
  this.properties = { _activeValue: 16, _sliderFillPlacement: 16, _sliderWidth: 16, _timeExtentEpochValues: 16, activeValue: 32, autoDestroyDisabled: 5, lockTimeWindow: 5, messages: 0, popoverDisplay: 1, showLockTimeWindow: 5, showMax: 5, showMin: 5, showTicks: 5, viewModel: 0 };
@@ -19,12 +19,10 @@ class f extends h {
19
19
  this.styles = p;
20
20
  }
21
21
  #t;
22
+ #e;
22
23
  #i;
23
24
  #s;
24
- #e;
25
25
  #a;
26
- #r;
27
- #n;
28
26
  get _sliderFillPlacement() {
29
27
  switch (this.viewModel?.mode) {
30
28
  case "cumulative-from-end":
@@ -89,7 +87,7 @@ class f extends h {
89
87
  async destroy() {
90
88
  await this.manager.destroy();
91
89
  }
92
- #m() {
90
+ #c() {
93
91
  return (e) => {
94
92
  if (e) {
95
93
  this.#e = e, this.#t.observe(e);
@@ -98,28 +96,28 @@ class f extends h {
98
96
  this.#e && (this.#t.unobserve(this.#e), this.#e = void 0);
99
97
  };
100
98
  }
101
- #u() {
99
+ #d() {
102
100
  const e = Number.parseInt(window.getComputedStyle(this.el).getPropertyValue("--arcgis-internal-time-bar-slider-tick-gap"), 10);
103
- return Number.isFinite(e) && e > 0 ? e : this.#a;
101
+ return Number.isFinite(e) && e > 0 ? e : this.#i;
104
102
  }
105
- #h(e, i) {
103
+ #m(e, i) {
106
104
  const { viewModel: t } = this, { start: s, end: r } = e;
107
105
  if (!t || !s || !r)
108
106
  return;
109
107
  const n = (r.getTime() - s.getTime()) / i;
110
- return t.tickFormats.find(({ duration: c }) => c > this.#u() * n) ?? t.tickFormats.at(-1);
108
+ return t.tickFormats.find(({ duration: c }) => c > this.#d() * n) ?? t.tickFormats.at(-1);
111
109
  }
112
- #g() {
110
+ #u() {
113
111
  this.lockTimeWindow = !this.lockTimeWindow;
114
112
  }
115
- #v(e) {
113
+ #h(e) {
116
114
  this._activeValue = e.target.activeValue;
117
115
  }
118
- #w(e) {
116
+ #g(e) {
119
117
  const { viewModel: i } = this, t = i?.mode;
120
- t && (i.timeExtent = this.#p(e.target.values, t), this._activeValue = e.target.activeValue);
118
+ t && (i.timeExtent = this.#v(e.target.values, t), this._activeValue = e.target.activeValue);
121
119
  }
122
- #p([e, i], t) {
120
+ #v([e, i], t) {
123
121
  switch (t) {
124
122
  case "cumulative-from-end":
125
123
  return new l({ start: new Date(e), end: null });
@@ -131,25 +129,25 @@ class f extends h {
131
129
  return new l({ start: new Date(e), end: new Date(i ?? e) });
132
130
  }
133
131
  }
134
- #o() {
132
+ #r() {
135
133
  const { messages: e, showLockTimeWindow: i, viewModel: t } = this;
136
134
  if (!e || !i || !t)
137
135
  return null;
138
136
  const s = this.lockTimeWindow ? "lock" : "unlock", r = this.lockTimeWindow ? e.unlockTimeWindow : e.lockTimeWindow;
139
- return a`<calcite-action .active=${this.lockTimeWindow} class="lock-time-window" .disabled=${t.disabled || t.mode !== "time-window"} .icon=${s} @click=${this.#g} .text=${r} title=${r ?? g}></calcite-action>`;
137
+ return a`<calcite-action .active=${this.lockTimeWindow} class="lock-time-window" .disabled=${!t.interactive || t.mode !== "time-window"} .icon=${s} @click=${this.#u} .text=${r} title=${r ?? g}></calcite-action>`;
140
138
  }
141
- #l() {
139
+ #n() {
142
140
  const e = this.viewModel?.fullTimeExtent?.end;
143
141
  return this.showMax && e ? a`<slot name=max><arcgis-time-bar-date .autoDestroyDisabled=${this.autoDestroyDisabled} class="max-date" .date=${e} .viewModel=${this.viewModel}></arcgis-time-bar-date></slot>` : a`<div class="hidden"></div>`;
144
142
  }
145
- #c() {
143
+ #o() {
146
144
  const e = this.viewModel?.fullTimeExtent?.start;
147
145
  return this.showMin && e ? a`<slot name=min><arcgis-time-bar-date .autoDestroyDisabled=${this.autoDestroyDisabled} class="min-date" .date=${e} .viewModel=${this.viewModel}></arcgis-time-bar-date></slot>` : a`<div class="hidden"></div>`;
148
146
  }
149
- #f() {
150
- return this.popoverDisplay !== "none" ? a`<div class="popover" slot=popover><slot name=popover>${this.#b()}</slot></div>` : null;
147
+ #w() {
148
+ return this.popoverDisplay !== "none" ? a`<div class="popover" slot=popover><slot name=popover>${this.#p()}</slot></div>` : null;
151
149
  }
152
- #b() {
150
+ #p() {
153
151
  const { activeValue: e, messages: i, viewModel: t } = this;
154
152
  if (!e || !i || !t)
155
153
  return null;
@@ -165,26 +163,22 @@ class f extends h {
165
163
  return e instanceof Date ? a`<arcgis-time-bar-date .autoDestroyDisabled=${this.autoDestroyDisabled} .date=${e} .viewModel=${t}></arcgis-time-bar-date>` : a`<arcgis-time-bar-extent .autoDestroyDisabled=${this.autoDestroyDisabled} .messages=${i} .viewModel=${t}></arcgis-time-bar-extent>`;
166
164
  }
167
165
  }
168
- #d() {
166
+ #l() {
169
167
  const { messages: e, viewModel: i } = this;
170
- if (!i?.fullTimeExtent?.start || !i?.fullTimeExtent?.end || !e)
171
- return null;
172
- const t = this.#h(i.fullTimeExtent, this._sliderWidth ?? this.#r);
173
- if (!t)
168
+ if (!i?.fullTimeExtent?.start || !i?.fullTimeExtent?.end || !e || (i.tickFormat = this.#m(i.fullTimeExtent, this._sliderWidth ?? this.#s), !i.tickFormat))
174
169
  return null;
175
- (!this.#i || !this.#s || this.#i !== t) && (this.#i = t, this.#s = i.getTickValues(t.timeInterval), i.tickFormat = t.format);
176
- const s = i.fullTimeExtent.start.getTime(), r = i.fullTimeExtent.end.getTime();
177
- return a`<div class="slider-container" ${u(this.#m())}><arcgis-slider allow-values-overlap .autoDestroyDisabled=${this.autoDestroyDisabled} class=${v({
170
+ const t = i.fullTimeExtent.start.getTime(), s = i.fullTimeExtent.end.getTime();
171
+ return a`<div class="slider-container" ${u(this.#c())}><arcgis-slider allow-values-overlap .autoDestroyDisabled=${this.autoDestroyDisabled} class=${v({
178
172
  slider: !0,
179
173
  "slider--has-ticks": this.showTicks,
180
174
  "slider--out-of-range": i.isOutOfRange
181
- })} .disabled=${!i.interactive} .fillPlacement=${this._sliderFillPlacement} .labelFormatter=${this.#n} .max=${r} .min=${s} @arcgisActiveValueChange=${this.#v} @arcgisInput=${this.#w} .popoverLabel=${e.timeExtent} .popoverDisplay=${this.popoverDisplay === "none" ? "auto" : this.popoverDisplay} precision=0 .steps=${i.effectiveStopsEpoch} .values=${this._timeExtentEpochValues} .valuesDraggingDisabled=${this.lockTimeWindow}>${this.#f()}${this.#k(i, s, r)}</arcgis-slider></div>`;
175
+ })} .disabled=${!i.interactive} .fillPlacement=${this._sliderFillPlacement} .labelFormatter=${this.#a} .max=${s} .min=${t} @arcgisActiveValueChange=${this.#h} @arcgisInput=${this.#g} .popoverLabel=${e.timeExtent} .popoverDisplay=${this.popoverDisplay === "none" ? "auto" : this.popoverDisplay} precision=0 .steps=${i.effectiveStopsEpoch} .values=${this._timeExtentEpochValues} .valuesDraggingDisabled=${this.lockTimeWindow}>${this.#w()}${this.#f(i, t, s)}</arcgis-slider></div>`;
182
176
  }
183
- #k(e, i, t) {
184
- return this.showTicks ? a`<div slot=content-end class="ticks-container"><slot name=content-end><arcgis-ticks .autoDestroyDisabled=${this.autoDestroyDisabled} .labelFormatter=${e.tickFormatter} .max=${t} .min=${i} mode=value show-labels .values=${this.#s}></arcgis-ticks></slot></div>` : null;
177
+ #f(e, i, t) {
178
+ return this.showTicks ? a`<div slot=content-end class="ticks-container"><slot name=content-end><arcgis-ticks .autoDestroyDisabled=${this.autoDestroyDisabled} .labelFormatter=${e.tickFormatter} .max=${t} .min=${i} mode=value show-labels .values=${e.tickValues}></arcgis-ticks></slot></div>` : null;
185
179
  }
186
180
  render() {
187
- return a`<div class="root">${this._direction === "ltr" ? a`${this.#o()}${this.#c()}${this.#d()}${this.#l()}` : a`${this.#l()}${this.#d()}${this.#c()}${this.#o()}`}</div>`;
181
+ return a`<div class="root">${this._direction === "ltr" ? a`${this.#r()}${this.#o()}${this.#l()}${this.#n()}` : a`${this.#n()}${this.#l()}${this.#o()}${this.#r()}`}</div>`;
188
182
  }
189
183
  }
190
184
  d("arcgis-time-bar-slider", f);
@@ -320,7 +320,8 @@ export abstract class ArcgisUtilityNetworkTraceAnalysis extends LitElement {
320
320
  */
321
321
  accessor hidePlaceholder: boolean;
322
322
  /**
323
- * Indicates whether default actions are disabled (hidden) when viewing trace result features.
323
+ * Indicates whether default actions are disabled (hidden) when
324
+ * selecting trace locations and viewing trace result features.
324
325
  * This property must be set to `true` to disable default actions.
325
326
  *
326
327
  * @default false
@@ -406,7 +407,7 @@ export abstract class ArcgisUtilityNetworkTraceAnalysis extends LitElement {
406
407
  */
407
408
  readonly arcgisHideGraphicsChange: import("@arcgis/lumina").TargetedEvent<this, boolean>;
408
409
  /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
409
- readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "aggregatedGeometryResultsGraphicsColor" | "hideGraphics"; }>;
410
+ readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "aggregatedGeometryResultsGraphicsColor" | "hideGraphics" | "state" | "traceError" | "traceResult"; }>;
410
411
  /** Emitted when the component associated with a map or scene view is ready for user interaction. */
411
412
  readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
412
413
  /**
@@ -450,7 +451,7 @@ export abstract class ArcgisUtilityNetworkTraceAnalysis extends LitElement {
450
451
  */
451
452
  readonly arcgisTraceLocationSelectStart: import("@arcgis/lumina").TargetedEvent<this, SelectStartPayload>;
452
453
  /**
453
- * Fires when the trace result is cleared from the results tab.
454
+ * Fires when trace results and errors are cleared from the results tab.
454
455
  *
455
456
  * @example
456
457
  * ```js
@@ -3,18 +3,18 @@ import { c as v } from "../../chunks/runtime.js";
3
3
  import { ref as c } from "lit/directives/ref.js";
4
4
  import h from "@arcgis/core/Color.js";
5
5
  import R from "@arcgis/core/core/Collection.js";
6
- import { when as b } from "@arcgis/core/core/reactiveUtils.js";
7
- import w from "@arcgis/core/networks/UtilityNetworkTraceAnalysis.js";
8
- import { LitElement as T, createEvent as r } from "@arcgis/lumina";
9
- import { usePropertyChange as $ } from "@arcgis/lumina/controllers";
10
- import { slotChangeGetAssignedElements as u } from "@arcgis/toolkit/dom/slots";
11
- import { log as g } from "@arcgis/toolkit/log";
12
- import { css as _, html as a } from "lit";
13
- import { u as E } from "../../chunks/useT9n.js";
14
- import { m as C } from "../../chunks/useViewModel.js";
15
- import { l as d } from "../../chunks/async-utils.js";
16
- import { a as p } from "../../chunks/types.js";
17
- const S = _`: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-view-corner-radius: 0px;--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;--calcite-panel-background-color: var(--calcite-color-background);min-height:var(--arcgis-internal-panel-height-sm, 240px)}calcite-panel{--calcite-panel-background-color: var(--calcite-color-foreground-1)}calcite-notice{margin:var(--calcite-spacing-md)}slot[name=results]::slotted(:not(arcgis-utility-network-trace-results)){display:none}slot[name=results]::slotted([arcgis-hidden-results-slot-item]){display:none}.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}}`, k = C(w), m = "arcgis-utility-network-trace-results", f = "arcgis-hidden-results-slot-item", x = [
6
+ import { when as w } from "@arcgis/core/core/reactiveUtils.js";
7
+ import T from "@arcgis/core/networks/UtilityNetworkTraceAnalysis.js";
8
+ import { LitElement as $, createEvent as r } from "@arcgis/lumina";
9
+ import { usePropertyChange as C, bypassReadOnly as g } from "@arcgis/lumina/controllers";
10
+ import { slotChangeGetAssignedElements as d } from "@arcgis/toolkit/dom/slots";
11
+ import { log as u } from "@arcgis/toolkit/log";
12
+ import { css as E, html as a } from "lit";
13
+ import { u as G } from "../../chunks/useT9n.js";
14
+ import { m as S } from "../../chunks/useViewModel.js";
15
+ import { l as p } from "../../chunks/async-utils.js";
16
+ import { a as m } from "../../chunks/types.js";
17
+ const k = E`: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-view-corner-radius: 0px;--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;--calcite-panel-background-color: var(--calcite-color-background);min-height:var(--arcgis-internal-panel-height-sm, 240px)}calcite-panel{--calcite-panel-background-color: var(--calcite-color-foreground-1)}calcite-notice{margin:var(--calcite-spacing-md)}slot[name=results]::slotted(:not(arcgis-utility-network-trace-results)){display:none}slot[name=results]::slotted([arcgis-hidden-results-slot-item]){display:none}.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}}`, x = S(T), f = "arcgis-utility-network-trace-results", y = "arcgis-hidden-results-slot-item", P = [
18
18
  "actions",
19
19
  "autoDestroyDisabled",
20
20
  "aggregatedGeometryResultsGraphicsColor",
@@ -22,34 +22,35 @@ const S = _`:host{--arcgis-internal-color-black-30: color-mix(in srgb, #000000 3
22
22
  "disableHighlightFeatureResults",
23
23
  "hideActionBar",
24
24
  "hideFeatureResults",
25
+ "hideGraphics",
25
26
  "hidePlaceholder",
26
27
  "includeDefaultActionsDisabled",
27
28
  "messageOverrides",
28
29
  "referenceElement",
29
- "view",
30
- "_traceError",
31
- "_traceResult"
30
+ "traceError",
31
+ "traceResult",
32
+ "view"
32
33
  ];
33
- class P extends T {
34
+ class _ extends $ {
34
35
  constructor() {
35
- super(...arguments), this._messages = E({ blocking: !0 }), this.#s = k(this), this.#a = (e) => {
36
+ super(...arguments), this._messages = G({ blocking: !0 }), this.#s = x(this), this.#r = (e) => {
36
37
  const { detail: t, target: s } = e;
37
- t.name === "hideGraphics" ? (e.stopPropagation(), this.hideGraphics = s[t.name], this.arcgisHideGraphicsChange.emit(this.hideGraphics)) : t.name === "aggregatedGeometryResultsGraphicsColor" ? (e.stopPropagation(), this.aggregatedGeometryResultsGraphicsColor = s[t.name]) : t.name === "aggregatedGeometryResultsSize" && (e.stopPropagation(), this.aggregatedGeometryResultsSize = s[t.name]);
38
- }, this.#r = (e) => {
39
- e.stopPropagation(), this.arcgisTraceResultClear.emit();
38
+ t.name === "hideGraphics" ? (e.stopPropagation(), this.hideGraphics = s[t.name], this.arcgisHideGraphicsChange.emit(this.hideGraphics)) : t.name === "aggregatedGeometryResultsGraphicsColor" ? (e.stopPropagation(), this.aggregatedGeometryResultsGraphicsColor = s[t.name]) : t.name === "aggregatedGeometryResultsSize" ? (e.stopPropagation(), this.aggregatedGeometryResultsSize = s[t.name]) : (t.name === "state" || t.name === "traceError" || t.name === "traceResult") && e.stopPropagation();
40
39
  }, this.#n = (e) => {
41
- e.stopPropagation(), this.arcgisTraceResultFeaturesReady.emit(), this.arcgisTraceResultReady.emit();
40
+ e.stopPropagation(), this.arcgisTraceResultClear.emit();
42
41
  }, this.#o = (e) => {
42
+ e.stopPropagation(), this.arcgisTraceResultFeaturesReady.emit(), this.arcgisTraceResultReady.emit();
43
+ }, this.#a = (e) => {
43
44
  e.stopPropagation(), this.arcgisTriggerAction.emit(e.detail);
44
- }, this._activeTab = "input", this._showMissingTerminalWarning = !1, this._showNoStartingPointsWarning = !1, this._slottedElements = [], this._mode = "default", this.autoDestroyDisabled = !1, this.aggregatedGeometryResultsGraphicsColor = new h(p), this.aggregatedGeometryResultsSize = 12, this.disableHighlightFeatureResults = !1, this.flowItems = new R(), this.hideActionBar = !1, this.hideClearResultsCount = !1, this.hideGraphics = !1, this.hidePlaceholder = !1, this.hideFeatureResults = !1, this.includeDefaultActionsDisabled = !1, this.state = this.#s.state, this.view = this.#s.view, this.arcgisError = r(), this.arcgisHideGraphicsChange = r(), this.arcgisPropertyChange = $()("aggregatedGeometryResultsGraphicsColor", "hideGraphics"), this.arcgisReady = r(), this.arcgisTraceLocationSelectEnd = r(), this.arcgisTraceLocationSelectStart = r(), this.arcgisTraceResultClear = r(), this.arcgisTraceResultFeaturesReady = r(), this.arcgisTraceResultReady = r(), this.arcgisTriggerAction = r();
45
+ }, this._activeTab = "input", this._showMissingTerminalWarning = !1, this._showNoStartingPointsWarning = !1, this._slottedElements = [], this._mode = "default", this.autoDestroyDisabled = !1, this.aggregatedGeometryResultsGraphicsColor = new h(m), this.aggregatedGeometryResultsSize = 12, this.disableHighlightFeatureResults = !1, this.flowItems = new R(), this.hideActionBar = !1, this.hideClearResultsCount = !1, this.hideGraphics = !1, this.hidePlaceholder = !1, this.hideFeatureResults = !1, this.includeDefaultActionsDisabled = !1, this.state = this.#s.state, this.view = this.#s.view, this.arcgisError = r(), this.arcgisHideGraphicsChange = r(), this.arcgisPropertyChange = C()("aggregatedGeometryResultsGraphicsColor", "hideGraphics", "state", "traceError", "traceResult"), this.arcgisReady = r(), this.arcgisTraceLocationSelectEnd = r(), this.arcgisTraceLocationSelectStart = r(), this.arcgisTraceResultClear = r(), this.arcgisTraceResultFeaturesReady = r(), this.arcgisTraceResultReady = r(), this.arcgisTriggerAction = r();
45
46
  }
46
47
  static {
47
- this.properties = { _activeTab: 16, _traceError: 16, _traceResult: 16, _showMissingTerminalWarning: 16, _showNoStartingPointsWarning: 16, _slottedElements: 16, _mode: 16, actions: 0, autoDestroyDisabled: 5, beforeMapInteraction: 0, aggregatedGeometryResultsGraphicsColor: [1, { converter: {
48
- fromAttribute: (e) => h.fromString(e) ?? new h(p)
48
+ this.properties = { _activeTab: 16, _showMissingTerminalWarning: 16, _showNoStartingPointsWarning: 16, _slottedElements: 16, _mode: 16, actions: 0, autoDestroyDisabled: 5, beforeMapInteraction: 0, aggregatedGeometryResultsGraphicsColor: [1, { converter: {
49
+ fromAttribute: (e) => h.fromString(e) ?? new h(m)
49
50
  } }], aggregatedGeometryResultsSize: 9, disableHighlightFeatureResults: 5, flowItems: 32, hideActionBar: 5, hideClearResultsCount: 5, hideGraphics: 5, hidePlaceholder: 5, hideFeatureResults: 5, includeDefaultActionsDisabled: 5, label: 3, messageOverrides: 0, traceResultFeatures: 32, traceResult: 0, traceError: 32, referenceElement: 1, state: 32, view: 0 };
50
51
  }
51
52
  static {
52
- this.styles = S;
53
+ this.styles = k;
53
54
  }
54
55
  get #c() {
55
56
  return this.view?.map?.allLayers.toArray().concat(this.view.map.allTables.toArray()) ?? [];
@@ -59,24 +60,15 @@ class P extends T {
59
60
  #h;
60
61
  #s;
61
62
  get #p() {
62
- return Array.from(this.el.children).some((e) => e.slot === "results" && e.matches(m));
63
+ return Array.from(this.el.children).some((e) => e.slot === "results" && e.matches(f));
63
64
  }
64
- #a;
65
65
  #r;
66
66
  #n;
67
67
  #o;
68
+ #a;
68
69
  get traceResultFeatures() {
69
70
  return this.#e?.traceResultFeatures ?? [];
70
71
  }
71
- get traceResult() {
72
- return this._traceResult;
73
- }
74
- set traceResult(e) {
75
- this._traceResult = e;
76
- }
77
- get traceError() {
78
- return this._traceError;
79
- }
80
72
  async destroy() {
81
73
  this.#u(this.#e);
82
74
  const e = await Promise.allSettled([
@@ -84,25 +76,25 @@ class P extends T {
84
76
  this.#t?.destroy()
85
77
  ]);
86
78
  for (const t of e)
87
- t.status === "rejected" && d(t.reason, this, "Error while destroying trace analysis component");
79
+ t.status === "rejected" && p(t.reason, this, "Error while destroying trace analysis component");
88
80
  this.#t = void 0, this.#e = void 0, await this.manager.destroy();
89
81
  }
90
82
  load() {
91
83
  this.manager.onLifecycle(() => [
92
- b(() => !this.#s.utilityNetwork, () => this.#i("input"))
84
+ w(() => !this.#s.utilityNetwork, () => this.#i("input"))
93
85
  ]);
94
86
  }
95
87
  willUpdate(e) {
96
- x.some((t) => e.has(t)) && this.#l(this.#e);
88
+ P.some((t) => e.has(t)) && this.#l(this.#e);
97
89
  }
98
90
  #g() {
99
- this._traceResult = void 0, this.#e?.clearResults(), this.#h?.flowItems.removeAll();
91
+ this.traceResult = void 0, g(() => this.traceError = void 0), this.#e?.clearResults(), this.#h?.flowItems.removeAll();
100
92
  }
101
93
  #m() {
102
94
  if (!this.#t)
103
95
  return;
104
- const { traceLocations: e, traceLocationDetails: t, traceConfiguration: s, isSubnetworkNameTraceSelected: i } = this.#t, n = !!s?.subnetworkName, l = e?.some((o) => o.type === "starting-point"), y = t?.some((o) => !!o.flagProperties.terminalConfiguration && !o.flagProperties.selectedTerminals?.size) ?? !1;
105
- this._traceError = void 0, this._showNoStartingPointsWarning = !i && !l || i && !n, this._showMissingTerminalWarning = y;
96
+ const { traceLocations: e, traceLocationDetails: t, traceConfiguration: s, isSubnetworkNameTraceSelected: i } = this.#t, n = !!s?.subnetworkName, l = e?.some((o) => o.type === "starting-point"), b = t?.some((o) => !!o.flagProperties.terminalConfiguration && !o.flagProperties.selectedTerminals?.size) ?? !1;
97
+ this._showNoStartingPointsWarning = !i && !l || i && !n, this._showMissingTerminalWarning = b;
106
98
  }
107
99
  #i(e) {
108
100
  this._activeTab = e;
@@ -119,23 +111,24 @@ class P extends T {
119
111
  expanded: !0,
120
112
  hideActionBar: this.hideActionBar,
121
113
  hideFeatureResults: this.hideFeatureResults,
114
+ hideGraphics: this.hideGraphics,
122
115
  hidePlaceholder: this.hidePlaceholder,
123
116
  includeDefaultActionsDisabled: this.includeDefaultActionsDisabled,
124
117
  layers: this.#c,
125
118
  messageOverrides: this.messageOverrides,
126
119
  referenceElement: this.referenceElement,
127
- traceError: this._traceError,
128
- traceResult: this._traceResult,
120
+ traceError: this.traceError,
121
+ traceResult: this.traceResult,
129
122
  utilityNetwork: this.#s.utilityNetwork ?? void 0,
130
123
  view: this.view ?? void 0
131
124
  };
132
125
  Object.assign(e, t);
133
126
  }
134
127
  #f(e) {
135
- e && (e.addEventListener("arcgisPropertyChange", this.#a), e.addEventListener("arcgisResultsReady", this.#n), e.addEventListener("arcgisTraceResultClear", this.#r), e.addEventListener("arcgisTriggerAction", this.#o));
128
+ e && (e.addEventListener("arcgisPropertyChange", this.#r), e.addEventListener("arcgisResultsReady", this.#o), e.addEventListener("arcgisTraceResultClear", this.#n), e.addEventListener("arcgisTriggerAction", this.#a));
136
129
  }
137
130
  #u(e) {
138
- e && (e.removeEventListener("arcgisPropertyChange", this.#a), e.removeEventListener("arcgisResultsReady", this.#n), e.removeEventListener("arcgisTraceResultClear", this.#r), e.removeEventListener("arcgisTriggerAction", this.#o));
131
+ e && (e.removeEventListener("arcgisPropertyChange", this.#r), e.removeEventListener("arcgisResultsReady", this.#o), e.removeEventListener("arcgisTraceResultClear", this.#n), e.removeEventListener("arcgisTriggerAction", this.#a));
139
132
  }
140
133
  #y(e) {
141
134
  const { _messages: t } = this;
@@ -152,15 +145,15 @@ class P extends T {
152
145
  return e;
153
146
  }
154
147
  }
155
- async #v() {
148
+ async #b() {
156
149
  const e = this.#t?.selectedNamedTraceConfiguration, t = this.#t?.traceConfiguration;
157
150
  if (!(e?.traceType && t)) {
158
- g("error", this, "Trace configuration not found"), this._traceError = new Error("Trace configuration not found"), this.arcgisError.emit();
151
+ u("error", this, "Trace configuration not found"), g(() => this.traceError = new Error("Trace configuration not found")), this.arcgisError.emit();
159
152
  return;
160
153
  }
161
154
  const s = this.#t?.traceLocations;
162
155
  try {
163
- this._traceResult = await this.#s.executeTraceConfiguration({
156
+ this.traceResult = await this.#s.executeTraceConfiguration({
164
157
  traceType: e.traceType,
165
158
  traceConfiguration: t,
166
159
  traceLocations: s ?? [],
@@ -168,13 +161,13 @@ class P extends T {
168
161
  outSpatialReference: this.view?.spatialReference
169
162
  });
170
163
  } catch (i) {
171
- d(i, this, "Error while running trace"), this._traceError = i, this._traceResult = void 0, this.arcgisError.emit();
164
+ p(i, this, "Error while running trace"), g(() => this.traceError = i), this.traceResult = void 0, this.arcgisError.emit();
172
165
  }
173
166
  }
174
- #R() {
175
- this.#m(), !(this._showNoStartingPointsWarning || this._showMissingTerminalWarning) && (this._showNoStartingPointsWarning = !1, this._showMissingTerminalWarning = !1, this.#g(), this.#i("results"), this.#v());
167
+ #v() {
168
+ this.#m(), !(this._showNoStartingPointsWarning || this._showMissingTerminalWarning) && (this._showNoStartingPointsWarning = !1, this._showMissingTerminalWarning = !1, this.#g(), this.#i("results"), this.#b());
176
169
  }
177
- #b(e) {
170
+ #R(e) {
178
171
  e && (this.#t = e);
179
172
  }
180
173
  #d(e) {
@@ -184,26 +177,26 @@ class P extends T {
184
177
  this.#h = e;
185
178
  }
186
179
  #T(e) {
187
- this._slottedElements = u(e);
188
- const t = u(e, m);
189
- if ((!t.length || t.length < this._slottedElements.length) && g("warn", this, "The trace results pane only renders instances of `arcgis-utility-network-trace-results` in the `results` slot."), t.length > 1 && g("warn", this, "Multiple `arcgis-utility-network-trace-results` elements were provided in the `results` slot. Only the first will render."), !t.length)
180
+ this._slottedElements = d(e);
181
+ const t = d(e, f);
182
+ if ((!t.length || t.length < this._slottedElements.length) && u("warn", this, "The trace results pane only renders instances of `arcgis-utility-network-trace-results` in the `results` slot."), t.length > 1 && u("warn", this, "Multiple `arcgis-utility-network-trace-results` elements were provided in the `results` slot. Only the first will render."), !t.length)
190
183
  return;
191
184
  const [s] = t;
192
185
  for (const i of t)
193
- i === s ? i.removeAttribute(f) : i.setAttribute(f, "");
186
+ i === s ? i.removeAttribute(y) : i.setAttribute(y, "");
194
187
  this.#d(s), this.#l(s);
195
188
  }
196
189
  #$(e) {
197
190
  e.stopPropagation(), this.arcgisTraceLocationSelectStart.emit(e.detail).defaultPrevented && e.preventDefault();
198
191
  }
199
- #_(e) {
192
+ #C(e) {
200
193
  e.stopPropagation(), this.arcgisTraceLocationSelectEnd.emit();
201
194
  }
202
195
  #E(e) {
203
196
  const { detail: t, target: s } = e;
204
197
  e.stopPropagation(), t.name === "selectedUtilityNetwork" && (this.#s.utilityNetwork = s.selectedUtilityNetwork, this.#l(this.#e)), t.name === "selectedNamedTraceConfiguration" && (this._showNoStartingPointsWarning = !1, this._showMissingTerminalWarning = !1), t.name === "mode" && (this._mode = s.mode);
205
198
  }
206
- #C() {
199
+ #G() {
207
200
  const { _messages: e } = this;
208
201
  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>`;
209
202
  }
@@ -212,31 +205,31 @@ class P extends T {
212
205
  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>`;
213
206
  }
214
207
  #k() {
215
- return 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>` || ""}<arcgis-utility-network-trace-results-pane hide-warnings .hidden=${this.state === "executing"} ${c(this.#w)}><slot name=results @slotchange=${this.#T}></slot>${this.#p ? null : a`<arcgis-utility-network-trace-results .actions=${this.actions} .autoDestroyDisabled=${this.autoDestroyDisabled} .aggregatedGeometryResultsGraphicsColor=${this.aggregatedGeometryResultsGraphicsColor} .aggregatedGeometryResultsSize=${this.aggregatedGeometryResultsSize} .disableHighlightFeatureResults=${this.disableHighlightFeatureResults} expanded .hideActionBar=${this.hideActionBar} .hideFeatureResults=${this.hideFeatureResults} .hidePlaceholder=${this.hidePlaceholder} .includeDefaultActionsDisabled=${this.includeDefaultActionsDisabled} .layers=${this.#c} .messageOverrides=${this.messageOverrides} .referenceElement=${this.referenceElement} .traceError=${this._traceError} .traceResult=${this._traceResult} .utilityNetwork=${this.#s.utilityNetwork ?? void 0} .view=${this.view ?? void 0} ${c(this.#d)}></arcgis-utility-network-trace-results>`}</arcgis-utility-network-trace-results-pane></calcite-tab>`;
208
+ return 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>` || ""}<arcgis-utility-network-trace-results-pane hide-warnings .hidden=${this.state === "executing"} ${c(this.#w)}><slot name=results @slotchange=${this.#T}></slot>${this.#p ? null : a`<arcgis-utility-network-trace-results .actions=${this.actions} .autoDestroyDisabled=${this.autoDestroyDisabled} .aggregatedGeometryResultsGraphicsColor=${this.aggregatedGeometryResultsGraphicsColor} .aggregatedGeometryResultsSize=${this.aggregatedGeometryResultsSize} .disableHighlightFeatureResults=${this.disableHighlightFeatureResults} expanded .hideActionBar=${this.hideActionBar} .hideFeatureResults=${this.hideFeatureResults} .hideGraphics=${this.hideGraphics} .hidePlaceholder=${this.hidePlaceholder} .includeDefaultActionsDisabled=${this.includeDefaultActionsDisabled} .layers=${this.#c} .messageOverrides=${this.messageOverrides} .referenceElement=${this.referenceElement} .traceError=${this.traceError} .traceResult=${this.traceResult} .utilityNetwork=${this.#s.utilityNetwork ?? void 0} .view=${this.view ?? void 0} ${c(this.#d)}></arcgis-utility-network-trace-results>`}</arcgis-utility-network-trace-results-pane></calcite-tab>`;
216
209
  }
217
210
  #x() {
218
- const { _messages: e, _traceResult: t } = this, i = !!(t?.elements.length || t?.globalFunctionResults.length || t?.aggregatedGeometry) && this.#e?.state === "ready", n = this.#e?.numFeatureResults ?? 0, l = n > 0 && !this.hideFeatureResults && !this.hideClearResultsCount && this.state !== "executing";
211
+ const { _messages: e, traceResult: t } = this, i = !!(t?.elements.length || t?.globalFunctionResults.length || t?.aggregatedGeometry) && this.#e?.state === "ready", n = this.#e?.numFeatureResults ?? 0, l = n > 0 && !this.hideFeatureResults && !this.hideClearResultsCount && this.state !== "executing";
219
212
  return a`<calcite-button appearance=outline width=full @click=${() => {
220
213
  this.#i("input"), this.#g();
221
214
  }} .disabled=${!i} slot=footer>${l ? e.buttons.clearResultsCustom.replace("{number}", n.toString()) : e.buttons.clearResultsGeneric}</calcite-button>`;
222
215
  }
223
216
  #P() {
224
- const { _mode: e } = this, { loadError: t } = this.#s, i = (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.#y(t)}</div></calcite-notice>` : void 0) ?? a`${this._showNoStartingPointsWarning && e === "default" && this.#S() || ""}${this._showMissingTerminalWarning && e === "default" && this.#C() || ""}<arcgis-utility-network-trace-inputs .autoDestroyDisabled=${this.autoDestroyDisabled} .hideFeaturesActionBar=${this.hideActionBar} .messageOverrides=${this.messageOverrides} .referenceElement=${this.referenceElement} .view=${this.view ?? void 0} .beforeMapInteraction=${this.beforeMapInteraction} @arcgisPropertyChange=${this.#E} @arcgisTraceLocationSelectEnd=${this.#_} @arcgisTraceLocationSelectStart=${this.#$} ${c(this.#b)}></arcgis-utility-network-trace-inputs>`;
217
+ const { _mode: e } = this, { loadError: t } = this.#s, i = (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.#y(t)}</div></calcite-notice>` : void 0) ?? a`${this._showNoStartingPointsWarning && e === "default" && this.#S() || ""}${this._showMissingTerminalWarning && e === "default" && this.#G() || ""}<arcgis-utility-network-trace-inputs .actions=${this.actions} .autoDestroyDisabled=${this.autoDestroyDisabled} .hideActionBar=${this.hideActionBar} .includeDefaultActionsDisabled=${this.includeDefaultActionsDisabled} .messageOverrides=${this.messageOverrides} .referenceElement=${this.referenceElement} .view=${this.view ?? void 0} .beforeMapInteraction=${this.beforeMapInteraction} @arcgisPropertyChange=${this.#E} @arcgisTraceLocationSelectEnd=${this.#C} @arcgisTraceLocationSelectStart=${this.#$} @arcgisTriggerAction=${this.#a} ${c(this.#R)}></arcgis-utility-network-trace-inputs>`;
225
218
  return a`<calcite-tab .selected=${this._activeTab === "input"}><div class="inputs-tab-container">${i}</div></calcite-tab>`;
226
219
  }
227
- #G() {
220
+ #_() {
228
221
  const { state: e } = this;
229
222
  if (this._mode !== "default")
230
223
  return null;
231
224
  const t = e === "disabled" || e === "loading" || !this.#t?.traceConfiguration;
232
- return a`<calcite-button appearance=solid width=full @click=${this.#R} slot=footer .disabled=${t}>${this._messages.buttons.getResults}</calcite-button>`;
225
+ return a`<calcite-button appearance=solid width=full @click=${this.#v} slot=footer .disabled=${t}>${this._messages.buttons.getResults}</calcite-button>`;
233
226
  }
234
227
  render() {
235
228
  const { _activeTab: e, state: t } = this;
236
- return a`<calcite-panel><calcite-tabs layout=center position=top><calcite-tab-nav slot=title-group><calcite-tab-title @calciteTabsActivate=${() => this.#i("input")} .selected=${e === "input"}>${this._messages.tabs.inputTab}</calcite-tab-title><calcite-tab-title @calciteTabsActivate=${() => this.#i("results")} .selected=${e === "results"} .disabled=${t === "disabled" || t === "loading"}>${this._messages.tabs.resultsTab}</calcite-tab-title></calcite-tab-nav>${this.#P()}${this.#k()}</calcite-tabs>${e === "input" ? this.#G() : null}${e === "results" ? this.#x() : null}</calcite-panel>`;
229
+ return a`<calcite-panel><calcite-tabs layout=center position=top><calcite-tab-nav slot=title-group><calcite-tab-title @calciteTabsActivate=${() => this.#i("input")} .selected=${e === "input"}>${this._messages.tabs.inputTab}</calcite-tab-title><calcite-tab-title @calciteTabsActivate=${() => this.#i("results")} .selected=${e === "results"} .disabled=${t === "disabled" || t === "loading"}>${this._messages.tabs.resultsTab}</calcite-tab-title></calcite-tab-nav>${this.#P()}${this.#k()}</calcite-tabs>${e === "input" ? this.#_() : null}${e === "results" ? this.#x() : null}</calcite-panel>`;
237
230
  }
238
231
  }
239
- v("arcgis-utility-network-trace-analysis", P);
232
+ v("arcgis-utility-network-trace-analysis", _);
240
233
  export {
241
- P as ArcgisUtilityNetworkTraceAnalysis
234
+ _ as ArcgisUtilityNetworkTraceAnalysis
242
235
  };
@@ -5,13 +5,14 @@ import type UNTraceConfiguration from "@arcgis/core/networks/support/UNTraceConf
5
5
  import type UtilityNetwork from "@arcgis/core/networks/UtilityNetwork.js";
6
6
  import type TraceLocation from "@arcgis/core/rest/networks/support/TraceLocation.js";
7
7
  import type MapView from "@arcgis/core/views/MapView.js";
8
+ import type { ActionEvent } from "@arcgis/core/widgets/Popup/types.js";
8
9
  import type { PublicLitElement as LitElement } from "@arcgis/lumina";
9
10
  import type { ArcgisFeaturesNext } from "../arcgis-features-next/customElement.js";
10
11
  import type { ArcgisUtilityNetworkPicker } from "../arcgis-utility-network-picker/customElement.js";
11
12
  import type { ArcgisReferenceElement } from "../types.js";
12
13
  import type { UtilityNetworkTraceAnalysisDisplayMode } from "../arcgis-utility-network-trace-analysis/types.js";
13
14
  import type { ArcgisUtilityNetworkTraceConfigurationPicker } from "../arcgis-utility-network-trace-configuration-picker/customElement.js";
14
- import type { ArcgisUtilityNetworkTraceLocations, TraceLocationDetails, SelectStartPayload } from "../arcgis-utility-network-trace-locations/customElement.js";
15
+ import type { ArcgisUtilityNetworkTraceLocations, SelectStartPayload, TraceLocationDetails } from "../arcgis-utility-network-trace-locations/customElement.js";
15
16
  import type { T9nMeta } from "@arcgis/lumina/controllers";
16
17
 
17
18
  /**
@@ -75,6 +76,16 @@ export abstract class ArcgisUtilityNetworkTraceInputs extends LitElement {
75
76
  };
76
77
  warnings: { exceededDisplayLimit: string; };
77
78
  }>;
79
+ /**
80
+ * A [collection](https://developers.arcgis.com/javascript/latest/references/core/core/Collection/) of [action button](https://developers.arcgis.com/javascript/latest/references/core/support/actions/ActionButton/) or [action toggle](https://developers.arcgis.com/javascript/latest/references/core/support/actions/ActionToggle/) objects. Each action may be executed by clicking the icon or image symbolizing them.
81
+ * There is a default `Zoom To` action styled with a magnifying glass icon to zoom in four LODs and center the map on the selected feature. This default action can be removed by setting [includeDefaultActionsDisabled](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-inputs/#includeDefaultActionsDisabled) to `true`, or by setting the [`overwriteActions`](https://developers.arcgis.com/javascript/latest/references/core/PopupTemplate/#overwriteActions) property to `true` in a [PopupTemplate](https://developers.arcgis.com/javascript/latest/references/core/PopupTemplate/).
82
+ *
83
+ * The order of each action is the order in which they appear in the actions [Collection](https://developers.arcgis.com/javascript/latest/references/core/core/Collection/). The [@arcgisTriggerAction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-inputs/#event-arcgisTriggerAction) event fires each time an action is clicked.
84
+ *
85
+ * @see [@arcgisTriggerAction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-inputs/#event-arcgisTriggerAction)
86
+ * @see [Popup actions sample](https://developers.arcgis.com/javascript/latest/sample-code/popup-actions/)
87
+ */
88
+ accessor actions: ArcgisFeaturesNext["actions"] | undefined;
78
89
  /**
79
90
  * If true, the component will not be destroyed automatically when it is
80
91
  * disconnected from the document. This is useful when you want to move the
@@ -97,10 +108,19 @@ export abstract class ArcgisUtilityNetworkTraceInputs extends LitElement {
97
108
  /** A function to run before trace location selection starts. */
98
109
  accessor beforeMapInteraction: (() => Promise<void>) | undefined;
99
110
  /**
111
+ * Indicates whether to hide the action bar that holds the feature's
112
+ * [arcgis-features-next.actions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-features-next/#actions) when selecting trace locations.
113
+ *
114
+ * @default false
115
+ */
116
+ accessor hideActionBar: boolean;
117
+ /**
118
+ * Indicates whether default actions are disabled (hidden) when selecting trace locations.
119
+ * This property must be set to `true` to disable default actions.
120
+ *
100
121
  * @default false
101
- * @internal
102
122
  */
103
- accessor hideFeaturesActionBar: boolean;
123
+ accessor includeDefaultActionsDisabled: boolean;
104
124
  /**
105
125
  * Whether a the user has selected a named trace configuration that executes a
106
126
  * subnetwork trace with a specified subnetwork name.
@@ -180,9 +200,12 @@ export abstract class ArcgisUtilityNetworkTraceInputs extends LitElement {
180
200
  * Can be prevented to stop the selection.
181
201
  */
182
202
  readonly arcgisTraceLocationSelectStart: import("@arcgis/lumina").TargetedEvent<this, SelectStartPayload>;
203
+ /** Emitted when an action is triggered on the component. */
204
+ readonly arcgisTriggerAction: import("@arcgis/lumina").TargetedEvent<this, ActionEvent>;
183
205
  readonly "@eventTypes": {
184
206
  arcgisPropertyChange: ArcgisUtilityNetworkTraceInputs["arcgisPropertyChange"]["detail"];
185
207
  arcgisTraceLocationSelectEnd: ArcgisUtilityNetworkTraceInputs["arcgisTraceLocationSelectEnd"]["detail"];
186
208
  arcgisTraceLocationSelectStart: ArcgisUtilityNetworkTraceInputs["arcgisTraceLocationSelectStart"]["detail"];
209
+ arcgisTriggerAction: ArcgisUtilityNetworkTraceInputs["arcgisTriggerAction"]["detail"];
187
210
  };
188
211
  }