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

package/dist/esm/arcgis-directline-measurement-3d.entry.js

@@ -1,14 +1,15 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { v as newWidgetsDirectLineMeasurement3D, c as importCoreReactiveUtils } from './index-334b0bde.js';
-import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
-import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-05f887cd.js';
+import { s as newWidgetsDirectLineMeasurement3D, i as importCoreReactiveUtils } from './index-fd2cea51.js';
+import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils-42a79acb.js';
+import { o as onDisconnectedHelper } from './disconnected-bf72f8e5.js';
 
-const arcgisDirectlineMeasurement3dCss = "";
+const directlineMeasurement3dCss = "";
 
 const ArcgisDirectLineMeasurement3d = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.position = "bottom-left";
     this.expandable = false;
@@ -18,31 +19,24 @@ const ArcgisDirectLineMeasurement3d = class {
     this.widget = undefined;
     this.view = 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);
     }
   }
   unitWatcher(value) {
-    if (value && this.widget) {
+    if (this.widget) {
       this.widget.unit = value;
     }
   }
   unitOptionsWatcher(value) {
-    if (value && this.widget) {
+    if (this.widget) {
       this.widget.unitOptions = value;
     }
   }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
-  }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
       this.widget.view = newValue;
@@ -77,9 +71,9 @@ const ArcgisDirectLineMeasurement3d = class {
   //--------------------------------------------------------------------------
   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 = {
@@ -98,13 +92,15 @@ const ArcgisDirectLineMeasurement3d = class {
   }
   get el() { return getElement(this); }
   static get watchers() { return {
+    "referenceElement": ["referenceElementWatcher"],
     "position": ["positionWatcher"],
     "unit": ["unitWatcher"],
     "unitOptions": ["unitOptionsWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisDirectLineMeasurement3d.style = arcgisDirectlineMeasurement3dCss;
+ArcgisDirectLineMeasurement3d.style = directlineMeasurement3dCss;
 
 export { ArcgisDirectLineMeasurement3d as arcgis_directline_measurement_3d };
+
+//# sourceMappingURL=arcgis-directline-measurement-3d.entry.js.map

package/dist/esm/arcgis-directline-measurement-3d.entry.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-directline-measurement-3d.entry.js","mappings":";;;;;AAAA,MAAM,0BAA0B,GAAG,EAAE;;MCiBxB,6BAA6B;;;;IAoExC,kBAAa,GAAyB,EAAE,CAAC;;oBA1CtB,aAAa;sBASX,KAAK;;;;;;;EAb1B,uBAAuB,CAAC,QAAyC;IAC/D,sBAAsB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;GACxC;EAKD,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;EASD,WAAW,CAAC,KAA4C;IACtD,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC;KAC1B;GACF;EAKD,kBAAkB,CAAC,KAAmD;IACpE,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,KAAK,CAAC;KACjC;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;;;;;;EAkBD,MAAM,gBAAgB;IACpB,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;IAEpC,MAAM,MAAM,GAAG,MAAM,iCAAiC,CAAC,MAAM,CAAC,CAAC;IAE/D,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IAErB,IAAI,CAAC,YAAY,EAAE,CAAC;IAEpB,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,GAA2C;MACrD,SAAS,EAAE,IAAI,CAAC,SAAS;KAC1B,CAAC;IAEF,IAAI,IAAI,CAAC,IAAI,EAAE;MACb,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;KACzB;IAED,IAAI,IAAI,CAAC,IAAI,EAAE;MACb,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;KACzB;IAED,IAAI,IAAI,CAAC,WAAW,EAAE;MACpB,MAAM,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;KACvC;IAED,OAAO,MAAM,CAAC;GACf;;;;;;;;;;;;;;","names":[],"sources":["src/components/directline-measurement-3d/directline-measurement-3d.css?tag=arcgis-directline-measurement-3d","src/components/directline-measurement-3d/directline-measurement-3d.tsx"],"sourcesContent":["","import { Component, Element, Event, EventEmitter, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { importCoreReactiveUtils, newWidgetsDirectLineMeasurement3D } from \"@arcgis/core-adapter\";\nimport type DirectLineMeasurement3D from \"@arcgis/core/widgets/DirectLineMeasurement3D\";\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 DirectLineMeasurement3DWidget = InstanceType<typeof DirectLineMeasurement3D>;\n\n@Component({\n  tag: \"arcgis-directline-measurement-3d\",\n  styleUrl: \"directline-measurement-3d.css\",\n  shadow: false\n})\nexport class ArcgisDirectLineMeasurement3d 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() 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 }) analysis: DirectLineMeasurement3DWidget[\"analysis\"];\n\n  @Prop() unit: DirectLineMeasurement3DWidget[\"unit\"];\n\n  @Watch(\"unit\")\n  unitWatcher(value: DirectLineMeasurement3DWidget[\"unit\"]): void {\n    if (this.widget) {\n      this.widget.unit = value;\n    }\n  }\n\n  @Prop() unitOptions: DirectLineMeasurement3DWidget[\"unitOptions\"];\n\n  @Watch(\"unitOptions\")\n  unitOptionsWatcher(value: DirectLineMeasurement3DWidget[\"unitOptions\"]): void {\n    if (this.widget) {\n      this.widget.unitOptions = value;\n    }\n  }\n\n  @Prop({ mutable: true }) widget: DirectLineMeasurement3DWidget;\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  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.DirectLineMeasurement3D }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsDirectLineMeasurement3D(params);\n\n    this.widget = widget;\n\n    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<DirectLineMeasurement3DWidget> {\n    const params: Partial<DirectLineMeasurement3DWidget> = {\n      container: this.childElem\n    };\n\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    if (this.unit) {\n      params.unit = this.unit;\n    }\n\n    if (this.unitOptions) {\n      params.unitOptions = this.unitOptions;\n    }\n\n    return params;\n  }\n}\n"],"version":3}

package/dist/esm/arcgis-distance-measurement-2d.entry.js

@@ -1,14 +1,15 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { w as newWidgetsDistanceMeasurement2D } from './index-334b0bde.js';
-import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
-import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-05f887cd.js';
+import { t as newWidgetsDistanceMeasurement2D } from './index-fd2cea51.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-42a79acb.js';
+import { o as onDisconnectedHelper } from './disconnected-bf72f8e5.js';
 
-const arcgisDistanceMeasurement2dCss = "";
+const distanceMeasurement2dCss = "";
 
 const ArcgisDistanceMeasurement2d = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.position = "bottom-left";
     this.expandable = false;
@@ -17,31 +18,24 @@ const ArcgisDistanceMeasurement2d = class {
     this.widget = undefined;
     this.view = 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);
     }
   }
   unitWatcher(value) {
-    if (value && this.widget) {
+    if (this.widget) {
       this.widget.unit = value;
     }
   }
   unitOptionsWatcher(value) {
-    if (value && this.widget) {
+    if (this.widget) {
       this.widget.unitOptions = value;
     }
   }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
-  }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
       this.widget.view = newValue;
@@ -90,13 +84,15 @@ const ArcgisDistanceMeasurement2d = class {
   }
   get el() { return getElement(this); }
   static get watchers() { return {
+    "referenceElement": ["referenceElementWatcher"],
     "position": ["positionWatcher"],
     "unit": ["unitWatcher"],
     "unitOptions": ["unitOptionsWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisDistanceMeasurement2d.style = arcgisDistanceMeasurement2dCss;
+ArcgisDistanceMeasurement2d.style = distanceMeasurement2dCss;
 
 export { ArcgisDistanceMeasurement2d as arcgis_distance_measurement_2d };
+
+//# sourceMappingURL=arcgis-distance-measurement-2d.entry.js.map

package/dist/esm/arcgis-distance-measurement-2d.entry.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-distance-measurement-2d.entry.js","mappings":";;;;;AAAA,MAAM,wBAAwB,GAAG,EAAE;;MCiBtB,2BAA2B;;;;IAkEtC,kBAAa,GAAyB,EAAE,CAAC;;oBAxCtB,aAAa;sBASX,KAAK;;;;;;EAb1B,uBAAuB,CAAC,QAAyC;IAC/D,sBAAsB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;GACxC;EAKD,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,KAA0C;IACpD,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC;KAC1B;GACF;EAKD,kBAAkB,CAAC,KAAiD;IAClE,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,KAAK,CAAC;KACjC;GACF;EAOD,WAAW,CAAC,QAAuB;IACjC,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;KAC7B;GACF;;;;;;EAkBD,MAAM,gBAAgB;IACpB,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;IAEpC,MAAM,MAAM,GAAG,MAAM,+BAA+B,CAAC,MAAM,CAAC,CAAC;IAE7D,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IAErB,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,aAAa;IACnB,MAAM,MAAM,GAAyC;MACnD,SAAS,EAAE,IAAI,CAAC,SAAS;KAC1B,CAAC;IAEF,IAAI,IAAI,CAAC,IAAI,EAAE;MACb,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;KACzB;IAED,IAAI,IAAI,CAAC,IAAI,EAAE;MACb,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;KACzB;IAED,IAAI,IAAI,CAAC,WAAW,EAAE;MACpB,MAAM,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;KACvC;IAED,OAAO,MAAM,CAAC;GACf;;;;;;;;;;;;;;","names":[],"sources":["src/components/distance-measurement-2d/distance-measurement-2d.css?tag=arcgis-distance-measurement-2d","src/components/distance-measurement-2d/distance-measurement-2d.tsx"],"sourcesContent":["","import { Component, Element, Event, EventEmitter, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { newWidgetsDistanceMeasurement2D } from \"@arcgis/core-adapter\";\nimport type DistanceMeasurement2D from \"@arcgis/core/widgets/DistanceMeasurement2D\";\nimport { ArcgisReferenceElement, checkForView, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\nimport { ArcGISMapView } from \"../types\";\n\nexport type DistanceMeasurement2DWidget = InstanceType<typeof DistanceMeasurement2D>;\n\n@Component({\n  tag: \"arcgis-distance-measurement-2d\",\n  styleUrl: \"distance-measurement-2d.css\",\n  shadow: false\n})\nexport class ArcgisDistanceMeasurement2d 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() 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() unit: DistanceMeasurement2DWidget[\"unit\"];\n\n  @Watch(\"unit\")\n  unitWatcher(value: DistanceMeasurement2DWidget[\"unit\"]): void {\n    if (this.widget) {\n      this.widget.unit = value;\n    }\n  }\n\n  @Prop() unitOptions: DistanceMeasurement2DWidget[\"unitOptions\"];\n\n  @Watch(\"unitOptions\")\n  unitOptionsWatcher(value: DistanceMeasurement2DWidget[\"unitOptions\"]): void {\n    if (this.widget) {\n      this.widget.unitOptions = value;\n    }\n  }\n\n  @Prop({ mutable: true }) widget: DistanceMeasurement2DWidget;\n\n  @Prop({ mutable: true }) view: ArcGISMapView;\n\n  @Watch(\"view\")\n  viewWatcher(newValue: ArcGISMapView): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.view = newValue;\n    }\n  }\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.DistanceMeasurement2D }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsDistanceMeasurement2D(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  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private _createParams(): Partial<DistanceMeasurement2DWidget> {\n    const params: Partial<DistanceMeasurement2DWidget> = {\n      container: this.childElem\n    };\n\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    if (this.unit) {\n      params.unit = this.unit;\n    }\n\n    if (this.unitOptions) {\n      params.unitOptions = this.unitOptions;\n    }\n\n    return params;\n  }\n}\n"],"version":3}

package/dist/esm/arcgis-editor.entry.js

@@ -1,14 +1,15 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { x as newWidgetsEditor, c as importCoreReactiveUtils } from './index-334b0bde.js';
-import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
-import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-05f887cd.js';
+import { u as newWidgetsEditor, i as importCoreReactiveUtils } from './index-fd2cea51.js';
+import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils-42a79acb.js';
+import { o as onDisconnectedHelper } from './disconnected-bf72f8e5.js';
 
-const arcgisEditorCss = "";
+const editorCss = "";
 
 const ArcgisEditor = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.activeWorkflow = undefined;
     this.allowedWorkflows = undefined;
@@ -17,55 +18,54 @@ const ArcgisEditor = class {
     this.snappingOptions = undefined;
     this.supportingWidgetDefaults = undefined;
     this.tooltipOptions = 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);
   }
   allowedWorkflowsWatcher(value) {
-    if (value && this.widget) {
+    if (this.widget) {
       this.widget.allowedWorkflows = value;
     }
   }
   labelOptionsWatcher(value) {
-    if (value && this.widget) {
+    if (this.widget) {
       this.widget.labelOptions = value;
     }
   }
   layerInfosWatcher(value) {
-    if (value && this.widget) {
+    if (this.widget) {
       this.widget.layerInfos = value;
     }
   }
   snappingOptionsWatcher(value) {
-    if (value && this.widget) {
+    if (this.widget) {
       this.widget.snappingOptions = value;
     }
   }
   supportingWidgetDefaultsWatcher(value) {
-    if (value && this.widget) {
+    if (this.widget) {
       this.widget.supportingWidgetDefaults = value;
     }
   }
   tooltipOptionsWatcher(value) {
-    if (value && this.widget) {
+    if (this.widget) {
       this.widget.tooltipOptions = value;
     }
   }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
+  visibleElementsWatcher(value) {
+    if (this.widget) {
+      this.widget.visibleElements = value;
+    }
+  }
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.view.ui.move(this.childElem, newValue);
+    }
   }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
@@ -127,9 +127,9 @@ const ArcgisEditor = class {
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await importCoreReactiveUtils();
-    watch(() => this.widget.activeWorkflow, (value) => (this.activeWorkflow = value), {
+    addHandles(this, watch(() => this.widget.activeWorkflow, (value) => (this.activeWorkflow = value), {
       initial: true
-    });
+    }));
   }
   _createParams() {
     const params = {
@@ -153,6 +153,9 @@ const ArcgisEditor = class {
     if (this.tooltipOptions) {
       params.tooltipOptions = this.tooltipOptions;
     }
+    if (this.visibleElements) {
+      params.visibleElements = this.visibleElements;
+    }
     if (this.view) {
       params.view = this.view;
     }
@@ -160,17 +163,20 @@ const ArcgisEditor = class {
   }
   get el() { return getElement(this); }
   static get watchers() { return {
-    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
     "allowedWorkflows": ["allowedWorkflowsWatcher"],
     "labelOptions": ["labelOptionsWatcher"],
     "layerInfos": ["layerInfosWatcher"],
     "snappingOptions": ["snappingOptionsWatcher"],
     "supportingWidgetDefaults": ["supportingWidgetDefaultsWatcher"],
     "tooltipOptions": ["tooltipOptionsWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
+    "visibleElements": ["visibleElementsWatcher"],
+    "position": ["positionWatcher"],
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisEditor.style = arcgisEditorCss;
+ArcgisEditor.style = editorCss;
 
 export { ArcgisEditor as arcgis_editor };
+
+//# sourceMappingURL=arcgis-editor.entry.js.map

package/dist/esm/arcgis-editor.entry.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-editor.entry.js","mappings":"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","names":[],"sources":["src/components/editor/editor.css?tag=arcgis-editor","src/components/editor/editor.tsx"],"sourcesContent":["","import { Component, Element, Event, EventEmitter, Method, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { importCoreReactiveUtils, newWidgetsEditor } from \"@arcgis/core-adapter\";\nimport type Editor from \"@arcgis/core/widgets/Editor\";\nimport { ArcgisReferenceElement, addHandles, checkForView, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\nimport { ArcGISGraphic, ArcGISMapView, ArcGISSceneView } from \"../types\";\n\nexport type EditorWidget = InstanceType<typeof Editor>;\n\n@Component({\n  tag: \"arcgis-editor\",\n  styleUrl: \"editor.css\",\n  shadow: false\n})\nexport class ArcgisEditor 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({ mutable: true }) activeWorkflow: EditorWidget[\"activeWorkflow\"];\n\n  @Prop() allowedWorkflows: EditorWidget[\"allowedWorkflows\"];\n\n  @Watch(\"allowedWorkflows\")\n  allowedWorkflowsWatcher(value: EditorWidget[\"allowedWorkflows\"]): void {\n    if (this.widget) {\n      this.widget.allowedWorkflows = value;\n    }\n  }\n\n  @Prop() labelOptions: EditorWidget[\"labelOptions\"];\n\n  @Watch(\"labelOptions\")\n  labelOptionsWatcher(value: EditorWidget[\"labelOptions\"]): void {\n    if (this.widget) {\n      this.widget.labelOptions = value;\n    }\n  }\n\n  @Prop() layerInfos: EditorWidget[\"layerInfos\"];\n\n  @Watch(\"layerInfos\")\n  layerInfosWatcher(value: EditorWidget[\"layerInfos\"]): void {\n    if (this.widget) {\n      this.widget.layerInfos = value;\n    }\n  }\n\n  @Prop() snappingOptions: EditorWidget[\"snappingOptions\"];\n\n  @Watch(\"snappingOptions\")\n  snappingOptionsWatcher(value: EditorWidget[\"snappingOptions\"]): void {\n    if (this.widget) {\n      this.widget.snappingOptions = value;\n    }\n  }\n\n  @Prop() supportingWidgetDefaults: EditorWidget[\"supportingWidgetDefaults\"];\n\n  @Watch(\"supportingWidgetDefaults\")\n  supportingWidgetDefaultsWatcher(value: EditorWidget[\"supportingWidgetDefaults\"]): void {\n    if (this.widget) {\n      this.widget.supportingWidgetDefaults = value;\n    }\n  }\n\n  @Prop() tooltipOptions: EditorWidget[\"tooltipOptions\"];\n\n  @Watch(\"tooltipOptions\")\n  tooltipOptionsWatcher(value: EditorWidget[\"tooltipOptions\"]): void {\n    if (this.widget) {\n      this.widget.tooltipOptions = value;\n    }\n  }\n\n  @Prop() visibleElements: EditorWidget[\"visibleElements\"];\n\n  @Watch(\"visibleElements\")\n  visibleElementsWatcher(value: EditorWidget[\"visibleElements\"]): void {\n    if (this.widget) {\n      this.widget.visibleElements = value;\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: EditorWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.Editor }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  //--------------------------------------------------------------------------\n\n  @Method()\n  async cancelWorkflow(): Promise<void> {\n    return this.widget?.cancelWorkflow();\n  }\n\n  @Method()\n  async deleteFeatureFromWorkflow(): Promise<void> {\n    return this.widget?.deleteFeatureFromWorkflow();\n  }\n\n  @Method()\n  async startCreateFeaturesWorkflowAtFeatureCreation(info: __esri.CreationInfo): Promise<void> {\n    return this.widget?.startCreateFeaturesWorkflowAtFeatureCreation(info);\n  }\n\n  @Method()\n  async startCreateFeaturesWorkflowAtFeatureTypeSelection(): Promise<void> {\n    return this.widget?.startCreateFeaturesWorkflowAtFeatureTypeSelection();\n  }\n\n  @Method()\n  async startUpdateWorkflowAtFeatureEdit(feature: ArcGISGraphic): Promise<void> {\n    return this.widget?.startUpdateWorkflowAtFeatureEdit(feature);\n  }\n\n  @Method()\n  async startUpdateWorkflowAtFeatureSelection(): Promise<void> {\n    return this.widget?.startUpdateWorkflowAtFeatureSelection();\n  }\n\n  @Method()\n  async startUpdateWorkflowAtMultipleFeatureSelection(candidates: ArcGISGraphic[]): Promise<void> {\n    return this.widget?.startUpdateWorkflowAtMultipleFeatureSelection(candidates);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsEditor(params);\n\n    this.widget = widget;\n\n    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  //\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.activeWorkflow,\n        (value) => (this.activeWorkflow = value),\n        {\n          initial: true\n        }\n      )\n    );\n  }\n\n  private _createParams(): Partial<EditorWidget> {\n    const params: Partial<EditorWidget> = {\n      container: this.childElem\n    };\n\n    if (this.allowedWorkflows) {\n      params.allowedWorkflows = this.allowedWorkflows;\n    }\n\n    if (this.labelOptions) {\n      params.labelOptions = this.labelOptions;\n    }\n\n    if (this.layerInfos) {\n      params.layerInfos = this.layerInfos;\n    }\n\n    if (this.snappingOptions) {\n      params.snappingOptions = this.snappingOptions;\n    }\n\n    if (this.supportingWidgetDefaults) {\n      params.supportingWidgetDefaults = this.supportingWidgetDefaults;\n    }\n\n    if (this.tooltipOptions) {\n      params.tooltipOptions = this.tooltipOptions;\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"],"version":3}

package/dist/esm/arcgis-elevation-profile.entry.js

@@ -1,14 +1,15 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { y as newWidgetsElevationProfile } from './index-334b0bde.js';
-import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
-import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-05f887cd.js';
+import { v as newWidgetsElevationProfile, i as importCoreReactiveUtils } from './index-fd2cea51.js';
+import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils-42a79acb.js';
+import { o as onDisconnectedHelper } from './disconnected-bf72f8e5.js';
 
-const arcgisElevationProfileCss = "";
+const elevationProfileCss = "";
 
 const ArcgisElevationProfile = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.geodesicDistanceThreshold = undefined;
     this.input = undefined;
@@ -17,23 +18,15 @@ const ArcgisElevationProfile = class {
     this.expandable = false;
     this.unit = undefined;
     this.unitOptions = undefined;
+    this.visibleElements = undefined;
     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);
   }
   geodesicDistanceThresholdWatcher(value) {
-    if (value && this.widget) {
+    if (value !== undefined && this.widget) {
       this.widget.geodesicDistanceThreshold = value;
     }
   }
@@ -47,6 +40,11 @@ const ArcgisElevationProfile = class {
       this.widget.profiles = value;
     }
   }
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.view.ui.move(this.childElem, newValue);
+    }
+  }
   unitWatcher(value) {
     if (value && this.widget) {
       this.widget.unit = value;
@@ -57,8 +55,10 @@ const ArcgisElevationProfile = class {
       this.widget.unitOptions = value;
     }
   }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
+  visibleElementsWatcher(value) {
+    if (this.widget) {
+      this.widget.visibleElements = value;
+    }
   }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
@@ -74,6 +74,7 @@ const ArcgisElevationProfile = class {
     const params = this._createParams();
     const widget = await newWidgetsElevationProfile(params);
     this.widget = widget;
+    await this._addWatchers();
     this.widgetReady.emit({ widget: this.widget });
     checkForView(this);
   }
@@ -91,6 +92,12 @@ const ArcgisElevationProfile = class {
   //  Private Methods
   //
   //--------------------------------------------------------------------------
+  async _addWatchers() {
+    const { watch } = await importCoreReactiveUtils();
+    addHandles(this, watch(() => this.widget.input, () => (this.input = this.widget.input), {
+      initial: true
+    }));
+  }
   _createParams() {
     const params = {
       container: this.childElem
@@ -113,20 +120,26 @@ const ArcgisElevationProfile = class {
     if (this.unitOptions) {
       params.unitOptions = this.unitOptions;
     }
+    if (this.visibleElements) {
+      params.visibleElements = this.visibleElements;
+    }
     return params;
   }
   get el() { return getElement(this); }
   static get watchers() { return {
-    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
     "geodesicDistanceThreshold": ["geodesicDistanceThresholdWatcher"],
     "input": ["inputWatcher"],
     "profiles": ["profilesWatcher"],
+    "position": ["positionWatcher"],
     "unit": ["unitWatcher"],
     "unitOptions": ["unitOptionsWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
+    "visibleElements": ["visibleElementsWatcher"],
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisElevationProfile.style = arcgisElevationProfileCss;
+ArcgisElevationProfile.style = elevationProfileCss;
 
 export { ArcgisElevationProfile as arcgis_elevation_profile };
+
+//# sourceMappingURL=arcgis-elevation-profile.entry.js.map

package/dist/esm/arcgis-elevation-profile.entry.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-elevation-profile.entry.js","mappings":"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","names":[],"sources":["src/components/elevation-profile/elevation-profile.css?tag=arcgis-elevation-profile","src/components/elevation-profile/elevation-profile.tsx"],"sourcesContent":["","import { Component, Element, Event, EventEmitter, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { importCoreReactiveUtils, newWidgetsElevationProfile } from \"@arcgis/core-adapter\";\nimport type ElevationProfile from \"@arcgis/core/widgets/ElevationProfile\";\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 ElevationProfileWidget = InstanceType<typeof ElevationProfile>;\n\n@Component({\n  tag: \"arcgis-elevation-profile\",\n  styleUrl: \"elevation-profile.css\",\n  shadow: false\n})\nexport class ArcgisElevationProfile 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() geodesicDistanceThreshold: ElevationProfileWidget[\"geodesicDistanceThreshold\"];\n\n  @Watch(\"geodesicDistanceThreshold\")\n  geodesicDistanceThresholdWatcher(value: ElevationProfileWidget[\"geodesicDistanceThreshold\"]): void {\n    if (value !== undefined && this.widget) {\n      this.widget.geodesicDistanceThreshold = value;\n    }\n  }\n\n  @Prop({ mutable: true }) input: ElevationProfileWidget[\"input\"];\n\n  @Watch(\"input\")\n  inputWatcher(value: ElevationProfileWidget[\"input\"]): void {\n    if (value && this.widget) {\n      this.widget.input = value;\n    }\n  }\n\n  @Prop() profiles: ElevationProfileWidget[\"profiles\"];\n\n  @Watch(\"profiles\")\n  profilesWatcher(value: ElevationProfileWidget[\"profiles\"]): void {\n    if (value && this.widget) {\n      this.widget.profiles = value;\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() unit: ElevationProfileWidget[\"unit\"];\n\n  @Watch(\"unit\")\n  unitWatcher(value: ElevationProfileWidget[\"unit\"]): void {\n    if (value && this.widget) {\n      this.widget.unit = value;\n    }\n  }\n\n  @Prop() unitOptions: ElevationProfileWidget[\"unitOptions\"];\n\n  @Watch(\"unitOptions\")\n  unitOptionsWatcher(value: ElevationProfileWidget[\"unitOptions\"]): void {\n    if (value && this.widget) {\n      this.widget.unitOptions = value;\n    }\n  }\n\n  @Prop() visibleElements: ElevationProfileWidget[\"visibleElements\"];\n\n  @Watch(\"visibleElements\")\n  visibleElementsWatcher(value: ElevationProfileWidget[\"visibleElements\"]): void {\n    if (this.widget) {\n      this.widget.visibleElements = value;\n    }\n  }\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: ElevationProfileWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.ElevationProfile }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsElevationProfile(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.input,\n        () => (this.input = this.widget.input),\n        {\n          initial: true\n        }\n      )\n    );\n  }\n\n  private _createParams(): Partial<ElevationProfileWidget> {\n    const params: Partial<ElevationProfileWidget> = {\n      container: this.childElem\n    };\n\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    if (this.geodesicDistanceThreshold) {\n      params.geodesicDistanceThreshold = this.geodesicDistanceThreshold;\n    }\n\n    if (this.input) {\n      params.input = this.input;\n    }\n\n    if (this.profiles) {\n      params.profiles = this.profiles;\n    }\n\n    if (this.unit) {\n      params.unit = this.unit;\n    }\n\n    if (this.unitOptions) {\n      params.unitOptions = this.unitOptions;\n    }\n\n    if (this.visibleElements) {\n      params.visibleElements = this.visibleElements;\n    }\n\n    return params;\n  }\n}\n"],"version":3}