@arcgis/map-components 4.32.0-next.13 → 4.32.0-next.130

package/dist/components/arcgis-home/index.d.ts

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

package/dist/components/arcgis-home/index.js

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

package/dist/components/arcgis-layer-list/customElement.d.ts

@@ -1,15 +1,17 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
-import { ArcgisReferenceElement } from '../../utils/component-utils';
+/// <reference types="../../index.d.ts" />
 import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-utils';
-import { PublicLitElement as LitElement } from '@arcgis/lumina';
+import { default as LayerList } from '@arcgis/core/widgets/LayerList.js';
+import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { ArcgisReferenceElement } from '../../utils/component-utils';
 
 declare const useLayerListWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
     manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<__esri.LayerList, "label" | "viewModel" | "icon" | "headingLevel" | "collapsed" | "dragEnabled" | "filterPlaceholder" | "filterText" | "listItemCreatedFunction" | "minDragEnabledItems" | "minFilterItems" | "selectedItems" | "selectionMode" | "catalogOptions" | "knowledgeGraphOptions" | "openedLayers" | "visibilityAppearance"> & {
+} & Pick<LayerList, never> & {
     reactiveUtils?: typeof __esri.reactiveUtils;
     state?: unknown;
     viewModel?: __esri.LayerListViewModel | undefined;
@@ -30,63 +32,67 @@ declare const useLayerListWidget: (component: import('@arcgis/components-control
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
-    editConstructorProperties(props: __esri.LayerListProperties): __esri.LayerListProperties | Promise<__esri.LayerListProperties>;
-} | undefined) => __esri.LayerList;
-export declare class ArcgisLayerList extends LitElement implements Use<typeof useLayerListWidget> {
+    editConstructorProperties(props: __esri.LayerListProperties | undefined): __esri.LayerListProperties | Promise<__esri.LayerListProperties | undefined> | undefined;
+} | undefined) => LayerList;
+/** The LayerList component provides a way to display a list of layers, and switch on/off their visibility.
+ */
+export declare class ArcgisLayerList 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 temporary hide it. If this
+     * 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.
      */
     autoDestroyDisabled: boolean;
     /** The CatalogLayerList that displays a catalog layer's dynamic group layer. */
-    get catalogLayerList(): __esri.CatalogLayerList;
-    catalogOptions: __esri.LayerListCatalogOptions;
+    get catalogLayerList(): __esri.CatalogLayerList | nullish;
+    catalogOptions: nullish | __esri.LayerListCatalogOptions;
     collapsed: boolean;
     dragEnabled: boolean;
     filterPlaceholder: string;
+    filterPredicate: nullish | __esri.LayerListFilterPredicate;
     filterText: string;
     headingLevel: number;
-    hideCatalogLayerList: boolean | undefined;
-    hideFlow: boolean | undefined;
-    hideStatusIndicators: boolean | undefined;
+    hideCatalogLayerList: boolean;
+    hideFlow: boolean;
+    hideStatusIndicators: 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.
      */
     icon: string;
-    knowledgeGraphOptions: __esri.LayerListKnowledgeGraphOptions;
+    knowledgeGraphOptions: nullish | __esri.LayerListKnowledgeGraphOptions;
+    /** The component's default label. */
     label: string;
-    listItemCreatedFunction: __esri.LayerListListItemCreatedHandler;
+    listItemCreatedFunction: nullish | __esri.LayerListListItemCreatedHandler;
     minDragEnabledItems: number;
     minFilterItems: number;
-    openedLayers: __esri.Collection<__esri.Layer>;
+    readonly openedLayers: __esri.Collection<__esri.Layer>;
     /** A collection of ListItems representing operational layers. */
     get operationalItems(): __esri.Collection<__esri.ListItem>;
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
     selectedItems: __esri.Collection<__esri.ListItem>;
     selectionMode: "none" | "single" | "multiple" | "single-persist";
