@arcgis/map-components 4.29.0-beta.4 → 4.29.0-beta.40

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

@@ -1,36 +1,36 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { D as newWidgetsLayerList, i as importCoreReactiveUtils } from './index2.js';
-import { r as referenceElementHelper, c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
-import { d as defineCustomElement$2 } from './arcgis-expand2.js';
+import { E as newWidgetsLayerList, i as importCoreReactiveUtils } from './index2.js';
+import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils.js';
+import { o as onDisconnectedHelper } from './disconnected.js';
+import { d as defineCustomElement$2 } from './expand.js';
 
-const arcgisLayerListCss = "";
+const layerListCss = "";
 
-const ArcgisLayerList$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisLayerList$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisLayerList extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.triggerActionEvent = createEvent(this, "triggerActionEvent", 7);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
+    this.listItemCreatedFunction = undefined;
     this.multipleSelectionEnabled = undefined;
     this.operationalItems = undefined;
     this.selectedItems = undefined;
     this.selectionEnabled = undefined;
+    this.visibleElements = undefined;
     this.position = "bottom-left";
     this.expandable = false;
     this.view = undefined;
     this.widget = undefined;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
-  positionWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
+  }
+  listItemCreatedFunctionWatcher(newValue) {
+    if (this.widget) {
+      this.widget.listItemCreatedFunction = newValue;
     }
   }
   multipleSelectionEnabledWatcher(newValue) {
@@ -48,8 +48,15 @@ const ArcgisLayerList$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
       this.widget.selectionEnabled = newValue;
     }
   }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
+  visibleElementsWatcher(newValue) {
+    if (this.widget) {
+      this.widget.visibleElements = newValue;
+    }
+  }
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.view.ui.move(this.childElem, newValue);
+    }
   }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
