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

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

@@ -1,22 +1,22 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as C } from "../../chunks/runtime.js";
-import { watch as n } from "@arcgis/core/core/reactiveUtils.js";
+import { watch as h } from "@arcgis/core/core/reactiveUtils.js";
 import _ from "@arcgis/core/views/LinkChartView.js";
 import b from "@arcgis/core/WebLinkChart.js";
-import { LitElement as V, createEvent as w, safeClassMap as c } from "@arcgis/lumina";
+import { LitElement as V, createEvent as p, safeClassMap as c } from "@arcgis/lumina";
 import { reCreateAccessor as A, makeAccessorController as f, reEmitEvent as e } from "@arcgis/lumina/controllers/accessor";
 import { createRef as v, ref as m } from "lit/directives/ref.js";
-import { s as E } from "../../chunks/esri-main.js";
-import { s as L, C as u } from "../../chunks/slots.js";
-import { p as I, i as k } from "../../chunks/component-utils.js";
+import { s as I } from "../../chunks/esri-main.js";
+import { s as E, C as u } from "../../chunks/slots.js";
+import { p as L, i as k } from "../../chunks/component-utils.js";
 import { U, u as D, a as M } from "../../chunks/useArcgisViewReadyError.js";
 import { fetchKnowledgeGraph as R } from "@arcgis/core/rest/knowledgeGraphService.js";
 import x from "@arcgis/core/rest/knowledgeGraph/GraphQueryStreaming.js";
-import { t as g } from "../../chunks/async-utils.js";
-import { isAbortError as d } from "@arcgis/core/core/promiseUtils.js";
+import { t as d } from "../../chunks/async-utils.js";
+import { isAbortError as g } from "@arcgis/core/core/promiseUtils.js";
 import { html as y } from "lit";
 import Q from "@arcgis/core/layers/LinkChartLayer.js";