-    showCloseButton: boolean | undefined;
-    showCollapseButton: boolean | undefined;
-    showErrors: boolean | undefined;
-    showFilter: boolean | undefined;
-    showHeading: boolean | undefined;
-    showTemporaryLayerIndicators: boolean | undefined;
-    readonly state: "ready" | "disabled" | "loading";
+    showCloseButton: boolean;
+    showCollapseButton: boolean;
+    showErrors: boolean;
+    showFilter: boolean;
+    showHeading: boolean;
+    showTemporaryLayerIndicators: boolean;
+    readonly state: "ready" | "loading" | "disabled";
     /** The TableList that displays the tables associated with a KnowledgeGraphLayer. */
-    get tableList(): __esri.TableList;
+    get tableList(): __esri.TableList | nullish;
     visibilityAppearance: "default" | "checkbox";
     /** Permanently destroy the component */
     destroy(): Promise<void>;
     triggerAction(action: __esri.ActionButton | __esri.ActionToggle, item: __esri.ListItem): Promise<void>;
-    readonly arcgisPropertyChange: CustomEvent<{
+    readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";
     }>;
-    readonly arcgisReady: CustomEvent<undefined>;
-    readonly arcgisTriggerAction: CustomEvent<__esri.LayerListTriggerActionEvent>;
+    readonly arcgisReady: TargetedEvent<this, undefined>;
+    readonly arcgisTriggerAction: TargetedEvent<this, __esri.LayerListTriggerActionEvent>;
 }
 export {};

package/dist/components/arcgis-layer-list/customElement.js

@@ -1,22 +1,20 @@
 import { c as i } from "../../chunks/runtime.js";
-import { newWidgetsLayerList as s } from "@arcgis/core-adapter";
-import { usePropertyChange as o } from "@arcgis/components-controllers";
-import { m as a } from "../../chunks/useWidget.js";
+import { usePropertyChange as s } from "@arcgis/components-controllers";
+import { reEmitEvent as a } from "@arcgis/components-controllers/accessor";
+import o from "@arcgis/core/widgets/LayerList.js";
 import { LitElement as r, createEvent as l, noShadowRoot as h } from "@arcgis/lumina";