@@ -94,14 +101,29 @@ const ArcgisLayerList$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await importCoreReactiveUtils();
-    watch(() => this.widget.operationalItems, (value) => (this.operationalItems = value), {
+    addHandles(this, watch(() => this.widget.operationalItems, (value) => (this.operationalItems = value), {
       initial: true
-    });
+    }));
   }
   _createParams() {
     const params = {
       container: this.childElem
     };
+    if (this.listItemCreatedFunction) {
+      params.listItemCreatedFunction = this.listItemCreatedFunction;
+    }
+    if (this.multipleSelectionEnabled !== undefined) {
+      params.multipleSelectionEnabled = this.multipleSelectionEnabled;
+    }
+    if (this.selectedItems) {
+      params.selectedItems = this.selectedItems;
+    }
+    if (this.selectionEnabled !== undefined) {
+      params.selectionEnabled = this.selectionEnabled;
+    }
+    if (this.visibleElements) {
+      params.visibleElements = this.visibleElements;
+    }
     if (this.view) {
       params.view = this.view;
     }
@@ -112,25 +134,38 @@ const ArcgisLayerList$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
   }
   get el() { return this; }
   static get watchers() { return {
-    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "listItemCreatedFunction": ["listItemCreatedFunctionWatcher"],
     "multipleSelectionEnabled": ["multipleSelectionEnabledWatcher"],
     "selectedItems": ["selectedItemsWatcher"],
     "selectionEnabled": ["selectionEnabledWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
+    "visibleElements": ["visibleElementsWatcher"],
+    "position": ["positionWatcher"],
     "view": ["viewWatcher"]
   }; }
-  static get style() { return arcgisLayerListCss; }
+  static get style() { return layerListCss; }
 }, [0, "arcgis-layer-list", {
     "referenceElement": [1, "reference-element"],
+    "listItemCreatedFunction": [16],
     "multipleSelectionEnabled": [4, "multiple-selection-enabled"],
     "operationalItems": [1040],
-    "selectedItems": [16],
+    "selectedItems": [1040],
     "selectionEnabled": [4, "selection-enabled"],
+    "visibleElements": [16],
     "position": [1],
     "expandable": [4],
     "view": [1040],
     "widget": [1040],
     "triggerAction": [64]
+  }, undefined, {
+    "referenceElement": ["referenceElementWatcher"],
+    "listItemCreatedFunction": ["listItemCreatedFunctionWatcher"],
+    "multipleSelectionEnabled": ["multipleSelectionEnabledWatcher"],
+    "selectedItems": ["selectedItemsWatcher"],
+    "selectionEnabled": ["selectionEnabledWatcher"],
+    "visibleElements": ["visibleElementsWatcher"],
+    "position": ["positionWatcher"],
+    "view": ["viewWatcher"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -156,3 +191,5 @@ const ArcgisLayerList = ArcgisLayerList$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisLayerList, defineCustomElement };
+
+//# sourceMappingURL=arcgis-layer-list.js.map

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

@@ -0,0 +1 @@
+{"file":"arcgis-layer-list.js","mappings":"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","names":["ArcgisLayerList"],"sources":["src/components/layer-list/layer-list.css?tag=arcgis-layer-list","src/components/layer-list/layer-list.tsx"],"sourcesContent":["","import { Component, Element, Event, EventEmitter, Method, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { importCoreReactiveUtils, newWidgetsLayerList } from \"@arcgis/core-adapter\";\nimport type LayerList from \"@arcgis/core/widgets/LayerList\";\nimport { ArcgisReferenceElement, addHandles, checkForView, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\nimport { ArcGISMapView, ArcGISSceneView } from \"../types\";\n\nexport type LayerListWidget = InstanceType<typeof LayerList>;\n\n@Component({\n  tag: \"arcgis-layer-list\",\n  styleUrl: \"layer-list.css\",\n  shadow: false\n})\nexport class ArcgisLayerList implements ExpandableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Elements\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLDivElement;\n\n  childElem: HTMLDivElement;\n\n  expandElem: HTMLArcgisExpandElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Prop() referenceElement: ArcgisReferenceElement | string;\n\n  @Watch(\"referenceElement\")\n  referenceElementWatcher(newValue: ArcgisReferenceElement | string): void {\n    referenceElementHelper(this, newValue);\n  }\n\n  @Prop() listItemCreatedFunction: LayerListWidget[\"listItemCreatedFunction\"];\n\n  @Watch(\"listItemCreatedFunction\")\n  listItemCreatedFunctionWatcher(newValue: LayerListWidget[\"listItemCreatedFunction\"]): void {\n    if (this.widget) {\n      this.widget.listItemCreatedFunction = newValue;\n    }\n  }\n\n  @Prop() multipleSelectionEnabled: LayerListWidget[\"multipleSelectionEnabled\"];\n\n  @Watch(\"multipleSelectionEnabled\")\n  multipleSelectionEnabledWatcher(newValue: LayerListWidget[\"multipleSelectionEnabled\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.multipleSelectionEnabled = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) operationalItems: LayerListWidget[\"operationalItems\"];\n\n  @Prop({ mutable: true }) selectedItems: LayerListWidget[\"selectedItems\"]; // TODO: Review if should be a watched property\n\n  @Watch(\"selectedItems\")\n  selectedItemsWatcher(newValue: LayerListWidget[\"selectedItems\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.selectedItems = newValue;\n    }\n  }\n\n  @Prop() selectionEnabled: LayerListWidget[\"selectionEnabled\"];\n\n  @Watch(\"selectionEnabled\")\n  selectionEnabledWatcher(newValue: LayerListWidget[\"selectionEnabled\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.selectionEnabled = newValue;\n    }\n  }\n\n  @Prop() visibleElements: LayerListWidget[\"visibleElements\"];\n\n  @Watch(\"visibleElements\")\n  visibleElementsWatcher(newValue: LayerListWidget[\"visibleElements\"]): void {\n    if (this.widget) {\n      this.widget.visibleElements = newValue;\n    }\n  }\n\n  @Prop() position = \"bottom-left\";\n\n  @Watch(\"position\")\n  positionWatcher(newValue: string): void {\n    if (newValue !== undefined && this.widget) {\n      this.view.ui.move(this.childElem, newValue);\n    }\n  }\n\n  @Prop() expandable = false;\n\n  @Prop({ mutable: true }) view: ArcGISMapView | ArcGISSceneView;\n\n  @Watch(\"view\")\n  viewWatcher(newValue: ArcGISMapView | ArcGISSceneView): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.view = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) widget: LayerListWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) triggerActionEvent: EventEmitter<__esri.LayerListTriggerActionEvent>;\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.LayerList }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  //--------------------------------------------------------------------------\n\n  @Method()\n  async triggerAction(action: __esri.ActionButton | __esri.ActionToggle, item: __esri.ListItem): Promise<void> {\n    return this.widget?.triggerAction(action, item);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsLayerList(params);\n\n    this.widget = widget;\n\n    await this._addWatchers();\n\n    this._proxyEvents();\n\n    this.widgetReady.emit({ widget: this.widget });\n\n    checkForView(this);\n  }\n\n  disconnectedCallback(): void {\n    onDisconnectedHelper(this);\n  }\n\n  render(): VNode {\n    if (this.expandable) {\n      return (\n        <arcgis-expand position={this.position} ref={(el) => (this.expandElem = el as HTMLArcgisExpandElement)}>\n          <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>\n        </arcgis-expand>\n      );\n    }\n    return <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private async _addWatchers() {\n    const { watch } = await importCoreReactiveUtils();\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.operationalItems,\n        (value) => (this.operationalItems = value),\n        {\n          initial: true\n        }\n      )\n    );\n  }\n\n  private _createParams(): Partial<LayerListWidget> {\n    const params: Partial<LayerListWidget> = {\n      container: this.childElem\n    };\n\n    if (this.listItemCreatedFunction) {\n      params.listItemCreatedFunction = this.listItemCreatedFunction;\n    }\n\n    if (this.multipleSelectionEnabled !== undefined) {\n      params.multipleSelectionEnabled = this.multipleSelectionEnabled;\n    }\n\n    if (this.selectedItems) {\n      params.selectedItems = this.selectedItems;\n    }\n\n    if (this.selectionEnabled !== undefined) {\n      params.selectionEnabled = this.selectionEnabled;\n    }\n\n    if (this.visibleElements) {\n      params.visibleElements = this.visibleElements;\n    }\n\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    return params;\n  }\n\n  private async _proxyEvents() {\n    this.widget?.on(\"trigger-action\", (e) => this.triggerActionEvent.emit(e));\n  }\n}\n"],"version":3}

package/dist/components/arcgis-legend.js

@@ -1,15 +1,17 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { E as newWidgetsLegend } from './index2.js';
-import { r as referenceElementHelper, c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
-import { d as defineCustomElement$2 } from './arcgis-expand2.js';
+import { F as newWidgetsLegend } from './index2.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils.js';
+import { o as onDisconnectedHelper } from './disconnected.js';
+import { d as defineCustomElement$2 } from './expand.js';
 
-const arcgisLegendCss = "";
+const legendCss = "";
 
-const ArcgisLegend$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisLegend$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisLegend extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.activeLayerInfos = undefined;
     this.basemapLegendVisible = undefined;
@@ -22,20 +24,11 @@ const ArcgisLegend$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this.view = undefined;
     this.widget = undefined;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
-  positionWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
-    }
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
   }
   activeLayerInfosWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.activeLayerInfos = newValue;
     }
   }
