@arcgis/map-components 5.1.0-next.3 → 5.1.0-next.31

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

@@ -1,9 +1,9 @@
 /// <reference path="../../index.d.ts" />
 import type LinkChartView from "@arcgis/core/views/LinkChartView.js";
-import type { ArcgisReferenceElement } from "../../utils/component-utils.js";
+import type { ArcgisReferenceElement, IconName } from "../types.js";
 import type { LinkChartLayoutSwitcherViewModelEvents, LinkChartLayoutSwitcherViewModelState } from "@arcgis/core/widgets/LinkChartLayoutSwitcher/LinkChartLayoutSwitcherViewModel.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { IconName } from "../../utils/action-utils.js";
+import type { DiagramLayoutType } from "./types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 import type { LayoutMode } from "@arcgis/core/layers/knowledgeGraph/types.js";
 
@@ -167,6 +167,4 @@ export abstract class ArcgisLinkChartLayoutSwitcher extends LitElement {
     arcgisReady: ArcgisLinkChartLayoutSwitcher["arcgisReady"]["detail"];
     arcgisSwitchLayout: ArcgisLinkChartLayoutSwitcher["arcgisSwitchLayout"]["detail"];
   };
-}
-
-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-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";
 
 /**
@@ -52,7 +52,11 @@ export abstract class ArcgisLinkChartNonspatialVisibilityToggle extends LitEleme
    *   > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the arcgis-link-chart-nonspatial-visibility-toggle component will be associated with a map or scene component rather than using the `view` property.
    */
   accessor view: LinkChartView | undefined;
-  /** @default "m" */
+  /**
+   * Specifies the size of the component.
+   *
+   * @default "m"
+   */
   accessor visualScale: "l" | "m" | "s";
   /** Permanently destroy the component. */
   destroy(): Promise<void>;
@@ -70,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,11 +3,10 @@ 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 "./LocateViewModel.js";
+import type { State } from "./types.js";
 import type { Button as Button } from "@esri/calcite-components/components/calcite-button";
 
 /**
@@ -129,7 +128,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

@@ -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);
@@ -404,18 +404,19 @@ p([
 c = p([
   M("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 Me = new X({
   icon: "trash",
   id: "remove-selected-feature",
   title: "{messages.remove}",
   className: "esri-icon-trash"
 });
-function Me(t) {
+function Ce(t) {
   return new W({
     title: t.currentLocation,
     fieldInfos: [
@@ -483,7 +484,7 @@ function Me(t) {
         }
       }
     ],
-    actions: [Se.clone()],
+    actions: [Me.clone()],
     content: [
       {
         type: "fields"
@@ -491,7 +492,7 @@ 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);
@@ -541,7 +542,7 @@ let l = class extends c {
   _updatePopupTemplate(t) {
     if (!this.popupEnabled)
       return;
-    const e = Me(this.messages), o = t !== this.graphic;
+    const e = Ce(this.messages), o = t !== this.graphic;
     this.destroyed || o || (t.popupTemplate = e);
   }
   //#endregion
@@ -567,10 +568,10 @@ d([
 l = d([
   M("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
 };