-const P = f(
+const z = f(
   b,
   /**
    * Since omitProps is only needed for typing, not runtime, `{} as { ... }` is
@@ -27,18 +27,18 @@ const P = f(
    * in an externalized package.
    */
   {}
-), z = f(_, {});
-class S extends V {
+), Z = f(_, {});
+class P extends V {
   constructor() {
-    super(), this._containerRef = v(), this._mapRef = v(), this._uiController = new U(this), this._activeLoadAbortController = null, this.arcgisLoadError = D(this), this.arcgisViewReadyError = M(this), this._map = P(this), this._baseCypherQuery = "", this._serviceUrl = "", this._propItemId = "", this.view = z(this), this.animationsDisabled = this.view.animationsEnabled, this.allLayerViews = this.view.allLayerViews, this.analyses = this.view.analyses, this.attributionMode = this.view.attributionMode, this.autoDestroyDisabled = !1, this.background = this.view.background, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.fatalError = this.view.fatalError, this.graphics = this.view.graphics, this.highlights = this.view.highlights, this.highlightOptions = this.view.highlightOptions, this.layerViews = this.view.layerViews, this.magnifier = this.view.magnifier, this.map = this.view.map, this.navigation = this.view.navigation, this.padding = this.view.padding, this.popup = this.view.popup, this.popupDisabled = this.view.popupEnabled, this.popupComponentEnabled = !1, this.ready = this.view.ready, this.resizeAlign = this.view.resizeAlign, this.resolution = this.view.resolution, this.rotation = this.view.rotation, this.spatialReference = this.view.spatialReference, this.suspended = this.view.suspended, this.theme = this.view.theme, this.timeExtent = this.view.timeExtent, this.timeZone = this.view.timeZone, this.updating = this.view.updating, this.arcgisViewAnalysisViewCreate = e(() => this.view, "analysis-view-create"), this.arcgisViewAnalysisViewCreateError = e(() => this.view, "analysis-view-create-error"), this.arcgisViewAnalysisViewDestroy = e(() => this.view, "analysis-view-destroy"), this.arcgisViewChange = w(), this.arcgisViewClick = e(() => this.view, "click"), this.arcgisViewDoubleClick = e(() => this.view, "double-click"), this.arcgisViewDoubleTapDrag = e(() => this.view, "double-tap-drag"), this.arcgisViewDrag = e(() => this.view, "drag"), this.arcgisViewHold = e(() => this.view, "hold"), this.arcgisViewImmediateClick = e(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = e(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = e(() => this.view, "key-down"), this.arcgisViewKeyUp = e(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = e(() => this.view, "layerview-create"), this.arcgisViewLayerviewCreateError = e(() => this.view, "layerview-create-error"), this.arcgisViewLayerviewDestroy = e(() => this.view, "layerview-destroy"), this.arcgisViewMouseWheel = e(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = e(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = e(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = e(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = e(() => this.view, "pointer-move"), this.arcgisViewPointerUp = e(() => this.view, "pointer-up"), this.arcgisViewReadyChange = w(), this.arcgisViewVerticalTwoFingerDrag = e(() => this.view, "vertical-two-finger-drag"), this.view.ui = {
+    super(), this._containerRef = v(), this._mapRef = v(), this._uiController = new U(this), this._activeLoadAbortController = null, this.arcgisLoadError = D(this), this.arcgisViewReadyError = M(this), this._map = z(this), this._baseCypherQuery = "", this._serviceUrl = "", this._propItemId = "", this.view = Z(this), this.animationsDisabled = this.view.animationsEnabled, this.allLayerViews = this.view.allLayerViews, this.analyses = this.view.analyses, this.attributionMode = this.view.attributionMode, this.autoDestroyDisabled = !1, this.background = this.view.background, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.canZoomIn = this.view.canZoomIn, this.canZoomOut = this.view.canZoomOut, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.fatalError = this.view.fatalError, this.graphics = this.view.graphics, this.highlights = this.view.highlights, this.layerViews = this.view.layerViews, this.magnifier = this.view.magnifier, this.map = this.view.map, this.navigation = this.view.navigation, this.padding = this.view.padding, this.popup = this.view.popup, this.popupDisabled = this.view.popupEnabled, this.popupComponentEnabled = !1, this.ready = this.view.ready, this.resizeAlign = this.view.resizeAlign, this.resolution = this.view.resolution, this.rotation = this.view.rotation, this.spatialReference = this.view.spatialReference, this.suspended = this.view.suspended, this.theme = this.view.theme, this.timeExtent = this.view.timeExtent, this.timeZone = this.view.timeZone, this.updating = this.view.updating, this.arcgisViewAnalysisViewCreate = e(() => this.view, "analysis-view-create"), this.arcgisViewAnalysisViewCreateError = e(() => this.view, "analysis-view-create-error"), this.arcgisViewAnalysisViewDestroy = e(() => this.view, "analysis-view-destroy"), this.arcgisViewChange = p(), this.arcgisViewClick = e(() => this.view, "click"), this.arcgisViewDoubleClick = e(() => this.view, "double-click"), this.arcgisViewDoubleTapDrag = e(() => this.view, "double-tap-drag"), this.arcgisViewDrag = e(() => this.view, "drag"), this.arcgisViewHold = e(() => this.view, "hold"), this.arcgisViewImmediateClick = e(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = e(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = e(() => this.view, "key-down"), this.arcgisViewKeyUp = e(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = e(() => this.view, "layerview-create"), this.arcgisViewLayerviewCreateError = e(() => this.view, "layerview-create-error"), this.arcgisViewLayerviewDestroy = e(() => this.view, "layerview-destroy"), this.arcgisViewMouseWheel = e(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = e(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = e(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = e(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = e(() => this.view, "pointer-move"), this.arcgisViewPointerUp = e(() => this.view, "pointer-up"), this.arcgisViewReadyChange = p(), this.arcgisViewVerticalTwoFingerDrag = e(() => this.view, "vertical-two-finger-drag"), this.view.ui = {
       components: []
     };
   }
   static {
-    this.properties = { _map: 16, _baseCypherQuery: 16, _serviceUrl: 16, _propItemId: 16, view: 32, animationsDisabled: 5, aria: 0, allLayerViews: 32, analyses: 0, attributionItems: 32, attributionMode: 1, autoDestroyDisabled: 5, background: 0, basemap: 1, basemapView: 0, center: 1, constraints: 0, displayFilterDisabled: 5, extent: 0, fatalError: 0, focusAreas: 0, graphics: 0, hideAttribution: 5, highlights: 0, highlightOptions: 0, interacting: 32, itemId: 3, baseCypherQuery: 3, serviceUrl: 3, layerViews: 32, magnifier: 32, map: 0, navigating: 32, navigation: 0, padding: 0, popup: 0, popupElement: 32, popupDisabled: 5, popupComponentEnabled: 5, ready: 36, resizeAlign: 1, resolution: 40, rotation: 9, scale: 9, spatialReference: 0, stationary: 32, suspended: 39, theme: 0, timeExtent: 0, timeZone: 1, updating: 36, viewpoint: 0, zoom: 9, loadErrorSources: 0 };
+    this.properties = { _map: 16, _baseCypherQuery: 16, _serviceUrl: 16, _propItemId: 16, view: 32, animationsDisabled: 5, aria: 0, allLayerViews: 32, analyses: 0, attributionItems: 32, attributionMode: 1, autoDestroyDisabled: 5, background: 0, basemap: 1, basemapView: 0, canZoomIn: 36, canZoomOut: 36, center: 1, constraints: 0, displayFilterDisabled: 5, extent: 0, fatalError: 0, focusAreas: 0, graphics: 0, hideAttribution: 5, highlights: 0, interacting: 32, itemId: 3, baseCypherQuery: 3, serviceUrl: 3, layerViews: 32, magnifier: 32, map: 0, navigating: 32, navigation: 0, padding: 0, popup: 0, popupElement: 32, popupDisabled: 5, popupComponentEnabled: 5, ready: 36, resizeAlign: 1, resolution: 40, rotation: 9, scale: 9, spatialReference: 0, stationary: 32, suspended: 39, theme: 0, timeExtent: 0, timeZone: 1, updating: 36, viewpoint: 0, zoom: 9, loadErrorSources: 0 };
   }
   static {
-    this.styles = [E, L];
+    this.styles = [I, E];
   }
   get aria() {
     return this.view?.aria;
@@ -53,7 +53,7 @@ class S extends V {
     return this.view.center;
   }
   set center(i) {
-    const t = I(i, this.view);
+    const t = L(i, this.view);
     t && (this.view.center = t);
   }
   get extent() {
@@ -155,16 +155,27 @@ class S extends V {
   async whenLayerView(i) {
     return await this.view.whenLayerView(i);
   }
+  async zoomIn() {
+    this.view.zoomIn();
+  }
+  async zoomOut() {
+    this.view.zoomOut();
+  }
   loaded() {
     const i = this;
     i.el.childElem = this._mapRef.value, this.view.container ??= i.el.childElem, s.setLocalPublicMap(this, this._map), this.manager.onLifecycle(() => [
-      n(() => this.map, (t) => {
+      h(() => this.map, (t) => {
         t && s.setLocalPrivateMap(this, t);
       }, { initial: !0, sync: !0 }),
-      n(() => this.view.stationary, () => this.arcgisViewChange.emit(), { initial: !0 }),
-      n(() => this.view.ready, () => this.arcgisViewReadyChange.emit(), { initial: this.view.ready }),
-      n(() => this.view.attributionHeight, (t) => {
+      h(() => this.view.stationary, () => this.arcgisViewChange.emit(), { initial: !0 }),
+      h(() => this.view.ready, () => this.arcgisViewReadyChange.emit(), { initial: this.view.ready }),
+      h(() => this.view.attributionHeight, (t) => {
         this._uiController.handleAttributionHeightChange(t);
+      }, { initial: !0 }),
+      // Temporary workaround for https://devtopia.esri.com/WebGIS/arcgis-web-components/issues/12012
+      // Until https://devtopia.esri.com/WebGIS/arcgis-js-api/pull/78321 is picked up by components
+      h(() => this.view.ready, () => {
+        this.view.notifyChange("attributionHeight");
       })
     ]);
   }
@@ -181,17 +192,17 @@ class S extends V {
         if (this._serviceUrl && !this._baseCypherQuery) {
           const a = t();
           s.fetchKnowledgeGraph(this._serviceUrl).then((l) => {
-            const o = new s.WebLinkChart(), h = new s.LinkChartLayer({
+            const n = new s.WebLinkChart(), o = new s.LinkChartLayer({
               url: l.url
             });
-            h.load({
+            o.load({
               signal: a?.signal
             });
             try {
-              g(a.signal), o.add(h), this._setLinkChartAndZoom(o);
-            } catch (p) {
-              if (!d(p))
-                throw p;
+              d(a.signal), n.add(o), this._setLinkChartAndZoom(n);
+            } catch (w) {
+              if (!g(w))
+                throw w;
             }
           });
         } else if (this._baseCypherQuery && this._serviceUrl) {
@@ -201,12 +212,12 @@ class S extends V {
               openCypherQuery: this._baseCypherQuery
             }), void 0, {
               signal: a?.signal
-            }).then(async (o) => {
+            }).then(async (n) => {
               try {
-                g(a.signal), this._setLinkChartAndZoom(o);
-              } catch (h) {
-                if (!d(h))
-                  throw h;
+                d(a.signal), this._setLinkChartAndZoom(n);
+              } catch (o) {
+                if (!g(o))
+                  throw o;
               }
             });
           });
@@ -243,8 +254,8 @@ const s = {
   },
   reCreateAccessor: A
 };
-C("arcgis-link-chart", S);
+C("arcgis-link-chart", P);
 export {
-  S as ArcgisLinkChart,
+  P as ArcgisLinkChart,
   s as exportsForTests
 };

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

@@ -1,9 +1,8 @@
 /// <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 { T9nMeta } from "@arcgis/lumina/controllers";
 import type { LayoutMode } from "@arcgis/core/layers/knowledgeGraph/types.js";
 

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

@@ -1,8 +1,7 @@
 /// <reference path="../../index.d.ts" />
 import type LinkChartView from "@arcgis/core/views/LinkChartView";
-import type { ArcgisReferenceElement } from "../../utils/component-utils.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 { T9nMeta } from "@arcgis/lumina/controllers";
 
 /**
@@ -52,7 +51,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>;

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";
 
 /**