@geoscene/map-components 4.33.19 → 4.34.9

package/dist/components/geoscene-link-chart/customElement.d.ts

@@ -1,35 +1,80 @@
 /// <reference types="@geoscene/core/interfaces.d.ts" />
-/// <reference types="../../index.d.ts" />
-import { Use } from '@arcgis/lumina/controllers';
-import { Nil } from '@arcgis/components-utils';
+/// <reference path="../../index.d.ts" />
 import { default as LinkChartView } from '@geoscene/core/views/LinkChartView.js';
 import { default as WebLinkChart } from '@geoscene/core/WebLinkChart.js';
-import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@geoscene/lumina';
+import { Use } from '@geoscene/lumina/controllers';
+import { nil } from '@arcgis/toolkit/type';
+import { LoadErrorSource } from '../../controllers/useGeosceneLoadError';
 
-declare const useWebLinkChart: (component: LitElement & Omit<Pick<WebLinkChart, "basemap" | "focusAreas" | "ground" | "layers" | "bookmarks" | "tables" | "widgets" | "applicationProperties" | "authoringApp" | "authoringAppVersion" | "floorInfo" | "initialViewProperties" | "linkChartProperties" | "mapType" | "portalItem" | "thumbnailUrl">, "basemap" | "ground" | ("destroyed" | "initialized" | "declaredClass" | "set" | "watch" | "addHandles" | "removeHandles" | "hasHandles") | "layers" | "bookmarks" | "tables" | "presentation" | "knowledgeGraph" | "widgets" | "applicationProperties" | "authoringApp" | "authoringAppVersion" | "entityCount" | "floorInfo" | "geotriggersInfo" | "initialViewProperties" | "linkChartProperties" | "mapType" | "portalItem" | "relationshipCount" | "thumbnailUrl"> & {
+declare const useWebLinkChart: (component: LitElement & Omit<Pick<WebLinkChart, "basemap" | "focusAreas" | "ground" | "layers" | "tables" | "widgets" | "applicationProperties" | "authoringApp" | "authoringAppVersion" | "bookmarks" | "floorInfo" | "initialViewProperties" | "portalItem" | "thumbnailUrl" | "linkChartProperties" | "mapType">, ("destroyed" | "initialized" | "declaredClass" | "set" | "watch" | "addHandles" | "removeHandles" | "hasHandles") | "basemap" | "ground" | "knowledgeGraph" | "layers" | "presentation" | "tables" | "widgets" | "applicationProperties" | "authoringApp" | "authoringAppVersion" | "bookmarks" | "floorInfo" | "geotriggersInfo" | "initialViewProperties" | "portalItem" | "thumbnailUrl" | "entityCount" | "linkChartProperties" | "mapType" | "relationshipCount"> & {
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }) => WebLinkChart;
-declare const useLinkChartView: (component: LitElement & Omit<Pick<LinkChartView, "container" | "map" | "background" | "basemapView" | "center" | "constraints" | "extent" | "fatalError" | "graphics" | "highlights" | "navigation" | "padding" | "popup" | "resizeAlign" | "rotation" | "scale" | "spatialReference" | "theme" | "timeExtent" | "timeZone" | "viewpoint" | "zoom" | "floors" | "highlightOptions" | "breakpoints" | "heightBreakpoint" | "popupEnabled" | "spatialReferenceLocked" | "widthBreakpoint" | "ui" | "animation" | "displayFilterEnabled">, "container" | "floors" | "highlightOptions" | ("destroyed" | "initialized" | "declaredClass" | "set" | "watch" | "addHandles" | "removeHandles" | "hasHandles") | "breakpoints" | "heightBreakpoint" | "popupEnabled" | "spatialReferenceLocked" | "widthBreakpoint" | "ui" | "animation" | "displayFilterEnabled"> & {
+declare const useLinkChartView: (component: LitElement & Omit<Pick<LinkChartView, "map" | "analyses" | "aria" | "background" | "basemapView" | "center" | "constraints" | "extent" | "fatalError" | "graphics" | "highlights" | "highlightOptions" | "navigation" | "padding" | "popup" | "resizeAlign" | "rotation" | "scale" | "spatialReference" | "theme" | "timeExtent" | "timeZone" | "viewpoint" | "zoom" | "floors" | "spatialReferenceLocked" | "breakpoints" | "heightBreakpoint" | "popupEnabled" | "widthBreakpoint" | "animationsEnabled" | "container" | "ui" | "animation" | "displayFilterEnabled">, ("destroyed" | "initialized" | "declaredClass" | "set" | "watch" | "addHandles" | "removeHandles" | "hasHandles") | "floors" | "spatialReferenceLocked" | "breakpoints" | "heightBreakpoint" | "popupEnabled" | "widthBreakpoint" | "animationsEnabled" | "container" | "ui" | "animation" | "displayFilterEnabled"> & {
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }) => LinkChartView;
 /**
  * Loads a [WebLinkChart](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-WebLinkChart.html) from an [GeoScene Enterprise portal](https://enterprise.geoscene.cn/en/portal/latest/administer/windows/what-is-portal-for-geoscene-.htm) into a [LinkChartView](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-LinkChartView.html).
  *
- *
  * Note: Sign in to access the data in this demo, U/P: `viewer01`/`I68VGU^nMurF`
  *
  * [Read more...](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-link-chart/)
+ *
+ * @since 4.32
+ * @slot  - Default slot for adding components to the link chart. User is responsible for positioning the content via CSS.
+ * @slot [top-left] - Slot for components positioned in the top-left corner.
+ * @slot [top-right] - Slot for components positioned in the top-right corner.
+ * @slot [bottom-left] - Slot for components positioned in the bottom-left corner.
+ * @slot [bottom-right] - Slot for components positioned in the bottom-right corner.
+ * @slot [top-start] - Slot for components positioned at the top-start (top-left in LTR, top-right in RTL).
+ * @slot [top-end] - Slot for components positioned at the top-end (top-right in LTR, top-left in RTL).
+ * @slot [bottom-start] - Slot for components positioned at the bottom-start (bottom-left in LTR, bottom-right in RTL).
+ * @slot [bottom-end] - Slot for components positioned at the bottom-end (bottom-right in LTR, bottom-left in RTL).
+ * @slot [popup] - Slot for the [Popup](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-popup/) component to open automatically on click. When using this slot, the [`popup-disabled`](#popupDisabled) attribute must be set to `true`. Only the Popup component can be placed in this slot.
  */
 export declare class GeosceneLinkChart extends LitElement {
+    /**
+     * Fires when a GeosceneLinkChart fails to load or if one of its dependencies fails to load (e.g., basemap, ground, layers).
+     *
+     * @since 4.34
+     * @see [loadErrorSources](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-link-chart/#loadErrorSources)
+     * @example
+     * ```js
+     * viewElement.addEventListener("geosceneLoadError", () => {
+     *   console.log(viewElement.loadErrorSources);
+     * });
+     * ```
+     */
+    readonly geosceneLoadError: TargetedEvent<this>;
+    /**
+     * Fires if the view encounters a content or rendering error.
+     *
+     * @since 4.34
+     * @example
+     * ```js
+     * viewElement.addEventListener("geosceneViewReadyError", () => {
+     *   // handle error
+     * });
+     * ```
+     */
+    readonly geosceneViewReadyError: TargetedEvent<this>;
     /** Internal view of the component. */
     readonly view: LinkChartView;
     /**
      * Collection containing a flat list of all the created LayerViews
      * related to the basemap, operational layers, and group layers in this view.
      */
-    readonly allLayerViews: __geoscene.Collection<__geoscene.LayerView>;
+    readonly allLayerViews: __geoscene.ReadonlyCollection<__geoscene.LayerView>;
+    /**
+     * A collection of analyses associated with the view.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-View2D.html#analyses)
+     *
+     * @since 4.34
+     */
+    analyses: __geoscene.Collection<__geoscene.Analysis>;
     /**
      * 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,6 +85,28 @@ export declare class GeosceneLinkChart extends LitElement {
      * @default false
      */
     autoDestroyDisabled: boolean;
+    /**
+     * Indicates whether animations are disabled in the view. This includes animated symbols (animated
+     * [CIMSymbol](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-symbols-CIMSymbol.html),
+     * [PictureMarkerSymbol](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-symbols-PictureMarkerSymbol.html)
+     * from a GIF/animated PNG), animated renderers
+     * ([FlowRenderer](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-rasterRenderers.html#FlowRenderer)),
+     * animated layers ([MediaLayer](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-layers-MediaLayer.html),
+     * [VideoLayer](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-layers-VideoLayer.html)), and
+     * animations triggered by view navigation (for example,
+     * [goTo()](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-LinkChartView.html#goTo)).
+     * Setting this property to `true` disables all animations in the view.
+     *
+     * @since 4.34
+     * @default false
+     */
+    animationsDisabled: boolean;
+    /**
+     * The ARIA attributes for the view container. Provides accessibility information to assistive technologies such as screen readers. Supports the following properties: [`label`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-label), [`description`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-description), [`describedByElements`](https://developer.mozilla.org/en-US/docs/Web/API/Element/ariaDescribedByElements), and [`labelledByElements`](https://developer.mozilla.org/en-US/docs/Web/API/Element/ariaLabelledByElements).
+     *
+     * @since 4.34
+     */
+    aria: nullish | __geoscene.DOMContainerAria;
     /**
      * The background color of the LinkChartView. If the view's link chart changes, the view's `background` is reset to the link chart's background,
      * even if the user set it previously.
@@ -66,7 +133,7 @@ export declare class GeosceneLinkChart extends LitElement {
      * For animating the view, see this component's goTo() method.
      */
     get center(): __geoscene.LinkChartView["center"];
-    set center(newValue: __geoscene.LinkChartView["center"] | Nil | number[] | string);
+    set center(newValue: __geoscene.LinkChartView["center"] | nil | number[] | string);
     /** Specifies constraints to scale, zoom, and rotation that may be applied to the LinkChartView. */
     constraints: __geoscene.View2DConstraints;
     /**
@@ -107,6 +174,12 @@ export declare class GeosceneLinkChart extends LitElement {
      * allow you to visually emphasize specific features on the link chart.
      */
     highlights: __geoscene.Collection<__geoscene.HighlightOptions>;
+    /**
+     * Options for configuring the highlight.
+     *
+     * @deprecated since version 4.32. Use the [highlights](#highlights) property instead.
+     */
+    highlightOptions: __geoscene.HighlightOptions;
     /**
      * Indication whether the view is being interacted with (for example when panning or by an interactive tool).
      *
@@ -118,8 +191,8 @@ export declare class GeosceneLinkChart extends LitElement {
      *
      * To configure the portal url you must set the [`portalUrl` property on `config`](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-config.html#portalUrl) before the Link Chart component loads.
      */
-    get itemId(): Nil | string;
-    set itemId(newValue: Nil | string);
+    get itemId(): nil | string;
+    set itemId(newValue: nil | string);
     /**
      * A collection containing a hierarchical list of all the created
      * [LayerViews](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-layers-LayerView.html) of the
@@ -156,7 +229,7 @@ export declare class GeosceneLinkChart extends LitElement {
      */
     popup: nullish | __geoscene.Popup;
     /**
-     * Controls whether the popup opens when users click on the view.
+     * Controls whether the popup opens automatically when users click on the view.
      *
      * @default false
      */
@@ -175,7 +248,7 @@ export declare class GeosceneLinkChart extends LitElement {
      *
      * @default "center"
      */
-    resizeAlign: "center" | "bottom-left" | "bottom-right" | "top-left" | "top-right" | "left" | "right" | "top" | "bottom";
+    resizeAlign: "bottom-left" | "bottom-right" | "top-left" | "top-right" | "center" | "left" | "right" | "top" | "bottom";
     /**
      * Represents the current value of one pixel in the unit of the view's spatialReference.
      * The value of resolution is calculated by dividing the view's extent width
@@ -269,6 +342,12 @@ export declare class GeosceneLinkChart extends LitElement {
      */
     get zoom(): number;
     set zoom(newValue: number);
+    /**
+     * An array of objects that encountered an error while loading the component or any of its dependencies (e.g., basemap, ground, layers, tables). You may inspect the errors by accessing each object's `loadError` property.
+     *
+     * @since 4.34
+     */
+    loadErrorSources?: LoadErrorSource[];
     /**
      * @deprecated
      * since 4.33, use `element.map.add(layer)` instead.
@@ -298,8 +377,6 @@ export declare class GeosceneLinkChart extends LitElement {
     toScreen(point: __geoscene.Point, options?: __geoscene.ToScreenOptions2D): __geoscene.MapViewScreenPoint | nullish;
     /** Call this method to clear any fatal errors resulting from a lost WebGL context. */
     tryFatalErrorRecovery(): Promise<void>;
-    /** Gets the LayerView created on the view for the given layer. */
-    whenLayerView(layer: __geoscene.Layer): Promise<__geoscene.LayerView>;
     /**
      * `viewOnReady()` may be leveraged once an instance of the component and its underlying [view](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-link-chart/#view) is created and ready.
      * This method takes two input parameters, a `callback` function and an `errback` function, and returns a promise. The `callback` executes when the promise resolves, and the `errback` executes if the promise is rejected.
@@ -314,6 +391,40 @@ export declare class GeosceneLinkChart extends LitElement {
      * ```
      */
     viewOnReady(callback?: () => void, errback?: (error: Error) => void): Promise<void>;
+    /**
+     * Gets the analysis view created for the given analysis object.
+     *
+     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-MapView.html#whenAnalysisView)
+     *
+     * @since 4.34
+     */
+    whenAnalysisView(analysis: __geoscene.ElevationProfileAnalysis): Promise<__geoscene.ElevationProfileAnalysisView2D>;
+    /** Gets the LayerView created on the view for the given layer. */
+    whenLayerView(layer: __geoscene.Layer): Promise<__geoscene.LayerView>;
+    /**
+     * Fires when the view for an analysis is created.
+     *
+     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-MapView.html#event-analysis-view-create)
+     *
+     * @since 4.34
+     */
+    readonly geosceneViewAnalysisViewCreate: TargetedEvent<this, __geoscene.ViewAnalysisViewCreateEvent>;
+    /**
+     * Fires when an error occurs during the creation of an analysis view after an analysis is added to the view.
+     *
+     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-MapView.html#event-analysis-view-create-error)
+     *
+     * @since 4.34
+     */
+    readonly geosceneViewAnalysisViewCreateError: TargetedEvent<this, __geoscene.ViewAnalysisViewCreateErrorEvent>;
+    /**
+     * Fires after an analysis view is destroyed.
+     *
+     * [Read more](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-MapView.html#event-analysis-view-destroy)
+     *
+     * @since 4.34
+     */
+    readonly geosceneViewAnalysisViewDestroy: TargetedEvent<this, __geoscene.ViewAnalysisViewDestroyEvent>;
     /**
      * This event is for view related property changes: zoom, scale, center, rotation, extent, camera, viewpoint.
      * This event will also emit if stationary toggles from true to false.
@@ -359,7 +470,7 @@ export declare class GeosceneLinkChart extends LitElement {
      */
     readonly geosceneViewReadyChange: TargetedEvent<this, void>;
     readonly _setterTypes: {
-        center?: __geoscene.LinkChartView["center"] | Nil | number[] | string;
+        center?: __geoscene.LinkChartView["center"] | nil | number[] | string;
     };
 }
 export {};

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

@@ -1,16 +1,20 @@
-import { c as h } from "../../chunks/runtime.js";
-import { makeAccessorController as r, reEmitEvent as e, reCreateAccessor as n } from "@arcgis/lumina/controllers/accessor";
+import { c as l } from "../../chunks/runtime.js";
+import { html as a } from "lit";
 import { watch as s } from "@geoscene/core/core/reactiveUtils.js";
-import o from "@geoscene/core/views/LinkChartView.js";
-import w from "@geoscene/core/WebLinkChart.js";
-import { LitElement as c, createEvent as a, noShadowRoot as p } from "@arcgis/lumina";
-import { c as v, i as l } from "../../chunks/component-utils.js";
-import { css as m } from "@lit/reactive-element/css-tag.js";
+import p from "@geoscene/core/views/LinkChartView.js";
+import v from "@geoscene/core/WebLinkChart.js";
+import { LitElement as m, createEvent as r, safeClassMap as h } from "@geoscene/lumina";
+import { makeAccessorController as c, reEmitEvent as e, reCreateAccessor as g } from "@geoscene/lumina/controllers/accessor";
+import { createRef as n, ref as o } from "lit/directives/ref.js";
+import { s as d } from "../../chunks/geoscene-main.js";
+import { s as y, C as w } from "../../chunks/slots.js";
+import { c as u, i as V } from "../../chunks/component-utils.js";
+import { U as f, u as b, a as C } from "../../chunks/useGeosceneViewReadyError.js";
 /*! All material copyright GeoScene, All Rights Reserved, unless otherwise specified.
-See https://js.geoscene.cn/4.33/geoscene/copyright.txt for details.
-v4.33.18 */
-const g = m`@layer{geoscene-link-chart{display:block;height:100%;.geoscene-view{height:100%;width:100%}}}`, d = r(
-  w,
+See https://js.geoscene.cn/4.34/geoscene/copyright.txt for details.
+v4.34.9 */
+const E = c(
+  v,
   /**
    * 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
@@ -20,27 +24,24 @@ const g = m`@layer{geoscene-link-chart{display:block;height:100%;.geoscene-view{
    * in an externalized package.
    */
   {}
-), y = r(o, {});
-class u extends c {
+), k = c(p, {});
+class L extends m {
   constructor() {
-    super(), this._map = d(this), this.view = y(this), this.allLayerViews = this.view.allLayerViews, 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.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.geosceneViewChange = a(), this.geosceneViewClick = e(() => this.view, "click"), this.geosceneViewDoubleClick = e(() => this.view, "double-click"), this.geosceneViewDrag = e(() => this.view, "drag"), this.geosceneViewHold = e(() => this.view, "hold"), this.geosceneViewImmediateClick = e(() => this.view, "immediate-click"), this.geosceneViewImmediateDoubleClick = e(() => this.view, "immediate-double-click"), this.geosceneViewKeyDown = e(() => this.view, "key-down"), this.geosceneViewKeyUp = e(() => this.view, "key-up"), this.geosceneViewLayerviewCreate = e(() => this.view, "layerview-create"), this.geosceneViewLayerviewCreateError = e(() => this.view, "layerview-create-error"), this.geosceneViewLayerviewDestroy = e(() => this.view, "layerview-destroy"), this.geosceneViewMouseWheel = e(() => this.view, "mouse-wheel"), this.geosceneViewPointerDown = e(() => this.view, "pointer-down"), this.geosceneViewPointerEnter = e(() => this.view, "pointer-enter"), this.geosceneViewPointerLeave = e(() => this.view, "pointer-leave"), this.geosceneViewPointerMove = e(() => this.view, "pointer-move"), this.geosceneViewPointerUp = e(() => this.view, "pointer-up"), this.geosceneViewReadyChange = a(), this.view.ui = {
+    super(), this._containerRef = n(), this._mapRef = n(), this._uiController = new f(this), this.geosceneLoadError = b(this), this.geosceneViewReadyError = C(this), this._map = E(this), this.view = k(this), this.allLayerViews = this.view.allLayerViews, this.analyses = this.view.analyses, this.autoDestroyDisabled = !1, this.animationsDisabled = this.view.animationsEnabled, this.aria = this.view.aria, 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.geosceneViewAnalysisViewCreate = e(() => this.view, "analysis-view-create"), this.geosceneViewAnalysisViewCreateError = e(() => this.view, "analysis-view-create-error"), this.geosceneViewAnalysisViewDestroy = e(() => this.view, "analysis-view-destroy"), this.geosceneViewChange = r(), this.geosceneViewClick = e(() => this.view, "click"), this.geosceneViewDoubleClick = e(() => this.view, "double-click"), this.geosceneViewDrag = e(() => this.view, "drag"), this.geosceneViewHold = e(() => this.view, "hold"), this.geosceneViewImmediateClick = e(() => this.view, "immediate-click"), this.geosceneViewImmediateDoubleClick = e(() => this.view, "immediate-double-click"), this.geosceneViewKeyDown = e(() => this.view, "key-down"), this.geosceneViewKeyUp = e(() => this.view, "key-up"), this.geosceneViewLayerviewCreate = e(() => this.view, "layerview-create"), this.geosceneViewLayerviewCreateError = e(() => this.view, "layerview-create-error"), this.geosceneViewLayerviewDestroy = e(() => this.view, "layerview-destroy"), this.geosceneViewMouseWheel = e(() => this.view, "mouse-wheel"), this.geosceneViewPointerDown = e(() => this.view, "pointer-down"), this.geosceneViewPointerEnter = e(() => this.view, "pointer-enter"), this.geosceneViewPointerLeave = e(() => this.view, "pointer-leave"), this.geosceneViewPointerMove = e(() => this.view, "pointer-move"), this.geosceneViewPointerUp = e(() => this.view, "pointer-up"), this.geosceneViewReadyChange = r(), this.view.ui = {
       components: ["attribution"]
     };
   }
   static {
-    this.properties = { _map: 16, view: 32, allLayerViews: 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, 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, view: 32, allLayerViews: 0, analyses: 0, autoDestroyDisabled: 5, animationsDisabled: 5, aria: 0, 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 };
   }
   static {
-    this.shadowRootOptions = p;
-  }
-  static {
-    this.styles = g;
+    this.styles = [d, y];
   }
   get center() {
     return this.view.center;
   }
   set center(i) {
-    const t = v(i, this.view);
+    const t = u(i, this.view);
     t && (this.view.center = t);
   }
   get extent() {
@@ -65,7 +66,7 @@ class u extends c {
     return this._map.portalItem?.id;
   }
   set itemId(i) {
-    n(this._map, this), this._map.portalItem = { id: i }, this.view.map = this._map;
+    g(this._map, this), this._map.portalItem = { id: i }, this.view.map = this._map;
   }
   get navigating() {
     return this.view.navigating;
@@ -83,7 +84,7 @@ class u extends c {
     return this.view.viewpoint;
   }
   set viewpoint(i) {
-    l(this.viewpoint, i) && (this.view.viewpoint = i);
+    V(this.viewpoint, i) && (this.view.viewpoint = i);
   }
   get zoom() {
     return this.view.zoom;
@@ -98,7 +99,7 @@ class u extends c {
     this.map?.addMany(i, t);
   }
   async closePopup() {
-    this.view.closePopup();
+    this._uiController.closePopup();
   }
   async destroy() {
     await this.manager.destroy();
@@ -107,7 +108,7 @@ class u extends c {
     return await this.view.goTo(i, t);
   }
   async openPopup(i) {
-    await this.view.openPopup(i);
+    this._uiController.openPopup(i);
   }
   toMap(i) {
     return this.view.toMap(i);
@@ -118,27 +119,33 @@ class u extends c {
   async tryFatalErrorRecovery() {
     this.view.tryFatalErrorRecovery();
   }
-  async whenLayerView(i) {
-    return await this.view.whenLayerView(i);
-  }
   async viewOnReady(i, t) {
     return await this.componentOnReady(), await this.view.whenReady().then(() => i?.()).catch(t);
   }
-  load() {
-    const i = this;
-    i.el.childElem = document.createElement("div"), i.el.append(i.el.childElem), this.view.container = i.el.childElem;
+  async whenAnalysisView(i) {
+    return await this.view.whenAnalysisView(i);
+  }
+  async whenLayerView(i) {
+    return await this.view.whenLayerView(i);
   }
   loaded() {
-    this.map ||= this._map, this.manager.onLifecycle(() => [
-      s(() => this.map, (i) => {
-        i && (this._map = i);
+    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);
       }, { initial: !0, sync: !0 }),
       s(() => this.view.stationary, () => this.geosceneViewChange.emit(), { initial: !0 }),
       s(() => this.view.ready, () => this.geosceneViewReadyChange.emit(), { initial: this.view.ready })
     ]);
   }
+  renderMain() {
+    return a`<div class=${h(w.base)} ${o(this._mapRef)}></div>`;
+  }
+  render() {
+    return a`<section class=${h(w.containerUI)} ${o(this._containerRef)}>${this._uiController.render()}</section>${this.renderMain()}`;
+  }
 }
-h("geoscene-link-chart", u);
+l("geoscene-link-chart", L);
 export {
-  u as GeosceneLinkChart
+  L as GeosceneLinkChart
 };

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

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

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

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

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

@@ -1,9 +1,9 @@
 /// <reference types="@geoscene/core/interfaces.d.ts" />
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { GeosceneReferenceElement } from '../../utils/component-utils';
-import { Use } from '@arcgis/lumina/controllers';
+import { Use } from '@geoscene/lumina/controllers';
 import { default as LinkChartLayoutSwitcherViewModel } from '@geoscene/core/widgets/LinkChartLayoutSwitcher/LinkChartLayoutSwitcherViewModel.js';
-import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@geoscene/lumina';
 declare enum DiagramLayoutValues {
     FORCE_DIRECTED = "organic-standard",
     COMMUNITY = "organic-community",
@@ -21,12 +21,18 @@ declare const useLinkChartLayoutSwitcherViewModel: (component: LitElement & Pick
 /**
  * A component for use in link charts that allows users to switch between different layouts. See [documentation on layouts](https://enterprise.geoscene.cn/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://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-link-chart-layout-switcher/)
+ *
+ * @since 4.32
  */
 export declare class GeosceneLinkChartLayoutSwitcher 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?: __geoscene.LinkChartView | nullish;
     /**
      * 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.
      *
@@ -74,8 +80,8 @@ export declare class GeosceneLinkChartLayoutSwitcher extends LitElement {
      * _**Note**: Individual message keys may change between releases._
      */
     messageOverrides?: typeof this.messages._overrides;
-    /** @default "top-left" */
-    position: __geoscene.UIPosition;
+    /** @deprecated since 4.34, use [`slot`](https://doc.geoscene.cn/javascript/4.33/building-your-ui/#slots) instead. */
+    position?: __geoscene.UIPosition;
     /**
      * Prevents extent from updating on changes to the layout.
      *
@@ -116,7 +122,7 @@ export declare class GeosceneLinkChartLayoutSwitcher extends LitElement {
     readonly geoscenePropertyChange: TargetedEvent<this, {
         name: "state";
     }>;
-    /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */
+    /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
     readonly geosceneReady: TargetedEvent<this, void>;
     private messages: Partial<{
         layoutOptions: string;
@@ -134,7 +140,7 @@ export declare class GeosceneLinkChartLayoutSwitcher extends LitElement {
         treeLayoutCategory: string;
         hierarchicalLayoutCategory: string;
         chronologicalLayoutCategory: string;
-    }> & import('@arcgis/lumina/controllers').T9nMeta<{
+    }> & import('@geoscene/lumina/controllers').T9nMeta<{
         layoutOptions: string;
         forceDirected: string;
         community: string;

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

@@ -1,18 +1,15 @@
-import { c as d } from "../../chunks/runtime.js";
-import { html as e } from "lit-html";
-import { classes as m } from "@arcgis/components-utils";
-import { g as s } from "../../chunks/globalCss.js";
-import g from "@geoscene/core/widgets/LinkChartLayoutSwitcher/LinkChartLayoutSwitcherViewModel.js";
-import { usePropertyChange as p } from "@arcgis/lumina/controllers";
-import { m as u } from "../../chunks/useViewModel.js";
-import { u as y } from "../../chunks/useT9n.js";
-import { reEmitEvent as w } from "@arcgis/lumina/controllers/accessor";
-import { LitElement as b, createEvent as f, noShadowRoot as v, safeClassMap as c } from "@arcgis/lumina";
-import { css as $ } from "@lit/reactive-element/css-tag.js";
+import { c as n } from "../../chunks/runtime.js";
+import { css as h, html as e } from "lit";
+import d from "@geoscene/core/widgets/LinkChartLayoutSwitcher/LinkChartLayoutSwitcherViewModel.js";
+import { usePropertyChange as m } from "@geoscene/lumina/controllers";
+import { m as g } from "../../chunks/useViewModel.js";
+import { u as p } from "../../chunks/useT9n.js";
+import { reEmitEvent as u } from "@geoscene/lumina/controllers/accessor";
+import { LitElement as y, createEvent as w, safeClassMap as b } from "@geoscene/lumina";
 /*! All material copyright GeoScene, All Rights Reserved, unless otherwise specified.
-See https://js.geoscene.cn/4.33/geoscene/copyright.txt for details.
-v4.33.18 */
-const L = $`@layer{geoscene-link-chart-layout-switcher{display:block}}`, l = {
+See https://js.geoscene.cn/4.34/geoscene/copyright.txt for details.
+v4.34.9 */
+const v = h``, c = {
   basicLayoutCategory: [
     "basic-grid"
     /* SIMPLE */
@@ -37,7 +34,7 @@ const L = $`@layer{geoscene-link-chart-layout-switcher{display:block}}`, l = {
     "chronological-multi-timeline"
     /* CHRONOLOGICAL_MULTIPLE */
   ]
-}, n = {
+}, s = {
   "organic-standard": "force-directed-link-chart-layout",
   "organic-community": "community-link-chart-layout",
   "basic-grid": "simple-link-chart-layout",
@@ -47,7 +44,7 @@ const L = $`@layer{geoscene-link-chart-layout-switcher{display:block}}`, l = {
   "geographic-organic-standard": "geographic-link-chart-layout",
   "chronological-mono-timeline": "single-timeline",
   "chronological-multi-timeline": "multi-timeline"
-}, h = {
+}, l = {
   "organic-standard": "forceDirected",
   "organic-community": "community",
   "basic-grid": "simple",
@@ -57,21 +54,18 @@ const L = $`@layer{geoscene-link-chart-layout-switcher{display:block}}`, l = {
   "geographic-organic-standard": "geographic",
   "chronological-mono-timeline": "chronologicalSingle",
   "chronological-multi-timeline": "chronologicalMultiple"
-}, k = {
-  base: "geoscene-link-chart-layout-switcher"
-}, M = u(g);
-class C extends b {
+}, L = {
+  base: "link-chart-layout-switcher"
+}, $ = g(d);
+class f extends y {
   constructor() {
-    super(...arguments), this.messages = y(), this.viewModel = M(this), this.appearance = "dropdown", this.autoDestroyDisabled = !1, this.closeOnSelectDisabled = !1, this.icon = "nodes-link", this.layout = this.viewModel.layout, this.position = "top-left", this.preventExtentUpdate = this.viewModel.preventExtentUpdate, this.state = this.viewModel.state, this.geosceneSwitchLayout = w(() => this.viewModel, "switchLayout"), this.geoscenePropertyChange = p()("state"), this.geosceneReady = f();
+    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.geosceneSwitchLayout = u(() => this.viewModel, "switchLayout"), this.geoscenePropertyChange = m()("state"), this.geosceneReady = w();
   }
   static {
-    this.properties = { 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: 1, label: 1, layout: 32, messageOverrides: 0, position: 3, preventExtentUpdate: 5, referenceElement: 1, state: 3 };
   }
   static {
-    this.shadowRootOptions = v;
-  }
-  static {
-    this.styles = L;
+    this.styles = v;
   }
   async destroy() {
     await this.manager.destroy();
@@ -80,19 +74,19 @@ class C extends b {
     this.viewModel.switchLayout(t);
   }
   _renderDropdown() {
-    const { messages: t, icon: o } = this;
-    return e`<calcite-dropdown scale=s width=m max-items=9 .closeOnSelectDisabled=${this.closeOnSelectDisabled}><calcite-button class=${c(s.widgetButton)} slot=trigger kind=neutral .disabled=${this.viewModel.state === "disabled"} .iconStart=${o ?? void 0} .label=${t.layoutOptions ?? "Layout"}></calcite-button>${Object.entries(l).map(([r, i]) => e`<calcite-dropdown-group selection-mode=single .groupTitle=${this.messages[r]}>${i.map((a) => e`<calcite-dropdown-item .iconStart=${n[a]} .selected=${a === this.layout ? !0 : void 0} @click=${() => void this.switchLayout(a)}>${t[h[a]]}</calcite-dropdown-item>`)}</calcite-dropdown-group>`)}</calcite-dropdown>`;
+    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>`;
   }
   _renderMenuBar() {
     const { messages: t } = this;
-    return e`<calcite-action-bar scale=s floating overflow-actions-disabled>${Object.entries(l).map(([o, r]) => e`<calcite-action-group .label=${this.messages[o]}>${r.map((i) => e`<calcite-action scale=s .icon=${n[i]} .active=${i === this.layout ? !0 : void 0} @click=${() => void this.switchLayout(i)} .text=${t[h[i]]}></calcite-action>`)}</calcite-action-group>`)}</calcite-action-bar>`;
+    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>`;
   }
   render() {
-    const { appearance: t } = this, o = t === "menu-bar" ? this._renderMenuBar() : this._renderDropdown();
-    return e`<div class=${c(m(k.base, s.widget))}>${o}</div>`;
+    const { appearance: t } = this, a = t === "menu-bar" ? this._renderMenuBar() : this._renderDropdown();
+    return e`<div class=${b(L.base)}>${a}</div>`;
   }
 }
-d("geoscene-link-chart-layout-switcher", C);
+n("geoscene-link-chart-layout-switcher", f);
 export {
-  C as GeosceneLinkChartLayoutSwitcher
+  f as GeosceneLinkChartLayoutSwitcher
 };

package/dist/components/geoscene-link-chart-layout-switcher/index.d.ts

@@ -1,8 +1,7 @@
-import "@esri/calcite-components/components/calcite-dropdown";
-import "@esri/calcite-components/components/calcite-button";
-import "@esri/calcite-components/components/calcite-dropdown-group";
-import "@esri/calcite-components/components/calcite-dropdown-item";
-import "@esri/calcite-components/components/calcite-action-bar";
-import "@esri/calcite-components/components/calcite-action-group";
-import "@esri/calcite-components/components/calcite-action";
+import "@geoscene/calcite-components/components/calcite-dropdown";
+import "@geoscene/calcite-components/components/calcite-action";
+import "@geoscene/calcite-components/components/calcite-dropdown-group";
+import "@geoscene/calcite-components/components/calcite-dropdown-item";
+import "@geoscene/calcite-components/components/calcite-action-bar";
+import "@geoscene/calcite-components/components/calcite-action-group";
 export * from "./customElement.js";

package/dist/components/geoscene-link-chart-layout-switcher/index.js

@@ -1,8 +1,7 @@
-import "@esri/calcite-components/components/calcite-dropdown";
-import "@esri/calcite-components/components/calcite-button";
-import "@esri/calcite-components/components/calcite-dropdown-group";
-import "@esri/calcite-components/components/calcite-dropdown-item";
-import "@esri/calcite-components/components/calcite-action-bar";
-import "@esri/calcite-components/components/calcite-action-group";
-import "@esri/calcite-components/components/calcite-action";
+import "@geoscene/calcite-components/components/calcite-dropdown";
+import "@geoscene/calcite-components/components/calcite-action";
+import "@geoscene/calcite-components/components/calcite-dropdown-group";
+import "@geoscene/calcite-components/components/calcite-dropdown-item";
+import "@geoscene/calcite-components/components/calcite-action-bar";
+import "@geoscene/calcite-components/components/calcite-action-group";
 export * from "./customElement.js";