-import { reEmitEvent as n } from "@arcgis/components-controllers/accessor";
-import { css as d } from "@lit/reactive-element/css-tag.js";
-/*!
- * All material copyright Esri, All Rights Reserved, unless otherwise specified.
- * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.13
-*/
-const g = d`arcgis-layer-list{display:block}`, c = a(s);
+import { m as d } 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.32/esri/copyright.txt for details.
+v4.32.0-next.130 */
+const g = n`@layer{arcgis-layer-list{display:block}}`, c = d(o);
 class m extends r {
   constructor() {
-    super(...arguments), this.widget = c(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.catalogOptions = this.widget.catalogOptions, this.collapsed = this.widget.collapsed, this.dragEnabled = this.widget.dragEnabled, this.filterPlaceholder = this.widget.filterPlaceholder, this.filterText = this.widget.filterText, this.headingLevel = this.widget.headingLevel, this.hideCatalogLayerList = this.widget.visibleElements.catalogLayerList, this.hideFlow = this.widget.visibleElements.flow, this.hideStatusIndicators = this.widget.visibleElements.statusIndicators, this.icon = this.widget.icon, this.knowledgeGraphOptions = this.widget.knowledgeGraphOptions, this.label = this.widget.label, this.listItemCreatedFunction = this.widget.listItemCreatedFunction, this.minDragEnabledItems = this.widget.minDragEnabledItems, this.minFilterItems = this.widget.minFilterItems, this.openedLayers = this.widget.openedLayers, this.position = "bottom-left", this.selectedItems = this.widget.selectedItems, this.selectionMode = this.widget.selectionMode, this.showCloseButton = this.widget.visibleElements.closeButton, this.showCollapseButton = this.widget.visibleElements.collapseButton, this.showErrors = this.widget.visibleElements.errors, this.showFilter = this.widget.visibleElements.filter, this.showHeading = this.widget.visibleElements.heading, this.showTemporaryLayerIndicators = this.widget.visibleElements.temporaryLayerIndicators, this.state = this.viewModel.state, this.visibilityAppearance = this.widget.visibilityAppearance, this.arcgisPropertyChange = o()("state"), this.arcgisReady = l(), this.arcgisTriggerAction = n(() => this.widget, "trigger-action");
+    super(...arguments), this.widget = c(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.catalogOptions = this.widget.catalogOptions, this.collapsed = this.widget.collapsed, this.dragEnabled = this.widget.dragEnabled, this.filterPlaceholder = this.widget.filterPlaceholder, this.filterPredicate = this.widget.filterPredicate, this.filterText = this.widget.filterText, this.headingLevel = this.widget.headingLevel, this.hideCatalogLayerList = this.widget.visibleElements.catalogLayerList, this.hideFlow = this.widget.visibleElements.flow, this.hideStatusIndicators = this.widget.visibleElements.statusIndicators, this.icon = this.widget.icon, this.knowledgeGraphOptions = this.widget.knowledgeGraphOptions, this.label = this.widget.label, this.listItemCreatedFunction = this.widget.listItemCreatedFunction, this.minDragEnabledItems = this.widget.minDragEnabledItems, this.minFilterItems = this.widget.minFilterItems, this.openedLayers = this.widget.openedLayers, this.position = "bottom-left", this.selectedItems = this.widget.selectedItems, this.selectionMode = this.widget.selectionMode, this.showCloseButton = this.widget.visibleElements.closeButton, this.showCollapseButton = this.widget.visibleElements.collapseButton, this.showErrors = this.widget.visibleElements.errors, this.showFilter = this.widget.visibleElements.filter, this.showHeading = this.widget.visibleElements.heading, this.showTemporaryLayerIndicators = this.widget.visibleElements.temporaryLayerIndicators, this.state = this.viewModel.state, this.visibilityAppearance = this.widget.visibilityAppearance, this.arcgisPropertyChange = s()("state"), this.arcgisReady = l(), this.arcgisTriggerAction = a(() => this.widget, "trigger-action");
   }
   static {
-    this.properties = { autoDestroyDisabled: 5, catalogLayerList: 32, catalogOptions: 0, collapsed: 7, dragEnabled: 5, filterPlaceholder: 1, filterText: 1, headingLevel: 9, hideCatalogLayerList: 5, hideFlow: 5, hideStatusIndicators: 5, icon: 1, knowledgeGraphOptions: 0, label: 1, listItemCreatedFunction: 0, minDragEnabledItems: 9, minFilterItems: 9, openedLayers: 0, operationalItems: 32, position: 1, referenceElement: 1, selectedItems: 0, selectionMode: 1, showCloseButton: 5, showCollapseButton: 5, showErrors: 5, showFilter: 5, showHeading: 5, showTemporaryLayerIndicators: 5, state: 3, tableList: 32, visibilityAppearance: 1 };
+    this.properties = { autoDestroyDisabled: 5, catalogLayerList: 32, catalogOptions: 0, collapsed: 7, dragEnabled: 5, filterPlaceholder: 1, filterPredicate: 0, filterText: 1, headingLevel: 9, hideCatalogLayerList: 5, hideFlow: 5, hideStatusIndicators: 5, icon: 1, knowledgeGraphOptions: 0, label: 1, listItemCreatedFunction: 0, minDragEnabledItems: 9, minFilterItems: 9, openedLayers: 0, operationalItems: 32, position: 1, referenceElement: 1, selectedItems: 0, selectionMode: 1, showCloseButton: 5, showCollapseButton: 5, showErrors: 5, showFilter: 5, showHeading: 5, showTemporaryLayerIndicators: 5, state: 3, tableList: 32, visibilityAppearance: 1 };
   }
   static {
     this.shadowRootOptions = h;

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

@@ -1,15 +1,17 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
-import { ArcgisReferenceElement } from '../../utils/component-utils';
+/// <reference types="../../index.d.ts" />
 import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-utils';
-import { PublicLitElement as LitElement } from '@arcgis/lumina';
+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: import('@arcgis/components-controllers').StencilLifecycles & {
     manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<__esri.Legend, "label" | "viewModel" | "icon" | "headingLevel" | "activeLayerInfos" | "basemapLegendVisible" | "hideLayersNotInCurrentView" | "layerInfos" | "respectLayerDefinitionExpression"> & {
+} & Pick<Legend, never> & {
     reactiveUtils?: typeof __esri.reactiveUtils;
     state?: unknown;
     viewModel?: __esri.LegendViewModel | undefined;
@@ -30,14 +32,16 @@ declare const useLegendWidget: (component: import('@arcgis/components-controller
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
-    editConstructorProperties(props: __esri.LegendProperties): __esri.LegendProperties | Promise<__esri.LegendProperties>;
-} | undefined) => __esri.Legend;
-export declare class ArcgisLegend extends LitElement implements Use<typeof useLegendWidget> {
+    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.
+ */
+export declare class ArcgisLegend extends LitElement {
     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 temporary hide it. If this
+     * 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.
      */
@@ -51,6 +55,7 @@ export declare class ArcgisLegend extends LitElement implements Use<typeof useLe
      * Search [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/) for possible values.
      */
     icon: string;
+    /** The component's default label. */
     label: string;
     layerInfos: __esri.LegendLayerInfos[];
     legendStyle: string | __esri.LegendStyle;
@@ -61,9 +66,9 @@ export declare class ArcgisLegend extends LitElement implements Use<typeof useLe
     readonly state: "ready" | "disabled";
     /** Permanently destroy the component */
     destroy(): Promise<void>;
-    readonly arcgisPropertyChange: CustomEvent<{
+    readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";
     }>;
-    readonly arcgisReady: CustomEvent<undefined>;
+    readonly arcgisReady: TargetedEvent<this, undefined>;
 }
 export {};

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

@@ -1,27 +1,25 @@
 import { c as e } from "../../chunks/runtime.js";
-import { newWidgetsLegend as t } from "@arcgis/core-adapter";
-import { usePropertyChange as i } from "@arcgis/components-controllers";
-import { m as s } from "../../chunks/useWidget.js";
-import { LitElement as r, createEvent as a, noShadowRoot as o } from "@arcgis/lumina";
+import { usePropertyChange as t } from "@arcgis/components-controllers";
+import i from "@arcgis/core/widgets/Legend.js";
+import { LitElement as s, createEvent as r, noShadowRoot as a } from "@arcgis/lumina";
+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.32/esri/copyright.txt for details.
- * v4.32.0-next.13
-*/
-const d = n`arcgis-legend{display:block}`, h = s(t);
-class l extends r {
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.32/esri/copyright.txt for details.
+v4.32.0-next.130 */
+const l = n`@layer{arcgis-legend{display:block}}`, d = o(i);
+class h extends s {
   constructor() {
-    super(...arguments), this.widget = h(this), this.viewModel = this.widget.viewModel, this.activeLayerInfos = this.widget.activeLayerInfos, this.autoDestroyDisabled = !1, this.basemapLegendVisible = this.widget.basemapLegendVisible, this.headingLevel = this.widget.headingLevel, this.hideLayersNotInCurrentView = this.widget.hideLayersNotInCurrentView, this.icon = this.widget.icon, this.label = this.widget.label, this.layerInfos = this.widget.layerInfos, this.legendStyle = this.widget.style, this.position = "bottom-left", this.respectLayerDefinitionExpression = this.widget.respectLayerDefinitionExpression, this.respectLayerVisibilityDisabled = this.widget.respectLayerVisibility, this.state = this.viewModel.state, this.arcgisPropertyChange = i()("state"), this.arcgisReady = a();
+    super(...arguments), this.widget = d(this), this.viewModel = this.widget.viewModel, this.activeLayerInfos = this.widget.activeLayerInfos, this.autoDestroyDisabled = !1, this.basemapLegendVisible = this.widget.basemapLegendVisible, this.headingLevel = this.widget.headingLevel, this.hideLayersNotInCurrentView = this.widget.hideLayersNotInCurrentView, this.icon = this.widget.icon, this.label = this.widget.label, this.layerInfos = this.widget.layerInfos, this.legendStyle = this.widget.style, this.position = "bottom-left", this.respectLayerDefinitionExpression = this.widget.respectLayerDefinitionExpression, this.respectLayerVisibilityDisabled = this.widget.respectLayerVisibility, this.state = this.viewModel.state, this.arcgisPropertyChange = t()("state"), this.arcgisReady = r();
   }
   static {
     this.properties = { activeLayerInfos: 0, autoDestroyDisabled: 5, basemapLegendVisible: 5, headingLevel: 9, hideLayersNotInCurrentView: 5, icon: 1, label: 1, layerInfos: 0, legendStyle: 1, position: 1, referenceElement: 1, respectLayerDefinitionExpression: 5, respectLayerVisibilityDisabled: 5, state: 3 };
   }
   static {
-    this.shadowRootOptions = o;
+    this.shadowRootOptions = a;
   }
   static {
-    this.styles = d;
+    this.styles = l;
   }
   // #endregion
   // #region Public Methods
@@ -30,7 +28,7 @@ class l extends r {
     await this.manager.destroy();
   }
 }
-e("arcgis-legend", l);
+e("arcgis-legend", h);
 export {
-  l as ArcgisLegend
+  h as ArcgisLegend
 };

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

@@ -1,15 +1,17 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
-import { ArcgisReferenceElement } from '../../utils/component-utils';
+/// <reference types="../../index.d.ts" />
 import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-utils';
-import { PublicLitElement as LitElement } from '@arcgis/lumina';
+import { default as LineOfSight } from '@arcgis/core/widgets/LineOfSight.js';
+import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { ArcgisReferenceElement } from '../../utils/component-utils';
 
 declare const useLineOfSightWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
     manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<__esri.LineOfSight, "label" | "viewModel" | "icon" | "analysis"> & {
+} & Pick<LineOfSight, never> & {
     reactiveUtils?: typeof __esri.reactiveUtils;
     state?: unknown;
     viewModel?: __esri.LineOfSightViewModel | undefined;
@@ -30,14 +32,16 @@ declare const useLineOfSightWidget: (component: import('@arcgis/components-contr
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
-    editConstructorProperties(props: __esri.LineOfSightProperties): __esri.LineOfSightProperties | Promise<__esri.LineOfSightProperties>;
-} | undefined) => __esri.LineOfSight;
-export declare class ArcgisLineOfSight extends LitElement implements Use<typeof useLineOfSightWidget> {
+    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).
+ */
+export declare class ArcgisLineOfSight extends LitElement {
     readonly 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 temporary hide it. If this
+     * 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.
      */
@@ -48,6 +52,7 @@ export declare class ArcgisLineOfSight extends LitElement implements Use<typeof
      * Search [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/) for possible values.
      */
     icon: string;
+    /** The component's default label. */
     label: string;
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
@@ -58,9 +63,9 @@ export declare class ArcgisLineOfSight extends LitElement implements Use<typeof
     destroy(): Promise<void>;
     start(): Promise<void>;
     stop(): Promise<void>;
-    readonly arcgisPropertyChange: CustomEvent<{
+    readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state" | "analysis";
     }>;
-    readonly arcgisReady: CustomEvent<undefined>;
+    readonly arcgisReady: TargetedEvent<this, undefined>;
 }
 export {};

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

@@ -1,24 +1,22 @@
 import { c as t } from "../../chunks/runtime.js";
-import { newWidgetsLineOfSight as s } from "@arcgis/core-adapter";
-import { usePropertyChange as i } from "@arcgis/components-controllers";
-import { m as e } from "../../chunks/useWidget.js";
-import { LitElement as o, createEvent as a, noShadowRoot as r } from "@arcgis/lumina";
+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";
-/*!
- * All material copyright Esri, All Rights Reserved, unless otherwise specified.
- * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.13
-*/
-const l = n`arcgis-line-of-sight{display:block}`, h = e(s);
-class c extends o {
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.32/esri/copyright.txt for details.
+v4.32.0-next.130 */
+const l = n`@layer{arcgis-line-of-sight{display:block}}`, h = r(i);
+class c extends e {
   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 = i()("analysis", "state"), this.arcgisReady = a();
+    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();
   }
   static {
     this.properties = { analysis: 0, autoDestroyDisabled: 5, icon: 1, label: 1, position: 1, referenceElement: 1, state: 3 };
   }
   static {
-    this.shadowRootOptions = r;
+    this.shadowRootOptions = a;
   }
   static {
     this.styles = l;