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

package/dist/components/arcgis-daylight.js

@@ -1,35 +1,29 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { k as newWidgetsDaylight } 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 { l as newWidgetsDaylight } 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 arcgisDaylightCss = "";
+const daylightCss = "";
 
-const ArcgisDaylight$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisDaylight$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisDaylight extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.dateOrSeason = undefined;
     this.playSpeedMultiplier = undefined;
     this.timeSliderSteps = 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);
   }
   dateOrSeasonWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
@@ -46,8 +40,15 @@ const ArcgisDaylight$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
       this.widget.timeSliderSteps = 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) {
@@ -100,23 +101,33 @@ const ArcgisDaylight$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
   }
   get el() { return this; }
   static get watchers() { return {
-    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
     "dateOrSeason": ["dateOrSeasonWatcher"],
     "playSpeedMultiplier": ["playSpeedMultiplierWatcher"],
     "timeSliderSteps": ["timeSliderStepsWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
+    "visibleElements": ["visibleElementsWatcher"],
+    "position": ["positionWatcher"],
     "view": ["viewWatcher"]
   }; }
-  static get style() { return arcgisDaylightCss; }
+  static get style() { return daylightCss; }
 }, [0, "arcgis-daylight", {
     "referenceElement": [1, "reference-element"],
     "dateOrSeason": [1, "date-or-season"],
     "playSpeedMultiplier": [2, "play-speed-multiplier"],
     "timeSliderSteps": [2, "time-slider-steps"],
+    "visibleElements": [16],
     "position": [1],
     "expandable": [4],
     "view": [1040],
     "widget": [1040]
+  }, undefined, {
+    "referenceElement": ["referenceElementWatcher"],
+    "dateOrSeason": ["dateOrSeasonWatcher"],
+    "playSpeedMultiplier": ["playSpeedMultiplierWatcher"],
+    "timeSliderSteps": ["timeSliderStepsWatcher"],
+    "visibleElements": ["visibleElementsWatcher"],
+    "position": ["positionWatcher"],
+    "view": ["viewWatcher"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -142,3 +153,5 @@ const ArcgisDaylight = ArcgisDaylight$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisDaylight, defineCustomElement };
+
+//# sourceMappingURL=arcgis-daylight.js.map

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

@@ -0,0 +1 @@
+{"file":"arcgis-daylight.js","mappings":"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","names":["ArcgisDaylight"],"sources":["src/components/daylight/daylight.css?tag=arcgis-daylight","src/components/daylight/daylight.tsx"],"sourcesContent":["","import { Component, Element, Event, EventEmitter, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { newWidgetsDaylight } from \"@arcgis/core-adapter\";\nimport type Daylight from \"@arcgis/core/widgets/Daylight\";\nimport { ArcgisReferenceElement, checkForView, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\nimport { ArcGISSceneView } from \"../types\";\n\nexport type DaylightWidget = InstanceType<typeof Daylight>;\n\n@Component({\n  tag: \"arcgis-daylight\",\n  styleUrl: \"daylight.css\",\n  shadow: false\n})\nexport class ArcgisDaylight 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() dateOrSeason: DaylightWidget[\"dateOrSeason\"];\n\n  @Watch(\"dateOrSeason\")\n  dateOrSeasonWatcher(newValue: DaylightWidget[\"dateOrSeason\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.dateOrSeason = newValue;\n    }\n  }\n\n  @Prop() playSpeedMultiplier: number;\n\n  @Watch(\"playSpeedMultiplier\")\n  playSpeedMultiplierWatcher(newValue: DaylightWidget[\"playSpeedMultiplier\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.playSpeedMultiplier = newValue;\n    }\n  }\n\n  @Prop() timeSliderSteps: DaylightWidget[\"timeSliderSteps\"];\n\n  @Watch(\"timeSliderSteps\")\n  timeSliderStepsWatcher(newValue: DaylightWidget[\"timeSliderSteps\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.timeSliderSteps = newValue;\n    }\n  }\n\n  @Prop() visibleElements: DaylightWidget[\"visibleElements\"];\n\n  @Watch(\"visibleElements\")\n  visibleElementsWatcher(newValue: DaylightWidget[\"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: 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: DaylightWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.Daylight }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsDaylight(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<DaylightWidget> {\n    const params: Partial<DaylightWidget> = {\n      container: this.childElem\n    };\n\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    if (this.dateOrSeason) {\n      params.dateOrSeason = this.dateOrSeason;\n    }\n\n    if (this.playSpeedMultiplier) {\n      params.playSpeedMultiplier = this.playSpeedMultiplier;\n    }\n\n    if (this.timeSliderSteps) {\n      params.timeSliderSteps = this.timeSliderSteps;\n    }\n\n    return params;\n  }\n}\n"],"version":3}

package/dist/components/arcgis-directions.js

@@ -1,15 +1,17 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { l as newLayersRouteLayer, m as newWidgetsDirections, 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 { m as newLayersRouteLayer, o as newWidgetsDirections, i as importCoreReactiveUtils } from './index2.js';
+import { r as referenceElementHelper, i as isNullOrEmptyString, 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 arcgisDirectionsCss = "";
+const directionsCss = "";
 
-const ArcgisDirections$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisDirections$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisDirections extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.apiKey = undefined;
     this.routeLayerItemId = undefined;
@@ -18,22 +20,15 @@ const ArcgisDirections$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     this.maxStops = undefined;
     this.searchProperties = undefined;
     this.unit = undefined;
+    this.useDefaultRouteLayer = true;
+    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);
   }
   apiKeyWatcher(value) {
     if (value && this.widget) {
@@ -41,7 +36,16 @@ const ArcgisDirections$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     }
   }
   routeLayerItemIdWatcher(value) {
-    if (value && this.widget) {
+    if (isNullOrEmptyString(value)) {
+      this.view?.map.remove(this.layer);
+      // maintain a default route layer
+      if (this.useDefaultRouteLayer) {
+        newLayersRouteLayer({}).then((layer) => {
+          this.layer = layer;
+        });
+      }
+    }
+    else if (value && this.widget) {
       newLayersRouteLayer({
         portalItem: {
           id: value
@@ -51,29 +55,42 @@ const ArcgisDirections$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
       });
     }
   }
-  layerWatcher(value) {
+  layerWatcher(value, old) {
+    if (old) {
+      this.view?.map.remove(old);
+    }
     if (value && this.widget) {
       this.widget.layer = value;
       this.view?.map.add(this.layer);
     }
+    else if (!value) {
+      this.widget.layer = null;
+    }
   }
   maxStopsWatcher(value) {
-    if (value && this.widget) {
+    if (value !== undefined && this.widget) {
       this.widget.maxStops = value;
     }
   }
   searchPropertiesWatcher(value) {
-    if (value && this.widget) {
+    if (this.widget) {
       this.widget.searchProperties = value;
     }
   }
   unitWatcher(value) {
-    if (value && this.widget) {
+    if (this.widget) {
       this.widget.unit = value;
     }
   }
-  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) {
@@ -129,9 +146,9 @@ const ArcgisDirections$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await importCoreReactiveUtils();
-    watch(() => this.widget.lastRoute, (value) => (this.lastRoute = value), {
+    addHandles(this, watch(() => this.widget.lastRoute, (value) => (this.lastRoute = value), {
       initial: true
-    });
+    }));
   }
   async _createParams() {
     const params = {
@@ -155,7 +172,7 @@ const ArcgisDirections$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
       params.layer = this.layer;
       this.layer = params.layer;
     }
-    else {
+    else if (this.useDefaultRouteLayer) {
       params.layer = await newLayersRouteLayer({});
       this.layer = params.layer;
     }
@@ -171,21 +188,25 @@ const ArcgisDirections$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     if (this.unit) {
       params.unit = this.unit;
     }
+    if (this.visibleElements) {
+      params.visibleElements = this.visibleElements;
+    }
     return params;
   }
   get el() { return this; }
   static get watchers() { return {
-    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
     "apiKey": ["apiKeyWatcher"],
     "routeLayerItemId": ["routeLayerItemIdWatcher"],
     "layer": ["layerWatcher"],
     "maxStops": ["maxStopsWatcher"],
     "searchProperties": ["searchPropertiesWatcher"],
     "unit": ["unitWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
+    "visibleElements": ["visibleElementsWatcher"],
+    "position": ["positionWatcher"],
     "view": ["viewWatcher"]
   }; }
-  static get style() { return arcgisDirectionsCss; }
+  static get style() { return directionsCss; }
 }, [0, "arcgis-directions", {
     "referenceElement": [1, "reference-element"],
     "apiKey": [1, "api-key"],
@@ -195,6 +216,8 @@ const ArcgisDirections$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     "maxStops": [2, "max-stops"],
     "searchProperties": [16],
     "unit": [1],
+    "useDefaultRouteLayer": [4, "use-default-route-layer"],
+    "visibleElements": [16],
     "position": [1],
     "expandable": [4],
     "view": [1040],
@@ -203,6 +226,17 @@ const ArcgisDirections$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     "save": [64],
     "saveAs": [64],
     "zoomToRoute": [64]
+  }, undefined, {
+    "referenceElement": ["referenceElementWatcher"],
+    "apiKey": ["apiKeyWatcher"],
+    "routeLayerItemId": ["routeLayerItemIdWatcher"],
+    "layer": ["layerWatcher"],
+    "maxStops": ["maxStopsWatcher"],
+    "searchProperties": ["searchPropertiesWatcher"],
+    "unit": ["unitWatcher"],
+    "visibleElements": ["visibleElementsWatcher"],
+    "position": ["positionWatcher"],
+    "view": ["viewWatcher"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -228,3 +262,5 @@ const ArcgisDirections = ArcgisDirections$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisDirections, defineCustomElement };
+
+//# sourceMappingURL=arcgis-directions.js.map

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

@@ -0,0 +1 @@
+{"file":"arcgis-directions.js","mappings":"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","names":["ArcgisDirections"],"sources":["src/components/directions/directions.css?tag=arcgis-directions","src/components/directions/directions.tsx"],"sourcesContent":["","import { Component, Element, Event, EventEmitter, h, Method, Prop, VNode, Watch } from \"@stencil/core\";\n\n// arcgis imports\nimport { importCoreReactiveUtils, newLayersRouteLayer, newWidgetsDirections } from \"@arcgis/core-adapter\";\nimport type Directions from \"@arcgis/core/widgets/Directions\";\nimport {\n  addHandles,\n  ArcgisReferenceElement,\n  checkForView,\n  isNullOrEmptyString,\n  referenceElementHelper\n} from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\nimport { ArcGISMapView, ArcGISSceneView } from \"../types\";\n\nexport type DirectionsWidget = InstanceType<typeof Directions>;\n\n@Component({\n  tag: \"arcgis-directions\",\n  styleUrl: \"directions.css\",\n  shadow: false\n})\nexport class ArcgisDirections 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() apiKey: string;\n\n  @Watch(\"apiKey\")\n  apiKeyWatcher(value: string): void {\n    if (value && this.widget) {\n      this.widget.apiKey = value;\n    }\n  }\n\n  @Prop() routeLayerItemId: string;\n\n  @Watch(\"routeLayerItemId\")\n  routeLayerItemIdWatcher(value: string): void {\n    if (isNullOrEmptyString(value)) {\n      this.view?.map.remove(this.layer);\n      // maintain a default route layer\n      if (this.useDefaultRouteLayer) {\n        newLayersRouteLayer({}).then((layer) => {\n          this.layer = layer;\n        });\n      }\n    } else if (value && this.widget) {\n      newLayersRouteLayer({\n        portalItem: {\n          id: value\n        } as any\n      }).then((layer) => {\n        this.layer = layer;\n      });\n    }\n  }\n\n  @Prop({ mutable: true }) lastRoute: DirectionsWidget[\"lastRoute\"];\n\n  @Prop() layer: DirectionsWidget[\"layer\"];\n\n  @Watch(\"layer\")\n  layerWatcher(value: DirectionsWidget[\"layer\"], old: DirectionsWidget[\"layer\"]): void {\n    if (old) {\n      this.view?.map.remove(old);\n    }\n    if (value && this.widget) {\n      this.widget.layer = value;\n      this.view?.map.add(this.layer);\n    } else if (!value) {\n      this.widget.layer = null!;\n    }\n  }\n\n  @Prop() maxStops: DirectionsWidget[\"maxStops\"];\n\n  @Watch(\"maxStops\")\n  maxStopsWatcher(value: DirectionsWidget[\"maxStops\"]): void {\n    if (value !== undefined && this.widget) {\n      this.widget.maxStops = value;\n    }\n  }\n\n  @Prop() searchProperties: DirectionsWidget[\"searchProperties\"];\n\n  @Watch(\"searchProperties\")\n  searchPropertiesWatcher(value: DirectionsWidget[\"searchProperties\"]): void {\n    if (this.widget) {\n      this.widget.searchProperties = value;\n    }\n  }\n\n  @Prop() unit: DirectionsWidget[\"unit\"];\n\n  @Watch(\"unit\")\n  unitWatcher(value: DirectionsWidget[\"unit\"]): void {\n    if (this.widget) {\n      this.widget.unit = value;\n    }\n  }\n\n  @Prop() useDefaultRouteLayer: boolean = true;\n\n  @Prop() visibleElements: DirectionsWidget[\"visibleElements\"];\n\n  @Watch(\"visibleElements\")\n  visibleElementsWatcher(newValue: DirectionsWidget[\"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      if (this.layer) {\n        this.widget.view.map.add(this.layer);\n      }\n    }\n  }\n\n  @Prop({ mutable: true }) widget: DirectionsWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.Directions }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  //--------------------------------------------------------------------------\n\n  @Method()\n  async getDirections(): Promise<__esri.RouteLayerSolveResult> {\n    return this.widget?.getDirections();\n  }\n\n  @Method()\n  async save(): Promise<__esri.PortalItem> {\n    return this.widget?.save();\n  }\n\n  @Method()\n  async saveAs(\n    portalItem: Promise<__esri.PortalItem>,\n    options: { folder: __esri.PortalFolder }\n  ): Promise<__esri.PortalItem> {\n    return this.widget?.saveAs(portalItem, options);\n  }\n\n  @Method()\n  async zoomToRoute(): Promise<void> {\n    return this.widget?.zoomToRoute();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = await this._createParams();\n\n    const widget = await newWidgetsDirections(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.lastRoute,\n        (value) => (this.lastRoute = value),\n        {\n          initial: true\n        }\n      )\n    );\n  }\n\n  private async _createParams(): Promise<Partial<DirectionsWidget>> {\n    const params: Partial<DirectionsWidget> = {\n      container: this.childElem\n    };\n\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    if (this.apiKey) {\n      params.apiKey = this.apiKey;\n    }\n\n    if (this.routeLayerItemId) {\n      params.layer = await newLayersRouteLayer({\n        portalItem: {\n          id: this.routeLayerItemId\n        }\n      });\n      this.layer = params.layer;\n    } else if (this.layer) {\n      params.layer = this.layer;\n      this.layer = params.layer;\n    } else if (this.useDefaultRouteLayer) {\n      params.layer = await newLayersRouteLayer({});\n      this.layer = params.layer;\n    }\n\n    if (this.layer !== undefined) {\n      this.view?.map.add(this.layer);\n    }\n\n    if (this.maxStops !== undefined) {\n      params.maxStops = this.maxStops;\n    }\n\n    if (this.searchProperties) {\n      params.searchProperties = this.searchProperties;\n    }\n\n    if (this.unit) {\n      params.unit = this.unit;\n    }\n\n    if (this.visibleElements) {\n      params.visibleElements = this.visibleElements;\n    }\n\n    return params;\n  }\n}\n"],"version":3}

package/dist/components/arcgis-directline-measurement-3d.js

@@ -1,15 +1,17 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { o as newWidgetsDirectLineMeasurement3D, 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 { p as newWidgetsDirectLineMeasurement3D, 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 arcgisDirectlineMeasurement3dCss = "";
+const directlineMeasurement3dCss = "";
 
-const ArcgisDirectLineMeasurement3d = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisDirectLineMeasurement3d = /*@__PURE__*/ proxyCustomElement(class ArcgisDirectLineMeasurement3d extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.position = "bottom-left";
     this.expandable = false;
@@ -19,31 +21,24 @@ const ArcgisDirectLineMeasurement3d = /*@__PURE__*/ proxyCustomElement(class ext
     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;
@@ -78,9 +73,9 @@ const ArcgisDirectLineMeasurement3d = /*@__PURE__*/ proxyCustomElement(class ext
   //--------------------------------------------------------------------------
   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 = {
@@ -99,13 +94,13 @@ const ArcgisDirectLineMeasurement3d = /*@__PURE__*/ proxyCustomElement(class ext
   }
   get el() { return this; }
   static get watchers() { return {
+    "referenceElement": ["referenceElementWatcher"],
     "position": ["positionWatcher"],
     "unit": ["unitWatcher"],
     "unitOptions": ["unitOptionsWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
     "view": ["viewWatcher"]
   }; }
-  static get style() { return arcgisDirectlineMeasurement3dCss; }
+  static get style() { return directlineMeasurement3dCss; }
 }, [0, "arcgis-directline-measurement-3d", {
     "referenceElement": [1, "reference-element"],
     "position": [1],
@@ -115,6 +110,12 @@ const ArcgisDirectLineMeasurement3d = /*@__PURE__*/ proxyCustomElement(class ext
     "unitOptions": [16],
     "widget": [1040],
     "view": [1040]
+  }, undefined, {
+    "referenceElement": ["referenceElementWatcher"],
+    "position": ["positionWatcher"],
+    "unit": ["unitWatcher"],
+    "unitOptions": ["unitOptionsWatcher"],
+    "view": ["viewWatcher"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -140,3 +141,5 @@ const ArcgisDirectlineMeasurement3d = ArcgisDirectLineMeasurement3d;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisDirectlineMeasurement3d, defineCustomElement };
+
+//# sourceMappingURL=arcgis-directline-measurement-3d.js.map

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

@@ -0,0 +1 @@
+{"file":"arcgis-directline-measurement-3d.js","mappings":"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","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/components/arcgis-distance-measurement-2d.js

@@ -1,15 +1,17 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { p as newWidgetsDistanceMeasurement2D } 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 { q as newWidgetsDistanceMeasurement2D } 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 arcgisDistanceMeasurement2dCss = "";
+const distanceMeasurement2dCss = "";
 
-const ArcgisDistanceMeasurement2d$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisDistanceMeasurement2d$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisDistanceMeasurement2d extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.position = "bottom-left";
     this.expandable = false;
@@ -18,31 +20,24 @@ const ArcgisDistanceMeasurement2d$1 = /*@__PURE__*/ proxyCustomElement(class ext
     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;
@@ -91,13 +86,13 @@ const ArcgisDistanceMeasurement2d$1 = /*@__PURE__*/ proxyCustomElement(class ext
   }
   get el() { return this; }
   static get watchers() { return {
+    "referenceElement": ["referenceElementWatcher"],
     "position": ["positionWatcher"],
     "unit": ["unitWatcher"],
     "unitOptions": ["unitOptionsWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
     "view": ["viewWatcher"]
   }; }
-  static get style() { return arcgisDistanceMeasurement2dCss; }
+  static get style() { return distanceMeasurement2dCss; }
 }, [0, "arcgis-distance-measurement-2d", {
     "referenceElement": [1, "reference-element"],
     "position": [1],
@@ -106,6 +101,12 @@ const ArcgisDistanceMeasurement2d$1 = /*@__PURE__*/ proxyCustomElement(class ext
     "unitOptions": [16],
     "widget": [1040],
     "view": [1040]
+  }, undefined, {
+    "referenceElement": ["referenceElementWatcher"],
+    "position": ["positionWatcher"],
+    "unit": ["unitWatcher"],
+    "unitOptions": ["unitOptionsWatcher"],
+    "view": ["viewWatcher"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -131,3 +132,5 @@ const ArcgisDistanceMeasurement2d = ArcgisDistanceMeasurement2d$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisDistanceMeasurement2d, defineCustomElement };
+
+//# sourceMappingURL=arcgis-distance-measurement-2d.js.map

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

@@ -0,0 +1 @@
+{"file":"arcgis-distance-measurement-2d.js","mappings":";;;;;;AAAA,MAAM,wBAAwB,GAAG,EAAE;;MCiBtBA,6BAA2B;;;;;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":["ArcgisDistanceMeasurement2d"],"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}