@@ -50,7 +43,7 @@ const ArcgisLegend$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     }
   }
   layerInfosWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.layerInfos = newValue;
     }
   }
@@ -64,8 +57,10 @@ const ArcgisLegend$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
       this.widget.style = newValue;
     }
   }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.view.ui.move(this.childElem, newValue);
+    }
   }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
@@ -127,17 +122,17 @@ const ArcgisLegend$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
   }
   get el() { return this; }
   static get watchers() { return {
-    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
     "activeLayerInfos": ["activeLayerInfosWatcher"],
     "basemapLegendVisible": ["basemapLegendVisibleWatcher"],
     "hideLayersNotInCurrentView": ["hideLayersNotInCurrentViewWatcher"],
     "layerInfos": ["layerInfosWatcher"],
     "respectLayerVisibility": ["respectLayerVisibilityWatcher"],
     "legendStyle": ["styleWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
+    "position": ["positionWatcher"],
     "view": ["viewWatcher"]
   }; }
-  static get style() { return arcgisLegendCss; }
+  static get style() { return legendCss; }
 }, [0, "arcgis-legend", {
     "referenceElement": [1, "reference-element"],
     "activeLayerInfos": [16],
@@ -150,6 +145,16 @@ const ArcgisLegend$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     "expandable": [4],
     "view": [1040],
     "widget": [1040]
+  }, undefined, {
+    "referenceElement": ["referenceElementWatcher"],
+    "activeLayerInfos": ["activeLayerInfosWatcher"],
+    "basemapLegendVisible": ["basemapLegendVisibleWatcher"],
+    "hideLayersNotInCurrentView": ["hideLayersNotInCurrentViewWatcher"],
+    "layerInfos": ["layerInfosWatcher"],
+    "respectLayerVisibility": ["respectLayerVisibilityWatcher"],
+    "legendStyle": ["styleWatcher"],
+    "position": ["positionWatcher"],
+    "view": ["viewWatcher"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -175,3 +180,5 @@ const ArcgisLegend = ArcgisLegend$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisLegend, defineCustomElement };
+
+//# sourceMappingURL=arcgis-legend.js.map

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

@@ -0,0 +1 @@
+{"file":"arcgis-legend.js","mappings":"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","names":["ArcgisLegend"],"sources":["src/components/legend/legend.css?tag=arcgis-legend","src/components/legend/legend.tsx"],"sourcesContent":["","import { Component, Element, Event, EventEmitter, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { newWidgetsLegend } from \"@arcgis/core-adapter\";\nimport type Legend from \"@arcgis/core/widgets/Legend\";\nimport { ArcgisReferenceElement, checkForView, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\nimport { ArcGISMapView, ArcGISSceneView } from \"../types\";\n\nexport type LegendWidget = InstanceType<typeof Legend>;\n\n@Component({\n  tag: \"arcgis-legend\",\n  styleUrl: \"legend.css\",\n  shadow: false\n})\nexport class ArcgisLegend implements ExpandableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Element\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLDivElement;\n\n  childElem: HTMLDivElement;\n\n  expandElem: HTMLArcgisExpandElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Prop() referenceElement: ArcgisReferenceElement | string;\n\n  @Watch(\"referenceElement\")\n  referenceElementWatcher(newValue: ArcgisReferenceElement | string): void {\n    referenceElementHelper(this, newValue);\n  }\n\n  @Prop() activeLayerInfos: LegendWidget[\"activeLayerInfos\"];\n\n  @Watch(\"activeLayerInfos\")\n  activeLayerInfosWatcher(newValue: LegendWidget[\"activeLayerInfos\"]): void {\n    if (this.widget) {\n      this.widget.activeLayerInfos = newValue;\n    }\n  }\n\n  @Prop() basemapLegendVisible: LegendWidget[\"basemapLegendVisible\"];\n\n  @Watch(\"basemapLegendVisible\")\n  basemapLegendVisibleWatcher(newValue: LegendWidget[\"basemapLegendVisible\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.basemapLegendVisible = newValue;\n    }\n  }\n\n  @Prop() hideLayersNotInCurrentView: LegendWidget[\"hideLayersNotInCurrentView\"];\n\n  @Watch(\"hideLayersNotInCurrentView\")\n  hideLayersNotInCurrentViewWatcher(newValue: LegendWidget[\"hideLayersNotInCurrentView\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.hideLayersNotInCurrentView = newValue;\n    }\n  }\n\n  @Prop() layerInfos: LegendWidget[\"layerInfos\"];\n\n  @Watch(\"layerInfos\")\n  layerInfosWatcher(newValue: LegendWidget[\"layerInfos\"]): void {\n    if (this.widget) {\n      this.widget.layerInfos = newValue;\n    }\n  }\n\n  @Prop() respectLayerVisibility: LegendWidget[\"respectLayerVisibility\"];\n\n  @Watch(\"respectLayerVisibility\")\n  respectLayerVisibilityWatcher(newValue: LegendWidget[\"respectLayerVisibility\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.respectLayerVisibility = newValue;\n    }\n  }\n\n  @Prop() legendStyle: LegendWidget[\"style\"];\n\n  @Watch(\"legendStyle\")\n  styleWatcher(newValue: LegendWidget[\"style\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.style = newValue;\n    }\n  }\n\n  @Prop() position = \"bottom-left\";\n\n  @Watch(\"position\")\n  positionWatcher(newValue: string): void {\n    if (newValue !== undefined && this.widget) {\n      this.view.ui.move(this.childElem, newValue);\n    }\n  }\n\n  @Prop() expandable = false;\n\n  @Prop({ mutable: true }) view: ArcGISMapView | ArcGISSceneView;\n\n  @Watch(\"view\")\n  viewWatcher(newValue: ArcGISMapView | ArcGISSceneView): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.view = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) widget: LegendWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.Legend }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsLegend(params);\n\n    this.widget = widget;\n\n    this.widgetReady.emit({ widget: this.widget });\n\n    checkForView(this);\n  }\n\n  disconnectedCallback(): void {\n    onDisconnectedHelper(this);\n  }\n\n  render(): VNode {\n    if (this.expandable) {\n      return (\n        <arcgis-expand position={this.position} ref={(el) => (this.expandElem = el as HTMLArcgisExpandElement)}>\n          <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>\n        </arcgis-expand>\n      );\n    }\n    return <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>;\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private _createParams(): Partial<LegendWidget> {\n    const params: Partial<LegendWidget> = {\n      container: this.childElem\n    };\n\n    if (this.activeLayerInfos) {\n      params.activeLayerInfos = this.activeLayerInfos;\n    }\n\n    if (this.basemapLegendVisible !== undefined) {\n      params.basemapLegendVisible = this.basemapLegendVisible;\n    }\n\n    if (this.hideLayersNotInCurrentView !== undefined) {\n      params.hideLayersNotInCurrentView = this.hideLayersNotInCurrentView;\n    }\n\n    if (this.layerInfos) {\n      params.layerInfos = this.layerInfos;\n    }\n\n    if (this.respectLayerVisibility !== undefined) {\n      params.respectLayerVisibility = this.respectLayerVisibility;\n    }\n\n    if (this.legendStyle) {\n      params.style = this.legendStyle;\n    }\n\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    return params;\n  }\n}\n"],"version":3}

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

@@ -1,15 +1,17 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { F as newWidgetsLineOfSight, i as importCoreReactiveUtils } from './index2.js';
-import { r as referenceElementHelper, c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
-import { d as defineCustomElement$2 } from './arcgis-expand2.js';
+import { G as newWidgetsLineOfSight, i as importCoreReactiveUtils } from './index2.js';
+import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils.js';
+import { o as onDisconnectedHelper } from './disconnected.js';
+import { d as defineCustomElement$2 } from './expand.js';
 
-const arcgisLineOfSightCss = "arcgis-line-of-sight{}";
+const lineOfSightCss = "arcgis-line-of-sight{}";
 
-const ArcgisLineOfSight$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisLineOfSight$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisLineOfSight extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.analysis = undefined;
     this.position = "bottom-left";
@@ -17,21 +19,14 @@ const ArcgisLineOfSight$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
     this.view = undefined;
     this.widget = undefined;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
+  }
   positionWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
+      this.view.ui.move(this.childElem, newValue);
     }
   }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
