@arcgis/map-components 5.0.0-next.1 → 5.0.0-next.100

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

@@ -1,20 +1,25 @@
-import { c } from "../../chunks/runtime.js";
-import { html as a } from "lit";
-import { watch as s } from "@arcgis/core/core/reactiveUtils.js";
-import l from "@arcgis/core/views/LinkChartView.js";
-import v from "@arcgis/core/WebLinkChart.js";
-import { LitElement as m, createEvent as r, safeClassMap as h } from "@arcgis/lumina";
-import { makeAccessorController as p, reEmitEvent as e, reCreateAccessor as g } from "@arcgis/lumina/controllers/accessor";
-import { createRef as n, ref as o } from "lit/directives/ref.js";
-import { s as d } from "../../chunks/esri-main.js";
-import { s as y, C as w } from "../../chunks/slots.js";
-import { c as u, i as f } from "../../chunks/component-utils.js";
-import { U as V } from "../../chunks/uiController.js";
+import { c as C } from "../../chunks/runtime.js";
+import { watch as n } 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 c, safeClassMap as p } from "@arcgis/lumina";
+import { reCreateAccessor as A, makeAccessorController as f, reEmitEvent as t } from "@arcgis/lumina/controllers/accessor";
+import { createRef as v, ref as m } from "lit/directives/ref.js";
+import { s as L } from "../../chunks/esri-main.js";
+import { s as I, C as d } from "../../chunks/slots.js";
+import { c as E, i as k } from "../../chunks/component-utils.js";
+import { U, u as M, a as R } from "../../chunks/useArcgisViewReadyError.js";
+import D from "@arcgis/core/rest/knowledgeGraph/GraphQueryStreaming.js";
+import { t as u } from "../../chunks/async-utils.js";
+import { isAbortError as y } from "@arcgis/core/core/promiseUtils.js";
+import { html as g } from "lit";
+import x from "@arcgis/core/layers/LinkChartLayer.js";
+import { fetchKnowledgeGraph as Q } from "@arcgis/core/rest/knowledgeGraphService.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.1 */
-const b = p(
-  v,
+v5.0.0-next.100 */
+const P = f(
+  b,
   /**
    * Since omitProps is only needed for typing, not runtime, `{} as { ... }` is
    * a hack to remove them from the runtime code. This argument is not used at
@@ -24,25 +29,34 @@ const b = p(
    * in an externalized package.
    */
   {}
-), C = p(l, {});
-class k extends m {
+), z = f(_, {});
+class S extends V {
   constructor() {
-    super(), this._containerRef = n(), this._mapRef = n(), this._uiController = new V(this), this._map = b(this), this.view = C(this), this.allLayerViews = this.view.allLayerViews, this.analyses = this.view.analyses, 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.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 = r(), this.arcgisViewClick = e(() => this.view, "click"), this.arcgisViewDoubleClick = e(() => this.view, "double-click"), 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 = r(), this.view.ui = {
-      components: ["attribution"]
+    super(), this._containerRef = v(), this._mapRef = v(), this._uiController = new U(this), this._activeLoadAbortController = null, this.arcgisLoadError = M(this), this.arcgisViewReadyError = R(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.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 = t(() => this.view, "analysis-view-create"), this.arcgisViewAnalysisViewCreateError = t(() => this.view, "analysis-view-create-error"), this.arcgisViewAnalysisViewDestroy = t(() => this.view, "analysis-view-destroy"), this.arcgisViewChange = c(), this.arcgisViewClick = t(() => this.view, "click"), this.arcgisViewDoubleClick = t(() => this.view, "double-click"), this.arcgisViewDrag = t(() => this.view, "drag"), this.arcgisViewHold = t(() => this.view, "hold"), this.arcgisViewImmediateClick = t(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = t(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = t(() => this.view, "key-down"), this.arcgisViewKeyUp = t(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = t(() => this.view, "layerview-create"), this.arcgisViewLayerviewCreateError = t(() => this.view, "layerview-create-error"), this.arcgisViewLayerviewDestroy = t(() => this.view, "layerview-destroy"), this.arcgisViewMouseWheel = t(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = t(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = t(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = t(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = t(() => this.view, "pointer-move"), this.arcgisViewPointerUp = t(() => this.view, "pointer-up"), this.arcgisViewReadyChange = c(), this.view.ui = {
+      components: []
     };
   }
   static {
-    this.properties = { _map: 16, view: 32, allLayerViews: 0, analyses: 0, autoDestroyDisabled: 5, background: 0, basemap: 1, basemapView: 0, center: 1, constraints: 0, displayFilterDisabled: 5, extent: 0, fatalError: 0, focusAreas: 0, graphics: 0, highlights: 0, highlightOptions: 0, interacting: 32, itemId: 3, layerViews: 0, magnifier: 0, map: 0, navigating: 32, navigation: 0, padding: 0, popup: 0, popupDisabled: 5, ready: 4, resizeAlign: 1, resolution: 8, rotation: 9, scale: 9, spatialReference: 0, stationary: 32, suspended: 7, theme: 0, timeExtent: 0, timeZone: 1, updating: 4, viewpoint: 0, zoom: 9 };
+    this.properties = { _map: 16, _baseCypherQuery: 16, _serviceUrl: 16, _propItemId: 16, view: 32, animationsDisabled: 5, aria: 0, allLayerViews: 0, 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: 0, magnifier: 0, map: 0, navigating: 32, navigation: 0, padding: 0, popup: 0, popupDisabled: 5, ready: 4, resizeAlign: 1, resolution: 8, rotation: 9, scale: 9, spatialReference: 0, stationary: 32, suspended: 7, theme: 0, timeExtent: 0, timeZone: 1, updating: 4, viewpoint: 0, zoom: 9, loadErrorSources: 0 };
   }
   static {
-    this.styles = [d, y];
+    this.styles = [L, I];
+  }
+  get aria() {
+    return this.view?.aria;
+  }
+  set aria(i) {
+    this.view && (this.view.aria = i);
+  }
+  get attributionItems() {
+    return this.view?.attributionItems ?? [];
   }
   get center() {
     return this.view.center;
   }
   set center(i) {
-    const t = u(i, this.view);
-    t && (this.view.center = t);
+    const e = E(i, this.view);
+    e && (this.view.center = e);
   }
   get extent() {
     return this.view.extent;
@@ -59,6 +73,12 @@ class k extends m {
   set focusAreas(i) {
     this.map && (this.map.focusAreas = i);
   }
+  get hideAttribution() {
+    return !this.view.attributionVisible;
+  }
+  set hideAttribution(i) {
+    this.view.attributionVisible = !i;
+  }
   get interacting() {
     return this.view.interacting;
   }
@@ -66,7 +86,19 @@ class k extends m {
     return this._map.portalItem?.id;
   }
   set itemId(i) {
-    g(this._map, this), this._map.portalItem = { id: i }, this.view.map = this._map;
+    this._propItemId = i;
+  }
+  get baseCypherQuery() {
+    return this._baseCypherQuery;
+  }
+  set baseCypherQuery(i) {
+    this._baseCypherQuery = i;
+  }
+  get serviceUrl() {
+    return this._serviceUrl;
+  }
+  set serviceUrl(i) {
+    this._serviceUrl = i;
   }
   get navigating() {
     return this.view.navigating;
@@ -84,7 +116,7 @@ class k extends m {
     return this.view.viewpoint;
   }
   set viewpoint(i) {
-    f(this.viewpoint, i) && (this.view.viewpoint = i);
+    k(this.viewpoint, i) && (this.view.viewpoint = i);
   }
   get zoom() {
     return this.view.zoom;
@@ -92,43 +124,35 @@ class k extends m {
   set zoom(i) {
     this.view.zoom = i;
   }
-  async addLayer(i, t) {
-    this.map?.add(i, t);
+  async addLayer(i, e) {
+    this.map?.add(i, e);
   }
-  async addLayers(i, t) {
-    this.map?.addMany(i, t);
+  async addLayers(i, e) {
+    this.map?.addMany(i, e);
   }
   async closePopup() {
-    if (this.popupDisabled) {
-      this._uiController.closePopup();
-      return;
-    }
-    this.view.closePopup();
+    this._uiController.closePopup();
   }
   async destroy() {
     await this.manager.destroy();
   }
-  async goTo(i, t) {
-    return await this.view.goTo(i, t);
+  async goTo(i, e) {
+    return await this.view.goTo(i, e);
   }
   async openPopup(i) {
-    if (this.popupDisabled) {
-      this._uiController.openPopup(i);
-      return;
-    }
-    await this.view.openPopup(i);
+    this._uiController.openPopup(i);
   }
   toMap(i) {
     return this.view.toMap(i);
   }
-  toScreen(i, t) {
-    return this.view.toScreen(i, t);
+  toScreen(i, e) {
+    return this.view.toScreen(i, e);
   }
   async tryFatalErrorRecovery() {
     this.view.tryFatalErrorRecovery();
   }
-  async viewOnReady(i, t) {
-    return await this.componentOnReady(), await this.view.whenReady().then(() => i?.()).catch(t);
+  async viewOnReady(i, e) {
+    return await this.componentOnReady(), await this.view.whenReady().then(() => i?.()).catch(e);
   }
   async whenAnalysisView(i) {
     return await this.view.whenAnalysisView(i);
@@ -138,22 +162,94 @@ class k extends m {
   }
   loaded() {
     const i = this;
-    i.el.childElem = this._mapRef.value, this.view.container ??= i.el.childElem, this.map ||= this._map, this.manager.onLifecycle(() => [
-      s(() => this.map, (t) => {
-        t && (this._map = t);
+    i.el.childElem = this._mapRef.value, this.view.container ??= i.el.childElem, s.setLocalPublicMap(this, this._map), this.manager.onLifecycle(() => [
+      n(() => this.map, (e) => {
+        e && s.setLocalPrivateMap(this, e);
       }, { initial: !0, sync: !0 }),
-      s(() => this.view.stationary, () => this.arcgisViewChange.emit(), { initial: !0 }),
-      s(() => this.view.ready, () => this.arcgisViewReadyChange.emit(), { initial: this.view.ready })
+      n(() => this.view.stationary, () => this.arcgisViewChange.emit(), { initial: !0 }),
+      n(() => this.view.ready, () => this.arcgisViewReadyChange.emit(), { initial: this.view.ready }),
+      n(() => this.view.attributionHeight, (e) => {
+        this._uiController.handleAttributionHeightChange(e);
+      })
     ]);
   }
+  willUpdate(i) {
+    const e = () => {
+      this._activeLoadAbortController?.abort();
+      const a = new AbortController();
+      return this._activeLoadAbortController = a, a;
+    };
+    if (i.has("_propItemId") || i.has("_serviceUrl") || i.has("_baseCypherQuery")) {
+      if (i.has("_propItemId") && this._propItemId || i.has("_propItemId") && !this._serviceUrl)
+        e(), s.reCreateAccessor(this._map, this), s.setPortalItem(this._map, this._propItemId), s.setMap(this.view, this._map);
+      else if (!this._propItemId)
+        if (this._serviceUrl && !this._baseCypherQuery) {
+          const a = e();
+          s.fetchKnowledgeGraph(this._serviceUrl).then((l) => {
+            const o = new s.WebLinkChart(), h = new s.LinkChartLayer({
+              url: l.url
+            });
+            h.load({
+              signal: a?.signal
+            });
+            try {
+              u(a.signal), o.add(h), this._setLinkChartAndZoom(o);
+            } catch (w) {
+              if (!y(w))
+                throw w;
+            }
+          });
+        } else if (this._baseCypherQuery && this._serviceUrl) {
+          const a = e();
+          s.fetchKnowledgeGraph(this._serviceUrl).then((l) => {
+            s.WebLinkChart.fromCypherQuery(l, new D({
+              openCypherQuery: this._baseCypherQuery
+            }), void 0, {
+              signal: a?.signal
+            }).then(async (o) => {
+              try {
+                u(a.signal), this._setLinkChartAndZoom(o);
+              } catch (h) {
+                if (!y(h))
+                  throw h;
+              }
+            });
+          });
+        } else !this._serviceUrl && i.has("_serviceUrl") && (e(), s.setMap(this.view, null));
+    }
+  }
+  _setLinkChartAndZoom(i) {
+    s.reCreateAccessor(this._map, this), s.setLocalPrivateMap(this, i), s.setMap(this.view, i), this._map && this.view.when(() => {
+      i.diagramNodesExtent && this.view.goTo(i.diagramNodesExtent);
+    });
+  }
   renderMain() {
-    return a`<div class=${h(w.base)} ${o(this._mapRef)}></div>`;
+    return g`<div class=${p(d.base)} ${m(this._mapRef)}></div>`;
   }
   render() {
-    return a`<section class=${h(w.containerUI)} ${o(this._containerRef)}>${this._uiController.render()}</section>${this.renderMain()}`;
+    return g`<section class=${p(d.containerUI)} ${m(this._containerRef)}>${this._uiController.render()}</section>${this.renderMain()}`;
   }
 }
-c("arcgis-link-chart", k);
+const s = {
+  fetchKnowledgeGraph: async (r) => await Q(r),
+  WebLinkChart: b,
+  LinkChartLayer: x,
+  setMap: (r, i) => {
+    r.map = i;
+  },
+  setLocalPrivateMap: (r, i) => {
+    r._map = i;
+  },
+  setLocalPublicMap: (r, i) => {
+    r.map ||= i;
+  },
+  setPortalItem(r, i) {
+    r.portalItem = { id: i };
+  },
+  reCreateAccessor: A
+};
+C("arcgis-link-chart", S);
 export {
-  k as ArcgisLinkChart
+  S as ArcgisLinkChart,
+  s as exportsForTests
 };

package/dist/components/arcgis-link-chart/index.d.ts

@@ -1 +1,3 @@
+import "@esri/calcite-components/components/calcite-alert";
+import "@esri/calcite-components/components/calcite-link";
 export * from "./customElement.js";

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

@@ -1 +1,3 @@
+import "@esri/calcite-components/components/calcite-alert";
+import "@esri/calcite-components/components/calcite-link";
 export * from "./customElement.js";

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

@@ -4,6 +4,7 @@ import { ArcgisReferenceElement } from '../../utils/component-utils';
 import { Use } from '@arcgis/lumina/controllers';
 import { default as LinkChartLayoutSwitcherViewModel } from '@arcgis/core/widgets/LinkChartLayoutSwitcher/LinkChartLayoutSwitcherViewModel.js';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { IconName } from '../../utils/action-utils';
 declare enum DiagramLayoutValues {
     FORCE_DIRECTED = "organic-standard",
     COMMUNITY = "organic-community",
@@ -30,14 +31,14 @@ declare const useLinkChartLayoutSwitcherViewModel: (component: LitElement & Pick
 export declare class ArcgisLinkChartLayoutSwitcher extends LitElement {
     /**
      * The view associated with the component.
-     *   > **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 ArcgisLinkChartLayoutSwitcher component will be associated with a map or scene component rather than using the `view` property.
+     *   > **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 Link Chart Layout Switcher component will be associated with a map or scene component rather than using the `view` property.
      */
-    view?: __esri.LinkChartView | nullish;
+    view?: import('@arcgis/core/views/LinkChartView').default | null | undefined;
     /**
      * The appearance of the layout switcher. `dropdown` displays a button that is clicked to reveal a dropdown menu, while `menu-bar` displays a menu bar.
      *
-     * @since 4.33
      * @default "dropdown"
+     * @since 4.33
      */
     appearance: "dropdown" | "menu-bar";
     /**
@@ -53,24 +54,22 @@ export declare class ArcgisLinkChartLayoutSwitcher extends LitElement {
     /**
      * When `true`, the layout menu will not close when a layout is selected. Only applicable when `appearance` is `dropdown`.
      *
-     * @since 4.33
      * @default false
+     * @since 4.33
      */
     closeOnSelectDisabled: boolean;
     /**
      * Icon displayed in the component's button, when `appearance` is `dropdown`.
      *
-     * @see [Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)
      * @default "nodes-link"
+     * @see [Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)
      */
-    icon?: string;
+    icon?: IconName;
     /** The component's default label. */
     label?: string;
     /**
      * The current selected link chart layout.
      *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LinkChartLayoutSwitcher-LinkChartLayoutSwitcherViewModel.html#layout)
-     *
      * @default "organic-standard"
      */
     readonly layout: DiagramLayoutType;
@@ -80,16 +79,15 @@ export declare class ArcgisLinkChartLayoutSwitcher extends LitElement {
      * _**Note**: Individual message keys may change between releases._
      */
     messageOverrides?: typeof this.messages._overrides;
-    /** @deprecated since 4.34, use `slot` instead. */
+    /** @deprecated since 4.34, use [`slot`](https://developers.arcgis.com/javascript/latest/building-your-ui/#slots) instead. */
     position?: __esri.UIPosition;
     /**
      * Prevents extent from updating on changes to the layout.
      *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LinkChartLayoutSwitcher-LinkChartLayoutSwitcherViewModel.html#preventExtentUpdate)
-     *
      * @default false
      */
-    preventExtentUpdate: boolean;
+    get preventExtentUpdate(): typeof this.viewModel.preventExtentUpdate;
+    set preventExtentUpdate(value: boolean);
     /**
      * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
      *
@@ -102,10 +100,14 @@ export declare class ArcgisLinkChartLayoutSwitcher extends LitElement {
      *
      * @default "loading"
      */
-    readonly state: "ready" | "loading" | "disabled";
+    readonly state: import('@arcgis/core/widgets/LinkChartLayoutSwitcher/LinkChartLayoutSwitcherViewModel.js').LinkChartLayoutSwitcherViewModelState;
     /** Permanently destroy the component. */
     destroy(): Promise<void>;
-    /** Switches the layout of the link chart to the value provided. */
+    /**
+     * Switches the layout of the link chart to the value provided.
+     *
+     * @param newLayout
+     */
     switchLayout(newLayout: "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"): Promise<void>;
     /**
      * Fires when component has completed the layout switch
@@ -117,7 +119,9 @@ export declare class ArcgisLinkChartLayoutSwitcher extends LitElement {
      * });
      * ```
      */
-    readonly arcgisSwitchLayout: TargetedEvent<this, __esri.LinkChartLayoutSwitcherViewModelSwitchLayoutEvent>;
+    readonly arcgisSwitchLayout: TargetedEvent<this, {
+        layout: import('@arcgis/core/layers/knowledgeGraph/LayoutMode').LayoutMode;
+    }>;
     /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
     readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";
@@ -157,5 +161,9 @@ export declare class ArcgisLinkChartLayoutSwitcher extends LitElement {
         hierarchicalLayoutCategory: string;
         chronologicalLayoutCategory: string;
     }>;
+    private viewModel: LinkChartLayoutSwitcherViewModel;
+    readonly _setterTypes: {
+        preventExtentUpdate?: boolean;
+    };
 }
 export {};

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

@@ -8,7 +8,7 @@ import { reEmitEvent as u } from "@arcgis/lumina/controllers/accessor";
 import { LitElement as y, createEvent as w, safeClassMap as b } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.1 */
+v5.0.0-next.100 */
 const v = h``, c = {
   basicLayoutCategory: [
     "basic-grid"
@@ -62,7 +62,7 @@ class f extends y {
     super(...arguments), this.messages = p(), this.viewModel = $(this), this.view = this.viewModel.view, this.appearance = "dropdown", this.autoDestroyDisabled = !1, this.closeOnSelectDisabled = !1, this.icon = "nodes-link", this.layout = this.viewModel.layout, this.preventExtentUpdate = this.viewModel.preventExtentUpdate, this.state = this.viewModel.state, this.arcgisSwitchLayout = u(() => this.viewModel, "switchLayout"), this.arcgisPropertyChange = m()("state"), this.arcgisReady = w();
   }
   static {
-    this.properties = { view: 0, appearance: 1, autoDestroyDisabled: 5, closeOnSelectDisabled: 5, icon: 1, label: 1, layout: 32, messageOverrides: 0, position: 3, preventExtentUpdate: 5, referenceElement: 1, state: 3 };
+    this.properties = { view: 0, appearance: 1, autoDestroyDisabled: 5, closeOnSelectDisabled: 5, icon: 0, label: 1, layout: 32, messageOverrides: 0, position: 3, preventExtentUpdate: 5, referenceElement: 1, state: 3 };
   }
   static {
     this.styles = v;
@@ -75,7 +75,7 @@ class f extends y {
   }
   _renderDropdown() {
     const { messages: t, icon: a } = this;
-    return e`<calcite-dropdown scale=s width=m max-items=9 .closeOnSelectDisabled=${this.closeOnSelectDisabled}><calcite-action slot=trigger .disabled=${this.viewModel.state === "disabled"} .icon=${a ?? void 0} .label=${t.layoutOptions ?? "Layout"} appearance=solid scale=s .text=${t.layoutOptions ?? "Layout"}></calcite-action>${Object.entries(c).map(([r, i]) => e`<calcite-dropdown-group selection-mode=single .groupTitle=${this.messages[r]}>${i.map((o) => e`<calcite-dropdown-item .iconStart=${s[o]} .selected=${o === this.layout ? !0 : void 0} @click=${() => void this.switchLayout(o)}>${t[l[o]]}</calcite-dropdown-item>`)}</calcite-dropdown-group>`)}</calcite-dropdown>`;
+    return e`<calcite-dropdown scale=s width=m max-items=9 .closeOnSelectDisabled=${this.closeOnSelectDisabled}><calcite-action slot=trigger .disabled=${this.viewModel.state === "disabled"} .icon=${a ?? void 0} .label=${t.layoutOptions ?? "Layout"} scale=s .text=${t.layoutOptions ?? "Layout"}></calcite-action>${Object.entries(c).map(([r, i]) => e`<calcite-dropdown-group selection-mode=single .groupTitle=${this.messages[r]}>${i.map((o) => e`<calcite-dropdown-item .iconStart=${s[o]} .selected=${o === this.layout ? !0 : void 0} @click=${() => void this.switchLayout(o)}>${t[l[o]]}</calcite-dropdown-item>`)}</calcite-dropdown-group>`)}</calcite-dropdown>`;
   }
   _renderMenuBar() {
     const { messages: t } = this;

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

@@ -4,6 +4,7 @@ import { Use } from '@arcgis/lumina/controllers';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 import { default as LocateViewModel } from './LocateViewModel';
+import { IconName } from '../../utils/action-utils';
 
 declare const useLocateViewModel: (component: LitElement & Pick<LocateViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<LocateViewModel>) => LocateViewModel;
 /**
@@ -20,9 +21,9 @@ declare const useLocateViewModel: (component: LitElement & Pick<LocateViewModel,
 export declare class ArcgisLocate extends LitElement {
     /**
      * The view associated with the component.
-     *   > **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 ArcgisLocate component will be associated with a map or scene component rather than using the `view` property.
+     *   > **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 Locate component will be associated with a map or scene component rather than using the `view` property.
      */
-    view?: __esri.MapView | __esri.SceneView | undefined;
+    view?: import('@arcgis/core/views/MapView').default | import('@arcgis/core/views/SceneView').default | undefined;
     /**
      * 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
@@ -40,17 +41,17 @@ export declare class ArcgisLocate extends LitElement {
      * @default false
      */
     goToLocationDisabled: boolean;
-    goToOverride: __esri.GoToOverride | undefined;
+    goToOverride: import('@arcgis/core/widgets/support/types').GoToOverride | undefined;
     /** The graphic used to show the user's location on the map. */
-    graphic: __esri.Graphic;
+    graphic: import('@arcgis/core/Graphic').default;
     /**
      * Icon which represents the component.
      * Typically used when the component is controlled by another component (e.g. by the Expand component).
      *
-     * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
      * @default "gps-off"
+     * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
      */
-    icon?: string | undefined;
+    icon?: IconName;
     /** The component's default label. */
     label?: string;
     /**
@@ -61,7 +62,7 @@ export declare class ArcgisLocate extends LitElement {
     messageOverrides?: typeof this.messages._overrides;
     /** @default false */
     popupDisabled: boolean;
-    /** @deprecated since 4.34, use `slot` instead. */
+    /** @deprecated since 4.34, use [`slot`](https://developers.arcgis.com/javascript/latest/building-your-ui/#slots) instead. */
     position?: __esri.UIPosition;
     /**
      * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
@@ -77,7 +78,9 @@ export declare class ArcgisLocate extends LitElement {
      */
     scale: number | undefined;
     /** The current state of the component. */
-    state: "ready" | "disabled" | "error" | "feature-unsupported" | "locating";
+    readonly state: "error" | "disabled" | "ready" | "feature-unsupported" | "locating";
+    /** @default "m" */
+    visualScale: HTMLCalciteButtonElement["scale"];
     /**
      * This function provides the ability to interrupt and cancel the process of
      * programmatically obtaining the location of the user's device.