@arcgis/map-components 4.29.0-beta.7 → 4.29.0-beta.72

package/dist/cjs/arcgis-directions.cjs.entry.js

@@ -2,193 +2,215 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6b51d5a0.js');
-const index$1 = require('./index-bfda1cdc.js');
-const componentUtils = require('./component-utils-cbd20e88.js');
-const disconnected = require('./disconnected-306cb220.js');
+const index = require('./index-fbce570d.js');
+const index$1 = require('./index-09a0e90f.js');
+const componentUtils = require('./component-utils-48cee518.js');
+const disconnected = require('./disconnected-4490368b.js');
 
-const arcgisDirectionsCss = "";
+const directionsCss = "";
 
 const ArcgisDirections = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.widgetReady = index.createEvent(this, "widgetReady", 7);
-    this.referenceElement = undefined;
-    this.apiKey = undefined;
-    this.routeLayerItemId = undefined;
-    this.lastRoute = undefined;
-    this.layer = undefined;
-    this.maxStops = undefined;
-    this.searchProperties = undefined;
-    this.unit = 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);
-      }
-    }
-  }
-  apiKeyWatcher(value) {
-    if (value && this.widget) {
-      this.widget.apiKey = value;
-    }
-  }
-  routeLayerItemIdWatcher(value) {
-    if (value && this.widget) {
-      index$1.newLayersRouteLayer({
-        portalItem: {
-          id: value
-        }
-      }).then((layer) => {
-        this.layer = layer;
-      });
-    }
-  }
-  layerWatcher(value) {
-    if (value && this.widget) {
-      this.widget.layer = value;
-      this.view?.map.add(this.layer);
-    }
-  }
-  maxStopsWatcher(value) {
-    if (value && this.widget) {
-      this.widget.maxStops = value;
-    }
-  }
-  searchPropertiesWatcher(value) {
-    if (value && this.widget) {
-      this.widget.searchProperties = value;
-    }
-  }
-  unitWatcher(value) {
-    if (value && this.widget) {
-      this.widget.unit = value;
-    }
-  }
-  referenceElementWatcher(newValue) {
-    componentUtils.referenceElementHelper(this, newValue);
-  }
-  viewWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.view = newValue;
-      if (this.layer) {
-        this.widget.view.map.add(this.layer);
-      }
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Methods
-  //
-  //--------------------------------------------------------------------------
-  async getDirections() {
-    return this.widget?.getDirections();
-  }
-  async save() {
-    return this.widget?.save();
-  }
-  async saveAs(portalItem, options) {
-    return this.widget?.saveAs(portalItem, options);
-  }
-  async zoomToRoute() {
-    return this.widget?.zoomToRoute();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  async componentDidLoad() {
-    const params = await this._createParams();
-    const widget = await index$1.newWidgetsDirections(params);
-    this.widget = widget;
-    await this._addWatchers();
-    this.widgetReady.emit({ widget: this.widget });
-    componentUtils.checkForView(this);
-  }
-  disconnectedCallback() {
-    disconnected.onDisconnectedHelper(this);
-  }
-  render() {
-    if (this.expandable) {
-      return (index.h("arcgis-expand", { position: this.position, ref: (el) => (this.expandElem = el) }, index.h("div", { ref: (el) => (this.childElem = el) })));
-    }
-    return index.h("div", { ref: (el) => (this.childElem = el) });
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
-  async _addWatchers() {
-    const { watch } = await index$1.importCoreReactiveUtils();
-    watch(() => this.widget.lastRoute, (value) => (this.lastRoute = value), {
-      initial: true
-    });
-  }
-  async _createParams() {
-    const params = {
-      container: this.childElem
-    };
-    if (this.view) {
-      params.view = this.view;
-    }
-    if (this.apiKey) {
-      params.apiKey = this.apiKey;
-    }
-    if (this.routeLayerItemId) {
-      params.layer = await index$1.newLayersRouteLayer({
-        portalItem: {
-          id: this.routeLayerItemId
-        }
-      });
-      this.layer = params.layer;
-    }
-    else if (this.layer) {
-      params.layer = this.layer;
-      this.layer = params.layer;
-    }
-    else {
-      params.layer = await index$1.newLayersRouteLayer({});
-      this.layer = params.layer;
-    }
-    if (this.layer !== undefined) {
-      this.view?.map.add(this.layer);
-    }
-    if (this.maxStops !== undefined) {
-      params.maxStops = this.maxStops;
-    }
-    if (this.searchProperties) {
-      params.searchProperties = this.searchProperties;
-    }
-    if (this.unit) {
-      params.unit = this.unit;
-    }
-    return params;
-  }
-  get el() { return index.getElement(this); }
-  static get watchers() { return {
-    "position": ["positionWatcher"],
-    "apiKey": ["apiKeyWatcher"],
-    "routeLayerItemId": ["routeLayerItemIdWatcher"],
-    "layer": ["layerWatcher"],
-    "maxStops": ["maxStopsWatcher"],
-    "searchProperties": ["searchPropertiesWatcher"],
-    "unit": ["unitWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"]
-  }; }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.widgetReady = index.createEvent(this, "widgetReady", 7);
+        this._watchHandles = [];
+        this.referenceElement = undefined;
+        this.apiKey = undefined;
+        this.routeLayerItemId = undefined;
+        this.lastRoute = undefined;
+        this.layer = undefined;
+        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;
+    }
+    referenceElementWatcher(newValue) {
+        componentUtils.referenceElementHelper(this, newValue);
+    }
+    apiKeyWatcher(value) {
+        if (value && this.widget) {
+            this.widget.apiKey = value;
+        }
+    }
+    routeLayerItemIdWatcher(value) {
+        if (componentUtils.isNullOrEmptyString(value)) {
+            this.view?.map.remove(this.layer);
+            // maintain a default route layer
+            if (this.useDefaultRouteLayer) {
+                index$1.newLayersRouteLayer({}).then((layer) => {
+                    this.layer = layer;
+                });
+            }
+        }
+        else if (value && this.widget) {
+            index$1.newLayersRouteLayer({
+                portalItem: {
+                    id: value
+                }
+            }).then((layer) => {
+                this.layer = layer;
+            });
+        }
+    }
+    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 !== undefined && this.widget) {
+            this.widget.maxStops = value;
+        }
+    }
+    searchPropertiesWatcher(value) {
+        if (this.widget) {
+            this.widget.searchProperties = value;
+        }
+    }
+    unitWatcher(value) {
+        if (this.widget) {
+            this.widget.unit = value;
+        }
+    }
+    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) {
+            this.widget.view = newValue;
+            if (this.layer) {
+                this.widget.view.map.add(this.layer);
+            }
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Methods
+    //
+    //--------------------------------------------------------------------------
+    async getDirections() {
+        return await this.widget?.getDirections();
+    }
+    async save() {
+        return await this.widget?.save();
+    }
+    async saveAs(portalItem, options) {
+        return await this.widget?.saveAs(portalItem, options);
+    }
+    async zoomToRoute() {
+        this.widget?.zoomToRoute();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    async componentDidLoad() {
+        const params = await this._createParams();
+        const widget = await index$1.newWidgetsDirections(params);
+        this.widget = widget;
+        await this._addWatchers();
+        this.widgetReady.emit({ widget: this.widget });
+        componentUtils.checkForView(this);
+    }
+    disconnectedCallback() {
+        disconnected.onDisconnectedHelper(this);
+    }
+    render() {
+        if (this.expandable) {
+            return (index.h("arcgis-expand", { position: this.position, ref: (el) => (this.expandElem = el) }, index.h("div", { ref: (el) => (this.childElem = el) })));
+        }
+        return index.h("div", { ref: (el) => (this.childElem = el) });
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    async _addWatchers() {
+        const { watch } = await index$1.importCoreReactiveUtils();
+        componentUtils.addHandles(this, watch(() => this.widget.lastRoute, (value) => (this.lastRoute = value), {
+            initial: true
+        }));
+    }
+    async _createParams() {
+        const params = {
+            container: this.childElem
+        };
+        if (this.view) {
+            params.view = this.view;
+        }
+        if (this.apiKey) {
+            params.apiKey = this.apiKey;
+        }
+        if (this.routeLayerItemId) {
+            params.layer = await index$1.newLayersRouteLayer({
+                portalItem: {
+                    id: this.routeLayerItemId
+                }
+            });
+            this.layer = params.layer;
+        }
+        else if (this.layer) {
+            params.layer = this.layer;
+            this.layer = params.layer;
+        }
+        else if (this.useDefaultRouteLayer) {
+            params.layer = await index$1.newLayersRouteLayer({});
+            this.layer = params.layer;
+        }
+        if (this.layer !== undefined) {
+            this.view?.map.add(this.layer);
+        }
+        if (this.maxStops !== undefined) {
+            params.maxStops = this.maxStops;
+        }
+        if (this.searchProperties) {
+            params.searchProperties = this.searchProperties;
+        }
+        if (this.unit) {
+            params.unit = this.unit;
+        }
+        if (this.visibleElements) {
+            params.visibleElements = this.visibleElements;
+        }
+        return params;
+    }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "referenceElement": ["referenceElementWatcher"],
+        "apiKey": ["apiKeyWatcher"],
+        "routeLayerItemId": ["routeLayerItemIdWatcher"],
+        "layer": ["layerWatcher"],
+        "maxStops": ["maxStopsWatcher"],
+        "searchProperties": ["searchPropertiesWatcher"],
+        "unit": ["unitWatcher"],
+        "visibleElements": ["visibleElementsWatcher"],
+        "position": ["positionWatcher"],
+        "view": ["viewWatcher"]
+    }; }
 };
