@arcgis/map-components 5.2.0-next.153 → 5.2.0-next.154

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.
@@ -285,8 +285,6 @@ export abstract class ArcgisEditor extends LitElement {
285
285
  * the end user to do any type of editing, you can limit this by
286
286
  * setting the `enabled` property to `false`.
287
287
  *
288
- * @see [Sample - Editor widget with configurations](https://developers.arcgis.com/javascript/latest/sample-code/widgets-editor-configurable/)
289
- * @see [Map#editableLayers](https://developers.arcgis.com/javascript/latest/references/core/Map/#editableLayers)
290
288
  * @example
291
289
  * const editor = new Editor({
292
290
  * view: view,
@@ -339,21 +337,18 @@ export abstract class ArcgisEditor extends LitElement {
339
337
  * These options are preserved but ignored while [useViewOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-editor/#useViewOptions) is `true`.
340
338
  *
341
339
  * @since 4.19
342
- * @see [Sample - Editor widget with configurations](https://developers.arcgis.com/javascript/latest/sample-code/widgets-editor-configurable/)
343
340
  * @example
344
- * // Creates the Editor with SnappingOptions with no snapping UI
345
- * const editor = new Editor({
346
- * view: view,
347
- * snappingOptions: { // autocasts to SnappingOptions()
348
- * enabled: true,
349
- * featureSources: [{layer: streetsLayer}] // autocasts to FeatureSnappingLayerSource()
350
- * }
351
- * });
352
- *
353
341
  * // Add the component to the view component
354
342
  * <arcgis-map>
355
- * <arcgis-editor slot="top-right"></arcgis-editor>
343
+ * <arcgis-editor slot="top-right"></arcgis-editor>
356
344
  * </arcgis-map>
345
+ *
346
+ * // Get a reference to the editor and set the snapping options to the desired configuration
347
+ * const editor = document.querySelector("arcgis-editor");
348
+ * editor.snappingOptions = new SnappingOptions({
349
+ * enabled: true,
350
+ * featureSources: [{ layer: streetsLayer }]
351
+ * });
357
352
  */
358
353
  accessor snappingOptions: SnappingOptions;
359
354
  /** The current state of the component. */
@@ -368,9 +363,6 @@ export abstract class ArcgisEditor extends LitElement {
368
363
  * > This property is useful for basic overrides of the default components. There may be some limitations
369
364
  * > to what the Editor can do with these overridden properties. For example, the Editor will disable the `multipleSelectionEnabled` property in [Sketch#defaultUpdateOptions](https://developers.arcgis.com/javascript/latest/references/core/widgets/Sketch/#defaultUpdateOptions)
370
365
  * > no matter what is set within this property.
371
- *
372
- * @see [Sample - Editor component with configurations](https://developers.arcgis.com/javascript/latest/sample-code/widgets-editor-configurable/)
373
- * @see [Sample - Editing with calculated field expressions](https://developers.arcgis.com/javascript/latest/sample-code/widgets-featureform-async/)
374
366
  */
375
367
  accessor supportingWidgetDefaults: SupportingWidgetDefaults | null | undefined;
376
368
  /**
@@ -112,7 +112,7 @@ const h = /* @__PURE__ */ new Set([
112
112
  sv: "se",
113
113
  th: "th",
114
114
  zh: "cn"
115
- }, P = b`:host{display:block;width:310px;max-width:100%}.slider{height:50px}.scale-indicator-container{position:relative;width:100%;margin-top:2px}.scale-indicator-container[slot=track-overlay]{position:absolute;inset:0;pointer-events:none;margin-top:0}.scale-indicator-icon{left:var(--arcgis-internal-scale-indicator-offset);transform:scale(.8,1.7);margin-left:-6px;width:1px;--calcite-icon-color: var(--calcite-color-text-3)}.scale-indicator-range{top:-1px;left:var(--arcgis-internal-scale-indicator-left);width:calc(var(--arcgis-internal-scale-indicator-right) - var(--arcgis-internal-scale-indicator-left));height:4px;background-color:var(--calcite-color-brand);mask-image:linear-gradient(to right,transparent 0%,black 30%,black 70%,transparent 100%);pointer-events:none}.scale-menu-list{max-height:220px;overflow-y:auto}.scale-menu-input{max-width:120px}.scale-menu-button-container{display:flex;direction:ltr;justify-content:space-between}.scale-menu-button{min-width:0}:dir(rtl) .scale-menu-button-container>*{direction:rtl}.preview-container{padding:6px;background-color:var(--calcite-color-foreground-1);box-shadow:0 1px 2px #0000004d}`, l = [
115
+ }, k = b`:host{display:block;width:310px;max-width:100%}.slider{height:50px}.scale-indicator-container{position:relative;width:100%;margin-top:2px}.scale-indicator-container[slot=track-overlay]{position:absolute;inset:0;pointer-events:none;margin-top:0}.scale-indicator-icon{left:var(--arcgis-internal-scale-indicator-offset);transform:scale(.8,1.7);margin-left:-6px;width:1px;--calcite-icon-color: var(--calcite-color-text-3)}.scale-indicator-range{top:-1px;left:var(--arcgis-internal-scale-indicator-left);width:calc(var(--arcgis-internal-scale-indicator-right) - var(--arcgis-internal-scale-indicator-left));height:4px;background-color:oklch(from var(--calcite-color-brand) calc(l*1.5) c h);mask-image:linear-gradient(to right,transparent 0%,black 30%,black 70%,transparent 100%);pointer-events:none}.scale-menu-list{max-height:220px;overflow-y:auto}.scale-menu-input{max-width:120px}.scale-menu-button-container{display:flex;direction:ltr;justify-content:space-between}.scale-menu-button{min-width:0}:dir(rtl) .scale-menu-button-container>*{direction:rtl}.preview-container{padding:6px;background-color:var(--calcite-color-foreground-1);box-shadow:0 1px 2px #0000004d}`, l = [
116
116
  { id: "world", scale: 147914382, minScale: 147914382, maxScale: 1e8 },
117
117
  { id: "continent", scale: 5e7, minScale: 99999999, maxScale: 35e6 },
118
118
  { id: "countriesBig", scale: 25e6, minScale: 34999999, maxScale: 15e6 },
@@ -134,7 +134,7 @@ const h = /* @__PURE__ */ new Set([
134
134
  { id: "rooms", scale: 400, minScale: 400, maxScale: 101 },
135
135
  { id: "room", scale: 100, minScale: 100, maxScale: 0 }
136
136
  ];
137
- class k extends _ {
137
+ class P extends _ {
138
138
  constructor() {
139
139
  super(...arguments), this.messages = $(), this._sliderRef = w(), this._activeMenu = null, this._customScaleSelected = null, this._portalRegion = null, this._layerMaxScaleLimit = l[l.length - 1].maxScale, this._layerMinScaleLimit = l[0].minScale, this.autoDestroyDisabled = !1, this.disabled = !1, this.hidePreview = !1, this.hideMaxScaleMenu = !1, this.hideMinScaleMenu = !1, this.icon = "actual-size", this.maxScale = 0, this.maxScaleLimit = l[l.length - 1].maxScale, this.minScale = 0, this.minScaleLimit = l[0].minScale, this.mode = "range", this.showScaleRangeIndicator = !1, this.showWorldValue = !1, this.view = y(this), this.arcgisChange = d(), this.arcgisInput = d(), this.arcgisPropertyChange = L()("state", "minScale", "maxScale"), this.arcgisReady = d();
140
140
  }
@@ -142,7 +142,7 @@ class k extends _ {
142
142
  this.properties = { _activeMenu: 16, _customScaleSelected: 16, _portalRegion: 16, _layerMaxScaleLimit: 16, _layerMinScaleLimit: 16, autoDestroyDisabled: 5, disabled: 7, hidePreview: 5, hideMaxScaleMenu: 5, hideMinScaleMenu: 5, icon: 1, label: 1, layer: 0, maxScale: 9, maxScaleLimit: 9, minScale: 9, minScaleLimit: 9, mode: 1, referenceElement: 1, region: 1, showScaleRangeIndicator: 5, showWorldValue: 5, state: 32, view: 0 };
143
143
  }
144
144
  static {
145
- this.styles = P;
145
+ this.styles = k;
146
146
  }
147
147
  get state() {
148
148
  const { view: e, layer: i } = this;
@@ -363,7 +363,7 @@ class k extends _ {
363
363
  })}></div>`;
364
364
  }
365
365
  }
366
- g("arcgis-slider-scale-range", k);
366
+ g("arcgis-slider-scale-range", P);
367
367
  export {
368
- k as ArcgisSliderScaleRange
368
+ P as ArcgisSliderScaleRange
369
369
  };
@@ -326,7 +326,11 @@ export abstract class ArcgisUtilityNetworkTraceAnalysis extends LitElement {
326
326
  * @default false
327
327
  */
328
328
  accessor includeDefaultActionsDisabled: boolean;
329
- /** The component's default label. */
329
+ /**
330
+ * The component's default label.
331
+ *
332
+ * @deprecated since 5.2. This property has no effect.
333
+ */
330
334
  accessor label: string | undefined;
331
335
  /**
332
336
  * Replace localized message strings with your own strings.
@@ -3,8 +3,8 @@ 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 w } from "@arcgis/core/core/reactiveUtils.js";
7
- import b from "@arcgis/core/networks/UtilityNetworkTraceAnalysis.js";
6
+ import { when as b } from "@arcgis/core/core/reactiveUtils.js";
7
+ import w from "@arcgis/core/networks/UtilityNetworkTraceAnalysis.js";
8
8
  import { LitElement as T, createEvent as r } from "@arcgis/lumina";
9
9
  import { usePropertyChange as $ } from "@arcgis/lumina/controllers";
10
10
  import { slotChangeGetAssignedElements as u } from "@arcgis/toolkit/dom/slots";
@@ -14,7 +14,7 @@ import { u as E } from "../../chunks/useT9n.js";
14
14
  import { m as C } from "../../chunks/useViewModel.js";
15
15
  import { l as d } from "../../chunks/async-utils.js";
16
16
  import { a as p } from "../../chunks/types.js";
17
- const k = _`: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: var(--arcgis-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}}`, S = C(b), m = "arcgis-utility-network-trace-results", f = "arcgis-hidden-results-slot-item", x = [
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: var(--arcgis-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 = [
18
18
  "actions",
19
19
  "autoDestroyDisabled",
20
20
  "aggregatedGeometryResultsGraphicsColor",
@@ -32,7 +32,7 @@ const k = _`:host{--arcgis-internal-color-black-30: color-mix(in srgb, #000000 3
32
32
  ];
33
33
  class P extends T {
34
34
  constructor() {
35
- super(...arguments), this._messages = E({ blocking: !0 }), this.#s = S(this), this.#a = (e) => {
35
+ super(...arguments), this._messages = E({ blocking: !0 }), this.#s = k(this), this.#a = (e) => {
36
36
  const { detail: t, target: s } = e;
37
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
38
  }, this.#r = (e) => {
@@ -49,7 +49,7 @@ class P extends T {
49
49
  } }], 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
50
  }
51
51
  static {
52
- this.styles = k;
52
+ this.styles = S;
53
53
  }
54
54
  get #c() {
55
55
  return this.view?.map?.allLayers.toArray().concat(this.view.map.allTables.toArray()) ?? [];
@@ -89,7 +89,7 @@ class P extends T {
89
89
  }
90
90
  load() {
91
91
  this.manager.onLifecycle(() => [
92
- w(() => !this.#s.utilityNetwork, () => this.#i("input"))
92
+ b(() => !this.#s.utilityNetwork, () => this.#i("input"))
93
93
  ]);
94
94
  }
95
95
  willUpdate(e) {
@@ -174,13 +174,13 @@ class P extends T {
174
174
  #R() {
175
175
  this.#m(), !(this._showNoStartingPointsWarning || this._showMissingTerminalWarning) && (this._showNoStartingPointsWarning = !1, this._showMissingTerminalWarning = !1, this.#g(), this.#i("results"), this.#v());
176
176
  }
177
- #w(e) {
177
+ #b(e) {
178
178
  e && (this.#t = e);
179
179
  }
180
180
  #d(e) {
181
181
  !e || e === this.#e || (this.#u(this.#e), this.#e = e, this.#f(e));
182
182
  }
183
- #b(e) {
183
+ #w(e) {
184
184
  this.#h = e;
185
185
  }
186
186
  #T(e) {
@@ -207,12 +207,12 @@ class P extends T {
207
207
  const { _messages: e } = this;
208
208
  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
209
  }
210
- #k() {
210
+ #S() {
211
211
  const { _messages: e } = this;
212
212
  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
213
  }
214
- #S() {
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.#b)}><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>`;
214
+ #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>`;
216
216
  }
217
217
  #x() {
218
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";
@@ -221,7 +221,7 @@ class P extends T {
221
221
  }} .disabled=${!i} slot=footer>${l ? e.buttons.clearResultsCustom.replace("{number}", n.toString()) : e.buttons.clearResultsGeneric}</calcite-button>`;
222
222
  }
223
223
  #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.#k() || ""}${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.#w)}></arcgis-utility-network-trace-inputs>`;
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>`;
225
225
  return a`<calcite-tab .selected=${this._activeTab === "input"}><div class="inputs-tab-container">${i}</div></calcite-tab>`;
226
226
  }
227
227
  #G() {
@@ -233,7 +233,7 @@ class P extends T {
233
233
  }
234
234
  render() {
235
235
  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 @click=${() => this.#i("input")} .selected=${e === "input"}>${this._messages.tabs.inputTab}</calcite-tab-title><calcite-tab-title @click=${() => this.#i("results")} .selected=${e === "results"} .disabled=${t === "disabled" || t === "loading"}>${this._messages.tabs.resultsTab}</calcite-tab-title></calcite-tab-nav>${this.#P()}${this.#S()}</calcite-tabs>${e === "input" ? this.#G() : null}${e === "results" ? this.#x() : null}</calcite-panel>`;
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>`;
237
237
  }
238
238
  }
239
239
  v("arcgis-utility-network-trace-analysis", P);