-  }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
       this.widget.view = newValue;
@@ -66,9 +61,9 @@ const ArcgisLineOfSight$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await importCoreReactiveUtils();
-    watch(() => this.widget.analysis, (value) => (this.analysis = value), {
+    addHandles(this, watch(() => this.widget.analysis, (value) => (this.analysis = value), {
       initial: true
-    });
+    }));
   }
   _createParams() {
     const params = {
@@ -81,11 +76,11 @@ const ArcgisLineOfSight$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
   }
   get el() { return this; }
   static get watchers() { return {
-    "position": ["positionWatcher"],
     "referenceElement": ["referenceElementWatcher"],
+    "position": ["positionWatcher"],
     "view": ["viewWatcher"]
   }; }
-  static get style() { return arcgisLineOfSightCss; }
+  static get style() { return lineOfSightCss; }
 }, [0, "arcgis-line-of-sight", {
     "referenceElement": [1, "reference-element"],
     "analysis": [1040],
@@ -93,6 +88,10 @@ const ArcgisLineOfSight$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
     "expandable": [4],
     "view": [1040],
     "widget": [1040]
+  }, undefined, {
+    "referenceElement": ["referenceElementWatcher"],
+    "position": ["positionWatcher"],
+    "view": ["viewWatcher"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -118,3 +117,5 @@ const ArcgisLineOfSight = ArcgisLineOfSight$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisLineOfSight, defineCustomElement };
+
+//# sourceMappingURL=arcgis-line-of-sight.js.map

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

@@ -0,0 +1 @@
+{"file":"arcgis-line-of-sight.js","mappings":";;;;;;AAAA,MAAM,cAAc,GAAG,wBAAwB;;MCiBlCA,mBAAiB;;;;;IAkD5B,kBAAa,GAAyB,EAAE,CAAC;;;oBAtBtB,aAAa;sBASX,KAAK;;;;EAf1B,uBAAuB,CAAC,QAAyC;IAC/D,sBAAsB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;GACxC;EAOD,eAAe,CAAC,QAAgB;IAC9B,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;KAC7C;GACF;EAOD,WAAW,CAAC,QAAyB;IACnC,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;KAC7B;GACF;;;;;;EAoBD,MAAM,gBAAgB;IACpB,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;IAEpC,MAAM,MAAM,GAAG,MAAM,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAEnD,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IAErB,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC;IAE1B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IAE/C,YAAY,CAAC,IAAI,CAAC,CAAC;GACpB;EAED,oBAAoB;IAClB,oBAAoB,CAAC,IAAI,CAAC,CAAC;GAC5B;EAED,MAAM;IACJ,IAAI,IAAI,CAAC,UAAU,EAAE;MACnB,QACE,qBAAe,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,UAAU,GAAG,EAA6B,CAAC,IACpG,WAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAoB,CAAC,GAAQ,CACnD,EAChB;KACH;IACD,OAAO,WAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAoB,CAAC,GAAQ,CAAC;GAC1E;;;;;;EAOO,MAAM,YAAY;IACxB,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,uBAAuB,EAAE,CAAC;IAElD,UAAU,CACR,IAAI,EACJ,KAAK,CACH,MAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,EAC1B,CAAC,KAAK,MAAM,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,EAClC;MACE,OAAO,EAAE,IAAI;KACd,CACF,CACF,CAAC;GACH;EAEO,aAAa;IACnB,MAAM,MAAM,GAA+B;MACzC,SAAS,EAAE,IAAI,CAAC,SAAS;KAC1B,CAAC;IAEF,IAAI,IAAI,CAAC,IAAI,EAAE;MACb,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;KACzB;IAED,OAAO,MAAM,CAAC;GACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ArcgisLineOfSight"],"sources":["src/components/line-of-sight/line-of-sight.css?tag=arcgis-line-of-sight","src/components/line-of-sight/line-of-sight.tsx"],"sourcesContent":["arcgis-line-of-sight {\n  /* Component styles go here */\n}\n","import { Component, Element, Event, EventEmitter, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport type LineOfSight from \"@arcgis/core/widgets/LineOfSight\";\n\nimport { importCoreReactiveUtils, newWidgetsLineOfSight } from \"@arcgis/core-adapter\";\nimport { ArcgisReferenceElement, addHandles, checkForView, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\nimport { ArcGISSceneView } from \"../types\";\n\nexport type LineOfSightWidget = InstanceType<typeof LineOfSight>;\n\n@Component({\n  tag: \"arcgis-line-of-sight\",\n  styleUrl: \"line-of-sight.css\"\n})\nexport class ArcgisLineOfSight implements ExpandableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Elements\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLDivElement;\n\n  childElem: HTMLDivElement;\n\n  expandElem: HTMLArcgisExpandElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Prop() referenceElement: ArcgisReferenceElement | string;\n\n  @Watch(\"referenceElement\")\n  referenceElementWatcher(newValue: ArcgisReferenceElement | string): void {\n    referenceElementHelper(this, newValue);\n  }\n\n  @Prop({ mutable: true }) analysis: LineOfSightWidget[\"analysis\"];\n\n  @Prop() position = \"bottom-left\";\n\n  @Watch(\"position\")\n  positionWatcher(newValue: string): void {\n    if (newValue !== undefined && this.widget) {\n      this.view.ui.move(this.childElem, newValue);\n    }\n  }\n\n  @Prop() expandable = false;\n\n  @Prop({ mutable: true }) view: ArcGISSceneView;\n\n  @Watch(\"view\")\n  viewWatcher(newValue: ArcGISSceneView): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.view = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) widget: LineOfSightWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.LineOfSight }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsLineOfSight(params);\n\n    this.widget = widget;\n\n    await this._addWatchers();\n\n    this.widgetReady.emit({ widget: this.widget });\n\n    checkForView(this);\n  }\n\n  disconnectedCallback(): void {\n    onDisconnectedHelper(this);\n  }\n\n  render(): VNode {\n    if (this.expandable) {\n      return (\n        <arcgis-expand position={this.position} ref={(el) => (this.expandElem = el as HTMLArcgisExpandElement)}>\n          <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>\n        </arcgis-expand>\n      );\n    }\n    return <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private async _addWatchers() {\n    const { watch } = await importCoreReactiveUtils();\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.analysis,\n        (value) => (this.analysis = value),\n        {\n          initial: true\n        }\n      )\n    );\n  }\n\n  private _createParams(): Partial<LineOfSightWidget> {\n    const params: Partial<LineOfSightWidget> = {\n      container: this.childElem\n    };\n\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    return params;\n  }\n}\n"],"version":3}

package/dist/components/arcgis-locate.js

@@ -1,38 +1,31 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { G as newWidgetsLocate } from './index2.js';
-import { r as referenceElementHelper, c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
+import { H as newWidgetsLocate } from './index2.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils.js';
+import { o as onDisconnectedHelper } from './disconnected.js';
 
-const arcgisLocateCss = "arcgis-locate{}";
+const locateCss = "arcgis-locate{}";
 
-const ArcgisLocate$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisLocate$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisLocate extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.widgetReady = createEvent(this, "widgetReady", 7);
     this.locateSuccess = createEvent(this, "locateSuccess", 7);
     this.locateError = createEvent(this, "locateError", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.geolocationOptions = undefined;
     this.goToLocationEnabled = undefined;
     this.graphic = undefined;
     this.popupEnabled = undefined;
+    this.rotationEnabled = undefined;
     this.scale = undefined;
     this.position = "bottom-left";
     this.view = undefined;
     this.widget = undefined;
-    this.useHeadingEnabled = true;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
-  positionWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
-    }
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
   }
   geolocationOptionsWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
@@ -45,7 +38,7 @@ const ArcgisLocate$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     }
   }
   graphicWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.graphic = newValue;
     }
   }