-ArcgisDirections.style = arcgisDirectionsCss;
+ArcgisDirections.style = directionsCss;
 
 exports.arcgis_directions = ArcgisDirections;
+
+//# sourceMappingURL=arcgis-directions.cjs.entry.js.map

package/dist/cjs/arcgis-directions.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-directions.entry.cjs.js","mappings":"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","names":["referenceElementHelper","isNullOrEmptyString","newLayersRouteLayer","newWidgetsDirections","checkForView","onDisconnectedHelper","h","importCoreReactiveUtils","addHandles"],"sources":["src/components/directions/directions.css?tag=arcgis-directions","src/components/directions/directions.tsx"],"sourcesContent":["","import type { EventEmitter, VNode } from \"@stencil/core\";\nimport { Component, Element, Event, h, Method, Prop, 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 type { ArcgisReferenceElement } from \"../../utils/component-utils\";\nimport { addHandles, checkForView, isNullOrEmptyString, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport type { ExpandableComponent } from \"../../utils/expandable\";\nimport type { 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 = 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 await this.widget?.getDirections();\n  }\n\n  @Method()\n  async save(): Promise<__esri.PortalItem> {\n    return await 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 await this.widget?.saveAs(portalItem, options);\n  }\n\n  @Method()\n  async zoomToRoute(): Promise<void> {\n    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!)}>\n          <div ref={(el) => (this.childElem = el!)}></div>\n        </arcgis-expand>\n      );\n    }\n    return <div ref={(el) => (this.childElem = el!)}></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/cjs/arcgis-directline-measurement-3d.cjs.entry.js

