@arcgis/map-components 5.0.0-next.12 → 5.0.0-next.121

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

@@ -1,20 +1,25 @@
-import { c as p } 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 c, 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 u, C as w } from "../../chunks/slots.js";
-import { c as y, i as f } from "../../chunks/component-utils.js";
-import { U as V, u as b, a as C } from "../../chunks/useArcgisViewReadyError.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.12 */
-const E = c(
-  v,
+v5.0.0-next.121 */
+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,18 +29,18 @@ const E = c(
    * in an externalized package.
    */
   {}
-), k = c(l, {});
-class L extends m {
+), z = f(_, {});
+class S extends V {
   constructor() {
-    super(), this._containerRef = n(), this._mapRef = n(), this._uiController = new V(this), this.arcgisLoadError = b(this), this.arcgisViewReadyError = C(this), this._map = E(this), this.view = k(this), this.animationsDisabled = this.view.animationsEnabled, 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, animationsDisabled: 5, aria: 0, 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, 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, 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, popupDisabled: 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 = [d, u];
+    this.styles = [L, I];
   }
   get aria() {
     return this.view?.aria;
@@ -43,12 +48,15 @@ class L extends m {
   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 = y(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;
@@ -65,6 +73,12 @@ class L 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;
   }
@@ -72,7 +86,19 @@ class L 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;
@@ -90,7 +116,7 @@ class L 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;
@@ -98,43 +124,35 @@ class L 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);
@@ -144,22 +162,94 @@ class L 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()}`;
   }
 }
-p("arcgis-link-chart", L);
+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 {
-  L as ArcgisLinkChart
+  S as ArcgisLinkChart,
+  s as exportsForTests
 };

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

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

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

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

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

@@ -1,21 +1,10 @@
-/// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
 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';
-declare enum DiagramLayoutValues {
-    FORCE_DIRECTED = "organic-standard",
-    COMMUNITY = "organic-community",
-    SIMPLE = "basic-grid",
-    HIERARCHICAL = "hierarchical-bottom-to-top",
-    RADIAL_TREE = "radial-root-centric",
-    SMART_TREE = "tree-left-to-right",
-    GEOGRAPHIC = "geographic-organic-standard",
-    CHRONOLOGICAL_SINGLE = "chronological-mono-timeline",
-    CHRONOLOGICAL_MULTIPLE = "chronological-multi-timeline"
-}
-type DiagramLayoutType = `${DiagramLayoutValues}`;
+import { IconName } from '../../utils/action-utils';
+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";
 
 declare const useLinkChartLayoutSwitcherViewModel: (component: LitElement & Pick<LinkChartLayoutSwitcherViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<LinkChartLayoutSwitcherViewModel>) => LinkChartLayoutSwitcherViewModel;
 /**
@@ -30,14 +19,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 +42,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 +67,13 @@ 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. */
-    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 +86,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 +105,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 +147,14 @@ export declare class ArcgisLinkChartLayoutSwitcher extends LitElement {
         hierarchicalLayoutCategory: string;
         chronologicalLayoutCategory: string;
     }>;
+    private viewModel: LinkChartLayoutSwitcherViewModel;
+    readonly _setterTypes: {
+        preventExtentUpdate?: boolean;
+    };
+    "@eventTypes": {
+        "arcgisPropertyChange": ArcgisLinkChartLayoutSwitcher["arcgisPropertyChange"]["detail"];
+        "arcgisReady": ArcgisLinkChartLayoutSwitcher["arcgisReady"]["detail"];
+        "arcgisSwitchLayout": ArcgisLinkChartLayoutSwitcher["arcgisSwitchLayout"]["detail"];
+    };
 }
 export {};

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

@@ -1,71 +1,66 @@
-import { c as n } from "../../chunks/runtime.js";
-import { css as h, html as e } from "lit";
-import d from "@arcgis/core/widgets/LinkChartLayoutSwitcher/LinkChartLayoutSwitcherViewModel.js";
-import { usePropertyChange as m } from "@arcgis/lumina/controllers";
-import { m as g } from "../../chunks/useViewModel.js";
-import { u as p } from "../../chunks/useT9n.js";
-import { reEmitEvent as u } from "@arcgis/lumina/controllers/accessor";
-import { LitElement as y, createEvent as w, safeClassMap as b } from "@arcgis/lumina";
+import { c as h } from "../../chunks/runtime.js";
+import { css as d, html as i } from "lit";
+import m from "@arcgis/core/widgets/LinkChartLayoutSwitcher/LinkChartLayoutSwitcherViewModel.js";
+import { usePropertyChange as g } from "@arcgis/lumina/controllers";
+import { m as p } from "../../chunks/useViewModel.js";
+import { u } from "../../chunks/useT9n.js";
+import { reEmitEvent as y } from "@arcgis/lumina/controllers/accessor";
+import { LitElement as w, createEvent as v, safeClassMap as L } 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.12 */
-const v = h``, c = {
-  basicLayoutCategory: [
-    "basic-grid"
-    /* SIMPLE */
-  ],
+v5.0.0-next.121 */
+const M = d``, e = {
+  forceDirected: "organic-standard",
+  community: "organic-community",
+  simple: "basic-grid",
+  mechanical: "hierarchical-bottom-to-top",
+  radialTree: "radial-root-centric",
+  smartTree: "tree-left-to-right",
+  geographic: "geographic-organic-standard",
+  chronologicalSingle: "chronological-mono-timeline",
+  chronologicalMultiple: "chronological-multi-timeline"
+}, s = {
+  basicLayoutCategory: [e.simple],
   organicLayoutCategory: [
-    "organic-standard",
-    "organic-community",
-    "geographic-organic-standard"
-    /* GEOGRAPHIC */
-  ],
-  treeLayoutCategory: [
-    "tree-left-to-right",
-    "radial-root-centric"
-    /* RADIAL_TREE */
+    e.forceDirected,
+    e.community,
+    e.geographic
   ],
-  hierarchicalLayoutCategory: [
-    "hierarchical-bottom-to-top"
-    /* HIERARCHICAL */
-  ],
-  chronologicalLayoutCategory: [
-    "chronological-mono-timeline",
-    "chronological-multi-timeline"
-    /* CHRONOLOGICAL_MULTIPLE */
-  ]
-}, s = {
-  "organic-standard": "force-directed-link-chart-layout",
-  "organic-community": "community-link-chart-layout",
-  "basic-grid": "simple-link-chart-layout",
-  "hierarchical-bottom-to-top": "hierarchical-link-chart-layout",
-  "radial-root-centric": "radial-tree-link-chart-layout",
-  "tree-left-to-right": "smart-tree-link-chart-layout",
-  "geographic-organic-standard": "geographic-link-chart-layout",
-  "chronological-mono-timeline": "single-timeline",
-  "chronological-multi-timeline": "multi-timeline"
+  treeLayoutCategory: [e.smartTree, e.radialTree],
+  hierarchicalLayoutCategory: [e.mechanical],
+  chronologicalLayoutCategory: [e.chronologicalSingle, e.chronologicalMultiple]
 }, l = {
-  "organic-standard": "forceDirected",
-  "organic-community": "community",
-  "basic-grid": "simple",
-  "hierarchical-bottom-to-top": "hierarchical",
-  "radial-root-centric": "radialTree",
-  "tree-left-to-right": "smartTree",
-  "geographic-organic-standard": "geographic",
-  "chronological-mono-timeline": "chronologicalSingle",
-  "chronological-multi-timeline": "chronologicalMultiple"
-}, L = {
+  [e.forceDirected]: "force-directed-link-chart-layout",
+  [e.community]: "community-link-chart-layout",
+  [e.simple]: "simple-link-chart-layout",
+  [e.mechanical]: "hierarchical-link-chart-layout",
+  [e.radialTree]: "radial-tree-link-chart-layout",
+  [e.smartTree]: "smart-tree-link-chart-layout",
+  [e.geographic]: "geographic-link-chart-layout",
+  [e.chronologicalSingle]: "single-timeline",
+  [e.chronologicalMultiple]: "multi-timeline"
+}, n = {
+  [e.forceDirected]: "forceDirected",
+  [e.community]: "community",
+  [e.simple]: "simple",
+  [e.mechanical]: "hierarchical",
+  [e.radialTree]: "radialTree",
+  [e.smartTree]: "smartTree",
+  [e.geographic]: "geographic",
+  [e.chronologicalSingle]: "chronologicalSingle",
+  [e.chronologicalMultiple]: "chronologicalMultiple"
+}, b = {
   base: "link-chart-layout-switcher"
-}, $ = g(d);
-class f extends y {
+}, $ = p(m);
+class f extends w {
   constructor() {
-    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();
+    super(...arguments), this.messages = u(), 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 = y(() => this.viewModel, "switchLayout"), this.arcgisPropertyChange = g()("state"), this.arcgisReady = v();
   }
   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, preventExtentUpdate: 5, referenceElement: 1, state: 32 };
   }
   static {
-    this.styles = v;
+    this.styles = M;
   }
   async destroy() {
     await this.manager.destroy();
@@ -74,19 +69,19 @@ class f extends y {
     this.viewModel.switchLayout(t);
   }
   _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>`;
+    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>`;
   }
   _renderMenuBar() {
     const { messages: t } = this;
-    return e`<calcite-action-bar scale=s floating overflow-actions-disabled>${Object.entries(c).map(([a, r]) => e`<calcite-action-group .label=${this.messages[a]}>${r.map((i) => e`<calcite-action scale=s .icon=${s[i]} .active=${i === this.layout ? !0 : void 0} @click=${() => void this.switchLayout(i)} .text=${t[l[i]]}></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=${() => void this.switchLayout(a)} .text=${t[n[a]]}></calcite-action>`)}</calcite-action-group>`)}</calcite-action-bar>`;
   }
   render() {
-    const { appearance: t } = this, a = t === "menu-bar" ? this._renderMenuBar() : this._renderDropdown();
-    return e`<div class=${b(L.base)}>${a}</div>`;
+    const { appearance: t } = this, o = t === "menu-bar" ? this._renderMenuBar() : this._renderDropdown();
+    return i`<div class=${L(b.base)}>${o}</div>`;
   }
 }
-n("arcgis-link-chart-layout-switcher", f);
+h("arcgis-link-chart-layout-switcher", f);
 export {
   f as ArcgisLinkChartLayoutSwitcher
 };