@arcgis/map-components 5.0.0-next.99 → 5.0.1

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

@@ -1,24 +1,22 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
 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 { 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 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.99 */
-const P = f(
+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 as M, u as U, a as D } 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 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 z = f(
   b,
   /**
    * Since omitProps is only needed for typing, not runtime, `{} as { ... }` is
@@ -29,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 = 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 = {
+    super(), this._containerRef = v(), this._mapRef = v(), this._uiController = new M(this), this._activeLoadAbortController = null, this.arcgisLoadError = U(this), this.arcgisViewReadyError = D(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.selectionManager = this.view.selectionManager, 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 = c(), 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 = c(), 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: 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 };
+    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, selectionManager: 32, 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 = [L, I];
+    this.styles = [I, E];
   }
   get aria() {
     return this.view?.aria;
@@ -55,8 +53,8 @@ class S extends V {
     return this.view.center;
   }
   set center(i) {
-    const e = E(i, this.view);
-    e && (this.view.center = e);
+    const t = L(i, this.view);
+    t && (this.view.center = t);
   }
   get extent() {
     return this.view.extent;
@@ -103,6 +101,9 @@ class S extends V {
   get navigating() {
     return this.view.navigating;
   }
+  get popupElement() {
+    return this._uiController.popupElement || null;
+  }
   get scale() {
     return this.view.scale;
   }
@@ -124,20 +125,14 @@ class S extends V {
   set zoom(i) {
     this.view.zoom = i;
   }
-  async addLayer(i, e) {
-    this.map?.add(i, e);
-  }
-  async addLayers(i, e) {
-    this.map?.addMany(i, e);
-  }
   async closePopup() {
     this._uiController.closePopup();
   }
   async destroy() {
     await this.manager.destroy();
   }
-  async goTo(i, e) {
-    return await this.view.goTo(i, e);
+  async goTo(i, t) {
+    return await this.view.goTo(i, t);
   }
   async openPopup(i) {
     this._uiController.openPopup(i);
@@ -145,14 +140,14 @@ class S extends V {
   toMap(i) {
     return this.view.toMap(i);
   }
-  toScreen(i, e) {
-    return this.view.toScreen(i, e);
+  toScreen(i, t) {
+    return this.view.toScreen(i, t);
   }
   async tryFatalErrorRecovery() {
     this.view.tryFatalErrorRecovery();
   }
-  async viewOnReady(i, e) {
-    return await this.componentOnReady(), await this.view.whenReady().then(() => i?.()).catch(e);
+  async viewOnReady(i, t) {
+    return await this.componentOnReady(), await this.view.whenReady().then(() => i?.()).catch(t);
   }
   async whenAnalysisView(i) {
     return await this.view.whenAnalysisView(i);
@@ -160,62 +155,68 @@ 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, (e) => {
-        e && s.setLocalPrivateMap(this, e);
+      n(() => 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, (e) => {
-        this._uiController.handleAttributionHeightChange(e);
-      })
+      n(() => this.view.attributionHeight, (t) => {
+        this._uiController.handleAttributionHeightChange(t);
+      }, { initial: !0 })
     ]);
   }
   willUpdate(i) {
-    const e = () => {
+    const t = () => {
       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);
+        t(), 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();
+          const a = t();
           s.fetchKnowledgeGraph(this._serviceUrl).then((l) => {
-            const o = new s.WebLinkChart(), h = new s.LinkChartLayer({
+            const h = new s.WebLinkChart(), o = new s.LinkChartLayer({
               url: l.url
             });
-            h.load({
+            o.load({
               signal: a?.signal
             });
             try {
-              u(a.signal), o.add(h), this._setLinkChartAndZoom(o);
+              d(a.signal), h.add(o), this._setLinkChartAndZoom(h);
             } catch (w) {
-              if (!y(w))
+              if (!g(w))
                 throw w;
             }
           });
         } else if (this._baseCypherQuery && this._serviceUrl) {
-          const a = e();
+          const a = t();
           s.fetchKnowledgeGraph(this._serviceUrl).then((l) => {
-            s.WebLinkChart.fromCypherQuery(l, new D({
+            s.WebLinkChart.fromCypherQuery(l, new x({
               openCypherQuery: this._baseCypherQuery
             }), void 0, {
               signal: a?.signal
-            }).then(async (o) => {
+            }).then(async (h) => {
               try {
-                u(a.signal), this._setLinkChartAndZoom(o);
-              } catch (h) {
-                if (!y(h))
-                  throw h;
+                d(a.signal), this._setLinkChartAndZoom(h);
+              } catch (o) {
+                if (!g(o))
+                  throw o;
               }
             });
           });
-        } else !this._serviceUrl && i.has("_serviceUrl") && (e(), s.setMap(this.view, null));
+        } else !this._serviceUrl && i.has("_serviceUrl") && (t(), s.setMap(this.view, null));
     }
   }
   _setLinkChartAndZoom(i) {
@@ -224,16 +225,16 @@ class S extends V {
     });
   }
   renderMain() {
-    return g`<div class=${p(d.base)} ${m(this._mapRef)}></div>`;
+    return y`<div class=${p(u.base)} ${m(this._mapRef)}></div>`;
   }
   render() {
-    return g`<section class=${p(d.containerUI)} ${m(this._containerRef)}>${this._uiController.render()}</section>${this.renderMain()}`;
+    return y`${this.renderMain()}<section class=${p(u.containerUI)} ${m(this._containerRef)}>${this._uiController.render()}</section>`;
   }
 }
 const s = {
-  fetchKnowledgeGraph: async (r) => await Q(r),
+  fetchKnowledgeGraph: async (r) => await R(r),
   WebLinkChart: b,
-  LinkChartLayer: x,
+  LinkChartLayer: Q,
   setMap: (r, i) => {
     r.map = i;
   },
@@ -248,8 +249,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/index.d.ts

@@ -1,3 +1 @@
-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,3 +1,3 @@
-import "@esri/calcite-components/components/calcite-alert";
-import "@esri/calcite-components/components/calcite-link";
+import "../arcgis-popup/index.js";
+import "../arcgis-webgl-error/index.js";
 export * from "./customElement.js";

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

@@ -1,169 +1,170 @@
-/// <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';
-import { IconName } from '../../utils/action-utils';
-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 type LinkChartView from "@arcgis/core/views/LinkChartView.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 { DiagramLayoutType } from "./types.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+import type { LayoutMode } from "@arcgis/core/layers/knowledgeGraph/types.js";
 
-declare const useLinkChartLayoutSwitcherViewModel: (component: LitElement & Pick<LinkChartLayoutSwitcherViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<LinkChartLayoutSwitcherViewModel>) => LinkChartLayoutSwitcherViewModel;
 /**
  * A component for use in link charts that allows users to switch between different layouts. See [documentation on layouts](https://enterprise.arcgis.com/en/knowledge/latest/knowledge-studio/change-the-layout-applied-to-a-link-chart.htm) for more details.
  *
  * Note: Sign in to access the data in this demo, U/P: `viewer01`/`I68VGU^nMurF`
  *
- * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-link-chart-layout-switcher/)
- *
  * @since 4.32
  */
-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 Link Chart Layout Switcher component will be associated with a map or scene component rather than using the `view` property.
-     */
-    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.
-     *
-     * @default "dropdown"
-     * @since 4.33
-     */
-    appearance: "dropdown" | "menu-bar";
-    /**
-     * 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
-     * component to a different place on the page, or temporarily hide it. If this
-     * is set, make sure to call the [destroy](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-link-chart-layout-switcher/#destroy) method when you are done to
-     * prevent memory leaks.
-     *
-     * @default false
-     */
-    autoDestroyDisabled: boolean;
-    /**
-     * When `true`, the layout menu will not close when a layout is selected. Only applicable when `appearance` is `dropdown`.
-     *
-     * @default false
-     * @since 4.33
-     */
-    closeOnSelectDisabled: boolean;
-    /**
-     * Icon displayed in the component's button, when `appearance` is `dropdown`.
-     *
-     * @default "nodes-link"
-     * @see [Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)
-     */
-    icon?: IconName;
-    /** The component's default label. */
-    label?: string;
-    /**
-     * The current selected link chart layout.
-     *
-     * @default "organic-standard"
-     */
-    readonly layout: DiagramLayoutType;
-    /**
-     * Replace localized message strings with your own strings.
-     *
-     * _**Note**: Individual message keys may change between releases._
-     */
-    messageOverrides?: typeof this.messages._overrides;
-    /** @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.
-     *
-     * @default false
-     */
-    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.
-     *
-     * See also:
-     * - [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
-     */
-    referenceElement?: ArcgisReferenceElement | string;
-    /**
-     * The current state of the component.
-     *
-     * @default "loading"
-     */
-    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.
-     *
-     * @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
-     *
-     * @example
-     * ```js
-     * layoutswitcher.addEventListener("arcgisSwitchLayout", (event) => {
-     *   console.log("Layout Switched");
-     * });
-     * ```
-     */
-    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";
-    }>;
-    /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
-    readonly arcgisReady: TargetedEvent<this, void>;
-    private messages: Partial<{
-        layoutOptions: string;
-        forceDirected: string;
-        community: string;
-        simple: string;
-        hierarchical: string;
-        radialTree: string;
-        smartTree: string;
-        geographic: string;
-        chronologicalSingle: string;
-        chronologicalMultiple: string;
-        basicLayoutCategory: string;
-        organicLayoutCategory: string;
-        treeLayoutCategory: string;
-        hierarchicalLayoutCategory: string;
-        chronologicalLayoutCategory: string;
-    }> & import('@arcgis/lumina/controllers').T9nMeta<{
-        layoutOptions: string;
-        forceDirected: string;
-        community: string;
-        simple: string;
-        hierarchical: string;
-        radialTree: string;
-        smartTree: string;
-        geographic: string;
-        chronologicalSingle: string;
-        chronologicalMultiple: string;
-        basicLayoutCategory: string;
-        organicLayoutCategory: string;
-        treeLayoutCategory: string;
-        hierarchicalLayoutCategory: string;
-        chronologicalLayoutCategory: string;
-    }>;
-    private viewModel: LinkChartLayoutSwitcherViewModel;
-    readonly _setterTypes: {
-        preventExtentUpdate?: boolean;
-    };
-}
-export {};
+export abstract class ArcgisLinkChartLayoutSwitcher extends LitElement {
+  /**
+   * 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.
+   *
+   * @default "dropdown"
+   * @since 4.33
+   */
+  accessor appearance: "dropdown" | "menu-bar";
+  /**
+   * 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
+   * component to a different place on the page, or temporarily hide it. If this
+   * is set, make sure to call the [destroy()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-link-chart-layout-switcher/#destroy) method when you are done to
+   * prevent memory leaks.
+   *
+   * @default false
+   */
+  accessor autoDestroyDisabled: boolean;
+  /**
+   * When `true`, the layout menu will not close when a layout is selected. Only applicable when `appearance` is `dropdown`.
+   *
+   * @default false
+   * @since 4.33
+   */
+  accessor closeOnSelectDisabled: boolean;
+  /**
+   * Icon displayed in the component's button, when `appearance` is `dropdown`.
+   *
+   * @default "nodes-link"
+   * @see [Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)
+   */
+  accessor icon: IconName | undefined;
+  /** The component's default label. */
+  accessor label: string | undefined;
+  /**
+   * The current selected link chart layout.
+   *
+   * @default "organic-standard"
+   */
+  get layout(): LayoutMode;
+  /**
+   * Replace localized message strings with your own strings.
+   *
+   * _**Note**: Individual message keys may change between releases._
+   */
+  accessor messageOverrides: {
+      layoutOptions?: string | undefined;
+      forceDirected?: string | undefined;
+      community?: string | undefined;
+      simple?: string | undefined;
+      hierarchical?: string | undefined;
+      radialTree?: string | undefined;
+      smartTree?: string | undefined;
+      geographic?: string | undefined;
+      chronologicalSingle?: string | undefined;
+      chronologicalMultiple?: string | undefined;
+      basicLayoutCategory?: string | undefined;
+      organicLayoutCategory?: string | undefined;
+      treeLayoutCategory?: string | undefined;
+      hierarchicalLayoutCategory?: string | undefined;
+      chronologicalLayoutCategory?: string | undefined;
+  };
+  /** @internal */
+  protected messages: Partial<{
+      layoutOptions: string;
+      forceDirected: string;
+      community: string;
+      simple: string;
+      hierarchical: string;
+      radialTree: string;
+      smartTree: string;
+      geographic: string;
+      chronologicalSingle: string;
+      chronologicalMultiple: string;
+      basicLayoutCategory: string;
+      organicLayoutCategory: string;
+      treeLayoutCategory: string;
+      hierarchicalLayoutCategory: string;
+      chronologicalLayoutCategory: string;
+  }> & T9nMeta<{
+      layoutOptions: string;
+      forceDirected: string;
+      community: string;
+      simple: string;
+      hierarchical: string;
+      radialTree: string;
+      smartTree: string;
+      geographic: string;
+      chronologicalSingle: string;
+      chronologicalMultiple: string;
+      basicLayoutCategory: string;
+      organicLayoutCategory: string;
+      treeLayoutCategory: string;
+      hierarchicalLayoutCategory: string;
+      chronologicalLayoutCategory: string;
+  }>;
+  /**
+   * Prevents extent from updating on changes to the layout.
+   *
+   * @default false
+   */
+  get preventExtentUpdate(): boolean;
+  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.
+   *
+   * See also:
+   * - [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
+   */
+  accessor referenceElement: ArcgisReferenceElement | string | undefined;
+  /**
+   * The current state of the component.
+   *
+   * @default "loading"
+   */
+  get state(): LinkChartLayoutSwitcherViewModelState;
+  /**
+   * 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 arcgis-link-chart-layout-switcher component will be associated with a map or scene component rather than using the `view` property.
+   */
+  accessor view: LinkChartView | null | undefined;
+  /** Permanently destroy the component. */
+  destroy(): Promise<void>;
+  /**
+   * 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>;
+  "@setterTypes": {
+    layout?: DiagramLayoutType;
+    preventExtentUpdate?: boolean;
+  };
+  /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
+  readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "state"; }>;
+  /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
+  readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /**
+   * Fires when component has completed the layout switch
+   *
+   * @example
+   * ```js
+   * layoutswitcher.addEventListener("arcgisSwitchLayout", (event) => {
+   *   console.log("Layout Switched");
+   * });
+   * ```
+   */
+  readonly arcgisSwitchLayout: import("@arcgis/lumina").TargetedEvent<this, LinkChartLayoutSwitcherViewModelEvents["switchLayout"]>;
+  readonly "@eventTypes": {
+    arcgisPropertyChange: ArcgisLinkChartLayoutSwitcher["arcgisPropertyChange"]["detail"];
+    arcgisReady: ArcgisLinkChartLayoutSwitcher["arcgisReady"]["detail"];
+    arcgisSwitchLayout: ArcgisLinkChartLayoutSwitcher["arcgisSwitchLayout"]["detail"];
+  };
+}