@@ -2,113 +2,109 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6b51d5a0.js');
-const index$1 = require('./index-bfda1cdc.js');
-const componentUtils = require('./component-utils-cbd20e88.js');
-const disconnected = require('./disconnected-306cb220.js');
+const index = require('./index-fbce570d.js');
+const index$1 = require('./index-09a0e90f.js');
+const componentUtils = require('./component-utils-48cee518.js');
+const disconnected = require('./disconnected-4490368b.js');
 
-const arcgisDirectlineMeasurement3dCss = "";
+const directlineMeasurement3dCss = "";
 
 const ArcgisDirectLineMeasurement3d = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.widgetReady = index.createEvent(this, "widgetReady", 7);
-    this.referenceElement = undefined;
-    this.position = "bottom-left";
-    this.expandable = false;
-    this.analysis = undefined;
-    this.unit = undefined;
-    this.unitOptions = undefined;
-    this.widget = undefined;
-    this.view = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
-  positionWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.widgetReady = index.createEvent(this, "widgetReady", 7);
+        this._watchHandles = [];
+        this.referenceElement = undefined;
+        this.position = "bottom-left";
+        this.expandable = false;
+        this.analysis = undefined;
+        this.unit = undefined;
+        this.unitOptions = undefined;
+        this.widget = undefined;
+        this.view = undefined;
     }
