@arcgis/map-components 4.33.0-next.99 → 4.33.0

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

@@ -1,17 +1,17 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
 import { Use } from '@arcgis/lumina/controllers';
-import { Nil } from '@arcgis/components-utils';
 import { default as Legend } from '@arcgis/core/widgets/Legend.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useLegendWidget: (component: LitElement & Pick<Legend, never> & {
+declare const useLegendWidget: (component: LitElement & Pick<Legend, "icon" | "label" | "viewModel" | "headingLevel" | "activeLayerInfos" | "basemapLegendVisible" | "hideLayersNotInCurrentView" | "layerInfos" | "respectLayerDefinitionExpression"> & {
     state?: unknown;
     viewModel?: __esri.LegendViewModel | undefined;
-    icon: Nil | string;
-    label: Nil | string;
-    referenceElement: ArcgisReferenceElement | Nil | string;
+    closed?: boolean;
+    icon: import('@arcgis/components-utils').Nil | string;
+    label: import('@arcgis/components-utils').Nil | string;
+    referenceElement?: ArcgisReferenceElement | string;
     position: __esri.UIPosition;
     arcgisReady: import('@arcgis/lumina').EventEmitter;
     arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
@@ -21,49 +21,119 @@ declare const useLegendWidget: (component: LitElement & Pick<Legend, never> & {
         childElem?: HTMLElement & {
             ownedBy?: HTMLElement;
         };
-        view?: __esri.MapView | __esri.SceneView | Nil;
+        view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView;
     };
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
-}, options?: {
-    editConstructorProperties(props: __esri.LegendProperties | undefined): __esri.LegendProperties | Promise<__esri.LegendProperties | undefined> | undefined;
-} | undefined) => Legend;
-/** The Legend component describes the symbols used to represent layers in a map.
+}) => Legend;
+/**
+ * The Legend component describes the symbols used to represent layers in a map.
+ *
+ * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-legend/)
  */
 export declare class ArcgisLegend extends LitElement {
+    /**
+     * Collection of [ActiveLayerInfo](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html) objects used by the legend view to
+     * display data in the legend.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html#activeLayerInfos)
+     */
     activeLayerInfos: __esri.Collection<__esri.ActiveLayerInfo>;
     /**
      * 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-legend/#destroy) method when you are done to
+     * prevent memory leaks.
+     *
+     * @default false
      */
     autoDestroyDisabled: boolean;
+    /**
+     * Indicates whether to show the [Basemap](https://developers.arcgis.com/javascript/latest/api-reference/esri-Basemap.html) layers in the Legend.
+     *
+     * @default false
+     */
     basemapLegendVisible: boolean;
+    /**
+     * Indicates the heading level to use for the legend title.
+     *
+     * @default 3
+     */
     headingLevel: number;
+    /**
+     * When `true`, layers will only be shown in the legend if
+     * they are visible in the view's extent.
+     *
+     * @default false
+     */
     hideLayersNotInCurrentView: 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 "legend"
      */
     icon: string;
-    /** The component's default label. */
+    /**
+     * The widget's default label.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html#label)
+     */
     label: string;
+    /**
+     * Specifies a subset of the layers to display in the legend.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html#layerInfos)
+     */
     layerInfos: __esri.LegendLayerInfos[];
+    /**
+     * Indicates the style of the legend.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html#style)
+     *
+     * @default "classic"
+     */
     legendStyle: string | __esri.LegendStyle;
+    /** @default "bottom-left" */
     position: __esri.UIPosition;
-    referenceElement: ArcgisReferenceElement | Nil | string;
+    /**
+     * 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;
+    /**
+     * If a layer uses a unique value render, only features that satisfy the layer's
+     * [definition expression](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#definitionExpression)
+     * will be displayed in the legend when set to true.
+     *
+     * @default false
+     */
     respectLayerDefinitionExpression: boolean;
-    /** @default false */
+    /**
+     * Determines whether to respect the properties of the layers in the map that
+     * control the legend's visibility (`minScale`, `maxScale`, `legendEnabled`).
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html#respectLayerVisibility)
+     *
+     * @default false
+     */
     respectLayerVisibilityDisabled: boolean;
+    /**
+     * The current state of the component.
+     *
+     * @default "disabled"
+     */
     readonly state: "ready" | "disabled";
-    /** Permanently destroy the component */
+    /** Permanently destroy the component. */
     destroy(): 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";
     }>;
-    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>;
 }
 export {};

package/dist/components/arcgis-legend/customElement.js

@@ -6,7 +6,7 @@ import { m as o } from "../../chunks/useWidget.js";
 import { css as n } from "@lit/reactive-element/css-tag.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.99 */
