@arcgis/map-components 4.33.0-next.16 → 4.33.0-next.161

package/dist/components/arcgis-line-of-sight/customElement.d.ts

@@ -1,71 +1,101 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
-import { Use } from '@arcgis/components-controllers';
-import { Nil } from '@arcgis/components-utils';
-import { default as LineOfSight } from '@arcgis/core/widgets/LineOfSight.js';
-import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { Use } from '@arcgis/lumina/controllers';
+import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
+import { default as LineOfSightViewModel } from './LineOfSightViewModel';
 
-declare const useLineOfSightWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
-    manager: import('@arcgis/components-controllers').ControllerManager;
-    el: HTMLElement;
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<LineOfSight, never> & {
-    reactiveUtils?: typeof __esri.reactiveUtils;
-    state?: unknown;
-    viewModel?: __esri.LineOfSightViewModel | undefined;
-    icon: Nil | string;
-    label: Nil | string;
-    referenceElement: ArcgisReferenceElement | Nil | string;
-    position: __esri.UIPosition;
-    arcgisReady: import('@arcgis/components-controllers').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
-        name: string;
-    }> | undefined;
-    el: HTMLElement & {
-        childElem?: HTMLElement & {
-            ownedBy?: HTMLElement;
-        };
-        view?: __esri.MapView | __esri.SceneView | Nil;
-    };
-    autoDestroyDisabled: boolean;
-    destroy: () => Promise<void>;
-}, options?: {
-    editConstructorProperties(props: __esri.LineOfSightProperties | undefined): __esri.LineOfSightProperties | Promise<__esri.LineOfSightProperties | undefined> | undefined;
-} | undefined) => LineOfSight;
-/** LineOfSight component is a 3D analysis tool that allows you to perform visibility analysis in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
+declare const useViewModel: (component: LitElement & Pick<LineOfSightViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<LineOfSightViewModel>) => LineOfSightViewModel;
+/**
+ * The Line Of Sight component is a 3D analysis tool that allows you to perform
+ * [line of sight visibility analysis](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-LineOfSightAnalysis.html)
+ * in a 3D view. Visibility between a given observer and multiple target points is calculated against the currently
+ * displayed content in the view, including ground, integrated meshes, and 3D objects such as buildings or trees.
+ *
+ * The results from the analysis are displayed as lines, where the visible part, indicating what the observer can see,
+ * is colored green. Visible targets are displayed with a green sphere and a fully green line of sight.
+ * The spheres marking occluded targets are displayed red, as are the occluded parts of the lines of sight.
+ * When the line of sight cannot be calculated, it will be displayed with a gray color. This may happen if either
+ * the target or the observer is not in the view.
+ *
+ * When creating a new line of sight analysis with the component, the first click in the scene creates the
+ * [observer](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-LineOfSightAnalysisObserver.html)
+ * and any further clicks place the [targets](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-LineOfSightAnalysisTarget.html).
+ * Both, observer and target points, can be moved by dragging them. Additionally, the target points can be removed with a right click.
+ *
+ * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-line-of-sight/)
  */
 export declare class ArcgisLineOfSight extends LitElement {
-    readonly analysis: __esri.LineOfSightAnalysis;
+    /**
+     * The [line of sight analysis](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-LineOfSightAnalysis.html)
+     * object being created by the component.
+     */
+    analysis: __esri.LineOfSightAnalysis;
     /**
      * 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\` method when you are done to prevent
-     * memory leaks.
+     * is set, make sure to call the [destroy](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-line-of-sight/#destroy) method when you are done to
+     * prevent memory leaks.
+     *
+     * @default false
      */
     autoDestroyDisabled: boolean;
     /**
      * Icon which represents the component.
      * Typically used when the component is controlled by another component (e.g. by the Expand component).
-     * Search [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/) for possible values.
+     *
+     * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
+     * @default "line-of-sight"
      */
-    icon: string;
+    icon?: HTMLCalciteIconElement["icon"];
     /** The component's default label. */
-    label: string;
+    label?: string;
+    /**
+     * Replace localized message strings with your own strings.
+     *
+     * _**Note**: Individual message keys may change between releases._
+     */
+    messageOverrides?: typeof this._messages._overrides;
+    /** @default "bottom-left" */
     position: __esri.UIPosition;
-    referenceElement: ArcgisReferenceElement | Nil | string;
-    readonly state: "ready" | "disabled" | "creating" | "created";
+    /**
+     * 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 [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 component's state. The values mean the following:
+     *
+     * * `disabled` -  not ready yet
+     * * `ready` - ready for analysis
+     * * `creating` - observer/target points are being placed
+     * * `created` - finished analysis
+     */
+    get state(): "created" | "creating" | "disabled" | "ready";
+    /** Clear the current analysis results. After calling this method, the user can set a new observer and targets. */
     clear(): Promise<void>;
+    /**
+     * After [stop()](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-line-of-sight/#stop)
+     * was called, this method allows to continue the line of sight analysis and add more targets.
+     */
     continue(): Promise<void>;
-    /** Permanently destroy the component */
+    /** Permanently destroy the component. */
     destroy(): Promise<void>;
+    /** Start a new line of sight analysis. */
     start(): Promise<void>;
+    /**
+     * Stop the current line of sight analysis, keeping the results in the view.
+     * Users can still interact with existing targets and the observer but they cannot place new target points.
+     */
     stop(): Promise<void>;
+    /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
     readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state" | "analysis";
     }>;
