@arcgis/map-components 5.1.0-next.51 → 5.1.0-next.53
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/64K3ZLWU.js +2 -0
- package/dist/cdn/7OCT6QER.js +2 -0
- package/dist/cdn/BIXYC4AJ.js +2 -0
- package/dist/cdn/BVV442IW.js +2 -0
- package/dist/cdn/CM2DTEKZ.js +2 -0
- package/dist/cdn/CMMCCDZM.js +2 -0
- package/dist/cdn/CX4BONNF.js +2 -0
- package/dist/cdn/D4VBRIIX.js +2 -0
- package/dist/cdn/FII7IMJT.js +2 -0
- package/dist/cdn/LAIMIE36.js +2 -0
- package/dist/cdn/{TRD7HG5P.js → LREZ5SKG.js} +1 -1
- package/dist/cdn/LZSSMLAK.js +2 -0
- package/dist/cdn/NKR3PQHN.js +2 -0
- package/dist/cdn/NSWFEQPG.js +2 -0
- package/dist/cdn/PDRWEM43.js +2 -0
- package/dist/cdn/PJ6ASBCK.js +2 -0
- package/dist/cdn/WRKFEF2E.js +2 -0
- package/dist/cdn/WRXZSYE7.js +2 -0
- package/dist/cdn/X4YAWY7C.js +3 -0
- package/dist/cdn/{2CHYBLOC.js → XFLYIMEH.js} +1 -1
- package/dist/cdn/ZW3F22OF.js +2 -0
- package/dist/cdn/index.js +1 -1
- package/dist/chunks/layer-utils.js +39 -27
- package/dist/components/arcgis-expand/customElement.js +5 -11
- package/dist/components/arcgis-feature-utility-network-associations/customElement.js +85 -88
- package/dist/components/arcgis-reverse-geocode-list/customElement.js +42 -32
- package/dist/components/arcgis-utility-network-aggregated-geometry/customElement.js +1 -1
- package/dist/components/arcgis-utility-network-trace-inputs/customElement.js +49 -50
- package/dist/components/arcgis-utility-network-trace-results/customElement.js +64 -67
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/package.json +4 -4
- package/dist/cdn/3KZ42JDF.js +0 -2
- package/dist/cdn/4BF7JJHX.js +0 -2
- package/dist/cdn/53A4TVFJ.js +0 -2
- package/dist/cdn/63VDVNOO.js +0 -2
- package/dist/cdn/73W64JNK.js +0 -2
- package/dist/cdn/DEUTYZQD.js +0 -2
- package/dist/cdn/FL3CDOKT.js +0 -2
- package/dist/cdn/G2QS2EES.js +0 -2
- package/dist/cdn/GV445FXS.js +0 -2
- package/dist/cdn/HBJXWV7A.js +0 -2
- package/dist/cdn/KMFIAOC5.js +0 -2
- package/dist/cdn/P4KEOVAP.js +0 -2
- package/dist/cdn/RBTA7SDX.js +0 -2
- package/dist/cdn/SUCLDKGU.js +0 -3
- package/dist/cdn/TPLNBIOY.js +0 -2
- package/dist/cdn/TVLLHHUA.js +0 -2
- package/dist/cdn/UDSVK25W.js +0 -2
- package/dist/cdn/WR3AVKYZ.js +0 -2
- package/dist/cdn/WUWAJE6E.js +0 -2
|
@@ -1,28 +1,26 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import { c as
|
|
3
|
-
import { repeat as
|
|
2
|
+
import { c as y } from "../../chunks/runtime.js";
|
|
3
|
+
import { repeat as b } from "lit/directives/repeat.js";
|
|
4
4
|
import { ref as d } from "lit/directives/ref.js";
|
|
5
|
-
import { queryAllJSON as g } from "@arcgis/core/applications/Components/featureUtils.js";
|
|
6
5
|
import c from "@arcgis/core/core/Collection.js";
|
|
7
|
-
import { watch as
|
|
8
|
-
import { substitute as
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
class x extends v {
|
|
6
|
+
import { watch as _ } from "@arcgis/core/core/reactiveUtils.js";
|
|
7
|
+
import { substitute as k } from "@arcgis/core/intl.js";
|
|
8
|
+
import S from "@arcgis/core/layers/GraphicsLayer.js";
|
|
9
|
+
import T from "@arcgis/core/networks/support/UNTraceConfiguration.js";
|
|
10
|
+
import C from "@arcgis/core/rest/networks/support/TraceLocation.js";
|
|
11
|
+
import g from "@arcgis/core/views/interactive/snapping/FeatureSnappingLayerSource.js";
|
|
12
|
+
import L from "@arcgis/core/widgets/Sketch/SketchViewModel.js";
|
|
13
|
+
import { LitElement as N, createEvent as l } from "@arcgis/lumina";
|
|
14
|
+
import { usePropertyChange as $ } from "@arcgis/lumina/controllers";
|
|
15
|
+
import { log as h, composeMissingPropertyMessage as v, composeEmptyPropertyMessage as E } from "@arcgis/toolkit/log";
|
|
16
|
+
import { css as P, html as s } from "lit";
|
|
17
|
+
import { u as F } from "../../chunks/useT9n.js";
|
|
18
|
+
import { h as m } from "../../chunks/feature-utils.js";
|
|
19
|
+
import { b as I, a as f, c as U, q as w, i as A } from "../../chunks/layer-utils.js";
|
|
20
|
+
const D = P`:host{height:100%;flex-grow:1}calcite-flow{min-height:var(--arcgis-internal-panel-height-sm, 240px)}calcite-block-group{flex-grow:1;padding-bottom:var(--calcite-spacing-md);background-color:var(--calcite-color-foreground-1)}calcite-block{--calcite-block-content-space: 0;--calcite-block-border-color: transparent;margin:0}calcite-block calcite-select,calcite-block calcite-input{margin:0 var(--calcite-spacing-md)}calcite-block calcite-input-message{padding:var(--calcite-spacing-sm) var(--calcite-spacing-md) 0 var(--calcite-spacing-md)}calcite-block calcite-label:last-child{--calcite-label-margin-bottom: 0}calcite-notice{margin:var(--calcite-spacing-md)}#subnetwork-info-block{margin:var(--calcite-spacing-md) var(--calcite-spacing-md) 0 var(--calcite-spacing-md)}#results-limited-message{padding:var(--calcite-spacing-sm)}.inline-loader{--calcite-loader-spacing: var(--calcite-spacing-md)}.add-spatial-mode{display:flex;flex-direction:column;gap:var(--calcite-spacing-md);margin:var(--calcite-spacing-md)}.heading{color:var(--calcite-color-text-1);margin:0 0 var(--calcite-spacing-md) 0;font-size:var(--calcite-font-size);font-style:normal;font-weight:var(--calcite-font-weight-medium)}`, u = `utility-network-trace-inputs-sketch-${Date.now()}`, M = 20;
|
|
21
|
+
class B extends N {
|
|
24
22
|
constructor() {
|
|
25
|
-
super(...arguments), this._defaultPopupTemplateEnabled = !0, this._messages =
|
|
23
|
+
super(...arguments), this._defaultPopupTemplateEnabled = !0, this._messages = F({ blocking: !0 }), this._layerIdToLayer = /* @__PURE__ */ new Map(), this._startingPoints = new c(), this._barriers = new c(), this._stoppingPoints = new c(), this._subnetworkTraceTypes = /* @__PURE__ */ new Set([
|
|
26
24
|
"subnetwork",
|
|
27
25
|
"subnetwork-controller",
|
|
28
26
|
"upstream",
|
|
@@ -36,7 +34,7 @@ class x extends v {
|
|
|
36
34
|
e && (this._traceLocationStoppingElement = e);
|
|
37
35
|
}, this._featuresComponentRefChange = (e) => {
|
|
38
36
|
e && (this._featuresComponentElement = e);
|
|
39
|
-
}, this.compatibleSubnetworkNames = [], this.traceConfigurations = [], this._state = "ready", this._exceedDisplayLimit = !1, this.autoDestroyDisabled = !1, this.hideActionBar = !1, this.mode = "default", this.arcgisPropertyChange =
|
|
37
|
+
}, this.compatibleSubnetworkNames = [], this.traceConfigurations = [], this._state = "ready", this._exceedDisplayLimit = !1, this.autoDestroyDisabled = !1, this.hideActionBar = !1, this.mode = "default", this.arcgisPropertyChange = $()("mode"), this.arcgisSelectedNamedTraceConfigurationChange = l(), this.arcgisTraceInputsChange = l(), this.arcgisTraceLocationSelectEnd = l(), this.arcgisTraceLocationSelectStart = l(), this.arcgisUtilityNetworkChange = l(), this.renderFeatureListItem = (e) => {
|
|
40
38
|
const { feature: t, label: i } = e;
|
|
41
39
|
return s`<calcite-list-item .label=${i} @calciteListItemSelect=${() => this._handleFeatureSelectChange(t)}><calcite-icon icon=chevron-right slot=content-end></calcite-icon></calcite-list-item>`;
|
|
42
40
|
};
|
|
@@ -45,7 +43,7 @@ class x extends v {
|
|
|
45
43
|
this.properties = { compatibleSubnetworkNames: 16, subnetworksTable: 16, traceConfigurations: 16, utilityNetworks: 16, _unTraceConfiguration: 16, _state: 16, _activeTraceLocationType: 16, _selectedFeature: 16, _exceedDisplayLimit: 16, beforeTraceLocationSelectStart: 0, view: 0, selectedUtilityNetwork: 0, selectedNamedTraceConfiguration: 0, autoDestroyDisabled: 5, hideActionBar: 5, unTraceConfiguration: 32, referenceElement: 1, mode: 3, traceLocations: 32 };
|
|
46
44
|
}
|
|
47
45
|
static {
|
|
48
|
-
this.styles =
|
|
46
|
+
this.styles = D;
|
|
49
47
|
}
|
|
50
48
|
get isSubnetworkNameTraceSelected() {
|
|
51
49
|
const e = this.selectedNamedTraceConfiguration?.traceType;
|
|
@@ -78,7 +76,7 @@ class x extends v {
|
|
|
78
76
|
get traceLocations() {
|
|
79
77
|
const e = [], t = (i) => {
|
|
80
78
|
i.flagProperties.terminalConfiguration && i.flagProperties.selectedTerminals ? i.flagProperties.selectedTerminals.forEach((r) => {
|
|
81
|
-
e.push(new
|
|
79
|
+
e.push(new C({
|
|
82
80
|
type: i.traceLocation.type,
|
|
83
81
|
isFilterBarrier: i.traceLocation.isFilterBarrier,
|
|
84
82
|
globalId: i.traceLocation.globalId,
|
|
@@ -94,7 +92,7 @@ class x extends v {
|
|
|
94
92
|
}
|
|
95
93
|
load() {
|
|
96
94
|
this.manager.onLifecycle(() => [
|
|
97
|
-
|
|
95
|
+
_(() => this.view?.map, () => {
|
|
98
96
|
this._setupUtilityNetwork(), this._setupSketchViewModel();
|
|
99
97
|
}, { initial: !0 })
|
|
100
98
|
]);
|
|
@@ -118,38 +116,38 @@ class x extends v {
|
|
|
118
116
|
_createGraphicLayer(e) {
|
|
119
117
|
const { map: t } = this.view;
|
|
120
118
|
if (!t?.findLayerById(e)) {
|
|
121
|
-
const a = new
|
|
119
|
+
const a = new S({
|
|
122
120
|
id: e,
|
|
123
121
|
listMode: "hide",
|
|
124
122
|
title: e
|
|
125
123
|
});
|
|
126
|
-
|
|
124
|
+
I(this.view, a);
|
|
127
125
|
}
|
|
128
126
|
}
|
|
129
127
|
_getGraphicLayer(e) {
|
|
130
128
|
const { map: t } = this.view;
|
|
131
129
|
if (t) {
|
|
132
130
|
const i = t.findLayerById(e);
|
|
133
|
-
if (
|
|
131
|
+
if (f(i))
|
|
134
132
|
return t.reorder(i, t.layers.length - 1), i;
|
|
135
133
|
}
|
|
136
134
|
return null;
|
|
137
135
|
}
|
|
138
136
|
_removeGraphicLayer(e) {
|
|
139
137
|
const { map: t } = this.view, i = t?.findLayerById(e);
|
|
140
|
-
i &&
|
|
138
|
+
i && f(i) && t?.remove(i);
|
|
141
139
|
}
|
|
142
140
|
_setSnappingOption() {
|
|
143
141
|
const { _sketchViewModel: e, _unLayers: t } = this;
|
|
144
142
|
if (e && t && t.length > 0) {
|
|
145
143
|
const i = new c();
|
|
146
144
|
t.forEach((a) => {
|
|
147
|
-
|
|
148
|
-
i.add(new
|
|
145
|
+
U(a) ? a.sublayers.forEach((r) => {
|
|
146
|
+
i.add(new g({
|
|
149
147
|
layer: r,
|
|
150
148
|
enabled: !0
|
|
151
149
|
}));
|
|
152
|
-
}) : i.add(new
|
|
150
|
+
}) : i.add(new g({
|
|
153
151
|
layer: a,
|
|
154
152
|
enabled: !0
|
|
155
153
|
}));
|
|
@@ -162,7 +160,7 @@ class x extends v {
|
|
|
162
160
|
}
|
|
163
161
|
_initializeSketchViewModel() {
|
|
164
162
|
const { view: e } = this, t = this._getGraphicLayer(u);
|
|
165
|
-
return new
|
|
163
|
+
return new L({
|
|
166
164
|
layer: t,
|
|
167
165
|
view: e
|
|
168
166
|
});
|
|
@@ -182,8 +180,8 @@ class x extends v {
|
|
|
182
180
|
return;
|
|
183
181
|
const t = e.createQuery();
|
|
184
182
|
t.gdbVersion = this.selectedUtilityNetwork?.gdbVersion, t.where = this._getSubnetworkQueryWhereClause(), t.outFields = ["SUBNETWORKNAME"], t.orderByFields = ["SUBNETWORKNAME"];
|
|
185
|
-
const i =
|
|
186
|
-
this.compatibleSubnetworkNames = i.
|
|
183
|
+
const { features: i } = await w(e, t, void 0, !1);
|
|
184
|
+
this.compatibleSubnetworkNames = i.filter(this._removeDuplicateSubnetworkNames).map((a) => a.getAttribute("SUBNETWORKNAME"));
|
|
187
185
|
}
|
|
188
186
|
_getSubnetworkQueryWhereClause() {
|
|
189
187
|
const e = this._unTraceConfiguration, t = `DOMAINNETWORKNAME = '${e.domainNetworkName}'`, i = `TIERNAME = '${e.tierName}'`;
|
|
@@ -204,8 +202,8 @@ class x extends v {
|
|
|
204
202
|
}
|
|
205
203
|
_handleTraceConfigChange() {
|
|
206
204
|
const { selectedNamedTraceConfiguration: e } = this;
|
|
207
|
-
if (!(e?.traceConfiguration instanceof
|
|
208
|
-
h("error", this,
|
|
205
|
+
if (!(e?.traceConfiguration instanceof T)) {
|
|
206
|
+
h("error", this, v("selectedNamedTraceConfiguration.traceConfiguration")), this._unTraceConfiguration = void 0;
|
|
209
207
|
return;
|
|
210
208
|
}
|
|
211
209
|
switch (this._unTraceConfiguration = e.traceConfiguration.clone(), e.traceType) {
|
|
@@ -227,7 +225,7 @@ class x extends v {
|
|
|
227
225
|
_handleUtilityNetworksChange() {
|
|
228
226
|
const { utilityNetworks: e } = this;
|
|
229
227
|
if (!e || e.length === 0) {
|
|
230
|
-
this.selectedUtilityNetwork = void 0, this._state = "error", h("error", this,
|
|
228
|
+
this.selectedUtilityNetwork = void 0, this._state = "error", h("error", this, E("utilityNetworks"));
|
|
231
229
|
return;
|
|
232
230
|
}
|
|
233
231
|
(!this.selectedUtilityNetwork || !e.includes(this.selectedUtilityNetwork)) && (this.selectedUtilityNetwork = e.at(0));
|
|
@@ -260,17 +258,18 @@ class x extends v {
|
|
|
260
258
|
async _queryFeatures(e, t) {
|
|
261
259
|
const i = e.createQuery();
|
|
262
260
|
i.gdbVersion = this.selectedUtilityNetwork?.gdbVersion, i.objectIds = t.map((r) => r.getObjectId()), i.outFields = ["*"];
|
|
263
|
-
const { features: a } =
|
|
261
|
+
const { features: a } = await w(e, i);
|
|
264
262
|
return a.forEach((r) => {
|
|
265
|
-
r.
|
|
266
|
-
|
|
267
|
-
|
|
263
|
+
if (!r.getEffectivePopupTemplate(this._defaultPopupTemplateEnabled)) {
|
|
264
|
+
const o = r.layer;
|
|
265
|
+
r.popupTemplate = o.createPopupTemplate();
|
|
266
|
+
}
|
|
268
267
|
}), a;
|
|
269
268
|
}
|
|
270
269
|
async _populateFeaturesWithLabel(e) {
|
|
271
270
|
const t = /* @__PURE__ */ new Map();
|
|
272
271
|
e.forEach((a) => {
|
|
273
|
-
const r =
|
|
272
|
+
const r = A(a.layer) ? a.layer.parent : a.layer;
|
|
274
273
|
if (r) {
|
|
275
274
|
const o = r.layerId, n = this._getLayerByLayerId(o);
|
|
276
275
|
if (n) {
|
|
@@ -286,10 +285,10 @@ class x extends v {
|
|
|
286
285
|
})), await Promise.all(i.map(async (a) => {
|
|
287
286
|
const r = a.layer;
|
|
288
287
|
if (r && "getFeatureTitle" in r) {
|
|
289
|
-
const o = await r.getFeatureTitle(a) ||
|
|
288
|
+
const o = await r.getFeatureTitle(a) || m(a);
|
|
290
289
|
return { feature: a, label: o };
|
|
291
290
|
}
|
|
292
|
-
return { feature: a, label:
|
|
291
|
+
return { feature: a, label: m(a) };
|
|
293
292
|
}));
|
|
294
293
|
}
|
|
295
294
|
async _handleHitTestComplete(e) {
|
|
@@ -335,7 +334,7 @@ class x extends v {
|
|
|
335
334
|
const { _messages: e, traceConfigurations: t } = this, i = e.labels.traceConfiguration;
|
|
336
335
|
if (t.length === 0)
|
|
337
336
|
return this.renderError(e.errors.noTraceConfigurationError);
|
|
338
|
-
const a =
|
|
337
|
+
const a = b(t, (r) => r.globalId, (r) => s`<calcite-option .value=${r.globalId}>${r.title}</calcite-option>`);
|
|
339
338
|
return s`<calcite-block .heading=${i} .label=${i} expanded><calcite-select .label=${i} .value=${this.selectedNamedTraceConfiguration?.globalId || void 0} @calciteSelectChange=${(r) => {
|
|
340
339
|
this._selectTraceConfigurationByGuid(r.target.value);
|
|
341
340
|
}}>${a}</calcite-select></calcite-block>`;
|
|
@@ -366,7 +365,7 @@ class x extends v {
|
|
|
366
365
|
return e ? s`<arcgis-features .referenceElement=${this.referenceElement} .features=${[e]} .view=${this.view} .defaultPopupTemplateEnabled=${this._defaultPopupTemplateEnabled} .hideActionBar=${this.hideActionBar} open @arcgisClose=${() => this._handleFeaturesClose()} .autoDestroyDisabled=${this.autoDestroyDisabled} ${d(this._featuresComponentRefChange)}></arcgis-features>` : (this.mode = "default", null);
|
|
367
366
|
}
|
|
368
367
|
renderAddSpatialFooter() {
|
|
369
|
-
const { mode: e, _messages: t, selectedUtilityNetwork: i, _selectedFeature: a } = this, r =
|
|
368
|
+
const { mode: e, _messages: t, selectedUtilityNetwork: i, _selectedFeature: a } = this, r = k(t.warnings.exceededDisplayLimit, {
|
|
370
369
|
limit: this._displayLimit.toString()
|
|
371
370
|
}), o = e === "add-spatial-feature-list" && this._exceedDisplayLimit, n = a ? !(i?.isUtilityLayer(a.layer) ?? !0) : !0;
|
|
372
371
|
return s`${o && s`<calcite-input-message id=results-limited-message icon=exclamation-mark-circle status=idle>${r}</calcite-input-message>` || ""}<calcite-button appearance=outline width=full @click=${() => {
|
|
@@ -392,7 +391,7 @@ class x extends v {
|
|
|
392
391
|
}
|
|
393
392
|
renderSubnetworkSelection() {
|
|
394
393
|
const { compatibleSubnetworkNames: e } = this, t = this._messages.labels.subnetworkName;
|
|
395
|
-
return this.isSubnetworkNameTraceSelected ? this._state === "loading" ? s`<calcite-loader class="inline-loader" label=loading scale=s></calcite-loader>` : e.length ? s`<calcite-block .heading=${t} .label=${t} expanded>${e.length >
|
|
394
|
+
return this.isSubnetworkNameTraceSelected ? this._state === "loading" ? s`<calcite-loader class="inline-loader" label=loading scale=s></calcite-loader>` : e.length ? s`<calcite-block .heading=${t} .label=${t} expanded>${e.length > M ? this.renderSubnetworkNameInput() : this.renderSubnetworkSelectList()}</calcite-block>` : this.renderError(this._messages.errors.noCompatibleSubnetworks, !1, "exclamation-mark-triangle") : null;
|
|
396
395
|
}
|
|
397
396
|
renderSubnetworkInfo() {
|
|
398
397
|
const { _messages: e, selectedNamedTraceConfiguration: t, _unTraceConfiguration: i } = this;
|
|
@@ -410,7 +409,7 @@ class x extends v {
|
|
|
410
409
|
return s`<calcite-panel>${e === "add-spatial-feature" ? this.renderSelectedFeature() : s`<calcite-flow>${this.renderDefaultMode()}${this.renderSpatialSelectInstructions()}${this.renderHitTestResults()}</calcite-flow>`}${e !== "default" ? this.renderAddSpatialFooter() : null}</calcite-panel>`;
|
|
411
410
|
}
|
|
412
411
|
}
|
|
413
|
-
|
|
412
|
+
y("arcgis-utility-network-trace-inputs", B);
|
|
414
413
|
export {
|
|
415
|
-
|
|
414
|
+
B as ArcgisUtilityNetworkTraceInputs
|
|
416
415
|
};
|
|
@@ -1,63 +1,60 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import { c as
|
|
3
|
-
import
|
|
4
|
-
import $ from "@arcgis/core/Color.js";
|
|
2
|
+
import { c as f } from "../../chunks/runtime.js";
|
|
3
|
+
import b from "@arcgis/core/Color.js";
|
|
5
4
|
import "@arcgis/core/core/Error.js";
|
|
6
5
|
import "@arcgis/core/Graphic.js";
|
|
7
|
-
import
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import { u as R } from "../../chunks/useT9n.js";
|
|
6
|
+
import { LitElement as v, createEvent as n } from "@arcgis/lumina";
|
|
7
|
+
import { log as u, composeMissingPropertyMessage as m, composeEmptyPropertyMessage as $ } from "@arcgis/toolkit/log";
|
|
8
|
+
import { css as F, html as r } from "lit";
|
|
9
|
+
import { createRef as w, ref as g } from "lit/directives/ref.js";
|
|
10
|
+
import { u as L } from "../../chunks/useT9n.js";
|
|
13
11
|
import { h as y } from "../../chunks/feature-utils.js";
|
|
14
|
-
import {
|
|
15
|
-
const
|
|
12
|
+
import { q as C, c as T, i as R } from "../../chunks/layer-utils.js";
|
|
13
|
+
const E = F`:host{min-height:var(--arcgis-internal-panel-height-sm, 240px);height:100%}arcgis-features{height:100%}calcite-flow{min-height:var(--arcgis-internal-panel-height-sm, 240px);height:100%}calcite-table{--calcite-table-border-color: none}calcite-table-row{--calcite-table-row-border-color: var(--calcite-color-border-3)}.white-panel-background{--calcite-panel-background-color: var(--calcite-color-foreground-1)}.aggregated-geometry-container{display:flex;justify-content:space-between;padding:0 var(--calcite-spacing-md) var(--calcite-spacing-md) var(--calcite-spacing-md)}#elements-list-item{border:solid 1px var(--calcite-color-border-3);border-radius:var(--calcite-corner-radius-sm);margin:0 var(--calcite-spacing-sm)}.no-selectable-results{padding:0 var(--calcite-spacing-md);color:var(--calcite-color-text-3);font-size:var(--calcite-font-size)}.results-heading{display:flex;flex-direction:column;margin:var(--calcite-spacing-md);gap:var(--calcite-spacing-xs)}.results-heading .results-heading-title{font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size);color:var(--calcite-color-text-1)}.results-heading .results-heading-subtitle{font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-3)}.functions-heading{padding:var(--calcite-spacing-md) var(--calcite-spacing-md) var(--calcite-spacing-xxs) var(--calcite-spacing-md);font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size);color:var(--calcite-color-text-1)}.no-results-landing{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin:var(--calcite-spacing-sm) var(--calcite-spacing-xl) var(--calcite-spacing-xl) var(--calcite-spacing-xl);gap:var(--calcite-spacing-md)}.no-results-landing calcite-icon{margin-bottom:var(--calcite-spacing-sm);--calcite-icon-color: var(--calcite-color-text-3)}.no-results-landing .no-results-heading{font-size:var(--calcite-font-size-2)}.no-results-landing .no-results-description{color:var(--calcite-color-text-3)}`, p = {
|
|
16
14
|
dirtyAreasDiscovered: -2147208511,
|
|
17
15
|
noValidControllers: -2147208935
|
|
18
16
|
};
|
|
19
|
-
class
|
|
17
|
+
class G extends v {
|
|
20
18
|
constructor() {
|
|
21
|
-
super(...arguments), this._defaultPopupTemplateEnabled = !0, this._messages =
|
|
22
|
-
const
|
|
23
|
-
return c.localeCompare(
|
|
19
|
+
super(...arguments), this._defaultPopupTemplateEnabled = !0, this._messages = L({ blocking: !0 }), this._elementsWithoutLayer = [], this._popoverRef = w(), this._featuresFromSelectedLayer = [], this._layerIdToFeatures = /* @__PURE__ */ new Map(), this._layerIdToLayer = /* @__PURE__ */ new Map(), this._subtypeCodeToFeatures = /* @__PURE__ */ new Map(), this._sourceIdToElements = /* @__PURE__ */ new Map(), this._unLayers = [], this._compareByFeatureTitle = (e, t) => e.label.localeCompare(t.label, void 0, { numeric: !0 }), this._compareByLayerTitle = ([, e], [, t]) => {
|
|
20
|
+
const s = e[0].feature.layer, a = t[0].feature.layer, c = s?.title ?? "", i = a?.title ?? "";
|
|
21
|
+
return c.localeCompare(i, void 0, { numeric: !0 });
|
|
24
22
|
}, this._queryFeaturesOnLayer = async ([e, t]) => {
|
|
25
|
-
const
|
|
26
|
-
if (
|
|
23
|
+
const s = this.utilityNetwork?.getLayerIdBySourceId(e), a = this._getLayerByLayerId(s), c = this._getElementsUniqueByGlobalId(t);
|
|
24
|
+
if (s == null || !a) {
|
|
27
25
|
this._elementsWithoutLayer.push(...c);
|
|
28
26
|
return;
|
|
29
27
|
}
|
|
30
|
-
const
|
|
31
|
-
|
|
32
|
-
const { features: h } =
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
return { feature: i, label: f };
|
|
28
|
+
const i = a.createQuery();
|
|
29
|
+
i.gdbVersion = this.utilityNetwork?.gdbVersion, i.objectIds = c.map((l) => l.objectId), i.outFields = ["*"];
|
|
30
|
+
const { features: h } = await C(a, i), o = await Promise.all(h.map(async (l) => {
|
|
31
|
+
const d = l.layer;
|
|
32
|
+
if (l.getEffectivePopupTemplate(this._defaultPopupTemplateEnabled) || (l.popupTemplate = d.createPopupTemplate()), d && "getFeatureTitle" in d) {
|
|
33
|
+
const _ = await d.getFeatureTitle(l) || y(l);
|
|
34
|
+
return { feature: l, label: _ };
|
|
38
35
|
}
|
|
39
|
-
return { feature:
|
|
36
|
+
return { feature: l, label: y(l) };
|
|
40
37
|
}));
|
|
41
|
-
|
|
38
|
+
T(a) ? o.forEach((l) => this._addOrCreateMapValue(this._subtypeCodeToFeatures, l.feature.layer.subtypeCode, l)) : this._layerIdToFeatures.set(s, o);
|
|
42
39
|
}, this._aggregateGeometryRefChange = (e) => {
|
|
43
40
|
e && (this._aggregatedGeometryComponentElement = e);
|
|
44
41
|
}, this._featuresRefChange = (e) => {
|
|
45
42
|
e && (this._featuresComponentElement = e);
|
|
46
|
-
}, this._aggregatedGeometryDisabled = !1, this.aggregatedGeometryGraphicsColor = new
|
|
43
|
+
}, this._aggregatedGeometryDisabled = !1, this.aggregatedGeometryGraphicsColor = new b([255, 255, 0, 0.6]), this.hideActionBar = !1, this.hideFeatureResults = !1, this.isElementsSelected = !1, this.layers = [], this.state = "ready", this.traceResultFeatures = [], this.autoDestroyDisabled = !1, this.arcgisAggregatedGeometryGraphicsColorChange = n(), this.arcgisHideGraphicsChange = n(), this.arcgisSelectedLayerChange = n(), this.arcgisSelectedResultTypeChange = n(), this.arcgisTraceResultFeaturesReady = n(), this._renderLayerListItem = ([, e]) => {
|
|
47
44
|
if (!e.length)
|
|
48
45
|
return null;
|
|
49
|
-
const t = e[0].feature.layer,
|
|
50
|
-
return r`<calcite-list-item .label=${
|
|
46
|
+
const t = e[0].feature.layer, s = t?.title || this._messages.unknown;
|
|
47
|
+
return r`<calcite-list-item .label=${s} @calciteListItemSelect=${() => this._setSelectedLayerAndFeatures(t)}><calcite-chip .label=${this._messages.labels.numElements} slot=content-end scale=s>${e.length}</calcite-chip><calcite-icon icon=chevron-right slot=content-end></calcite-icon></calcite-list-item>`;
|
|
51
48
|
}, this._renderFeatureListItem = (e) => {
|
|
52
|
-
const { feature: t, label:
|
|
53
|
-
return r`<calcite-list-item .label=${
|
|
49
|
+
const { feature: t, label: s } = e;
|
|
50
|
+
return r`<calcite-list-item .label=${s} @calciteListItemSelect=${() => this.selectedFeature = t}><calcite-icon icon=chevron-right slot=content-end></calcite-icon></calcite-list-item>`;
|
|
54
51
|
};
|
|
55
52
|
}
|
|
56
53
|
static {
|
|
57
54
|
this.properties = { _aggregatedGeometryDisabled: 16, aggregatedGeometryGraphicsColor: 0, hideActionBar: 5, hideFeatureResults: 5, featuresFromSelectedLayer: 32, isElementsSelected: 5, layers: 0, messageOverrides: 0, numResults: 32, referenceElement: 1, selectedFeature: 0, selectedLayer: 0, state: 1, traceConfigTitle: 1, traceError: 0, traceResult: 0, traceResultFeatures: 0, utilityNetwork: 0, view: 0, autoDestroyDisabled: 5 };
|
|
58
55
|
}
|
|
59
56
|
static {
|
|
60
|
-
this.styles =
|
|
57
|
+
this.styles = E;
|
|
61
58
|
}
|
|
62
59
|
get featuresFromSelectedLayer() {
|
|
63
60
|
return this._featuresFromSelectedLayer.map(({ feature: e }) => e);
|
|
@@ -80,23 +77,23 @@ class I extends w {
|
|
|
80
77
|
e.has("isElementsSelected") && this.arcgisSelectedResultTypeChange.emit(), e.has("selectedLayer") && this.arcgisSelectedLayerChange.emit(), e.has("traceResult") && (this.isElementsSelected = !1, this.traceResult || (this.traceResultFeatures = [], this._elementsWithoutLayer = [])), (e.has("layers") || e.has("utilityNetwork")) && this._loadDependencies();
|
|
81
78
|
}
|
|
82
79
|
loaded() {
|
|
83
|
-
this.utilityNetwork || u("warn", this, m("utilityNetwork")), this.layers.length === 0 && u("warn", this,
|
|
80
|
+
this.utilityNetwork || u("warn", this, m("utilityNetwork")), this.layers.length === 0 && u("warn", this, $("layers")), this.view || u("warn", this, m("view"));
|
|
84
81
|
}
|
|
85
82
|
disconnectedCallback() {
|
|
86
83
|
super.disconnectedCallback(), this._layerIdToLayer.clear();
|
|
87
84
|
}
|
|
88
|
-
_addOrCreateMapValue(e, t,
|
|
89
|
-
const
|
|
90
|
-
|
|
85
|
+
_addOrCreateMapValue(e, t, s) {
|
|
86
|
+
const a = e.get(t);
|
|
87
|
+
a == null ? e.set(t, [s]) : a.push(s);
|
|
91
88
|
}
|
|
92
89
|
_getLayerByLayerId(e) {
|
|
93
90
|
if (e == null)
|
|
94
91
|
return;
|
|
95
|
-
const { _layerIdToLayer: t, _unLayers:
|
|
92
|
+
const { _layerIdToLayer: t, _unLayers: s } = this;
|
|
96
93
|
if (t.get(e))
|
|
97
94
|
return t.get(e);
|
|
98
|
-
const
|
|
99
|
-
return
|
|
95
|
+
const a = s.find((c) => "layerId" in c && c.layerId === e);
|
|
96
|
+
return a && t.set(e, a), a;
|
|
100
97
|
}
|
|
101
98
|
_getElementsUniqueByGlobalId(e) {
|
|
102
99
|
return Array.from(new Map(e.map((t) => [t.globalId, t])).values());
|
|
@@ -110,9 +107,9 @@ class I extends w {
|
|
|
110
107
|
const { layers: e, utilityNetwork: t } = this;
|
|
111
108
|
if (!t)
|
|
112
109
|
return;
|
|
113
|
-
t.loaded || (this.state = "loading", await t.load()), this._unLayers = e.filter((
|
|
114
|
-
const
|
|
115
|
-
|
|
110
|
+
t.loaded || (this.state = "loading", await t.load()), this._unLayers = e.filter((a) => t.isUtilityLayer(a));
|
|
111
|
+
const s = this._unLayers.filter((a) => !a.loaded).map((a) => a.load());
|
|
112
|
+
s.length > 0 && (this.state = "loading", await Promise.allSettled(s));
|
|
116
113
|
}
|
|
117
114
|
async _queryTraceResultsFeatures() {
|
|
118
115
|
const e = Array.from(this._sourceIdToElements.entries());
|
|
@@ -120,25 +117,25 @@ class I extends w {
|
|
|
120
117
|
return;
|
|
121
118
|
this.state = "loading";
|
|
122
119
|
const t = e.map(this._queryFeaturesOnLayer);
|
|
123
|
-
(await Promise.allSettled(t)).forEach((
|
|
124
|
-
if (
|
|
120
|
+
(await Promise.allSettled(t)).forEach((i, h) => {
|
|
121
|
+
if (i.status === "rejected") {
|
|
125
122
|
const [o] = e[h];
|
|
126
|
-
u("error", this, `Failed to query features for source ${o}. Reason: ${
|
|
123
|
+
u("error", this, `Failed to query features for source ${o}. Reason: ${i.reason}`);
|
|
127
124
|
}
|
|
128
125
|
});
|
|
129
|
-
const
|
|
130
|
-
this.traceResultFeatures =
|
|
126
|
+
const a = Array.from(this._layerIdToFeatures.values()), c = Array.from(this._subtypeCodeToFeatures.values());
|
|
127
|
+
this.traceResultFeatures = a.concat(c).flat().map(({ feature: i }) => i);
|
|
131
128
|
}
|
|
132
129
|
_setSelectedLayerAndFeatures(e) {
|
|
133
130
|
let t;
|
|
134
131
|
if (!e)
|
|
135
132
|
t = [];
|
|
136
|
-
else if (
|
|
137
|
-
const { subtypeCode:
|
|
138
|
-
t = this._subtypeCodeToFeatures.get(
|
|
133
|
+
else if (R(e)) {
|
|
134
|
+
const { subtypeCode: s } = e;
|
|
135
|
+
t = this._subtypeCodeToFeatures.get(s) ?? [];
|
|
139
136
|
} else {
|
|
140
|
-
const { layerId:
|
|
141
|
-
t = this._layerIdToFeatures.get(
|
|
137
|
+
const { layerId: s } = e;
|
|
138
|
+
t = this._layerIdToFeatures.get(s) ?? [];
|
|
142
139
|
}
|
|
143
140
|
this._featuresFromSelectedLayer = t.sort(this._compareByFeatureTitle), this.selectedLayer = e;
|
|
144
141
|
}
|
|
@@ -151,27 +148,27 @@ class I extends w {
|
|
|
151
148
|
return this._renderErrorLanding(e);
|
|
152
149
|
if (!t)
|
|
153
150
|
return this._renderNoTraceLanding();
|
|
154
|
-
const { elements:
|
|
155
|
-
if (!
|
|
151
|
+
const { elements: s, globalFunctionResults: a, aggregatedGeometry: c } = t;
|
|
152
|
+
if (!s.length && !a.length && !c)
|
|
156
153
|
return this._renderNoResultsLanding();
|
|
157
154
|
if (this.state === "loading")
|
|
158
155
|
return this._renderGettingResults();
|
|
159
156
|
if (this.selectedFeature)
|
|
160
157
|
return r`<arcgis-features .referenceElement=${this.referenceElement} .features=${[this.selectedFeature]} .view=${this.view} open .defaultPopupTemplateEnabled=${this._defaultPopupTemplateEnabled} .hideActionBar=${this.hideActionBar} @arcgisClose=${() => this.selectedFeature = void 0} .autoDestroyDisabled=${this.autoDestroyDisabled} ${g(this._featuresRefChange)}></arcgis-features>`;
|
|
161
|
-
const
|
|
162
|
-
return this.hideFeatureResults &&
|
|
158
|
+
const i = s.length > 0 && !a.length && !c;
|
|
159
|
+
return this.hideFeatureResults && i ? this._renderFeaturesAreHiddenLanding() : r`<calcite-flow>${i ? null : r`<calcite-flow-item .selected=${!this.isElementsSelected}>${this._renderLanding(t)}</calcite-flow-item>`}<calcite-flow-item .heading=${this._messages.headings.features} .description=${this._messages.headings.totalFeatures.replace("{number}", this.numResults.toString())} .selected=${(i || this.isElementsSelected) && !this.selectedLayer} @calciteFlowItemBack=${() => this.isElementsSelected = !1}>${this._renderLayerList()}</calcite-flow-item><calcite-flow-item .heading=${this.selectedLayer?.title ?? void 0} .description=${this._messages.headings.totalFeatures.replace("{number}", this._featuresFromSelectedLayer.length.toString())} .selected=${!!this.selectedLayer} @calciteFlowItemBack=${() => this.selectedLayer = void 0}>${this._renderFeaturesList()}</calcite-flow-item></calcite-flow>`;
|
|
163
160
|
}
|
|
164
161
|
_renderGettingResults() {
|
|
165
162
|
return r`<calcite-panel class="white-panel-background"><calcite-loader .label=${this._messages.gettingResults} .text=${this._messages.gettingResults}></calcite-loader></calcite-panel>`;
|
|
166
163
|
}
|
|
167
164
|
_renderLanding(e) {
|
|
168
|
-
const { elements: t, globalFunctionResults:
|
|
169
|
-
return r`<calcite-panel class="white-panel-background">${this._renderTraceResultsHeading()}${
|
|
165
|
+
const { elements: t, globalFunctionResults: s, aggregatedGeometry: a } = e;
|
|
166
|
+
return r`<calcite-panel class="white-panel-background">${this._renderTraceResultsHeading()}${a != null ? this._renderAggregatedGeometry(a) : null}${a != null && !t.length ? this._renderNoSelectableResults() : null}${t.length > 0 ? this.hideFeatureResults ? this._renderFeaturesAreHidden() : this._renderElementsResults() : null}${s.length > 0 ? this._renderFunctionsResults(s) : null}</calcite-panel>`;
|
|
170
167
|
}
|
|
171
168
|
_renderAggregatedGeometry(e) {
|
|
172
169
|
return r`<div class="aggregated-geometry-container"><arcgis-utility-network-aggregated-geometry .graphicsColor=${this.aggregatedGeometryGraphicsColor} .geometry=${e} .view=${this.view} @arcgisHideGraphicsChange=${this._handleHideGraphicsChange} auto-destroy-disabled ${g(this._aggregateGeometryRefChange)}></arcgis-utility-network-aggregated-geometry><calcite-swatch id=geometry-color-swatch .label=${this._messages.labels.aggregatedGeometryGraphicsColor} .color=${this.aggregatedGeometryGraphicsColor.toCss()} .disabled=${this._aggregatedGeometryDisabled}></calcite-swatch><calcite-popover .heading=${this._messages.headings.setColor} .label=${this._messages.headings.setColor} reference-element=geometry-color-swatch closable ${g(this._popoverRef)}><calcite-color-picker alpha-channel channels-disabled clearable hex-disabled saved-disabled .value=${this.aggregatedGeometryGraphicsColor} @calciteColorPickerChange=${(t) => {
|
|
173
|
-
const
|
|
174
|
-
this.arcgisAggregatedGeometryGraphicsColorChange.emit(
|
|
170
|
+
const s = t.target.value;
|
|
171
|
+
this.arcgisAggregatedGeometryGraphicsColorChange.emit(s);
|
|
175
172
|
}} .disabled=${this._aggregatedGeometryDisabled}></calcite-color-picker></calcite-popover></div>`;
|
|
176
173
|
}
|
|
177
174
|
_renderFeaturesAreHiddenLanding() {
|
|
@@ -190,8 +187,8 @@ class I extends w {
|
|
|
190
187
|
return r`<div class="functions-heading">${this._messages.headings.functions}</div><calcite-table .caption=${this._messages.labels.functionResults}>${e.filter((t) => t.networkAttributeName != null && t.result != null && t.functionType != null).map((t) => r`<calcite-table-row><calcite-table-cell>${`${t.networkAttributeName} ${t.functionType}`}</calcite-table-cell><calcite-table-cell>${t.result}</calcite-table-cell></calcite-table-row>`)}</calcite-table>`;
|
|
191
188
|
}
|
|
192
189
|
_renderLayerList() {
|
|
193
|
-
const e = Array.from(this._layerIdToFeatures.entries()), t = Array.from(this._subtypeCodeToFeatures.entries()),
|
|
194
|
-
return this._elementsWithoutLayer.length > 0 &&
|
|
190
|
+
const e = Array.from(this._layerIdToFeatures.entries()), t = Array.from(this._subtypeCodeToFeatures.entries()), a = e.concat(t).sort(this._compareByLayerTitle).map(this._renderLayerListItem);
|
|
191
|
+
return this._elementsWithoutLayer.length > 0 && a.push(this._renderUnknownListItem()), r`<calcite-list .label=${this._messages.labels.traceResultElementsByLayer} .loading=${this.state === "loading"}>${a}</calcite-list>`;
|
|
195
192
|
}
|
|
196
193
|
_renderUnknownListItem() {
|
|
197
194
|
return r`<calcite-list-item .label=${this._messages.unknown} disabled><calcite-chip .label=${this._messages.labels.numElements} slot=content-end scale=s>${this._elementsWithoutLayer.length}</calcite-chip></calcite-list-item>`;
|
|
@@ -205,10 +202,10 @@ class I extends w {
|
|
|
205
202
|
_renderErrorLanding(e) {
|
|
206
203
|
let t = e.message;
|
|
207
204
|
switch (e.details?.raw?.extendedCode) {
|
|
208
|
-
case
|
|
205
|
+
case p.dirtyAreasDiscovered:
|
|
209
206
|
t = this._messages.traceErrors.dirtyAreasDiscovered;
|
|
210
207
|
break;
|
|
211
|
-
case
|
|
208
|
+
case p.noValidControllers:
|
|
212
209
|
t = this._messages.traceErrors.noValidControllers;
|
|
213
210
|
break;
|
|
214
211
|
}
|
|
@@ -221,7 +218,7 @@ class I extends w {
|
|
|
221
218
|
return r`<calcite-panel class="white-panel-background">${this._renderTraceResultsHeading()}<div class="no-results-landing"><calcite-icon icon=utility-network-trace scale=l></calcite-icon><div class="no-results-heading">${this._messages.noTraceConfigHeading}</div><div class="no-results-description">${this._messages.noTraceConfigDescription}</div></div></calcite-panel>`;
|
|
222
219
|
}
|
|
223
220
|
}
|
|
224
|
-
|
|
221
|
+
f("arcgis-utility-network-trace-results", G);
|
|
225
222
|
export {
|
|
226
|
-
|
|
223
|
+
G as ArcgisUtilityNetworkTraceResults
|
|
227
224
|
};
|