+v4.33.0 */
 const l = n`@layer{arcgis-legend{display:block}}`, d = o(i);
 class h extends s {
   constructor() {
@@ -21,9 +21,6 @@ class h extends s {
   static {
     this.styles = l;
   }
-  //#endregion
-  //#region Public Methods
-  /** Permanently destroy the component */
   async destroy() {
     await this.manager.destroy();
   }

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

@@ -0,0 +1,14 @@
+import { AnalysisViewModel } from '../../support/AnalysisViewModel';
+import { default as SceneView } from '@arcgis/core/views/SceneView';
+import { default as LineOfSightAnalysis } from '@arcgis/core/analysis/LineOfSightAnalysis.js';
+declare class LineOfSightViewModel extends AnalysisViewModel<SceneView, LineOfSightAnalysis> {
+    get state(): "created" | "creating" | "disabled" | "ready";
+    protected readonly supportedViewType = "3d";
+    protected readonly unsupportedErrorMessage = "The Line Of Sight component is only supported in 3D views.";
+    protected constructAnalysis(): LineOfSightAnalysis;
+    protected clearAnalysis(): void;
+    place(options: {
+        signal?: AbortSignal;
+    }): Promise<void>;
+}
+export default LineOfSightViewModel;

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

@@ -0,0 +1,9 @@
+export declare const css: {
+    readonly base: "arcgis-line-of-sight";
+    readonly actions: "arcgis-line-of-sight__actions";
+    readonly container: "arcgis-line-of-sight__container";
+    readonly error: "arcgis-line-of-sight__error";
+    readonly hint: "arcgis-line-of-sight__hint";
+    readonly hintText: "arcgis-line-of-sight__hint-text";
+    readonly newAnalysisButton: "arcgis-line-of-sight__new-analysis-button";
+};

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

@@ -1,65 +1,149 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
 import { Use } from '@arcgis/lumina/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 { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
+import { default as LineOfSightViewModel } from './LineOfSightViewModel';
 
-declare const useLineOfSightWidget: (component: LitElement & Pick<LineOfSight, never> & {
-    state?: unknown;
-    viewModel?: __esri.LineOfSightViewModel | undefined;
-    icon: Nil | string;
-    label: Nil | string;
-    referenceElement: ArcgisReferenceElement | Nil | string;
-    position: __esri.UIPosition;
-    arcgisReady: import('@arcgis/lumina').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/lumina').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 [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/). Visibility between a given observer and multiple target points is calculated against the currently
+ * displayed content in the view, including the ground, integrated meshes, and 3D objects such as buildings or trees.
+ *
+ * ![line-of-sight](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/line-of-sight.png)
+ *
+ * The analysis results are displayed as colored lines, where areas visible to the observer are
+ * shown green and occluded parts are marked in red. Also, the color of the target points indicates their visibility.
+ * 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, the first click in the Scene creates the
+ * [observer](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-LineOfSightAnalysisObserver.html)
+ * and subsequent clicks place the [targets](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-LineOfSightAnalysisTarget.html).
+ * Both the observer and target points can be moved by dragging. Additionally, the target points can be removed with a right click.
+ *
+ * **Known limitation**
+ *
+ * Line Of Sight is only supported in a 3D [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/) component.
+ *
+ * **See also**
+ *
+ * - [LineOfSightAnalysis](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-LineOfSightAnalysis.html)
+ * - [Sample - Line of sight component](https://developers.arcgis.com/javascript/latest/sample-code/line-of-sight/)
+ * - [Sample - Analysis objects](https://developers.arcgis.com/javascript/latest/sample-code/analysis-objects/)
+ *
+ * [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 [LineOfSightAnalysis](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-LineOfSightAnalysis.html)
+     * created or modified by the component.
+     *
+     * When connecting the Line Of Sight component to the [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/)
+     * component, it automatically creates an empty analysis and adds it to the Scene's
+     * [analyses](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#analyses) collection.
+     * Whenever the component is destroyed, the analysis is automatically removed from the collection.
+     *
+     * Alternatively, a programmatically created analysis can be provided to the component.
+     * Then, the application itself needs to add it to and later remove it from the Scene's analyses collection.
+     *
+     * ```js
+     * //Create the analysis.
+     * const lineOfSightAnalysis = new LineOfSightAnalysis({
+     *   observer: new LineOfSightAnalysisObserver({
+     *         position: new Point({
+     *         spatialReference: { latestWkid: 3857, wkid: 102100 },
+     *         x: -13624828.3377593,
+     *         y: 4550305.319405007,
+     *         z: 105.55410975124687
+     *         }),
+     *   }),
+     *   targets: [ new LineOfSightAnalysisTarget({
+     *         position: new Point({
+     *         spatialReference: { latestWkid: 3857, wkid: 102100 },
+     *         x: -13624944.17687458,
+     *         y: 4550420.577689567,
+     *         z: 0
+     *         }),
+     *   })
+     * ]
+     * });
+     * // Get the Scene and Line Of Sight component and wait until they are ready.
+     * const viewElement = document.querySelector("arcgis-scene");
+     * await viewElement.viewOnReady();
+     * const lineOfSight = document.querySelector("arcgis-line-of-sight");
+     * await lineOfSight.componentOnReady();
+     * // Add the analysis to the Scene component.
+     * viewElement.analyses.add(lineOfSightAnalysis);
+     * // Connect the analysis to the component:
+     * lineOfSight.analysis = lineOfSightAnalysis;
+     * ```
+     */
+    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()](#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 placing of line of sight analysis. Any lines added this far are kept  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/lumina/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.99 */
-const l = n`@layer{arcgis-line-of-sight{display:block}}`, h = r(i);
-class c extends e {
+v4.33.0 */
+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) {
+    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";