-    readonly arcgisReady: TargetedEvent<this, undefined>;
+    /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */
+    readonly arcgisReady: TargetedEvent<this, void>;
+    private _messages;
 }
 export {};

package/dist/components/arcgis-line-of-sight/customElement.js

@@ -1,46 +1,113 @@
-import { c as t } from "../../chunks/runtime.js";
-import { usePropertyChange as s } from "@arcgis/components-controllers";
-import i from "@arcgis/core/widgets/LineOfSight.js";
-import { LitElement as e, createEvent as o, noShadowRoot as a } from "@arcgis/lumina";
-import { m as r } from "../../chunks/useWidget.js";
-import { css as n } from "@lit/reactive-element/css-tag.js";
+import { c as f } from "../../chunks/runtime.js";
+import { html as l } from "lit-html";
+import { usePropertyChange as m } from "@arcgis/lumina/controllers";
+import { LitElement as y, createEvent as v, noShadowRoot as _, safeClassMap as n } from "@arcgis/lumina";
+import { css as w } from "@lit/reactive-element/css-tag.js";
+import { g } from "../../chunks/globalCss.js";
+import { u as $ } from "../../chunks/useT9n.js";
+import { m as b } from "../../chunks/useViewModel.js";
+import { A as M } from "../../chunks/AnalysisViewModel.js";
+import x from "@arcgis/core/analysis/LineOfSightAnalysis.js";
+import { property as O, subclass as A } from "@arcgis/core/core/accessorSupport/decorators.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.16 */
-const l = n`@layer{arcgis-line-of-sight{display:block}}`, h = r(i);
-class c extends e {
+v4.33.0-next.161 */
+const C = w`@layer{arcgis-line-of-sight{display:block}.arcgis-line-of-sight__container{display:flex;position:relative;flex-flow:column;gap:var(--calcite-spacing-md);padding:var(--esri-widget-padding);overflow-y:auto}.arcgis-line-of-sight__error{color:var(--calcite-color-status-danger)}.arcgis-line-of-sight__hint{display:flex;flex-direction:column;gap:var(--calcite-spacing-md)}.arcgis-line-of-sight__error,.arcgis-line-of-sight__hint{overflow:hidden;animation:arcgis-line-of-sight-fade-in .25s ease-in-out;p{margin:0;padding:0}}.arcgis-line-of-sight__actions{display:flex;flex-flow:column;gap:var(--calcite-spacing-xxs);justify-content:center}@keyframes arcgis-line-of-sight-fade-in{0%{opacity:0}25%{opacity:0}to{opacity:1}}}`, a = "arcgis-line-of-sight", r = {
+  base: a,
+  actions: `${a}__actions`,
+  container: `${a}__container`,
+  error: `${a}__error`,
+  hint: `${a}__hint`,
+  hintText: `${a}__hint-text`,
+  newAnalysisButton: `${a}__new-analysis-button`
+};
+var S = Object.defineProperty, D = Object.getOwnPropertyDescriptor, u = (t, e, i, o) => {
+  for (var s = o > 1 ? void 0 : o ? D(e, i) : e, d = t.length - 1, h; d >= 0; d--)
+    (h = t[d]) && (s = (o ? h(e, i, s) : h(s)) || s);
+  return o && s && S(e, i, s), s;
+};
+let c = class extends M {
+  constructor() {
+    super(...arguments), this.supportedViewType = "3d", this.unsupportedErrorMessage = "The Line Of Sight component is only supported in 3D views.";
+  }
+  get state() {
+    return this.disabled || !this.ready ? "disabled" : this.operationState === "active" ? "creating" : this.analysis.valid ? "created" : "ready";
+  }
+  constructAnalysis() {
+    return new x();
+  }
+  clearAnalysis() {
+    this.analysis.observer = null, this.analysis.targets.removeAll();
+  }
+  async place(t) {
+    return await this.analysisView?.place(t);
+  }
+};
+u([
+  O({ readOnly: !0 })
+], c.prototype, "state", 1);
+c = u([
+  A("esri.components.LineOfSight.LineOfSightViewModel")
+], c);
+const L = b(c);
+class V extends y {
   constructor() {
-    super(...arguments), this.widget = h(this), this.viewModel = this.widget.viewModel, this.analysis = this.widget.analysis, this.autoDestroyDisabled = !1, this.icon = this.widget.icon, this.label = this.widget.label, this.position = "bottom-left", this.state = this.viewModel.state, this.arcgisPropertyChange = s()("analysis", "state"), this.arcgisReady = o();
+    super(...arguments), this.viewModel = L(this), this._messages = $({ blocking: !0 }), this.view = this.viewModel.view, this.analysis = this.viewModel.analysis, this.autoDestroyDisabled = !1, this.icon = "line-of-sight", this.position = "bottom-left", this.arcgisPropertyChange = m()("analysis", "state"), this.arcgisReady = v();
   }
   static {
-    this.properties = { analysis: 0, autoDestroyDisabled: 5, icon: 1, label: 1, position: 1, referenceElement: 1, state: 3 };
+    this.properties = { analysis: 0, autoDestroyDisabled: 5, icon: 3, label: 1, messageOverrides: 0, position: 1, referenceElement: 1, state: 35, _supported: 16 };
   }
   static {
-    this.shadowRootOptions = a;
+    this.shadowRootOptions = _;
   }
   static {
-    this.styles = l;
+    this.styles = C;
+  }
+  get state() {
+    return this.viewModel.state;
+  }
+  get _supported() {
+    return this.view == null || this.view.type === "3d";
   }
-  // #endregion
-  // #region Public Methods
   async clear() {
-    this.widget?.viewModel.clear();
+    this.viewModel.clear();
   }
   async continue() {
-    this.widget?.viewModel.continue();
+    this.viewModel.start();
   }
-  /** Permanently destroy the component */
   async destroy() {
     await this.manager.destroy();
   }
   async start() {
-    this.widget?.viewModel.start();
+    this.viewModel.startNewAnalysis();
   }
   async stop() {
-    this.widget?.viewModel.stop();
+    this.viewModel.stop();
   }
+  render() {
+    return l`<div class=${n({
+      [r.base]: !0,
+      [g.widget]: !0,
+      [g.panel]: !0
+    })} role=presentation>${this._renderContainerNode()}</div>`;
+  }
+  _renderContainerNode() {
+    if (!this._supported)
+      return l`<div class=${n(r.error)}><p>${this._messages.unsupported}</p></div>`;
+    const e = this.viewModel.state, i = e === "creating";
+    return l`<div class=${n(r.container)}>${i ? l`<div class=${n(r.hint)}><p class=${n(r.hintText)}>${this._messages.hint}</p></div>` : null}<div class=${n(r.actions)}>${e === "creating" ? p({ onClick: () => {
+      this.stop();
+    }, children: this._messages.done }) : null}${e === "created" ? p({ onClick: () => {
+      this.continue();
+    }, children: this._messages.continueAnalysis }) : null}${p({ className: r.newAnalysisButton, onClick: () => {
+      this.start();
+    }, primary: !0, disabled: e === "disabled", children: this._messages.newAnalysis })}</div></div>`;
+  }
+}
+function p({ className: t, onClick: e, primary: i, disabled: o, children: s }) {
+  return l`<calcite-button .appearance=${i ? "solid" : "outline-fill"} class=${n(t)} .disabled=${o} @click=${e}>${s}</calcite-button>`;
 }
-t("arcgis-line-of-sight", c);
+f("arcgis-line-of-sight", V);
 export {
-  c as ArcgisLineOfSight
+  V as ArcgisLineOfSight
 };

package/dist/components/arcgis-line-of-sight/index.d.ts

@@ -1 +1,2 @@
+import "@esri/calcite-components/components/calcite-button";
 export * from "./customElement.js";

package/dist/components/arcgis-line-of-sight/index.js

@@ -1 +1,2 @@
+import "@esri/calcite-components/components/calcite-button";
 export * from "./customElement.js";

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

@@ -1,39 +1,26 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
-import { Use } from '@arcgis/components-controllers';
+import { Use } from '@arcgis/lumina/controllers';
 import { Nil } from '@arcgis/components-utils';
 import { default as LinkChartView } from '@arcgis/core/views/LinkChartView.js';
 import { default as WebLinkChart } from '@arcgis/core/WebLinkChart.js';
-import { ToElement, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 
-declare const useWebLinkChart: (component: import('@arcgis/components-controllers').StencilLifecycles & {
-    manager: import('@arcgis/components-controllers').ControllerManager;
-    el: HTMLElement;
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<WebLinkChart, never> & {
-    reactiveUtils?: typeof __esri.reactiveUtils;
+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"> & {
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
-}, options?: {
-    editConstructorProperties(props: __esri.WebLinkChartProperties | undefined): __esri.WebLinkChartProperties | Promise<__esri.WebLinkChartProperties | undefined> | undefined;
-} | undefined) => WebLinkChart;
-declare const useLinkChartView: (component: import('@arcgis/components-controllers').StencilLifecycles & {
-    manager: import('@arcgis/components-controllers').ControllerManager;
-    el: HTMLElement;
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<LinkChartView, never> & {
-    reactiveUtils?: typeof __esri.reactiveUtils;
+}) => 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"> & {
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
-}, options?: {
-    editConstructorProperties(props: __esri.LinkChartViewProperties | undefined): __esri.LinkChartViewProperties | Promise<__esri.LinkChartViewProperties | undefined> | undefined;
-} | undefined) => LinkChartView;
-/** Loads a [WebLinkChart](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebLinkChart.html) from an [ArcGIS Enterprise portal](https://enterprise.arcgis.com/en/portal/latest/administer/windows/what-is-portal-for-arcgis-.htm) into a [LinkChartView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-LinkChartView.html).
- 
-
-Note: Sign in to access the data in this demo, U/P: `viewer01`/`I68VGU^nMurF`
+}) => LinkChartView;
+/**
+ * Loads a [WebLinkChart](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebLinkChart.html) from an [ArcGIS Enterprise portal](https://enterprise.arcgis.com/en/portal/latest/administer/windows/what-is-portal-for-arcgis-.htm) into a [LinkChartView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-LinkChartView.html).
+ *
+ *
+ * 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/)
  */
 export declare class ArcgisLinkChart extends LitElement {
     /** Internal view of the component. */
@@ -47,13 +34,17 @@ export declare class ArcgisLinkChart extends LitElement {
      * 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\` method when you are done to prevent
-     * memory leaks.
+     * is set, make sure to call the [destroy](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-link-chart/#destroy) method when you are done to
+     * prevent memory leaks.
+     *
+     * @default false
      */
     autoDestroyDisabled: boolean;
     /**
      * 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.
+     *
+     * @default null
      */
     background: nullish | __esri.ColorBackground;
     /**
@@ -64,7 +55,7 @@ export declare class ArcgisLinkChart extends LitElement {
      * geographic context to the LinkChartView and the other operational layers
      * in the link chart.
      */
-    basemap: __esri.Basemap | string | null | undefined;
+    basemap?: __esri.Basemap | string;
     /** Represents the view for a single basemap after it has been added to the link chart. */
     basemapView: __esri.BasemapView;
     /**
@@ -81,6 +72,8 @@ export declare class ArcgisLinkChart extends LitElement {
     /**
      * Indicates whether layer's displayFilter are honored when rendering layers in the view.
      * If `false`, display filters are ignored and all features are rendered.
+     *
+     * @default false
      */
     displayFilterDisabled: boolean;
     /**
@@ -96,13 +89,14 @@ export declare class ArcgisLinkChart extends LitElement {
     fatalError: nullish | __esri.Error;
     /**
      * Allows for adding graphics directly to the default graphics in the View.
-     * Example:
-     * ```
+     *
+     * @example
+     * ```js
      * // Adds a graphic to the View
      * graphics.add(pointGraphic);
      * ```
-     * Example:
-     * ```
+     * @example
+     * ```js
      * // Removes a graphic from the View
      * graphics.remove(pointGraphic);
      * ```
@@ -113,11 +107,16 @@ export declare class ArcgisLinkChart extends LitElement {
      * allow you to visually emphasize specific features on the link chart.
      */
     highlights: __esri.Collection<__esri.HighlightOptions>;
-    /** Indication whether the view is being interacted with (for example when panning or by an interactive tool). */
+    /**
+     * Indication whether the view is being interacted with (for example when panning or by an interactive tool).
+     *
+     * @default false
+     */
     get interacting(): boolean;
-    /** The ID of a WebLinkChart from an ArcGIS Enterprise portal.
+    /**
+     * The ID of a WebLinkChart from an ArcGIS Enterprise portal.
      *
-     * To configure the portal url you must set the [`portalUrl` property on `config`](https://developers.arcgis.com/javascript/latest/api-reference/esri-config.html#portalUrl) before the `arcgis-linkchart` component loads.
+     * To configure the portal url you must set the [`portalUrl` property on `config`](https://developers.arcgis.com/javascript/latest/api-reference/esri-config.html#portalUrl) before the Link Chart component loads.
      */
     get itemId(): Nil | string;
     set itemId(newValue: Nil | string);
@@ -129,28 +128,54 @@ export declare class ArcgisLinkChart extends LitElement {
     readonly layerViews: __esri.Collection<__esri.LayerView>;
     /** The magnifier allows for showing a portion of the view as a magnifier image on top of the view. */
     readonly magnifier: __esri.Magnifier;
-    /** An instance of a [WebLinkChart](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebLinkChart.html)
-     *  object to display in the view. */
+    /**
+     * An instance of a [WebLinkChart](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebLinkChart.html)
+     * object to display in the view.
+     */
     map: WebLinkChart;
-    /** Indication whether the view is being navigated (for example when panning). */
+    /**
+     * Indication whether the view is being navigated (for example when panning).
+     *
+     * @default false
+     */
     get navigating(): boolean;
     /** Options to configure the navigation behavior of the View. */
     navigation: __esri.Navigation;
+    /**
+     * Use the padding property to make the [center](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#center),
+     * and [extent](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#extent), etc.
+     *
+     * @default {left: 0, top: 0, right: 0, bottom: 0}
+     */
     padding: __esri.ViewPadding;
+    /**
+     * A [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) object that displays general content or attributes from
+     * [layers](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html#layers) in the [map](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View2D.html#map).
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View2D.html#popup)
+     */
     popup: nullish | __esri.Popup;
-    /** Controls whether the popup opens when users click on the view. */
+    /**
+     * Controls whether the popup opens when users click on the view.
+     *
+     * @default false
+     */
     popupDisabled: boolean;
     /**
      * When `true`, this property indicates whether the view successfully satisfied all dependencies,
      * signaling that the following conditions are met.
+     *
+     * @default false
      */
     readonly ready: boolean;
     /**
      * Defines which anchor stays still while resizing the browser window. The default, `center`,
      * ensures the view's center point remains constantly visible as the window size changes. The other
      * options allow  the respective portion of the view to remain visible when the window's size is changed.
+     *
+     * @default "center"
      */
-    resizeAlign: "center" | "left" | "right" | "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
+    resizeAlign: "center" | "bottom-left" | "bottom-right" | "top-left" | "top-right" | "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
@@ -163,6 +188,8 @@ export declare class ArcgisLinkChart extends LitElement {
      * the rotation or by using the following mouse event: `Right-click + Drag`.
      * WebLinkChart rotation may be disabled by setting the `rotationEnabled` property
      * in [constraints](#constraints) to `false`.
+     *
+     * @default 0
      */
     rotation: number;
     /**
@@ -175,15 +202,27 @@ export declare class ArcgisLinkChart extends LitElement {
      * The spatial reference of the view.
      * This indicates the projected or geographic coordinate system used
      * to locate geographic features in the link chart.
+     *
+     * @default null
      */
     spatialReference: __esri.SpatialReference;
-    /** Indication whether the view is animating, being navigated with or resizing. */
+    /**
+     * Indication whether the view is animating, being navigated with or resizing.
+     *
+     * @default false
+     */
     get stationary(): boolean;
-    /** Indicates if the view is visible on the page. */
+    /**
+     * Indicates if the view is visible on the page.
+     *
+     * @default true
+     */
     readonly suspended: boolean;
     /**
      * This property specifies the base colors used by some widgets
      * and components to render graphics and labels.
+     *
+     * @default null
      */
     theme: nullish | __esri.Theme;
     /**
@@ -191,17 +230,23 @@ export declare class ArcgisLinkChart extends LitElement {
      * the view's time extent. Setting the view's time extent is similar to setting the spatial
      * extent because once the time extent is set, the
      * view updates automatically to conform to the change.
+     *
+     * @default null
      */
     timeExtent: nullish | __esri.TimeExtent;
     /**
      * Defines the time zone of the view.
      * The time zone property determines how dates and times are represented to the user,
      * but the underlying data is unchanged.
+     *
+     * @default "system"
      */
     timeZone: string;
     /**
      * Indicates whether the view is being updated by additional data requests to the network,
      * or by processing received data.
+     *
+     * @default false
      */
     readonly updating: boolean;
     /**
@@ -224,9 +269,19 @@ export declare class ArcgisLinkChart extends LitElement {
      */
     get zoom(): number;
     set zoom(newValue: number);
-    /** Adds a layer to the layers collection. */
+    /**
+     * @deprecated
+     * since 4.33, use `element.map.add(layer)` instead.
+     *
+     * Adds a layer to the map layers collection.
+     */
     addLayer(layer: __esri.Layer | Promise<any>, index?: number): Promise<void>;
-    /** Adds a layer or array of layers to the layers collection. */
+    /**
+     * @deprecated
+     * since 4.33, use `element.map.addMany([layer])` instead.
+     *
+     * Adds a layer or array of layers to the map layers collection.
+     */
     addLayers(layers: __esri.Layer[], index?: number): Promise<void>;
     /** Closes the popup. */
     closePopup(): Promise<void>;
@@ -245,6 +300,20 @@ export declare class ArcgisLinkChart extends LitElement {
     tryFatalErrorRecovery(): Promise<void>;
     /** Gets the LayerView created on the view for the given layer. */
     whenLayerView(layer: __esri.Layer): Promise<__esri.LayerView>;
+    /**
+     * `viewOnReady()` may be leveraged once an instance of the component and its underlying [view](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-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.
+     *
+     * @since 4.33
+     * @see [Watch for changes - waiting for components or views to be ready](https://developers.arcgis.com/javascript/latest/watch-for-changes/#waiting-for-components-or-views-to-be-ready)
+     * @example
+     * ```js
+     * const viewElement = document.querySelector("arcgis-link-chart");
+     * await viewElement.viewOnReady();
+     * // The view is now ready to be used.
+     * ```
+     */
+    viewOnReady(callback?: () => void, errback?: (error: Error) => void): Promise<void>;
     /**
      * 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.