@@ -54,24 +47,26 @@ const ArcgisLocate$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
       this.widget.popupEnabled = newValue;
     }
   }
+  rotationEnabledWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.rotationEnabled = newValue;
+    }
+  }
   scaleWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
       this.widget.scale = newValue;
     }
   }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.view.ui.move(this.childElem, newValue);
+    }
   }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
       this.widget.view = newValue;
     }
   }
-  useHeadingWatcher(newValue) {
-    if (this.widget) {
-      this.widget.useHeadingEnabled = newValue;
-    }
-  }
   //--------------------------------------------------------------------------
   //
   //  Methods
@@ -109,8 +104,7 @@ const ArcgisLocate$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
   //--------------------------------------------------------------------------
   _createParams() {
     const params = {
-      container: this.childElem,
-      useHeadingEnabled: this.useHeadingEnabled
+      container: this.childElem
     };
     if (this.geolocationOptions !== undefined) {
       params.geolocationOptions = this.geolocationOptions;
@@ -138,30 +132,40 @@ const ArcgisLocate$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
   }
   get el() { return this; }
   static get watchers() { return {
-    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
     "geolocationOptions": ["geolocationOptionsWatcher"],
     "goToLocationEnabled": ["goToLocationEnabledWatcher"],
     "graphic": ["graphicWatcher"],
     "popupEnabled": ["popupEnabledWatcher"],
+    "rotationEnabled": ["rotationEnabledWatcher"],
     "scale": ["scaleWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"],
-    "useHeadingEnabled": ["useHeadingWatcher"]
+    "position": ["positionWatcher"],
+    "view": ["viewWatcher"]
   }; }
-  static get style() { return arcgisLocateCss; }
+  static get style() { return locateCss; }
 }, [0, "arcgis-locate", {
     "referenceElement": [1, "reference-element"],
     "geolocationOptions": [8, "geolocation-options"],
     "goToLocationEnabled": [4, "go-to-location-enabled"],
     "graphic": [16],
     "popupEnabled": [4, "popup-enabled"],
+    "rotationEnabled": [4, "rotation-enabled"],
     "scale": [2],
     "position": [1],
     "view": [1040],
     "widget": [1040],
-    "useHeadingEnabled": [1028, "use-heading-enabled"],
     "cancelLocate": [64],
     "locate": [64]
+  }, undefined, {
+    "referenceElement": ["referenceElementWatcher"],
+    "geolocationOptions": ["geolocationOptionsWatcher"],
+    "goToLocationEnabled": ["goToLocationEnabledWatcher"],
+    "graphic": ["graphicWatcher"],
+    "popupEnabled": ["popupEnabledWatcher"],
+    "rotationEnabled": ["rotationEnabledWatcher"],
+    "scale": ["scaleWatcher"],
+    "position": ["positionWatcher"],
+    "view": ["viewWatcher"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -182,3 +186,5 @@ const ArcgisLocate = ArcgisLocate$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisLocate, defineCustomElement };
+
+//# sourceMappingURL=arcgis-locate.js.map

package/dist/components/arcgis-locate.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-locate.js","mappings":"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","names":["ArcgisLocate"],"sources":["src/components/locate/locate.css?tag=arcgis-locate","src/components/locate/locate.tsx"],"sourcesContent":["arcgis-locate {\n  /* Component styles go here */\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, VNode, Watch } from \"@stencil/core\";\n\n// arcgis imports\nimport { newWidgetsLocate } from \"@arcgis/core-adapter\";\nimport type Locate from \"@arcgis/core/widgets/Locate\";\nimport {\n  ArcgisReferenceElement,\n  checkForView,\n  referenceElementHelper,\n  WidgetElement\n} from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ArcGISMapView, ArcGISSceneView } from \"../types\";\n\nexport type LocateWidget = InstanceType<typeof Locate>;\n\n@Component({\n  tag: \"arcgis-locate\",\n  styleUrl: \"locate.css\"\n})\nexport class ArcgisLocate implements WidgetElement {\n  //--------------------------------------------------------------------------\n  //\n  //  Elements\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLDivElement;\n\n  childElem: HTMLDivElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Prop() referenceElement: ArcgisReferenceElement | string;\n\n  @Watch(\"referenceElement\")\n  referenceElementWatcher(newValue: ArcgisReferenceElement | string): void {\n    referenceElementHelper(this, newValue);\n  }\n\n  @Prop() geolocationOptions: LocateWidget[\"geolocationOptions\"];\n\n  @Watch(\"geolocationOptions\")\n  geolocationOptionsWatcher(newValue: LocateWidget[\"geolocationOptions\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.geolocationOptions = newValue;\n    }\n  }\n\n  @Prop() goToLocationEnabled: LocateWidget[\"goToLocationEnabled\"];\n\n  @Watch(\"goToLocationEnabled\")\n  goToLocationEnabledWatcher(newValue: LocateWidget[\"goToLocationEnabled\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.goToLocationEnabled = newValue;\n    }\n  }\n\n  @Prop() graphic: LocateWidget[\"graphic\"];\n\n  @Watch(\"graphic\")\n  graphicWatcher(newValue: LocateWidget[\"graphic\"]): void {\n    if (this.widget) {\n      this.widget.graphic = newValue;\n    }\n  }\n\n  @Prop() popupEnabled: LocateWidget[\"popupEnabled\"];\n\n  @Watch(\"popupEnabled\")\n  popupEnabledWatcher(newValue: LocateWidget[\"popupEnabled\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.popupEnabled = newValue;\n    }\n  }\n\n  @Prop() rotationEnabled: LocateWidget[\"rotationEnabled\"];\n\n  @Watch(\"rotationEnabled\")\n  rotationEnabledWatcher(newValue: LocateWidget[\"rotationEnabled\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.rotationEnabled = newValue;\n    }\n  }\n\n  @Prop() scale: LocateWidget[\"scale\"];\n\n  @Watch(\"scale\")\n  scaleWatcher(newValue: LocateWidget[\"scale\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.scale = newValue;\n    }\n  }\n\n  @Prop() position = \"bottom-left\";\n\n  @Watch(\"position\")\n  positionWatcher(newValue: string): void {\n    if (newValue !== undefined && this.widget) {\n      this.view.ui.move(this.childElem, newValue);\n    }\n  }\n\n  @Prop({ mutable: true }) view: ArcGISMapView | ArcGISSceneView;\n\n  @Watch(\"view\")\n  viewWatcher(newValue: ArcGISMapView | ArcGISSceneView): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.view = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) widget: LocateWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.Locate }>;\n\n  @Event({ cancelable: true }) locateSuccess: EventEmitter<__esri.LocateLocateEvent>;\n  @Event({ cancelable: true }) locateError: EventEmitter<__esri.LocateLocateErrorEvent>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  //--------------------------------------------------------------------------\n\n  @Method()\n  async cancelLocate(): Promise<void> {\n    return this.widget?.cancelLocate();\n  }\n\n  @Method()\n  async locate(): Promise<any> {\n    return this.widget?.locate();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsLocate(params);\n\n    this.widget = widget;\n\n    this._proxyEvents();\n\n    this.widgetReady.emit({ widget: this.widget });\n\n    checkForView(this);\n  }\n\n  disconnectedCallback(): void {\n    onDisconnectedHelper(this);\n  }\n\n  render(): VNode {\n    return <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private _createParams(): Partial<LocateWidget> {\n    const params: Partial<LocateWidget> = {\n      container: this.childElem\n    };\n\n    if (this.geolocationOptions !== undefined) {\n      params.geolocationOptions = this.geolocationOptions;\n    }\n\n    if (this.goToLocationEnabled !== undefined) {\n      params.goToLocationEnabled = this.goToLocationEnabled;\n    }\n\n    if (this.graphic !== undefined) {\n      params.graphic = this.graphic;\n    }\n\n    if (this.popupEnabled !== undefined) {\n      params.popupEnabled = this.popupEnabled;\n    }\n\n    if (this.scale !== undefined) {\n      params.scale = this.scale;\n    }\n\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    return params;\n  }\n\n  private async _proxyEvents() {\n    this.widget?.on(\"locate\", (e) => this.locateSuccess.emit(e));\n    this.widget?.on(\"locate-error\", (e) => this.locateError.emit(e));\n  }\n}\n"],"version":3}