@arcgis/map-components 5.1.0-next.7 → 5.1.0-next.71

package/dist/components/arcgis-reverse-geocode-list/customElement.js

@@ -1,24 +1,26 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as u } from "../../chunks/runtime.js";
-import { css as m, html as i } from "lit";
-import h from "@arcgis/core/portal/Portal.js";
-import { LitElement as p, createEvent as g, safeClassMap as b } from "@arcgis/lumina";
-import { locationToAddress as f } from "@arcgis/core/rest/locator.js";
-import { substitute as _ } from "@arcgis/core/intl.js";
-import { u as v } from "../../chunks/useT9n.js";
-import { watch as d } from "@arcgis/core/core/reactiveUtils.js";
-const $ = m`.coordinates{font-size:var(--calcite-font-size-sm);color:var(--calcite-color-text-3);padding-inline-start:var(--calcite-spacing-md);padding-block-end:var(--calcite-spacing-sm)}`, R = {
+import { c as p } from "../../chunks/runtime.js";
+import { css as f, html as a } from "lit";
+import g from "@arcgis/core/portal/Portal.js";
+import _ from "@arcgis/core/geometry/SpatialReference.js";
+import { LitElement as b, createEvent as v, safeClassMap as $ } from "@arcgis/lumina";
+import * as u from "@arcgis/core/geometry/operators/projectOperator.js";
+import { locationToAddress as R } from "@arcgis/core/rest/locator.js";
+import { substitute as C } from "@arcgis/core/intl.js";
+import { u as y } from "../../chunks/useT9n.js";
+import { watch as h } from "@arcgis/core/core/reactiveUtils.js";
+const w = f`.coordinates{font-size:var(--calcite-font-size-sm);color:var(--calcite-color-text-3);padding-inline-start:var(--calcite-spacing-md);padding-block-end:var(--calcite-spacing-sm)}`, L = {
   coordinates: "coordinates"
 };
-class C extends p {
+class G extends b {
   constructor() {
-    super(...arguments), this.messages = v(), this._abortController = null, this._results = null, this.headingLevel = 3, this.portal = h.getDefault(), this.arcgisReverseGeocodeResultsChange = g();
+    super(...arguments), this.messages = y(), this._abortController = null, this._location = null, this._results = null, this.headingLevel = 3, this.portal = g.getDefault(), this.autoDestroyDisabled = !1, this.arcgisReverseGeocodeResultsChange = v();
   }
   static {
-    this.properties = { _abortController: 16, _results: 16, headingLevel: 9, portal: 0, location: 0, messageOverrides: 0, reverseGeocodeResults: 32 };
+    this.properties = { _abortController: 16, _location: 16, _results: 16, headingLevel: 9, portal: 0, location: 0, messageOverrides: 0, autoDestroyDisabled: 5, reverseGeocodeResults: 32 };
   }
   static {
-    this.styles = $;
+    this.styles = w;
   }
   get reverseGeocodeResults() {
     return this._results;
@@ -28,8 +30,10 @@ class C extends p {
   }
   loaded() {
     this.manager.onLifecycle(() => [
-      d(() => [this.portal, this.location], () => void this._update(), { initial: !0 }),
-      d(() => this._results, () => {
+      h(() => [this.portal, this.location], () => {
+        this._update();
+      }, { initial: !0 }),
+      h(() => this._results, () => {
         this.arcgisReverseGeocodeResultsChange.emit();
       })
     ]);
@@ -40,36 +44,44 @@ class C extends p {
   async _update() {
     const { location: e, messages: t } = this;
     if (this._cancelQueries(), !e) {
-      this._results = null;
+      this._location = null, this._results = null;
       return;
     }
-    const s = new AbortController(), r = s.signal;
-    this._abortController = s, await this.portal?.load({ signal: r });
-    const l = this.portal?.helperServices?.geocode?.filter((o) => o.reverseGeocode ?? !0);
-    if (!l) {
+    const s = new AbortController(), l = s.signal;
+    this._abortController = s;
+    const o = () => l.aborted || this._abortController !== s;
+    if (!u.isLoaded() && (await u.load(), o()))
+      return;
+    const n = u.execute(e, _.WGS84) ?? e;
+    if (o() || (this._location = n, await this.portal?.load({ signal: l }), o()))
+      return;
+    const i = this.portal?.helperServices?.geocode?.filter((r) => r.reverseGeocode ?? !0);
+    if (!i) {
+      if (o())
+        return;
       this._results = null;
       return;
     }
-    const a = l.map(async (o) => await f(o.url, { location: e }, { signal: r })), n = await Promise.allSettled(a);
-    this._abortController = null, this._results = l.map((o, c) => ({
-      name: o.name ?? t?.untitledService ?? "",
-      address: (n[c].status === "fulfilled" ? n[c].value.address : null) ?? t?.noResultsFound ?? "",
-      url: o.url
-    }));
+    const d = i.map(async (r) => await R(r.url, { location: e }, { signal: l })), c = await Promise.allSettled(d);
+    o() || (this._abortController = null, this._results = i.map((r, m) => ({
+      name: r.name ?? t?.untitledService ?? "",
+      address: (c[m].status === "fulfilled" ? c[m].value.address : null) ?? t?.noResultsFound ?? "",
+      url: r.url
+    })));
   }
   _renderMoreResults(e) {
     const { messages: t } = this;
-    return !this._abortController && e?.length ? i`<calcite-block collapsible .headingLevel=${this.headingLevel} .heading=${_(t?.showMoreResults ?? "", { count: e.length })}><calcite-list display-mode=flat interaction-mode=static selection-mode=none .label=${t?.moreResults ?? ""}>${e?.map((s) => i`<calcite-list-item .label=${s.name} .description=${s.address}></calcite-list-item>`)}</calcite-list></calcite-block>` : null;
+    return !this._abortController && e?.length ? a`<calcite-block collapsible .headingLevel=${this.headingLevel} .heading=${C(t?.showMoreResults ?? "", { count: e.length })}><calcite-list display-mode=flat interaction-mode=static selection-mode=none .label=${t?.moreResults ?? ""}>${e?.map((s) => a`<calcite-list-item .label=${s.name} .description=${s.address}></calcite-list-item>`)}</calcite-list></calcite-block>` : null;
   }
   render() {
-    const { _abortController: e, location: t, _results: s, messages: r } = this;
+    const { _abortController: e, _location: t, _results: s, messages: l } = this;
     if (!t)
       return null;
-    const l = s?.slice(), a = l?.shift(), n = i`<div class=${b(R.coordinates)} slot=content-bottom>${`${t.latitude?.toFixed(6)}, ${t.longitude?.toFixed(6)}`}</div>`;
-    return i`<calcite-list .loading=${!!e} display-mode=flat interaction-mode=static selection-mode=none .label=${r.label ?? ""}>${a ? i`<calcite-list-item .label=${a.name} .description=${a.address}>${n}</calcite-list-item>` : e ? null : i`<calcite-list-item .label=${r.noResultsFound ?? ""}>${n}</calcite-list-item>`}</calcite-list>${this._renderMoreResults(l)}`;
+    const o = s?.slice(), n = o?.shift(), { latitude: i, longitude: d } = t, c = i != null && d != null ? a`<div class=${$(L.coordinates)} slot=content-bottom>${`${i.toFixed(6)}, ${d.toFixed(6)}`}</div>` : null;
+    return a`<calcite-list .loading=${!!e} display-mode=flat interaction-mode=static selection-mode=none .label=${l.label ?? ""}>${n ? a`<calcite-list-item .label=${n.name} .description=${n.address}>${c}</calcite-list-item>` : e ? null : a`<calcite-list-item .label=${l.noResultsFound ?? ""}>${c}</calcite-list-item>`}</calcite-list>${this._renderMoreResults(o)}`;
   }
 }
-u("arcgis-reverse-geocode-list", C);
+p("arcgis-reverse-geocode-list", G);
 export {
-  C as ArcgisReverseGeocodeList
+  G as ArcgisReverseGeocodeList
 };

package/dist/components/arcgis-scale-bar/customElement.d.ts

@@ -1,8 +1,8 @@
 /// <reference path="../../index.d.ts" />
 import type MapView from "@arcgis/core/views/MapView.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { ArcgisReferenceElement } from "../../utils/component-utils.js";
-import type { MeasurementSystem } from "../types.js";
+import type { ArcgisReferenceElement } from "../types.js";
+import type { ScaleBarStyle, ScaleBarUnit } from "./types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
 /**
@@ -81,8 +81,4 @@ export abstract class ArcgisScaleBar extends LitElement {
   readonly "@eventTypes": {
     arcgisReady: ArcgisScaleBar["arcgisReady"]["detail"];
   };
-}
-
-export type ScaleBarStyle = "line" | "ruler";
-
-export type ScaleBarUnit = MeasurementSystem | "dual";
+}

package/dist/components/arcgis-scale-bar/customElement.js

@@ -2,12 +2,12 @@
 import { c as m } from "../../chunks/runtime.js";
 import { ref as v } from "lit/directives/ref.js";
 import { css as _, html as c } from "lit";
-import { classes as l } from "@arcgis/toolkit/dom";
 import { getDefaultUnitForView as w } from "@arcgis/core/applications/Components/getDefaultUnits.js";
 import { watch as x } from "@arcgis/core/core/reactiveUtils.js";
 import { formatNumber as y } from "@arcgis/core/intl.js";
 import k from "@arcgis/core/widgets/ScaleBar/ScaleBarViewModel.js";
-import { LitElement as z, createEvent as C, safeClassMap as s, safeStyleMap as f } from "@arcgis/lumina";
+import { LitElement as z, createEvent as C, safeClassMap as l, safeStyleMap as f } from "@arcgis/lumina";
+import { classes as s } from "@arcgis/toolkit/dom";
 import { u as M } from "../../chunks/useT9n.js";
 import { m as S } from "../../chunks/useViewModel.js";
 import { g as b } from "../../chunks/globalCss.js";
@@ -84,21 +84,21 @@ class B extends z {
         a && (r = p === "ruler" ? this._renderRuler(a) : this._renderLine(a, "top"));
       }
     }
-    return c`<div class=${s(l("root", b.widget, i))} ${v(this._handleContainerRef)}>${r}${n}</div>`;
+    return c`<div class=${l(s("root", b.widget, i))} ${v(this._handleContainerRef)}>${r}${n}</div>`;
   }
   _renderRuler(e) {
     const { length: i, unit: r, value: n } = e, t = Math.round(i), o = this._formatDistance(n, r);
-    return c`<div class=${s(l("bar-container", "bar-container-ruler"))}><div class="ruler" style=${f({ width: `${t}px` })}></div><div class=${s(l("label-container", "label-container-ruler"))}><div class="label">0</div><div class="label">${o}</div></div></div>`;
+    return c`<div class=${l(s("bar-container", "bar-container-ruler"))}><div class="ruler" style=${f({ width: `${t}px` })}></div><div class=${l(s("label-container", "label-container-ruler"))}><div class="label">0</div><div class="label">${o}</div></div></div>`;
   }
   _renderLine(e, i) {
-    const { length: r, unit: n, value: t } = e, o = Math.round(r), d = this._formatDistance(t, n), g = c`<div class=${s(l("label-container", "label-container-line", {
+    const { length: r, unit: n, value: t } = e, o = Math.round(r), d = this._formatDistance(t, n), g = c`<div class=${l(s("label-container", "label-container-line", {
       "label-container-top": i === "top",
       "label-container-bottom": i === "bottom"
-    }))}><div class="label">${d}</div></div>`, a = c`<div class=${s(l("line", {
+    }))}><div class="label">${d}</div></div>`, a = c`<div class=${l(s("line", {
       "line-top": i === "top",
       "line-bottom": i === "bottom"
     }))} style=${f({ width: `${o}px` })}></div>`;
-    return c`<div class=${s(l("bar-container", "bar-container-line"))}>${[a, g]}</div>`;
+    return c`<div class=${l(s("bar-container", "bar-container-line"))}>${[a, g]}</div>`;
   }
 }
 m("arcgis-scale-bar", B);

package/dist/components/arcgis-scale-bar/types.d.ts

@@ -0,0 +1,5 @@
+import type { MeasurementSystem } from "@arcgis/core/core/units.js";
+
+export type ScaleBarStyle = "line" | "ruler";
+
+export type ScaleBarUnit = MeasurementSystem | "dual";

package/dist/components/arcgis-scale-range-slider/customElement.d.ts

@@ -2,8 +2,7 @@
 import type Layer from "@arcgis/core/layers/Layer.js";
 import type Sublayer from "@arcgis/core/layers/support/Sublayer.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { ArcgisReferenceElement } from "../../utils/component-utils.js";
-import type { IconName } from "../../utils/action-utils.js";
+import type { ArcgisReferenceElement, IconName } from "../types.js";
 import type { MapViewOrSceneView } from "@arcgis/core/views/MapViewOrSceneView.js";
 import type { Icon } from "@esri/calcite-components/components/calcite-icon";
 import type { SupportedRegion } from "@arcgis/core/widgets/ScaleRangeSlider/types.js";
@@ -26,7 +25,7 @@ export abstract class ArcgisScaleRangeSlider extends LitElement {
    */
   accessor autoDestroyDisabled: boolean;
   /**
-   * When `true`, sets the component to a disabled state so the user cannot interact with it.
+   * When true, the component is visually withdrawn and cannot receive user interaction.
    *
    * @default false
    */
@@ -67,16 +66,16 @@ export abstract class ArcgisScaleRangeSlider extends LitElement {
    */
   accessor label: string;
   /**
-   * When provided, the initial [minScale](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ScaleRangeSlider.html#minScale) and [maxScale](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ScaleRangeSlider.html#maxScale) values will match the layer's.
+   * When provided, the initial [minScale](https://developers.arcgis.com/javascript/latest/references/core/widgets/ScaleRangeSlider/#minScale) and [maxScale](https://developers.arcgis.com/javascript/latest/references/core/widgets/ScaleRangeSlider/#maxScale) values will match the layer's.
    *
    * When a tiled layer is used, the slider will be restricted from moving the slider thumbs past the `lods` of the layer's tiling scheme.
-   * Since version 4.28, when a [MapImageLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-MapImageLayer.html) is used, the slider will be restricted from moving past the min/max scale defined on the map service.
+   * Since version 4.28, when a [MapImageLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/MapImageLayer/) is used, the slider will be restricted from moving past the min/max scale defined on the map service.
    * The unavailable range will be designated with a dashed line.
    */
   accessor layer: Layer | Sublayer | null | undefined;
   /**
    * The maximum scale of the active scale range. When the maxScale
-   * reaches the [maxScaleLimit](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ScaleRangeSlider.html#maxScaleLimit), the maxScale
+   * reaches the [maxScaleLimit](https://developers.arcgis.com/javascript/latest/references/core/widgets/ScaleRangeSlider/#maxScaleLimit), the maxScale
    * value becomes 0 and there is no maximum scale set.
    */
   accessor maxScale: number;
@@ -84,7 +83,7 @@ export abstract class ArcgisScaleRangeSlider extends LitElement {
   accessor maxScaleLimit: number;
   /**
    * The minimum scale of the active scale range. When the minScale
-   * reaches the [minScaleLimit](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ScaleRangeSlider.html#minScaleLimit), the minScale
+   * reaches the [minScaleLimit](https://developers.arcgis.com/javascript/latest/references/core/widgets/ScaleRangeSlider/#minScaleLimit), the minScale
    * value becomes 0 and there is no minimum scale.
    */
   accessor minScale: number;
@@ -106,7 +105,7 @@ export abstract class ArcgisScaleRangeSlider extends LitElement {
   /**
    * The region that the scale thumbnails will focus on.
    * Each region comes from the [ISO 3166-1 alpha-2 code](https://en.wikipedia.org/wiki/List_of_ISO_3166_country_codes).
-   * See [SupportedRegion](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ScaleRangeSlider-types.html#SupportedRegion) for the list of regions that are currently supported.
+   * See [SupportedRegion](https://developers.arcgis.com/javascript/latest/references/core/widgets/ScaleRangeSlider/types/#SupportedRegion) for the list of regions that are currently supported.
    *
    * @default "US"
    */