@arcgis/map-components 4.29.0-beta.2 → 4.29.0-beta.20

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

@@ -3,11 +3,11 @@
 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$1 = require('./index-6439ae43.js');
+const componentUtils = require('./component-utils-17140a1b.js');
+const disconnected = require('./disconnected-62af3ef1.js');
 
-const arcgisSketchCss = "arcgis-sketch{}";
+const sketchCss = "arcgis-sketch{}";
 
 const ArcgisSketch = class {
   constructor(hostRef) {
@@ -18,6 +18,7 @@ const ArcgisSketch = class {
     this.sketchUndo = index.createEvent(this, "sketchUndo", 7);
     this.sketchUpdate = index.createEvent(this, "sketchUpdate", 7);
     this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.activeTool = undefined;
     this.availableCreateTools = undefined;
@@ -131,15 +132,15 @@ const ArcgisSketch = class {
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await index$1.importCoreReactiveUtils();
-    watch(() => this.widget.activeTool, (value) => (this.activeTool = value), {
+    componentUtils.addHandles(this, watch(() => this.widget.activeTool, (value) => (this.activeTool = value), {
       initial: true
-    });
-    watch(() => this.widget.createGraphic, (value) => (this.createGraphic = value), {
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.createGraphic, (value) => (this.createGraphic = value), {
       initial: true
-    });
-    watch(() => this.widget.updateGraphics, (value) => (this.updateGraphics = value), {
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.updateGraphics, (value) => (this.updateGraphics = value), {
       initial: true
-    });
+    }));
   }
   async _createParams() {
     const graphicsLayerProps = {
@@ -196,6 +197,6 @@ const ArcgisSketch = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisSketch.style = arcgisSketchCss;
+ArcgisSketch.style = sketchCss;
 
 exports.arcgis_sketch = ArcgisSketch;

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

@@ -3,16 +3,17 @@
 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$1 = require('./index-6439ae43.js');
+const componentUtils = require('./component-utils-17140a1b.js');
+const disconnected = require('./disconnected-62af3ef1.js');
 
-const arcgisSliceCss = "arcgis-slice{}";
+const sliceCss = "arcgis-slice{}";
 
 const ArcgisSlice = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.analysis = undefined;
     this.view = undefined;
@@ -77,9 +78,9 @@ const ArcgisSlice = class {
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await index$1.importCoreReactiveUtils();
-    watch(() => this.widget.analysis, (value) => (this.analysis = value), {
+    componentUtils.addHandles(this, watch(() => this.widget.analysis, (value) => (this.analysis = value), {
       initial: true
-    });
+    }));
   }
   _createParams() {
     const params = {
@@ -98,6 +99,6 @@ const ArcgisSlice = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisSlice.style = arcgisSliceCss;
+ArcgisSlice.style = sliceCss;
 
 exports.arcgis_slice = ArcgisSlice;

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

@@ -3,11 +3,11 @@
 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$1 = require('./index-6439ae43.js');
+const componentUtils = require('./component-utils-17140a1b.js');
+const disconnected = require('./disconnected-62af3ef1.js');
 
-const arcgisSliderCss = "arcgis-slider{min-width:200px;min-height:25px}";
+const sliderCss = "arcgis-slider{min-width:200px;min-height:25px}";
 
 const ArcgisSlider = class {
   constructor(hostRef) {
@@ -24,6 +24,7 @@ const ArcgisSlider = class {
     this.sliderTickClick = index.createEvent(this, "sliderTickClick", 7);
     this.sliderTrackClick = index.createEvent(this, "sliderTrackClick", 7);
     this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.draggableSegmentsEnabled = undefined;
     this.effectiveMax = undefined;
@@ -160,30 +161,30 @@ const ArcgisSlider = class {
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await index$1.importCoreReactiveUtils();
-    watch(() => this.widget.effectiveSegmentElements, (value) => (this.effectiveSegmentElements = value), {
+    componentUtils.addHandles(this, watch(() => this.widget.effectiveSegmentElements, (value) => (this.effectiveSegmentElements = value), {
       initial: true
-    });
-    watch(() => this.widget.labelElements, (value) => (this.labelElements = value), {
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.labelElements, (value) => (this.labelElements = value), {
       initial: true
-    });
-    watch(() => this.widget.maxLabelElement, (value) => (this.maxLabelElement = value), {
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.maxLabelElement, (value) => (this.maxLabelElement = value), {
       initial: true
-    });
-    watch(() => this.widget.minLabelElement, (value) => (this.minLabelElement = value), {
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.minLabelElement, (value) => (this.minLabelElement = value), {
       initial: true
-    });
-    watch(() => this.widget.segmentElements, (value) => (this.segmentElements = value), {
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.segmentElements, (value) => (this.segmentElements = value), {
       initial: true
-    });
-    watch(() => this.widget.thumbElements, (value) => (this.thumbElements = value), {
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.thumbElements, (value) => (this.thumbElements = value), {
       initial: true
-    });
-    watch(() => this.widget.tickElements, (value) => (this.tickElements = value), {
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.tickElements, (value) => (this.tickElements = value), {
       initial: true
-    });
-    watch(() => this.widget.trackElement, (value) => (this.trackElement = value), {
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.trackElement, (value) => (this.trackElement = value), {
       initial: true
-    });
+    }));
   }
   _createParams() {
     const params = {
@@ -228,6 +229,6 @@ const ArcgisSlider = class {
     "values": ["valuesWatcher"]
   }; }
 };
-ArcgisSlider.style = arcgisSliderCss;
+ArcgisSlider.style = sliderCss;
 
 exports.arcgis_slider = ArcgisSlider;

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

@@ -3,16 +3,17 @@
 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$1 = require('./index-6439ae43.js');
+const componentUtils = require('./component-utils-17140a1b.js');
+const disconnected = require('./disconnected-62af3ef1.js');
 
-const arcgisSwipeCss = "arcgis-swipe{}";
+const swipeCss = "arcgis-swipe{}";
 
 const ArcgisSwipe = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.direction = undefined;
     this.dragLabel = undefined;
@@ -112,6 +113,6 @@ const ArcgisSwipe = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisSwipe.style = arcgisSwipeCss;
+ArcgisSwipe.style = swipeCss;
 
 exports.arcgis_swipe = ArcgisSwipe;

package/dist/cjs/arcgis-table-list.cjs.entry.js

@@ -3,17 +3,18 @@
 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$1 = require('./index-6439ae43.js');
+const componentUtils = require('./component-utils-17140a1b.js');
+const disconnected = require('./disconnected-62af3ef1.js');
 
-const arcgisTableListCss = "arcgis-table-list{}";
+const tableListCss = "arcgis-table-list{}";
 
 const ArcgisTableList = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.triggerAction = index.createEvent(this, "triggerAction", 7);
     this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.multipleSelectionEnabled = false;
     this.selectionEnabled = true;
@@ -84,8 +85,8 @@ const ArcgisTableList = class {
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await index$1.importCoreReactiveUtils();
-    watch(() => this.widget.selectedItems, (value) => (this.selectedItems = value));
-    watch(() => this.widget.tableItems, (value) => (this.tableItems = value));
+    componentUtils.addHandles(this, watch(() => this.widget.selectedItems, (value) => (this.selectedItems = value)));
+    componentUtils.addHandles(this, watch(() => this.widget.tableItems, (value) => (this.tableItems = value)));
   }
   _createParams() {
     const params = {
@@ -113,6 +114,6 @@ const ArcgisTableList = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisTableList.style = arcgisTableListCss;
+ArcgisTableList.style = tableListCss;
 
 exports.arcgis_table_list = ArcgisTableList;

package/dist/cjs/arcgis-time-slider.cjs.entry.js

@@ -3,17 +3,18 @@
 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$1 = require('./index-6439ae43.js');
+const componentUtils = require('./component-utils-17140a1b.js');
+const disconnected = require('./disconnected-62af3ef1.js');
 
-const arcgisTimeSliderCss = "arcgis-time-slider{}";
+const timeSliderCss = "arcgis-time-slider{}";
 
 const ArcgisTimeSlider = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.triggerAction = index.createEvent(this, "triggerAction", 7);
     this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.actions = undefined;
     this.effectiveStops = undefined;
@@ -148,9 +149,9 @@ const ArcgisTimeSlider = class {
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await index$1.importCoreReactiveUtils();
-    watch(() => this.widget.effectiveStops, (value) => (this.effectiveStops = value), {
+    componentUtils.addHandles(this, watch(() => this.widget.effectiveStops, (value) => (this.effectiveStops = value), {
       initial: true
-    });
+    }));
   }
   _createParams() {
     const params = {
@@ -211,6 +212,6 @@ const ArcgisTimeSlider = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisTimeSlider.style = arcgisTimeSliderCss;
+ArcgisTimeSlider.style = timeSliderCss;
 
 exports.arcgis_time_slider = ArcgisTimeSlider;

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

@@ -3,11 +3,11 @@
 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$1 = require('./index-6439ae43.js');
+const componentUtils = require('./component-utils-17140a1b.js');
+const disconnected = require('./disconnected-62af3ef1.js');
 
-const arcgisTrackCss = "";
+const trackCss = "";
 
 const ArcgisTrack = class {
   constructor(hostRef) {
@@ -15,6 +15,7 @@ const ArcgisTrack = class {
     this.trackComplete = index.createEvent(this, "trackComplete", 7);
     this.trackError = index.createEvent(this, "trackError", 7);
     this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.geolocationOptions = undefined;
     this.goToLocationEnabled = undefined;
@@ -98,9 +99,9 @@ const ArcgisTrack = class {
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await index$1.importCoreReactiveUtils();
-    watch(() => this.widget.tracking, (value) => (this.tracking = value), {
+    componentUtils.addHandles(this, watch(() => this.widget.tracking, (value) => (this.tracking = value), {
       initial: true
-    });
+    }));
   }
   _createParams() {
     const params = {
@@ -142,6 +143,6 @@ const ArcgisTrack = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisTrack.style = arcgisTrackCss;
+ArcgisTrack.style = trackCss;
 
 exports.arcgis_track = ArcgisTrack;

package/dist/cjs/arcgis-utility-network-associations.cjs.entry.js

@@ -3,16 +3,17 @@
 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$1 = require('./index-6439ae43.js');
+const componentUtils = require('./component-utils-17140a1b.js');
+const disconnected = require('./disconnected-62af3ef1.js');
 
-const arcgisUtilityNetworkAssociationsCss = "arcgis-utility-network-associations{}";
+const utilityNetworkAssociationsCss = "arcgis-utility-network-associations{}";
 
 const ArcgisUtilityNetworkAssociations = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.autoRefreshAssociations = undefined;
     this.connectivityAssociationsLineSymbol = undefined;
@@ -215,6 +216,6 @@ const ArcgisUtilityNetworkAssociations = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisUtilityNetworkAssociations.style = arcgisUtilityNetworkAssociationsCss;
+ArcgisUtilityNetworkAssociations.style = utilityNetworkAssociationsCss;
 
 exports.arcgis_utility_network_associations = ArcgisUtilityNetworkAssociations;

package/dist/cjs/arcgis-utility-network-trace.cjs.entry.js

@@ -3,11 +3,11 @@
 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$1 = require('./index-6439ae43.js');
+const componentUtils = require('./component-utils-17140a1b.js');
+const disconnected = require('./disconnected-62af3ef1.js');
 
-const arcgisUtilityNetworkTraceCss = "";
+const utilityNetworkTraceCss = "";
 
 const ArcgisUtilityNetworkTrace = class {
   constructor(hostRef) {
@@ -16,6 +16,7 @@ const ArcgisUtilityNetworkTrace = class {
     this.traceAddFlagComplete = index.createEvent(this, "traceAddFlagComplete", 7);
     this.traceAddFlagError = index.createEvent(this, "traceAddFlagError", 7);
     this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.defaultGraphicColor = undefined;
     this.flags = undefined;
@@ -157,6 +158,6 @@ const ArcgisUtilityNetworkTrace = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisUtilityNetworkTrace.style = arcgisUtilityNetworkTraceCss;
+ArcgisUtilityNetworkTrace.style = utilityNetworkTraceCss;
 
 exports.arcgis_utility_network_trace = ArcgisUtilityNetworkTrace;

package/dist/cjs/arcgis-utility-network-validate-topology.cjs.entry.js

@@ -3,16 +3,17 @@
 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$1 = require('./index-6439ae43.js');
+const componentUtils = require('./component-utils-17140a1b.js');
+const disconnected = require('./disconnected-62af3ef1.js');
 
-const arcgisUtilityNetworkValidateTopologyCss = "arcgis-utility-network-validate-topology{}";
+const utilityNetworkValidateTopologyCss = "arcgis-utility-network-validate-topology{}";
 
 const ArcgisUtilityNetworkValidateTopology = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.extentToValidate = undefined;
     this.utilityNetwork = undefined;
@@ -105,6 +106,6 @@ const ArcgisUtilityNetworkValidateTopology = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisUtilityNetworkValidateTopology.style = arcgisUtilityNetworkValidateTopologyCss;
+ArcgisUtilityNetworkValidateTopology.style = utilityNetworkValidateTopologyCss;
 
 exports.arcgis_utility_network_validate_topology = ArcgisUtilityNetworkValidateTopology;

package/dist/cjs/arcgis-value-picker.cjs.entry.js

@@ -3,11 +3,11 @@
 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$1 = require('./index-6439ae43.js');
+const componentUtils = require('./component-utils-17140a1b.js');
+const disconnected = require('./disconnected-62af3ef1.js');
 
-const arcgisValuePickerCss = "arcgis-value-picker{}";
+const valuePickerCss = "arcgis-value-picker{}";
 
 const ArcgisValuePicker = class {
   constructor(hostRef) {
@@ -18,6 +18,7 @@ const ArcgisValuePicker = class {
     this.valuePickerPause = index.createEvent(this, "valuePickerPause", 7);
     this.valuePickerPlay = index.createEvent(this, "valuePickerPlay", 7);
     this.valuePickerPrevious = index.createEvent(this, "valuePickerPrevious", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.view = undefined;
     this.position = "bottom-left";
@@ -107,15 +108,15 @@ const ArcgisValuePicker = class {
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await index$1.importCoreReactiveUtils();
-    watch(() => this.widget.canNext, (value) => (this.canNext = value), {
+    componentUtils.addHandles(this, watch(() => this.widget.canNext, (value) => (this.canNext = value), {
       initial: true
-    });
-    watch(() => this.widget.canPlay, (value) => (this.canPlay = value), {
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.canPlay, (value) => (this.canPlay = value), {
       initial: true
-    });
-    watch(() => this.widget.canPrevious, (value) => (this.canPrevious = value), {
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.canPrevious, (value) => (this.canPrevious = value), {
       initial: true
-    });
+    }));
   }
   _createParams() {
     const params = {
@@ -155,6 +156,6 @@ const ArcgisValuePicker = class {
     "playRate": ["playRateWatcher"]
   }; }
 };
-ArcgisValuePicker.style = arcgisValuePickerCss;
+ArcgisValuePicker.style = valuePickerCss;
 
 exports.arcgis_value_picker = ArcgisValuePicker;

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

@@ -3,16 +3,17 @@
 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$1 = require('./index-6439ae43.js');
+const componentUtils = require('./component-utils-17140a1b.js');
+const disconnected = require('./disconnected-62af3ef1.js');
 
-const arcgisWeatherCss = "";
+const weatherCss = "";
 
 const ArcgisWeather = class {
   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;
@@ -81,6 +82,6 @@ const ArcgisWeather = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisWeather.style = arcgisWeatherCss;
+ArcgisWeather.style = weatherCss;
 
 exports.arcgis_weather = ArcgisWeather;

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

@@ -3,16 +3,17 @@
 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$1 = require('./index-6439ae43.js');
+const componentUtils = require('./component-utils-17140a1b.js');
+const disconnected = require('./disconnected-62af3ef1.js');
 
-const arcgisZoomCss = "arcgis-zoom{}";
+const zoomCss = "arcgis-zoom{}";
 
 const ArcgisZoom = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.layout = undefined;
     this.view = undefined;
@@ -95,6 +96,6 @@ const ArcgisZoom = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisZoom.style = arcgisZoomCss;
+ArcgisZoom.style = zoomCss;
 
 exports.arcgis_zoom = ArcgisZoom;

package/dist/cjs/{component-utils-cbd20e88.js → component-utils-17140a1b.js}

@@ -1,12 +1,20 @@
 'use strict';
 
-const disconnected = require('./disconnected-306cb220.js');
+const disconnected = require('./disconnected-62af3ef1.js');
 
 //--------------------------------------------------------------------------
 //
 //  Public Methods
 //
 //--------------------------------------------------------------------------
+function addHandles(element, handle) {
+  if (Array.isArray(handle)) {
+    element._watchHandles = [...element._watchHandles, ...handle];
+  }
+  else {
+    element._watchHandles.push(handle);
+  }
+}
 function checkForView(element) {
   let isDetached = false;
   if (!disconnected.checkForExpand(element)) {
@@ -26,6 +34,19 @@ function checkForView(element) {
       waitForViewHandler(viewRef, element, isDetached);
     }
   }
+  else {
+    const viewRef = element.el.closest("arcgis-map") || element.el.closest("arcgis-scene");
+    if (viewRef?.view && typeof viewRef?.view !== "string") {
+      element.view = viewRef.view;
+    }
+    else if (viewRef) {
+      const handler = () => {
+        viewRef?.removeEventListener("viewReady", handler, false);
+        element.view = viewRef?.view;
+      };
+      viewRef.addEventListener("viewReady", handler, false);
+    }
+  }
 }
 async function updateForView(viewStr) {
   const viewRef = document.querySelector(viewStr);
@@ -72,6 +93,7 @@ function waitForViewHandler(viewRef, element, isDetached) {
   viewRef.addEventListener("viewReady", handler, false);
 }
 
+exports.addHandles = addHandles;
 exports.checkForView = checkForView;
 exports.referenceElementHelper = referenceElementHelper;
 exports.updateForView = updateForView;

package/dist/cjs/{disconnected-306cb220.js → disconnected-62af3ef1.js}

@@ -12,11 +12,11 @@ function checkForExpand(element) {
   }
   if (expandRef) {
     const widgetHandler = () => {
+      expandRef.removeEventListener("widgetReady", widgetHandler, false);
       element.view = expandRef.view;
       expandRef.widget.content = element.childElem;
       expandRef.widget.expandIcon = element.widget.icon;
       expandRef.widget.expandIconClass = element.widget.iconClass;
-      expandRef.removeEventListener("widgetReady", widgetHandler, false);
     };
     expandRef.addEventListener("widgetReady", widgetHandler, false);
     return true;
@@ -33,6 +33,10 @@ function onDisconnectedHelper(element) {
       else if (element.widget?.view) {
         element.widget.view.ui.remove(element.childElem);
       }
+      element._watchHandles.forEach((handle) => {
+        handle.remove();
+      });
+      element._watchHandles = [];
       element.widget?.destroy();
     }
   }
@@ -45,6 +49,10 @@ function onDisconnectedHelper(element) {
         else if (element.widget?.view) {
           element.widget.view.ui.remove(element.el);
         }
+        element._watchHandles.forEach((handle) => {
+          handle.remove();
+        });
+        element._watchHandles = [];
         element.widget?.destroy();
       }
     }, 1000);