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

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

@@ -2,17 +2,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 = require('./index-b9b7643c.js');
+const index$1 = require('./index-c24d722b.js');
+const componentUtils = require('./component-utils-54ae1d40.js');
+const disconnected = require('./disconnected-86c5cc08.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

@@ -2,12 +2,12 @@
 
 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-b9b7643c.js');
+const index$1 = require('./index-c24d722b.js');
+const componentUtils = require('./component-utils-54ae1d40.js');
+const disconnected = require('./disconnected-86c5cc08.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

@@ -2,17 +2,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 = require('./index-b9b7643c.js');
+const index$1 = require('./index-c24d722b.js');
+const componentUtils = require('./component-utils-54ae1d40.js');
+const disconnected = require('./disconnected-86c5cc08.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

@@ -2,12 +2,12 @@
 
 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-b9b7643c.js');
+const index$1 = require('./index-c24d722b.js');
+const componentUtils = require('./component-utils-54ae1d40.js');
+const disconnected = require('./disconnected-86c5cc08.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

@@ -2,17 +2,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 = require('./index-b9b7643c.js');
+const index$1 = require('./index-c24d722b.js');
+const componentUtils = require('./component-utils-54ae1d40.js');
+const disconnected = require('./disconnected-86c5cc08.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

@@ -2,17 +2,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 = require('./index-b9b7643c.js');
+const index$1 = require('./index-c24d722b.js');
+const componentUtils = require('./component-utils-54ae1d40.js');
+const disconnected = require('./disconnected-86c5cc08.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-54ae1d40.js}

@@ -1,12 +1,20 @@
 'use strict';
 
-const disconnected = require('./disconnected-306cb220.js');
+const disconnected = require('./disconnected-86c5cc08.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)) {
@@ -15,7 +23,7 @@ function checkForView(element) {
       viewRef = document.querySelector(element.referenceElement);
       isDetached = true;
     }
-    if (viewRef?.view && typeof viewRef?.view !== "string") {
+    if (viewRef?.view) {
       element.view = viewRef.view;
       const el = element.childElem || element.el;
       if (!isDetached) {
@@ -26,6 +34,22 @@ function checkForView(element) {
       waitForViewHandler(viewRef, element, isDetached);
     }
   }
+  else {
+    const viewRef = element.el.closest("arcgis-map") || element.el.closest("arcgis-scene");
+    if (viewRef?.view) {
+      element.view = viewRef.view;
+    }
+    else if (viewRef) {
+      const handler = () => {
+        viewRef?.removeEventListener("viewReady", handler, false);
+        element.view = viewRef?.view;
+      };
+      viewRef.addEventListener("viewReady", handler, false);
+    }
+  }
+}
+function isNullOrEmptyString(value) {
+  return value === undefined || value === null || value === "";
 }
 async function updateForView(viewStr) {
   const viewRef = document.querySelector(viewStr);
@@ -60,7 +84,7 @@ function waitForViewHandler(viewRef, element, isDetached) {
   const handler = () => {
     viewRef?.removeEventListener("viewReady", handler, false);
     element.view = viewRef?.view;
-    if (!isDetached && typeof element.view !== "string") {
+    if (!isDetached) {
       if (element.childElem) {
         element.view?.ui.add(element.childElem, element.position);
       }
@@ -72,6 +96,8 @@ function waitForViewHandler(viewRef, element, isDetached) {
   viewRef.addEventListener("viewReady", handler, false);
 }
 
+exports.addHandles = addHandles;
 exports.checkForView = checkForView;
+exports.isNullOrEmptyString = isNullOrEmptyString;
 exports.referenceElementHelper = referenceElementHelper;
 exports.updateForView = updateForView;

package/dist/cjs/{disconnected-306cb220.js → disconnected-86c5cc08.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;
@@ -27,24 +27,32 @@ function checkForExpand(element) {
 function onDisconnectedHelper(element) {
   if (element.childElem) {
     if (!element.el.isConnected) {
-      if (element.view && typeof element.view !== "string") {
+      if (element.view) {
         element.view.ui.remove(element.childElem);
       }
       else if (element.widget?.view) {
         element.widget.view.ui.remove(element.childElem);
       }
+      element._watchHandles.forEach((handle) => {
+        handle.remove();
+      });
+      element._watchHandles = [];
       element.widget?.destroy();
     }
   }
   else {
     setTimeout(() => {
       if (!element.el.isConnected) {
-        if (element.view && typeof element.view !== "string") {
+        if (element.view) {
           element.view.ui.remove(element.el);
         }
         else if (element.widget?.view) {
           element.widget.view.ui.remove(element.el);
         }
+        element._watchHandles.forEach((handle) => {
+          handle.remove();
+        });
+        element._watchHandles = [];
         element.widget?.destroy();
       }
     }, 1000);