@arcgis/map-components 4.29.0-beta.3 → 4.29.0-beta.30

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

@@ -1,14 +1,15 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { h as newWidgetsAreaMeasurement3D } from './index-c227d296.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-d73b34b5.js';
+import { g as newWidgetsAreaMeasurement3D } from './index-307928e0.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-6b40f5ab.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.js';
 
-const arcgisAreaMeasurement3dCss = "";
+const areaMeasurement3dCss = "";
 
 const ArcgisAreaMeasurement3d = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.position = "bottom-left";
     this.expandable = false;
@@ -85,6 +86,6 @@ const ArcgisAreaMeasurement3d = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisAreaMeasurement3d.style = arcgisAreaMeasurement3dCss;
+ArcgisAreaMeasurement3d.style = areaMeasurement3dCss;
 
 export { ArcgisAreaMeasurement3d as arcgis_area_measurement_3d };

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

@@ -1,13 +1,14 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { j as newWidgetsAttachments } from './index-c227d296.js';
-import { c as checkForExpand, o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d73b34b5.js';
+import { h as newWidgetsAttachments } from './index-307928e0.js';
+import { c as checkForExpand, o as onDisconnectedHelper } from './disconnected-dc405cac.js';
 
-const arcgisAttachmentsCss = "";
+const attachmentsCss = "";
 
 const ArcgisAttachments = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.position = "bottom-left";
     this.expandable = false;
@@ -64,6 +65,6 @@ const ArcgisAttachments = class {
     "graphic": ["graphicWatcher"]
   }; }
 };
-ArcgisAttachments.style = arcgisAttachmentsCss;
+ArcgisAttachments.style = attachmentsCss;
 
 export { ArcgisAttachments as arcgis_attachments };

package/dist/esm/arcgis-basemap-gallery.entry.js

@@ -1,14 +1,15 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { k as newWidgetsBasemapGallery, i as importCoreReactiveUtils } from './index-c227d296.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-d73b34b5.js';
+import { j as newWidgetsBasemapGallery, a as importCoreReactiveUtils } from './index-307928e0.js';
+import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils-6b40f5ab.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.js';
 
-const arcgisBasemapGalleryCss = "";
+const basemapGalleryCss = "";
 
 const ArcgisBasemapGallery = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.activeBasemap = undefined;
     this.position = "bottom-left";
