@arcgis/map-components 5.1.0-next.83 → 5.1.0-next.85

package/dist/chunks/async-utils.js

@@ -1,50 +1,50 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import f from "@arcgis/core/core/Accessor.js";
-import { property as l, subclass as b } from "@arcgis/core/core/accessorSupport/decorators.js";
-import d from "@arcgis/core/core/Error.js";
-import { a as p, r as h } from "./maybe.js";
-import { log as m } from "@arcgis/toolkit/log";
-var w = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, s = (t, r, e, o) => {
-  for (var n = o > 1 ? void 0 : o ? _(r, e) : r, a = t.length - 1, u; a >= 0; a--)
-    (u = t[a]) && (n = (o ? u(r, e, n) : u(n)) || n);
-  return o && n && w(r, e, n), n;
+import d from "@arcgis/core/core/Accessor.js";
+import { property as l, subclass as m } from "@arcgis/core/core/accessorSupport/decorators.js";
+import p from "@arcgis/core/core/Error.js";
+import { a as h, r as w } from "./maybe.js";
+import { log as _ } from "@arcgis/toolkit/log";
+var v = Object.defineProperty, A = Object.getOwnPropertyDescriptor, a = (t, r, e, o) => {
+  for (var n = o > 1 ? void 0 : o ? A(r, e) : r, i = t.length - 1, u; i >= 0; i--)
+    (u = t[i]) && (n = (o ? u(r, e, n) : u(n)) || n);
+  return o && n && v(r, e, n), n;
 };
-function j(t, r, e) {
+function S(t, r, e) {
   if (t && typeof t == "object" && !Array.isArray(t)) {
-    const n = "details" in t && t.details && typeof t.details == "object" && !Array.isArray(t.details) ? { detail: t.details } : void 0, a = e ? `${e} - ${String(t)}` : String(t);
-    m("error", r, a, n);
+    const n = "details" in t && t.details && typeof t.details == "object" && !Array.isArray(t.details) ? { detail: t.details } : void 0, i = e ? `${e} - ${String(t)}` : String(t);
+    _("error", r, i, n);
   }
 }
-function v(t = "Aborted") {
-  return new d("AbortError", t);
+function f(t = "Aborted") {
+  return new p("AbortError", t);
 }
-function H(t, r = "Aborted") {
+function j(t, r = "Aborted") {
   if (g(t))
-    throw v(r);
+    throw f(r);
 }
-function c(t) {
+function b(t) {
   return t instanceof AbortSignal ? t : t?.signal ?? void 0;
 }
 function g(t) {
-  return c(t)?.aborted ?? !1;
+  return b(t)?.aborted ?? !1;
 }
 function y(t) {
   return t?.name === "AbortError";
 }
-function A(t) {
+function C(t) {
   return { ok: !0, value: t };
 }
-function C(t) {
+function E(t) {
   return { ok: !1, error: t };
 }
-function E(t) {
+function k(t) {
   return t?.ok ? t.value : null;
 }
-function k(t) {
+function T(t) {
   return t != null && !t.ok ? t.error : null;
 }
-function I(t, r) {
-  const e = c(t);
+function c(t, r) {
+  const e = b(t);
   if (e == null)
     return;
   if (e.aborted) {
@@ -54,29 +54,29 @@ function I(t, r) {
   const o = () => r();
   return e.addEventListener("abort", o, { once: !0 }), { remove: () => e.removeEventListener("abort", o) };
 }
-function P(t, r) {
-  return new i(t, r);
+function H(t, r) {
+  return new s(t, r);
 }
-let i = class extends f {
+let s = class extends d {
   constructor(t, r) {
     super({}), this._abortHandle = null, this.abort = () => {
-      this._abortController = p(this._abortController);
+      this._abortController = h(this._abortController);
     }, this.remove = this.abort, this._abortController = new AbortController();
     const { signal: e } = this._abortController;
     this.promise = t(e), this.promise.then(
       (o) => {
-        this._result = A(o), this._cleanup();
+        this._result = C(o), this._cleanup();
       },
       (o) => {
-        this._result = C(o), this._cleanup();
+        this._result = E(o), this._cleanup();
       }
-    ), this._abortHandle = I(r, this.abort);
+    ), this._abortHandle = c(r, this.abort);
   }
   get value() {
-    return E(this._result);
+    return k(this._result);
   }
   get error() {
-    return k(this._result);
+    return T(this._result);
   }
   get finished() {
     return this._result != null;
@@ -85,30 +85,30 @@ let i = class extends f {
     this.abort();
   }
   _cleanup() {
-    this._abortHandle = h(this._abortHandle), this._abortController = null;
+    this._abortHandle = w(this._abortHandle), this._abortController = null;
   }
   [Symbol.dispose]() {
     this._cleanup();
   }
 };
-s([
+a([
   l()
-], i.prototype, "value", 1);
-s([
+], s.prototype, "value", 1);
+a([
   l()
-], i.prototype, "error", 1);
-s([
+], s.prototype, "error", 1);
+a([
   l()
-], i.prototype, "finished", 1);
-s([
+], s.prototype, "finished", 1);
+a([
   l()
-], i.prototype, "promise", 2);
-s([
+], s.prototype, "promise", 2);
+a([
   l()
-], i.prototype, "_result", 2);
-i = s([
-  b("esri.components.asyncUtils.ReactiveTask")
-], i);
+], s.prototype, "_result", 2);
+s = a([
+  m("esri.components.asyncUtils.ReactiveTask")
+], s);
 function q(t) {
   return t.catch((r) => {
     if (!y(r))
@@ -131,13 +131,25 @@ function x(t, r = {}) {
 function L(t) {
   "cancelIdleCallback" in window && window.cancelIdleCallback(t), window.clearTimeout(t);
 }
+function M(t, r) {
+  const e = new AbortController();
+  return c(r, () => e.abort()), new Promise((o, n) => {
+    let i = setTimeout(() => {
+      i = void 0, o();
+    }, t);
+    c(e, () => {
+      i !== void 0 && (clearTimeout(i), i = void 0, n(f()));
+    });
+  });
+}
 export {
   g as a,
   q as b,
-  P as c,
-  L as d,
+  H as c,
+  M as d,
+  L as e,
   y as i,
-  j as l,
+  S as l,
   x as r,
-  H as t
+  j as t
 };

package/dist/components/arcgis-aggregated-features/customElement.js

@@ -1,33 +1,37 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as d } from "../../chunks/runtime.js";
-import { html as g } from "lit";
-import { keyed as c } from "lit/directives/keyed.js";
+import { css as c, html as g } from "lit";
+import { keyed as h } from "lit/directives/keyed.js";
 import "@arcgis/core/core/Collection.js";
-import h from "@arcgis/core/popup/Feature.js";
-import m from "@arcgis/core/Graphic.js";
-import y from "@arcgis/core/symbols/SimpleFillSymbol.js";
-import { LitElement as F, renderElement as _ } from "@arcgis/lumina";
-import { a as p } from "../../chunks/maybe.js";
-import { usePropertyChange as f, bypassReadOnly as n } from "@arcgis/lumina/controllers";
-import { g as A } from "../../chunks/feature-utils.js";
-import { i as w } from "../../chunks/async-utils.js";
-import { stripHTML as b } from "@arcgis/core/applications/Components/stringUtils.js";
+import m from "@arcgis/core/popup/Feature.js";
+import y from "@arcgis/core/Graphic.js";
+import F from "@arcgis/core/symbols/SimpleFillSymbol.js";
+import { LitElement as _, renderElement as p } from "@arcgis/lumina";
+import { a as f } from "../../chunks/maybe.js";
+import { usePropertyChange as A, bypassReadOnly as n } from "@arcgis/lumina/controllers";
+import { g as w } from "../../chunks/feature-utils.js";
+import { i as b } from "../../chunks/async-utils.js";
+import { stripHTML as v } from "@arcgis/core/applications/Components/stringUtils.js";
 import { watch as l } from "@arcgis/core/core/reactiveUtils.js";
-class v extends F {
+const I = c`calcite-notice{padding:var(--calcite-space-lg)}`;
+class C extends _ {
   constructor() {
-    super(...arguments), this.aggregatedFeatureCount = 0, this.aggregatedFeatureItems = [], this.aggregatedFeatures = [], this.autoDestroyDisabled = !1, this.loading = !1, this.selectedAggregateBoundaryFeature = new m({
-      symbol: new y({
+    super(...arguments), this.aggregatedFeatureCount = 0, this.aggregatedFeatureItems = [], this.aggregatedFeatures = [], this.autoDestroyDisabled = !1, this.loading = !1, this.selectedAggregateBoundaryFeature = new y({
+      symbol: new F({
         outline: {
           width: 1.5,
           color: "cyan"
         },
         style: "none"
       })
-    }), this.arcgisPropertyChange = f()("aggregatedFeatureCount", "aggregatedFeatureItems", "aggregatedFeatures", "loading");
+    }), this.arcgisPropertyChange = A()("aggregatedFeatureCount", "aggregatedFeatureItems", "aggregatedFeatures", "loading");
   }
   static {
     this.properties = { _abortController: 16, aggregatedFeatureCount: 32, aggregatedFeatureItems: 32, aggregatedFeatures: 32, autoDestroyDisabled: 5, feature: 0, flowItems: 0, loading: 32, map: 0, messages: 0, selectedAggregateBoundaryFeature: 32, spatialReference: 0, timeZone: 1, view: 0 };
   }
+  static {
+    this.styles = I;
+  }
   async destroy() {
     await this.manager.destroy(), this._cancelQuery(), this._clearAggregatedFeatureItems(), this._removeAggregateBoundaryFeature();
   }
@@ -55,7 +59,7 @@ class v extends F {
     n(() => this.loading = e);
   }
   _cancelQuery() {
-    this._abortController = p(this._abortController), this._setLoading(!1);
+    this._abortController = f(this._abortController), this._setLoading(!1);
   }
   _removeBoundaryGraphicFromView(e) {
     e?.graphics.remove(this.selectedAggregateBoundaryFeature);
@@ -67,7 +71,7 @@ class v extends F {
     this._setAggregatedFeatures([]), this._clearAggregatedFeatureItems(), this._setAggregatedFeatureCount(0), this._removeAggregateBoundaryFeature();
   }
   _setAggregatedFeatureItems(e) {
-    this._setAggregatedFeatureItemsReadOnly(e.map((t) => new h({ graphic: t })));
+    this._setAggregatedFeatureItemsReadOnly(e.map((t) => new m({ graphic: t })));
   }
   _setAggregatedFeaturesState(e) {
     this._setAggregatedFeatures(e), this._setAggregatedFeatureItems(e), this._setAggregatedFeatureCount(e.length);
@@ -84,7 +88,7 @@ class v extends F {
     a !== t && this._removeBoundaryGraphicFromView(a), this.selectedAggregateBoundaryFeature.geometry = e, this._boundaryGraphicView = t, t.graphics.includes(this.selectedAggregateBoundaryFeature) || t.graphics.add(this.selectedAggregateBoundaryFeature);
   }
   async _getLayerViewAndQuery(e) {
-    const { view: t } = this, a = A(e);
+    const { view: t } = this, a = w(e);
     if (!t || !a)
       return null;
     const r = await t.whenLayerView(a);
@@ -118,7 +122,7 @@ class v extends F {
       const u = s.features ?? [];
       this._setAggregatedFeaturesState(u), i.extent ? this._updateAggregateBoundaryFeature(i.extent) : this._removeAggregateBoundaryFeature();
     } catch (s) {
-      if (this._abortController !== r || (this._abortController = null, this._setLoading(!1), w(s)))
+      if (this._abortController !== r || (this._abortController = null, this._setLoading(!1), b(s)))
         return;
       this._resetAggregatedFeaturesState();
     }
@@ -128,17 +132,17 @@ class v extends F {
   }
   _selectFeature(e) {
     const { flowItems: t, view: a } = this;
-    t && this._addFlowItem(_(c(e, g`<arcgis-feature .autoDestroyDisabled=${this.autoDestroyDisabled} .flowItems=${t} .graphic=${e.graphic} .map=${this.map} .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} .view=${a ?? void 0}></arcgis-feature>`)));
+    t && this._addFlowItem(p(h(e, g`<arcgis-feature .autoDestroyDisabled=${this.autoDestroyDisabled} .flowItems=${t} .graphic=${e.graphic} .map=${this.map} .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} .view=${a ?? void 0}></arcgis-feature>`)));
   }
   _renderChevronIconNode() {
     return g`<calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon>`;
   }
   render() {
     const { aggregatedFeatureItems: e } = this, { loading: t } = this, a = e.filter((r) => r.graphic);
-    return t || a.length > 0 ? g`<calcite-list .loading=${t} display-mode=flat .filterEnabled=${a.length > 10} .filterPlaceholder=${this.messages?.aggregatedFeaturesPlaceholder ?? ""} .label=${this.messages?.aggregatedFeatures ?? ""} selection-mode=none>${a.map((r) => g`<calcite-list-item .label=${b(r.heading) ?? ""} @calciteListItemSelect=${() => this._selectFeature(r)}>${this._renderChevronIconNode()}</calcite-list-item>`)}</calcite-list>` : g`<calcite-notice icon=information kind=brand open scale=s width=full><div slot=message>${this.messages?.noAggregatedFeatures}</div></calcite-notice>`;
+    return t || a.length > 0 ? g`<calcite-list .loading=${t} display-mode=flat .filterEnabled=${a.length > 10} .filterPlaceholder=${this.messages?.aggregatedFeaturesPlaceholder ?? ""} .label=${this.messages?.aggregatedFeatures ?? ""} selection-mode=none>${a.map((r) => g`<calcite-list-item .label=${v(r.heading) ?? ""} @calciteListItemSelect=${() => this._selectFeature(r)}>${this._renderChevronIconNode()}</calcite-list-item>`)}</calcite-list>` : g`<calcite-notice icon=information kind=brand open scale=s width=full><div slot=message>${this.messages?.noAggregatedFeatures}</div></calcite-notice>`;
   }
 }
-d("arcgis-aggregated-features", v);
+d("arcgis-aggregated-features", C);
 export {
-  v as ArcgisAggregatedFeatures
+  C as ArcgisAggregatedFeatures
 };

package/dist/components/arcgis-daylight/customElement.js

@@ -11,7 +11,7 @@ import { u as be } from "../../chunks/useT9n.js";
 import { u as ve } from "../../chunks/useView.js";
 import { m as J } from "../../chunks/handle.js";
 import { o as $, i as p, b as A, d as k, g as we } from "../../chunks/time-utils.js";
-import { r as ye, b as xe, d as Se } from "../../chunks/async-utils.js";
+import { r as ye, b as xe, e as Se } from "../../chunks/async-utils.js";
 import { createTrackingTarget as De, runTracked as W, signal as Te } from "@arcgis/core/applications/Components/reactiveUtils.js";
 import { C as K } from "../../chunks/component-wrapper.js";
 import { V as D } from "../../chunks/visible-element.js";

package/dist/components/arcgis-elevation-profile/customElement.d.ts

@@ -437,9 +437,8 @@ export abstract class ArcgisElevationProfile extends LitElement {
       zoomOut?: string | undefined;
   };
   /**
-   * The collection of profile lines to compute and display. Each profile line defines a different source for sampling
-   * elevation along the input geometry (such as ground, input geometry itself, custom elevation sources, or scene
-   * content), and includes settings for how the resulting line will appear in the component chart and in the view.
+   * The collection of profiles to compute and display. Top-level entries can be either individual profile lines or
+   * groups that organize multiple lines under a shared title in the legend.
    *
    * [Read more](https://developers.arcgis.com/javascript/latest/references/core/analysis/ElevationProfileAnalysis/#profiles)
    */

package/dist/components/arcgis-elevation-profile/customElement.js

@@ -522,7 +522,7 @@ class J extends k {
     return c`<calcite-action icon=trash @click=${this._onClearButtonClick} .text=${e} title=${e ?? u}></calcite-action>`;
   }
   _renderLegend() {
-    return c`<arcgis-elevation-profile-legend .effectiveDisplayUnits=${this.viewModel.effectiveDisplayUnits} .featureSelected=${this.viewModel.featureIsSelected} .messages=${this._messages} .results=${this.viewModel.results}></arcgis-elevation-profile-legend>`;
+    return c`<arcgis-elevation-profile-legend .effectiveDisplayUnits=${this.viewModel.effectiveDisplayUnits} .featureSelected=${this.viewModel.featureIsSelected} .messages=${this._messages} .profiles=${this.profiles} .results=${this.viewModel.results}></arcgis-elevation-profile-legend>`;
   }
   _renderSettingsButton() {
     return c`<arcgis-elevation-profile-settings .viewModel=${this.viewModel} .hideUniformChartScalingToggle=${this.hideUniformChartScalingToggle} .hideDistanceDisplayUnitSelect=${this.hideDistanceDisplayUnitSelect} .hideElevationDisplayUnitSelect=${this.hideElevationDisplayUnitSelect} .messages=${this._messages} .uniformChartScaling=${this.viewModel.uniformChartScaling} .unitOptionsDistance=${this.viewModel.distanceUnitOptions} .unitOptionsElevation=${this.viewModel.elevationUnitOptions} @arcgisElevationProfileSettingsUniformChartScalingChange=${(e) => {

package/dist/components/arcgis-elevation-profile-legend/customElement.js

@@ -1,31 +1,37 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as l } from "../../chunks/runtime.js";
-import { css as o, html as r } from "lit";
-import { LitElement as d } from "@arcgis/lumina";
-const c = o`:host{display:flex;flex-direction:column;gap:var(--calcite-spacing-xxs)}`;
-class p extends d {
+import { c as a } from "../../chunks/runtime.js";
+import { css as n, html as s } from "lit";
+import { LitElement as l } from "@arcgis/lumina";
+const o = n`:host{--arcgis-internal-legend-gap: var(--calcite-spacing-xxs);--arcgis-internal-legend-group-gap: var(--calcite-spacing-md);display:flex;flex-direction:column;gap:var(--arcgis-internal-legend-gap)}.group{display:flex;flex-direction:column;gap:var(--arcgis-internal-legend-gap)}.group+.group,.group+arcgis-elevation-profile-legend-item,arcgis-elevation-profile-legend-item+.group{margin-block-start:calc(var(--arcgis-internal-legend-group-gap) - var(--arcgis-internal-legend-gap))}.group-title{color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-medium);text-align:start}`;
+class g extends l {
   constructor() {
     super(...arguments), this._expandedLine = void 0, this.featureSelected = !1;
   }
   static {
-    this.properties = { _expandedLine: 16, effectiveDisplayUnits: 0, featureSelected: 5, messages: 0, results: 0 };
+    this.properties = { _expandedLine: 16, effectiveDisplayUnits: 0, featureSelected: 5, messages: 0, profiles: 0, results: 0 };
   }
   static {
-    this.styles = c;
+    this.styles = o;
   }
   async destroy() {
     await this.manager.destroy();
   }
-  _onToggleExpand(t) {
-    const e = t.detail;
-    this._expandedLine = e === this._expandedLine ? void 0 : e;
+  _onToggleExpand(e) {
+    const t = e.detail;
+    this._expandedLine = t === this._expandedLine ? void 0 : t;
   }
   render() {
-    const { messages: t, effectiveDisplayUnits: e, _expandedLine: n } = this, s = this.results ?? [], a = s.length <= 1;
-    return s.map((i) => r`<arcgis-elevation-profile-legend-item .effectiveDisplayUnits=${e} .expanded=${i.profile === n} .featureSelected=${this.featureSelected} .hideCheckbox=${a} .messages=${t} @arcgisExpandedToggle=${this._onToggleExpand} .result=${i}></arcgis-elevation-profile-legend-item>`);
+    const e = this.profiles?.toArray() ?? [], t = this.results ?? [], r = new Map(t.map((i) => [i.profile.id, i]));
+    return r.size === 0 ? s`<div></div>` : e?.map((i) => i.type === "group" ? this._renderGroup(i, r) : this._renderProfile(i, r));
+  }
+  _renderGroup(e, t) {
+    return s`<div class="group">${e.title ? s`<div class="group-title">${e.title}</div>` : void 0}${e.profiles.toArray().map((r) => this._renderProfile(r, t))}</div>`;
+  }
+  _renderProfile(e, t) {
+    return s`<arcgis-elevation-profile-legend-item .effectiveDisplayUnits=${this.effectiveDisplayUnits} .expanded=${e === this._expandedLine} .featureSelected=${this.featureSelected} .hideCheckbox=${(this.results?.length ?? 0) <= 1} .messages=${this.messages} @arcgisExpandedToggle=${this._onToggleExpand} .result=${t.get(e.id)}></arcgis-elevation-profile-legend-item>`;
   }
 }
-l("arcgis-elevation-profile-legend", p);
+a("arcgis-elevation-profile-legend", g);
 export {
-  p as ArcgisElevationProfileLegend
+  g as ArcgisElevationProfileLegend
 };