-  }
-  unitWatcher(value) {
-    if (value && this.widget) {
-      this.widget.unit = value;
+    referenceElementWatcher(newValue) {
+        componentUtils.referenceElementHelper(this, newValue);
     }
-  }
-  unitOptionsWatcher(value) {
-    if (value && this.widget) {
-      this.widget.unitOptions = value;
+    positionWatcher(newValue) {
+        if (newValue !== undefined && this.widget) {
+            this.view.ui.move(this.childElem, newValue);
+        }
     }
-  }
-  referenceElementWatcher(newValue) {
-    componentUtils.referenceElementHelper(this, newValue);
-  }
-  viewWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.view = newValue;
+    unitWatcher(value) {
+        if (this.widget) {
+            this.widget.unit = value;
+        }
     }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  async componentDidLoad() {
-    const params = this._createParams();
-    const widget = await index$1.newWidgetsDirectLineMeasurement3D(params);
-    this.widget = widget;
-    this._addWatchers();
-    this.widgetReady.emit({ widget: this.widget });
-    componentUtils.checkForView(this);
-  }
-  disconnectedCallback() {
-    disconnected.onDisconnectedHelper(this);
-  }
-  render() {
-    if (this.expandable) {
-      return (index.h("arcgis-expand", { position: this.position, ref: (el) => (this.expandElem = el) }, index.h("div", { ref: (el) => (this.childElem = el) })));
+    unitOptionsWatcher(value) {
+        if (this.widget) {
+            this.widget.unitOptions = value;
+        }
     }
-    return index.h("div", { ref: (el) => (this.childElem = el) });
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
-  async _addWatchers() {
-    const { watch } = await index$1.importCoreReactiveUtils();
-    watch(() => this.widget.analysis, (value) => (this.analysis = value), {
-      initial: true
-    });
-  }
-  _createParams() {
-    const params = {
-      container: this.childElem
-    };
-    if (this.view) {
-      params.view = this.view;
+    viewWatcher(newValue) {
+        if (newValue !== undefined && this.widget) {
+            this.widget.view = newValue;
+        }
     }
-    if (this.unit) {
-      params.unit = this.unit;
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    async componentDidLoad() {
+        const params = this._createParams();
+        const widget = await index$1.newWidgetsDirectLineMeasurement3D(params);
+        this.widget = widget;
+        this._addWatchers();
+        this.widgetReady.emit({ widget: this.widget });
+        componentUtils.checkForView(this);
     }
-    if (this.unitOptions) {
-      params.unitOptions = this.unitOptions;
+    disconnectedCallback() {
+        disconnected.onDisconnectedHelper(this);
     }
-    return params;
-  }
-  get el() { return index.getElement(this); }
-  static get watchers() { return {
-    "position": ["positionWatcher"],
-    "unit": ["unitWatcher"],
-    "unitOptions": ["unitOptionsWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"]
-  }; }
+    render() {
+        if (this.expandable) {
+            return (index.h("arcgis-expand", { position: this.position, ref: (el) => (this.expandElem = el) }, index.h("div", { ref: (el) => (this.childElem = el) })));
+        }
+        return index.h("div", { ref: (el) => (this.childElem = el) });
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    async _addWatchers() {
+        const { watch } = await index$1.importCoreReactiveUtils();
+        componentUtils.addHandles(this, watch(() => this.widget.analysis, (value) => (this.analysis = value), {
+            initial: true
+        }));
+    }
+    _createParams() {
+        const params = {
+            container: this.childElem
+        };
+        if (this.view) {
+            params.view = this.view;
+        }
+        if (this.unit) {
+            params.unit = this.unit;
+        }
+        if (this.unitOptions) {
+            params.unitOptions = this.unitOptions;
+        }
+        return params;
+    }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "referenceElement": ["referenceElementWatcher"],
+        "position": ["positionWatcher"],
+        "unit": ["unitWatcher"],
+        "unitOptions": ["unitOptionsWatcher"],
+        "view": ["viewWatcher"]
+    }; }
 };
-ArcgisDirectLineMeasurement3d.style = arcgisDirectlineMeasurement3dCss;
+ArcgisDirectLineMeasurement3d.style = directlineMeasurement3dCss;
 
 exports.arcgis_directline_measurement_3d = ArcgisDirectLineMeasurement3d;
+
+//# sourceMappingURL=arcgis-directline-measurement-3d.cjs.entry.js.map