@@ -69,8 +70,8 @@ const ArcgisBasemapGallery = class {
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await importCoreReactiveUtils();
-    watch(() => this.widget.source, () => (this.source = this.widget.source));
-    watch(() => this.widget.activeBasemap, (basemap) => (this.activeBasemap = basemap));
+    addHandles(this, watch(() => this.widget.source, () => (this.source = this.widget.source)));
+    addHandles(this, watch(() => this.widget.activeBasemap, (basemap) => (this.activeBasemap = basemap)));
   }
   _createParams() {
     const params = {
@@ -88,6 +89,6 @@ const ArcgisBasemapGallery = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisBasemapGallery.style = arcgisBasemapGalleryCss;
+ArcgisBasemapGallery.style = basemapGalleryCss;
 
 export { ArcgisBasemapGallery as arcgis_basemap_gallery };

package/dist/esm/arcgis-basemap-layer-list.entry.js

@@ -1,14 +1,15 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { l as newWidgetsBasemapLayerList, i as importCoreReactiveUtils } from './index-c227d296.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-d73b34b5.js';
+import { k as newWidgetsBasemapLayerList, a as importCoreReactiveUtils } from './index-307928e0.js';
+import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils-6b40f5ab.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.js';
 
-const arcgisBasemapLayerListCss = "";
+const basemapLayerListCss = "";
 
 const ArcgisBasemapLayerList = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.basemapTitle = undefined;
     this.baseItems = undefined;
@@ -108,21 +109,21 @@ const ArcgisBasemapLayerList = class {
   }
   async _addWatchers() {
     const { watch } = await importCoreReactiveUtils();
-    watch(() => this.widget.basemapTitle, (value) => (this.basemapTitle = value), {
+    addHandles(this, watch(() => this.widget.basemapTitle, (value) => (this.basemapTitle = value), {
       initial: true
-    });
-    watch(() => this.widget.editingEnabled, (value) => (this.editingEnabled = value), {
+    }));
+    addHandles(this, watch(() => this.widget.editingEnabled, (value) => (this.editingEnabled = value), {
       initial: true
-    });
-    watch(() => this.widget.multipleSelectionEnabled, (value) => (this.mulitpleSelectionEnabled = value), {
+    }));
+    addHandles(this, watch(() => this.widget.multipleSelectionEnabled, (value) => (this.mulitpleSelectionEnabled = value), {
       initial: true
-    });
-    watch(() => this.widget.referenceItems, (value) => (this.referenceItems = value), {
+    }));
+    addHandles(this, watch(() => this.widget.referenceItems, (value) => (this.referenceItems = value), {
       initial: true
-    });
-    watch(() => this.widget.selectedItems, (value) => (this.selectedItems = value), {
+    }));
+    addHandles(this, watch(() => this.widget.selectedItems, (value) => (this.selectedItems = value), {
       initial: true
-    });
+    }));
   }
   get el() { return getElement(this); }
   static get watchers() { return {
@@ -135,6 +136,6 @@ const ArcgisBasemapLayerList = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisBasemapLayerList.style = arcgisBasemapLayerListCss;
+ArcgisBasemapLayerList.style = basemapLayerListCss;
 
 export { ArcgisBasemapLayerList as arcgis_basemap_layer_list };

package/dist/esm/arcgis-basemap-toggle.entry.js

@@ -1,14 +1,15 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { m as newWidgetsBasemapToggle, i as importCoreReactiveUtils } from './index-c227d296.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-d73b34b5.js';
+import { l as newWidgetsBasemapToggle, a as importCoreReactiveUtils } from './index-307928e0.js';
+import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils-6b40f5ab.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.js';
 
-const arcgisBasemapToggleCss = "";
+const basemapToggleCss = "";
 
 const ArcgisBasemapToggle = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.activeBasemap = undefined;
     this.nextBasemap = undefined;
@@ -91,12 +92,12 @@ const ArcgisBasemapToggle = class {
   }
   async _addWatchers() {
     const { watch } = await importCoreReactiveUtils();
-    watch(() => this.widget.activeBasemap, (value) => (this.activeBasemap = value), {
+    addHandles(this, watch(() => this.widget.activeBasemap, (value) => (this.activeBasemap = value), {
       initial: true
-    });
-    watch(() => this.widget.nextBasemap, (value) => (this.nextBasemap = value), {
+    }));
+    addHandles(this, watch(() => this.widget.nextBasemap, (value) => (this.nextBasemap = value), {
       initial: true
-    });
+    }));
   }
   get el() { return getElement(this); }
   static get watchers() { return {
@@ -106,6 +107,6 @@ const ArcgisBasemapToggle = class {
     "nextBasemap": ["nextBasemapWatcher"]
   }; }
 };
-ArcgisBasemapToggle.style = arcgisBasemapToggleCss;
+ArcgisBasemapToggle.style = basemapToggleCss;
 
 export { ArcgisBasemapToggle as arcgis_basemap_toggle };

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { o as newWidgetsBookmarks, i as importCoreReactiveUtils } from './index-c227d296.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-d73b34b5.js';
+import { m as newWidgetsBookmarks, a as importCoreReactiveUtils } from './index-307928e0.js';
+import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils-6b40f5ab.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.js';
 
-const arcgisBookmarksCss = "";
+const bookmarksCss = "";
 
 const ArcgisBookmarks = class {
   constructor(hostRef) {
@@ -11,6 +11,7 @@ const ArcgisBookmarks = class {
     this.bookmarkEdit = createEvent(this, "bookmarkEdit", 7);
     this.bookmarkSelect = createEvent(this, "bookmarkSelect", 7);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.bookmarks = undefined;
     this.defaultCreateOptions = undefined;
@@ -91,9 +92,9 @@ const ArcgisBookmarks = class {
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await importCoreReactiveUtils();
-    watch(() => this.widget.editingEnabled, (value) => (this.editingEnabled = value), {
+    addHandles(this, watch(() => this.widget.editingEnabled, (value) => (this.editingEnabled = value), {
       initial: true
-    });
+    }));
   }
   _createParams() {
     const params = {
@@ -131,6 +132,6 @@ const ArcgisBookmarks = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisBookmarks.style = arcgisBookmarksCss;
+ArcgisBookmarks.style = bookmarksCss;
 
 export { ArcgisBookmarks as arcgis_bookmarks };

package/dist/esm/arcgis-building-explorer.entry.js

@@ -1,14 +1,15 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { p as newWidgetsBuildingExplorer } from './index-c227d296.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-d73b34b5.js';
+import { o as newWidgetsBuildingExplorer } from './index-307928e0.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-6b40f5ab.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.js';
 
-const arcgisBuildingExplorerCss = "";
+const buildingExplorerCss = "";
 
 const ArcgisBuildingExplorer = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.position = "bottom-left";
     this.expandable = false;
@@ -71,6 +72,6 @@ const ArcgisBuildingExplorer = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisBuildingExplorer.style = arcgisBuildingExplorerCss;
+ArcgisBuildingExplorer.style = buildingExplorerCss;
 
 export { ArcgisBuildingExplorer as arcgis_building_explorer };

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

@@ -1,14 +1,15 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { q as newWidgetsCompass } from './index-c227d296.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-d73b34b5.js';
+import { p as newWidgetsCompass } from './index-307928e0.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-6b40f5ab.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.js';
 
-const arcgisCompassCss = "";
+const compassCss = "";
 
 const ArcgisCompass = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.position = "bottom-left";
     this.widget = undefined;
@@ -81,6 +82,6 @@ const ArcgisCompass = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisCompass.style = arcgisCompassCss;
+ArcgisCompass.style = compassCss;
 
 export { ArcgisCompass as arcgis_compass };

package/dist/esm/arcgis-coordinate-conversion.entry.js

@@ -1,14 +1,15 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { r as newWidgetsCoordinateConversion, i as importCoreReactiveUtils } from './index-c227d296.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-d73b34b5.js';
+import { q as newWidgetsCoordinateConversion, a as importCoreReactiveUtils } from './index-307928e0.js';
+import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils-6b40f5ab.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.js';
 
-const arcgisCoordinateConversionCss = "";
+const coordinateConversionCss = "";
 
 const ArcgisCoordinateConversion = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.conversions = undefined;
     this.currentLocation = undefined;
@@ -121,9 +122,9 @@ const ArcgisCoordinateConversion = class {
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await importCoreReactiveUtils();
-    watch(() => this.widget.currentLocation, (value) => (this.currentLocation = value), {
+    addHandles(this, watch(() => this.widget.currentLocation, (value) => (this.currentLocation = value), {
       initial: true
-    });
+    }));
   }
   _createParams() {
     const params = {
@@ -149,6 +150,6 @@ const ArcgisCoordinateConversion = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisCoordinateConversion.style = arcgisCoordinateConversionCss;
+ArcgisCoordinateConversion.style = coordinateConversionCss;
 
 export { ArcgisCoordinateConversion as arcgis_coordinate_conversion };

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

@@ -1,14 +1,15 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { s as newWidgetsDaylight } from './index-c227d296.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-d73b34b5.js';
+import { r as newWidgetsDaylight } from './index-307928e0.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-6b40f5ab.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.js';
 
-const arcgisDaylightCss = "";
+const daylightCss = "";
 
 const ArcgisDaylight = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.dateOrSeason = undefined;
     this.playSpeedMultiplier = undefined;
@@ -107,6 +108,6 @@ const ArcgisDaylight = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisDaylight.style = arcgisDaylightCss;
+ArcgisDaylight.style = daylightCss;
 
 export { ArcgisDaylight as arcgis_daylight };

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

@@ -1,14 +1,15 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { t as newLayersRouteLayer, u as newWidgetsDirections, i as importCoreReactiveUtils } from './index-c227d296.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-d73b34b5.js';
+import { s as newLayersRouteLayer, t as newWidgetsDirections, a as importCoreReactiveUtils } from './index-307928e0.js';
+import { i as isNullOrEmptyString, r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils-6b40f5ab.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.js';
 
-const arcgisDirectionsCss = "";
+const directionsCss = "";
 
 const ArcgisDirections = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.apiKey = undefined;
     this.routeLayerItemId = undefined;
@@ -40,7 +41,14 @@ const ArcgisDirections = class {
     }
   }
   routeLayerItemIdWatcher(value) {
-    if (value && this.widget) {
+    if (isNullOrEmptyString(value)) {
+      this.view?.map.remove(this.layer);
+      // maintain a default route layer
+      newLayersRouteLayer({}).then((layer) => {
+        this.layer = layer;
+      });
+    }
+    else if (value && this.widget) {
       newLayersRouteLayer({
         portalItem: {
           id: value
@@ -50,11 +58,15 @@ const ArcgisDirections = class {
       });
     }
   }
-  layerWatcher(value) {
+  layerWatcher(value, old) {
     if (value && this.widget) {
       this.widget.layer = value;
       this.view?.map.add(this.layer);
     }
+    else if (!value) {
+      this.view?.map.remove(old);
+      this.widget.layer = null;
+    }
   }
   maxStopsWatcher(value) {
     if (value && this.widget) {
@@ -128,9 +140,9 @@ const ArcgisDirections = class {
   //--------------------------------------------------------------------------
   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 = {
@@ -185,6 +197,6 @@ const ArcgisDirections = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisDirections.style = arcgisDirectionsCss;
+ArcgisDirections.style = directionsCss;
 
 export { ArcgisDirections as arcgis_directions };

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, i as importCoreReactiveUtils } from './index-c227d296.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-d73b34b5.js';
+import { u as newWidgetsDirectLineMeasurement3D, a as importCoreReactiveUtils } from './index-307928e0.js';
+import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils-6b40f5ab.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.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;
@@ -77,9 +78,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 = {
@@ -105,6 +106,6 @@ const ArcgisDirectLineMeasurement3d = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisDirectLineMeasurement3d.style = arcgisDirectlineMeasurement3dCss;
+ArcgisDirectLineMeasurement3d.style = directlineMeasurement3dCss;
 
 export { ArcgisDirectLineMeasurement3d as arcgis_directline_measurement_3d };

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-c227d296.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-d73b34b5.js';
+import { v as newWidgetsDistanceMeasurement2D } from './index-307928e0.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-6b40f5ab.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.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;
@@ -97,6 +98,6 @@ const ArcgisDistanceMeasurement2d = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisDistanceMeasurement2d.style = arcgisDistanceMeasurement2dCss;
+ArcgisDistanceMeasurement2d.style = distanceMeasurement2dCss;
 
 export { ArcgisDistanceMeasurement2d as arcgis_distance_measurement_2d };

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, i as importCoreReactiveUtils } from './index-c227d296.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-d73b34b5.js';
+import { w as newWidgetsEditor, a as importCoreReactiveUtils } from './index-307928e0.js';
+import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils-6b40f5ab.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.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;
@@ -127,9 +128,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 = {
@@ -171,6 +172,6 @@ const ArcgisEditor = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisEditor.style = arcgisEditorCss;
+ArcgisEditor.style = editorCss;
 
 export { ArcgisEditor as arcgis_editor };

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-c227d296.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-d73b34b5.js';
+import { x as newWidgetsElevationProfile } from './index-307928e0.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-6b40f5ab.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.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;
@@ -127,6 +128,6 @@ const ArcgisElevationProfile = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisElevationProfile.style = arcgisElevationProfileCss;
+ArcgisElevationProfile.style = elevationProfileCss;
 
 export { ArcgisElevationProfile as arcgis_elevation_profile };