@arcgis/map-components 5.1.0-next.0 → 5.1.0-next.10

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

@@ -1,68 +1,75 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as d } from "../../chunks/runtime.js";
+import { c as u } from "../../chunks/runtime.js";
 import { css as m, html as i } from "lit";
-import u from "@arcgis/core/portal/Portal.js";
-import { LitElement as h, safeClassMap as p } from "@arcgis/lumina";
-import { locationToAddress as g } from "@arcgis/core/rest/locator.js";
-import { substitute as v } from "@arcgis/core/intl.js";
-import { u as b } from "../../chunks/useT9n.js";
-import { watch as f } 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)}`, $ = {
+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 = {
   coordinates: "coordinates"
 };
-class C extends h {
+class C extends p {
   constructor() {
-    super(...arguments), this.messages = b(), this._abortController = null, this.headingLevel = 3, this.portal = u.getDefault();
+    super(...arguments), this.messages = v(), this._abortController = null, this._results = null, this.headingLevel = 3, this.portal = h.getDefault(), this.arcgisReverseGeocodeResultsChange = g();
   }
   static {
-    this.properties = { _abortController: 16, _results: 16, headingLevel: 9, portal: 0, location: 0, messageOverrides: 0 };
+    this.properties = { _abortController: 16, _results: 16, headingLevel: 9, portal: 0, location: 0, messageOverrides: 0, reverseGeocodeResults: 32 };
   }
   static {
-    this.styles = _;
+    this.styles = $;
+  }
+  get reverseGeocodeResults() {
+    return this._results;
   }
   async destroy() {
     await this.manager.destroy(), this._cancelQueries();
   }
   loaded() {
     this.manager.onLifecycle(() => [
-      f(() => [this.portal, this.location], () => void this._update(), { initial: !0 })
+      d(() => [this.portal, this.location], () => void this._update(), { initial: !0 }),
+      d(() => this._results, () => {
+        this.arcgisReverseGeocodeResultsChange.emit();
+      })
     ]);
   }
   _cancelQueries() {
     this._abortController?.abort(), this._abortController = null;
   }
   async _update() {
-    const { location: t, messages: e } = this;
-    if (this._cancelQueries(), !t) {
-      this._results = void 0;
+    const { location: e, messages: t } = this;
+    if (this._cancelQueries(), !e) {
+      this._results = null;
       return;
     }
-    const s = new AbortController(), l = s.signal;
-    this._abortController = s, await this.portal?.load({ signal: l });
-    const o = this.portal?.helperServices?.geocode?.filter((c) => c.reverseGeocode);
-    if (!o) {
-      this._results = void 0;
+    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) {
+      this._results = null;
       return;
     }
-    const r = o.map(async (c) => await g(c.url, { location: t }, { signal: l })), a = await Promise.allSettled(r);
-    this._abortController = null, this._results = o.map((c, n) => ({
-      service: c.name ?? e?.untitledService ?? "",
-      address: (a[n].status === "fulfilled" ? a[n].value.address : void 0) ?? e?.noResultsFound ?? ""
+    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
     }));
   }
-  _renderMoreResults(t) {
-    const { messages: e } = this;
-    return !this._abortController && t?.length ? i`<calcite-block collapsible .headingLevel=${this.headingLevel} .heading=${v(e?.showMoreResults ?? "", { count: t.length })}><calcite-list display-mode=flat interaction-mode=static selection-mode=none .label=${e?.moreResults ?? ""}>${t?.map((s) => i`<calcite-list-item .label=${s.service} .description=${s.address}></calcite-list-item>`)}</calcite-list></calcite-block>` : null;
+  _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;
   }
   render() {
-    const { _abortController: t, location: e, _results: s, messages: l } = this;
-    if (!e)
+    const { _abortController: e, location: t, _results: s, messages: r } = this;
+    if (!t)
       return null;
-    const o = s?.slice(), r = o?.shift(), a = i`<div class=${p($.coordinates)} slot=content-bottom>${`${e.latitude?.toFixed(6)}, ${e.longitude?.toFixed(6)}`}</div>`;
-    return i`<calcite-list .loading=${!!t} display-mode=flat interaction-mode=static selection-mode=none .label=${l.label ?? ""}>${r ? i`<calcite-list-item .label=${r.service} .description=${r.address}>${a}</calcite-list-item>` : t ? null : i`<calcite-list-item .label=${l.noResultsFound ?? ""}>${a}</calcite-list-item>`}</calcite-list>${this._renderMoreResults(o)}`;
+    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)}`;
   }
 }
-d("arcgis-reverse-geocode-list", C);
+u("arcgis-reverse-geocode-list", C);
 export {
   C 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 { MeasurementSystem } from "@arcgis/core/core/units";
 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 { T9nMeta } from "@arcgis/lumina/controllers";
 
 /**
@@ -25,7 +25,7 @@ export abstract class ArcgisScaleBar extends LitElement {
    * If true, the component will not be destroyed automatically when it is
    * disconnected from the document. This is useful when you want to move the
    * component to a different place on the page, or temporarily hide it. If this
-   * is set, make sure to call the [destroy()](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scale-bar/#destroy) method when you are done to
+   * is set, make sure to call the [destroy()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scale-bar/#destroy) method when you are done to
    * prevent memory leaks.
    *
    * @default false

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-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";
@@ -19,14 +18,14 @@ export abstract class ArcgisScaleRangeSlider extends LitElement {
    * If true, the component will not be destroyed automatically when it is
    * disconnected from the document. This is useful when you want to move the
    * component to a different place on the page, or temporarily hide it. If this
-   * is set, make sure to call the [destroy()](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scale-range-slider/#destroy) method when you are done to
+   * is set, make sure to call the [destroy()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scale-range-slider/#destroy) method when you are done to
    * prevent memory leaks.
    *
    * @default false
    */
   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"
    */