@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.
- package/dist/cdn/5QPPN5GG.js +2 -0
- package/dist/cdn/6JYHS4C3.js +2 -0
- package/dist/cdn/74SNPIFY.js +2 -0
- package/dist/cdn/AHR2EGDU.js +2 -0
- package/dist/cdn/DV5RJXB4.js +2 -0
- package/dist/cdn/F6BKCG5R.js +2 -0
- package/dist/cdn/GUY54PVD.js +2 -0
- package/dist/cdn/{VE63QFIL.js → HGMLU4M2.js} +1 -1
- package/dist/cdn/{LBWATU26.js → N2BLQYTT.js} +1 -1
- package/dist/cdn/PT7IKQT5.js +2 -0
- package/dist/cdn/QTTIUOSW.js +2 -0
- package/dist/cdn/{RKTSSP3O.js → TD5NCGK6.js} +1 -1
- package/dist/cdn/V6RSLRWE.js +2 -0
- package/dist/cdn/{WXJN23WI.js → Y5LZUAMK.js} +1 -1
- package/dist/cdn/YYBNA7EL.js +2 -0
- package/dist/cdn/index.js +1 -1
- package/dist/chunks/loader-utils.js +41 -0
- package/dist/chunks/useArcgisViewReadyError.js +53 -50
- package/dist/components/arcgis-feature-next/customElement.js +21 -14
- package/dist/components/arcgis-feature-table/customElement.d.ts +58 -39
- package/dist/components/arcgis-features-next/customElement.js +137 -116
- package/dist/components/arcgis-oriented-imagery-viewer/customElement.js +5 -5
- package/dist/components/arcgis-sketch/customElement.js +146 -178
- package/dist/components/arcgis-time-bar/TimeBarViewModel.d.ts +2 -4
- package/dist/components/arcgis-time-bar/customElement.js +108 -105
- package/dist/components/arcgis-time-bar-date/customElement.js +10 -10
- package/dist/components/arcgis-time-bar-extent/customElement.js +9 -9
- package/dist/components/arcgis-time-bar-slider/customElement.js +27 -33
- package/dist/components/arcgis-utility-network-trace-analysis/customElement.d.ts +4 -3
- package/dist/components/arcgis-utility-network-trace-analysis/customElement.js +60 -67
- package/dist/components/arcgis-utility-network-trace-inputs/customElement.d.ts +26 -3
- package/dist/components/arcgis-utility-network-trace-inputs/customElement.js +53 -50
- package/dist/components/arcgis-utility-network-trace-results/customElement.d.ts +1 -2
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/vscode.html-custom-data.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/dist/loader.js +1 -1
- package/dist/types/lumina.d.ts +2 -1
- package/dist/types/preact.d.ts +2 -1
- package/dist/types/react.d.ts +2 -1
- package/dist/types/stencil.d.ts +2 -1
- package/package.json +6 -6
- package/dist/cdn/2AQYGR7K.js +0 -2
- package/dist/cdn/357GV4BC.js +0 -2
- package/dist/cdn/5OE4PEME.js +0 -2
- package/dist/cdn/ENZAFG6F.js +0 -2
- package/dist/cdn/I3KUEZ7I.js +0 -2
- package/dist/cdn/M7LDGJG6.js +0 -2
- package/dist/cdn/RZNCVTKT.js +0 -2
- package/dist/cdn/TZ6WQV6O.js +0 -2
- package/dist/cdn/TZXSRFN5.js +0 -2
- 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.#
|
|
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
|
-
#
|
|
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
|
-
#
|
|
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.#
|
|
101
|
+
return Number.isFinite(e) && e > 0 ? e : this.#i;
|
|
104
102
|
}
|
|
105
|
-
#
|
|
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.#
|
|
108
|
+
return t.tickFormats.find(({ duration: c }) => c > this.#d() * n) ?? t.tickFormats.at(-1);
|
|
111
109
|
}
|
|
112
|
-
#
|
|
110
|
+
#u() {
|
|
113
111
|
this.lockTimeWindow = !this.lockTimeWindow;
|
|
114
112
|
}
|
|
115
|
-
#
|
|
113
|
+
#h(e) {
|
|
116
114
|
this._activeValue = e.target.activeValue;
|
|
117
115
|
}
|
|
118
|
-
#
|
|
116
|
+
#g(e) {
|
|
119
117
|
const { viewModel: i } = this, t = i?.mode;
|
|
120
|
-
t && (i.timeExtent = this.#
|
|
118
|
+
t && (i.timeExtent = this.#v(e.target.values, t), this._activeValue = e.target.activeValue);
|
|
121
119
|
}
|
|
122
|
-
#
|
|
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
|
-
#
|
|
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.
|
|
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
|
-
#
|
|
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
|
-
#
|
|
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
|
-
#
|
|
150
|
-
return this.popoverDisplay !== "none" ? a`<div class="popover" slot=popover><slot name=popover>${this.#
|
|
147
|
+
#w() {
|
|
148
|
+
return this.popoverDisplay !== "none" ? a`<div class="popover" slot=popover><slot name=popover>${this.#p()}</slot></div>` : null;
|
|
151
149
|
}
|
|
152
|
-
#
|
|
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
|
-
#
|
|
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
|
-
|
|
176
|
-
|
|
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.#
|
|
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
|
-
#
|
|
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=${
|
|
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.#
|
|
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
|
|
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
|
|
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
|
|
7
|
-
import
|
|
8
|
-
import { LitElement as
|
|
9
|
-
import { usePropertyChange as
|
|
10
|
-
import { slotChangeGetAssignedElements as
|
|
11
|
-
import { log as
|
|
12
|
-
import { css as
|
|
13
|
-
import { u as
|
|
14
|
-
import { m as
|
|
15
|
-
import { l as
|
|
16
|
-
import { a as
|
|
17
|
-
const
|
|
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
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"
|
|
30
|
+
"traceError",
|
|
31
|
+
"traceResult",
|
|
32
|
+
"view"
|
|
32
33
|
];
|
|
33
|
-
class
|
|
34
|
+
class _ extends $ {
|
|
34
35
|
constructor() {
|
|
35
|
-
super(...arguments), this._messages =
|
|
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"
|
|
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.
|
|
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(
|
|
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,
|
|
48
|
-
fromAttribute: (e) => h.fromString(e) ?? new h(
|
|
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 =
|
|
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(
|
|
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" &&
|
|
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
|
-
|
|
84
|
+
w(() => !this.#s.utilityNetwork, () => this.#i("input"))
|
|
93
85
|
]);
|
|
94
86
|
}
|
|
95
87
|
willUpdate(e) {
|
|
96
|
-
|
|
88
|
+
P.some((t) => e.has(t)) && this.#l(this.#e);
|
|
97
89
|
}
|
|
98
90
|
#g() {
|
|
99
|
-
this.
|
|
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"),
|
|
105
|
-
this.
|
|
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.
|
|
128
|
-
traceResult: this.
|
|
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.#
|
|
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.#
|
|
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 #
|
|
148
|
+
async #b() {
|
|
156
149
|
const e = this.#t?.selectedNamedTraceConfiguration, t = this.#t?.traceConfiguration;
|
|
157
150
|
if (!(e?.traceType && t)) {
|
|
158
|
-
|
|
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.
|
|
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
|
-
|
|
164
|
+
p(i, this, "Error while running trace"), g(() => this.traceError = i), this.traceResult = void 0, this.arcgisError.emit();
|
|
172
165
|
}
|
|
173
166
|
}
|
|
174
|
-
#
|
|
175
|
-
this.#m(), !(this._showNoStartingPointsWarning || this._showMissingTerminalWarning) && (this._showNoStartingPointsWarning = !1, this._showMissingTerminalWarning = !1, this.#g(), this.#i("results"), this.#
|
|
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
|
-
#
|
|
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 =
|
|
188
|
-
const t =
|
|
189
|
-
if ((!t.length || t.length < this._slottedElements.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(
|
|
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
|
-
#
|
|
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
|
-
#
|
|
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.
|
|
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,
|
|
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.#
|
|
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
|
-
#
|
|
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.#
|
|
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.#
|
|
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",
|
|
232
|
+
v("arcgis-utility-network-trace-analysis", _);
|
|
240
233
|
export {
|
|
241
|
-
|
|
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,
|
|
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
|
|
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
|
}
|