@arcgis/map-components 5.1.0-next.9 → 5.1.0-next.90

package/dist/components/arcgis-link-chart-layout-switcher/customElement.js

@@ -66,11 +66,15 @@ class b extends w {
   }
   _renderDropdown() {
     const { messages: t, icon: o } = this;
-    return i`<calcite-dropdown scale=s width=m max-items=9 .closeOnSelectDisabled=${this.closeOnSelectDisabled}><calcite-action slot=trigger .disabled=${this.viewModel.state === "disabled"} .icon=${o ?? void 0} .label=${t.layoutOptions ?? "Layout"} scale=s .text=${t.layoutOptions ?? "Layout"}></calcite-action>${Object.entries(s).map(([c, a]) => i`<calcite-dropdown-group selection-mode=single .groupTitle=${this.messages[c]}>${a.map((r) => i`<calcite-dropdown-item .iconStart=${l[r]} .selected=${r === this.layout ? !0 : void 0} @click=${() => void this.switchLayout(r)}>${t[n[r]]}</calcite-dropdown-item>`)}</calcite-dropdown-group>`)}</calcite-dropdown>`;
+    return i`<calcite-dropdown scale=s width=m max-items=9 .closeOnSelectDisabled=${this.closeOnSelectDisabled}><calcite-action slot=trigger .disabled=${this.viewModel.state === "disabled"} .icon=${o ?? void 0} .label=${t.layoutOptions ?? "Layout"} scale=s .text=${t.layoutOptions ?? "Layout"}></calcite-action>${Object.entries(s).map(([c, a]) => i`<calcite-dropdown-group selection-mode=single .groupTitle=${this.messages[c]}>${a.map((r) => i`<calcite-dropdown-item .iconStart=${l[r]} .selected=${r === this.layout ? !0 : void 0} @click=${() => {
+      this.switchLayout(r);
+    }}>${t[n[r]]}</calcite-dropdown-item>`)}</calcite-dropdown-group>`)}</calcite-dropdown>`;
   }
   _renderMenuBar() {
     const { messages: t } = this;
-    return i`<calcite-action-bar scale=s floating overflow-actions-disabled>${Object.entries(s).map(([o, c]) => i`<calcite-action-group .label=${this.messages[o]}>${c.map((a) => i`<calcite-action scale=s .icon=${l[a]} .active=${a === this.layout ? !0 : void 0} @click=${() => void this.switchLayout(a)} .text=${t[n[a]]}></calcite-action>`)}</calcite-action-group>`)}</calcite-action-bar>`;
+    return i`<calcite-action-bar scale=s floating overflow-actions-disabled>${Object.entries(s).map(([o, c]) => i`<calcite-action-group .label=${this.messages[o]}>${c.map((a) => i`<calcite-action scale=s .icon=${l[a]} .active=${a === this.layout ? !0 : void 0} @click=${() => {
+      this.switchLayout(a);
+    }} .text=${t[n[a]]}></calcite-action>`)}</calcite-action-group>`)}</calcite-action-bar>`;
   }
   render() {
     const { appearance: t } = this, o = t === "menu-bar" ? this._renderMenuBar() : this._renderDropdown();

package/dist/components/arcgis-link-chart-layout-switcher/types.d.ts

@@ -0,0 +1 @@
+export type DiagramLayoutType = "basic-grid" | "chronological-mono-timeline" | "chronological-multi-timeline" | "geographic-organic-standard" | "hierarchical-bottom-to-top" | "organic-community" | "organic-standard" | "radial-root-centric" | "tree-left-to-right";

package/dist/components/arcgis-link-chart-nonspatial-visibility-toggle/customElement.d.ts

@@ -1,8 +1,8 @@
 /// <reference path="../../index.d.ts" />
-import type LinkChartView from "@arcgis/core/views/LinkChartView";
-import type { ArcgisReferenceElement } from "../../utils/component-utils.js";
+import type LinkChartView from "@arcgis/core/views/LinkChartView.js";
+import type { ArcgisReferenceElement, IconName } from "../types.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { IconName } from "../../utils/action-utils.js";
+import type { State, NonspatialMode } from "./types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
 /**
@@ -74,8 +74,4 @@ export abstract class ArcgisLinkChartNonspatialVisibilityToggle extends LitEleme
     arcgisPropertyChange: ArcgisLinkChartNonspatialVisibilityToggle["arcgisPropertyChange"]["detail"];
     arcgisReady: ArcgisLinkChartNonspatialVisibilityToggle["arcgisReady"]["detail"];
   };
-}
-
-export type State = "disabled" | "ready";
-
-export type NonspatialMode = "hidden" | "visible";
+}

package/dist/components/arcgis-link-chart-nonspatial-visibility-toggle/customElement.js

@@ -7,10 +7,10 @@ import { LitElement as h, createEvent as c, nothing as p } from "@arcgis/lumina"
 import { u as m } from "../../chunks/useView.js";
 import { log as d } from "@arcgis/toolkit/log";
 import { when as g } from "@arcgis/core/core/reactiveUtils.js";
-const a = (i) => i === "hidden" ? "hide-link-chart-nonspatial-data" : "show-link-chart-nonspatial-data";
+const a = (t) => t === "hidden" ? "hide-link-chart-nonspatial-data" : "show-link-chart-nonspatial-data";
 class y extends h {
   constructor() {
-    super(...arguments), this.messages = l(), this._state = "disabled", this.view = s.useView(this), this.autoDestroyDisabled = !1, this.icon = a(this.view?.map.linkChartProperties.nonspatialDataDisplay?.mode), this.visualScale = "m", this.arcgisPropertyChange = r()("state"), this.arcgisReady = c();
+    super(...arguments), this.messages = l(), this._state = "disabled", this.view = s.useView(this), this.autoDestroyDisabled = !1, this.icon = a(this.view?.map?.linkChartProperties?.nonspatialDataDisplay?.mode ?? "visible"), this.visualScale = "m", this.arcgisPropertyChange = r()("state"), this.arcgisReady = c();
   }
   static {
     this.properties = { _state: 16, view: 0, autoDestroyDisabled: 5, icon: 1, label: 1, messageOverrides: 0, referenceElement: 1, state: 32, visualScale: 1 };
@@ -21,32 +21,32 @@ class y extends h {
   async destroy() {
     await this.manager.destroy();
   }
-  async switchNonspatialVisibility(t) {
-    this.view && (s.changeNonspatialDataDisplay(this.view, t), this.icon = a(t));
+  async switchNonspatialVisibility(i) {
+    this.view && (s.changeNonspatialDataDisplay(this.view, i), this.icon = a(i));
   }
   loaded() {
     this.manager.onLifecycle(() => [
-      g(() => this.view?.ready ? "ready" : "disabled", (t) => {
-        this._state = t, this.icon = a(this.view?.map.linkChartProperties.nonspatialDataDisplay?.mode);
+      g(() => this.view?.ready ? "ready" : "disabled", (i) => {
+        this._state = i, this.icon = a(this.view?.map?.linkChartProperties?.nonspatialDataDisplay?.mode ?? "visible");
       }, { sync: !0, initial: !0 })
     ]);
   }
   _handleToggle() {
-    const e = this.view?.map.linkChartProperties.nonspatialDataDisplay?.mode === "hidden" ? "visible" : "hidden";
+    const e = (this.view?.map?.linkChartProperties?.nonspatialDataDisplay?.mode ?? "visible") === "hidden" ? "visible" : "hidden";
     this.switchNonspatialVisibility(e);
   }
   render() {
-    const { messages: t } = this;
-    return this.state === "ready" && this.view?.map.mapType !== "webLinkChart" && d("error", this, "The <arcgis-link-chart-nonspatial-visibility-toggle> component must be used with an <arcgis-link-chart> component to provide the view"), n`<calcite-action class="root" .scale=${this.visualScale} .icon=${this.icon} @click=${this._handleToggle} @keyup=${(e) => {
+    const { messages: i } = this;
+    return this.state === "ready" && this.view?.map && this.view?.map.mapType !== "webLinkChart" && d("error", this, "The <arcgis-link-chart-nonspatial-visibility-toggle> component must be used with an <arcgis-link-chart> component to provide the view"), n`<calcite-action class="root" .scale=${this.visualScale} .icon=${this.icon} @click=${this._handleToggle} @keyup=${(e) => {
       e.key === "Enter" && this._handleToggle();
-    }} .disabled=${this.view?.map.mapType !== "webLinkChart"} .text=${t.toggleLabel} title=${t.toggleLabel ?? p} data-testid=link-chart-nonspatial-visibility-toggle-action></calcite-action>`;
+    }} .disabled=${this.view?.map?.mapType !== "webLinkChart"} .text=${i.toggleLabel} title=${i.toggleLabel ?? p} data-testid=link-chart-nonspatial-visibility-toggle-action></calcite-action>`;
   }
 }
 const s = {
-  changeNonspatialDataDisplay: (i, t) => {
-    i.map.changeNonspatialDataDisplay(t);
+  changeNonspatialDataDisplay: (t, i) => {
+    t.map.changeNonspatialDataDisplay(i);
   },
-  useView: (i) => m(i)
+  useView: (t) => m(t)
 };
 o("arcgis-link-chart-nonspatial-visibility-toggle", y);
 export {

package/dist/components/arcgis-link-chart-nonspatial-visibility-toggle/types.d.ts

@@ -0,0 +1,3 @@
+export type State = "disabled" | "ready";
+
+export type NonspatialMode = "hidden" | "visible";

package/dist/components/arcgis-locate/customElement.d.ts

@@ -3,8 +3,7 @@ import type MapView from "@arcgis/core/views/MapView.js";
 import type SceneView from "@arcgis/core/views/SceneView.js";
 import type Graphic from "@arcgis/core/Graphic.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 { T9nMeta } from "@arcgis/lumina/controllers";
 import type { GoToOverride } from "@arcgis/core/widgets/support/types.js";
 import type { State } from "./types.js";
@@ -14,8 +13,17 @@ import type { Button as Button } from "@esri/calcite-components/components/calci
  * The Locate component animates the Map or Scene to the user's current location.
  *
  * This component uses the browser's [Geolocation API](https://developer.mozilla.org/en-US/docs/Web/API/Geolocation_API) which is only available in [secure contexts](https://developer.mozilla.org/en-US/docs/Web/Security/Secure_Contexts), such as HTTPS.
- * Note that localhost is considered "potentially secure" and can be used for easy testing in browsers that support
- * [Window.isSecureContext](https://developer.mozilla.org/en-US/docs/Web/API/isSecureContext#browser_compatibility).
+ * `localhost` is considered "potentially secure" and can be used for testing.
+ *
+ * > [!WARNING]
+ * >
+ * > **Note**
+ * >
+ * > To avoid unexpected navigation, especially when using custom spatial references, configure the view [constraints](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-map/#constraints)
+ * > such as `extent`, `minZoom`, and `maxZoom`.
+ * > This helps when the geolocated position is inaccurate or causes the map to navigate
+ * > to a location that is no longer visible because it is outside of
+ * > a layer's `fullExtent`.
  *
  * @since 4.28
  */
@@ -129,7 +137,7 @@ export abstract class ArcgisLocate extends LitElement {
   accessor referenceElement: ArcgisReferenceElement | string | undefined;
   /**
    * Indicates the scale to set on the view when navigating to the position of the geolocated
-   * result, after a location is returned from the [track](#event-track) event.
+   * result, after a location is returned from the [@arcgisSuccess](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-locate/#event-arcgisSuccess) event.
    *
    * @default null
    */

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

@@ -9,12 +9,12 @@ import { u as V } from "../../chunks/useT9n.js";
 import { createRef as H, ref as K } from "lit/directives/ref.js";
 import { m as B } from "../../chunks/useViewModel.js";
 import { l as J } from "../../chunks/legacyIcon.js";
-import { property as n, subclass as M } from "@arcgis/core/core/accessorSupport/decorators.js";
+import { property as n, subclass as C } from "@arcgis/core/core/accessorSupport/decorators.js";
 import u from "@arcgis/core/core/Error.js";
 import { onLocaleChange as q } from "@arcgis/core/intl.js";
 import W from "@arcgis/core/PopupTemplate.js";
 import X from "@arcgis/core/support/actions/ActionButton.js";
-import { t as Z, i as C } from "../../chunks/async-utils.js";
+import { t as Z, i as M } from "../../chunks/async-utils.js";
 import Y from "@arcgis/core/core/Accessor.js";
 import T from "@arcgis/core/Graphic.js";
 import $ from "@arcgis/core/symbols/CIMSymbol.js";
@@ -26,9 +26,9 @@ import oe from "@arcgis/core/portal/Portal.js";
 import { project as ie } from "@arcgis/core/rest/geometryService.js";
 import re from "@arcgis/core/rest/support/ProjectParameters.js";
 import { log as O } from "@arcgis/toolkit/log";
-import { g as E } from "../../chunks/globalCss.js";
+import { g as P } from "../../chunks/globalCss.js";
 const ae = z`.arcgis-button{--calcite-icon-color: var(--calcite-color-text-3);--calcite-button-background-color: var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);line-height:var(--calcite-font-line-height-relative-tight);display:flex;flex-flow:column;cursor:pointer;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);:hover{--calcite-icon-color: var(--calcite-color-text-1);--calcite-button-background-color: var(--calcite-color-transparent-hover)}}:host{width:fit-content;height:fit-content}`;
-let P = !1;
+let E = !1;
 const se = {
   maximumAge: 0,
   timeout: 15e3,
@@ -40,7 +40,7 @@ function ne(t) {
 }
 function ce(t) {
   const e = window.isSecureContext;
-  return e || P || (P = !0, O("warn", t, "Geolocation requires a secure origin.")), e;
+  return e || E || (E = !0, O("warn", t, "Geolocation requires a secure origin.")), e;
 }
 function le(t) {
   return ne(t) && ce(t);
@@ -352,21 +352,21 @@ let c = class extends Y {
   }
   async updatePosition(t, e) {
     try {
-      const o = this.view, r = await de({ position: t, view: o }, { signal: e.signal }), { graphic: i } = this, { timestamp: a, coords: s } = t, { accuracy: m, altitude: h, altitudeAccuracy: x, latitude: D, longitude: R, speed: U } = s, v = this._getHeading(t, o), I = {
+      const o = this.view, r = await de({ position: t, view: o }, { signal: e.signal }), { graphic: i } = this, { timestamp: a, coords: s } = t, { accuracy: m, altitude: h, altitudeAccuracy: x, latitude: D, longitude: _, speed: R } = s, v = this._getHeading(t, o), U = {
         timestamp: a,
         accuracy: m,
         altitude: h,
         altitudeAccuracy: x,
         heading: v,
         latitude: D,
-        longitude: R,
-        speed: U
+        longitude: _,
+        speed: R
       };
-      i && (i.geometry = r, i.attributes = I);
-      const _ = this._getScale(o);
-      await this._animatePoint(r, _, v, e);
+      i && (i.geometry = r, i.attributes = U);
+      const I = this._getScale(o);
+      await this._animatePoint(r, I, v, e);
     } catch (o) {
-      if (!C(o))
+      if (!M(o))
         throw new u("geolocation-positioning:invalid-point", "Cannot position invalid point", {
           error: o
         });
@@ -402,19 +402,20 @@ p([
   n()
 ], c.prototype, "view", 2);
 c = p([
-  M("map-components.geolocation.GeolocationPositioning")
+  C("map-components.geolocation.GeolocationPositioning")
 ], c);
-var Ee = Object.defineProperty, Pe = Object.getOwnPropertyDescriptor, d = (t, e, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? Pe(e, o) : e, a = t.length - 1, s; a >= 0; a--)
+const Pe = c;
+var Ee = Object.defineProperty, Se = Object.getOwnPropertyDescriptor, d = (t, e, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? Se(e, o) : e, a = t.length - 1, s; a >= 0; a--)
     (s = t[a]) && (i = (r ? s(e, o, i) : s(i)) || i);
   return r && i && Ee(e, o, i), i;
 };
-const Se = new X({
+const Ce = new X({
   icon: "trash",
   id: "remove-selected-feature",
-  title: "{messages.remove}",
-  className: "esri-icon-trash"
-});
+  title: "{messages.remove}"
+  // eslint-disable-next-line @typescript-eslint/no-deprecated
+})._internalSetClassName("esri-icon-trash");
 function Me(t) {
   return new W({
     title: t.currentLocation,
@@ -483,7 +484,7 @@ function Me(t) {
         }
       }
     ],
-    actions: [Se.clone()],
+    actions: [Ce.clone()],
     content: [
       {
         type: "fields"
@@ -491,10 +492,10 @@ function Me(t) {
     ]
   });
 }
-let l = class extends c {
+let l = class extends Pe {
   //#region Lifecycle
   constructor(t) {
-    super(t), this.popupEnabled = !0, this.locate = this.locate.bind(this);
+    super(t), this._getCurrentPosition = pe, this.popupEnabled = !0, this.locate = this.locate.bind(this);
   }
   initialize() {
     this.addHandles([
@@ -522,13 +523,13 @@ let l = class extends c {
     const t = new AbortController();
     this._locateController = t, this.error = void 0;
     try {
-      const e = await pe(this.geolocationOptions);
+      const e = await this._getCurrentPosition(this.geolocationOptions);
       if (await this.updatePosition(e, t), this._locateController !== t)
         return null;
       const { graphic: o } = this;
       return o && this._updatePopupTemplate(o), this._addGraphic(), this.currentPosition = e, this._locateController = void 0, e;
     } catch (e) {
-      if (C(e))
+      if (M(e))
         return null;
       throw t === this._locateController && (this._locateController = void 0), this.error = e, e;
     }
@@ -565,12 +566,12 @@ d([
   n({ readOnly: !0 })
 ], l.prototype, "state", 1);
 l = d([
-  M("map-components.locate.LocateViewModel")
+  C("map-components.locate.LocateViewModel")
 ], l);
-const S = "gps-off", Ce = B(l);
-class Te extends k {
+const S = "gps-off", Te = B(l);
+class Oe extends k {
   constructor() {
-    super(), this.locateButtonElement = H(), this.messages = V(), this.viewModel = Ce(this), this.hideErrorTooltip = () => {
+    super(), this.locateButtonElement = H(), this.messages = V(), this.viewModel = Te(this), this.hideErrorTooltip = () => {
       this.isErrorTooltipOpen = !1;
     }, this.isErrorTooltipOpen = !1, this.view = this.viewModel.view, this.autoDestroyDisabled = !1, this.geolocationOptions = this.viewModel.geolocationOptions, this.goToLocationDisabled = this.viewModel.goToLocationEnabled, this.goToOverride = this.viewModel.goToOverride, this.graphic = this.viewModel.graphic, this.icon = S, this.popupDisabled = this.viewModel.popupEnabled, this.scale = this.viewModel.scale, this.state = this.viewModel.state, this.visualScale = "m", this.arcgisError = f(), this.arcgisPropertyChange = F()("state"), this.arcgisReady = f(), this.arcgisSuccess = f(), this.listenOn(document, "click", this.hideErrorTooltip);
   }
@@ -612,10 +613,10 @@ class Te extends k {
   }
   render() {
     const { viewModel: e, icon: o } = this, { state: r } = e, i = r === "locating", a = i ? this.messages.cancel : this.messages.title, s = r === "feature-unsupported", m = J === void 0 ? S : void 0, h = this._localizeError(this.viewModel?.error);
-    return g`<div class=${w(j("root", E.arcgisButton))}>${!s && g`<calcite-button class=${w(E.widgetButton)} .disabled=${r === "disabled"} .loading=${i} .iconStart=${i ? void 0 : o ?? m} kind=neutral .label=${a} @click=${this._locate} .scale=${this.visualScale} title=${a ?? Q} ${K(this.locateButtonElement)}></calcite-button>` || ""}${h ? g`<calcite-tooltip .open=${this.isErrorTooltipOpen} overlay-positioning=fixed .referenceElement=${this.locateButtonElement.value}>${h}</calcite-tooltip>` : null}</div>`;
+    return g`<div class=${w(j("root", P.arcgisButton))}>${!s && g`<calcite-button class=${w(P.widgetButton)} .disabled=${r === "disabled"} .loading=${i} .iconStart=${i ? void 0 : o ?? m} kind=neutral .label=${a} @click=${this._locate} .scale=${this.visualScale} title=${a ?? Q} ${K(this.locateButtonElement)}></calcite-button>` || ""}${h ? g`<calcite-tooltip .open=${this.isErrorTooltipOpen} overlay-positioning=fixed .referenceElement=${this.locateButtonElement.value}>${h}</calcite-tooltip>` : null}</div>`;
   }
 }
-G("arcgis-locate", Te);
+G("arcgis-locate", Oe);
 export {
-  Te as ArcgisLocate
+  Oe as ArcgisLocate
 };