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

package/dist/components/arcgis-map.js

@@ -33,6 +33,16 @@ const ArcgisMap$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       this.loadMap();
     }
   }
+  scaleWatcher(value, old) {
+    if (value != null && value !== old) {
+      this.view.scale = value;
+    }
+  }
+  zoomWatcher(value, old) {
+    if (value != null && value !== old) {
+      this.view.zoom = value;
+    }
+  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -77,7 +87,9 @@ const ArcgisMap$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     if (this.disableNavigation) {
       disableNavigation(this.view);
     }
-    this.view.when(() => this.viewReady.emit({ view: this.view }));
+    this.view.when(() => {
+      this.viewReady.emit({ view: this.view });
+    });
   }
   //--------------------------------------------------------------------------
   //
@@ -85,13 +97,21 @@ const ArcgisMap$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   //
   //--------------------------------------------------------------------------
   async _addWatchers() {
-    const { watch } = await importCoreReactiveUtils();
+    const { watch, when } = await importCoreReactiveUtils();
     watch(() => this.view.center, (center) => {
       const value = `${center.longitude},${center.latitude}`;
       this.center = value;
     });
-    watch(() => this.view.zoom, (value) => (this.zoom = value));
-    watch(() => this.view.scale, (value) => (this.scale = value));
+    when(() => this.view.updating, () => {
+      when(() => !this.view.updating, () => {
+        if (this.zoom !== this.view.zoom) {
+          this.zoom = this.view.zoom;
+        }
+        if (this.scale !== this.view.scale) {
+          this.scale = this.view.scale;
+        }
+      }, { once: true });
+    });
   }
   _createPortalItem() {
     const item = {};
@@ -132,7 +152,9 @@ const ArcgisMap$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   static get watchers() { return {
     "apiKey": ["apiKeyWatcher"],
     "backgroundColor": ["backgroundColorWatcher"],
-    "itemId": ["itemIdWatcher"]
+    "itemId": ["itemIdWatcher"],
+    "scale": ["scaleWatcher"],
+    "zoom": ["zoomWatcher"]
   }; }
   static get style() { return arcgisMapCss; }
 }, [0, "arcgis-map", {

package/dist/components/arcgis-scene.js

@@ -27,6 +27,16 @@ const ArcgisScene$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       this.loadMap();
     }
   }
+  scaleWatcher(value, old) {
+    if (value != null && value !== old) {
+      this.view.scale = value;
+    }
+  }
+  zoomWatcher(value, old) {
+    if (value != null && value !== old) {
+      this.view.zoom = value;
+    }
+  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -71,16 +81,26 @@ const ArcgisScene$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     if (this.disableNavigation) {
       disableNavigation(this.view);
     }
-    this.view.when(() => this.viewReady.emit({ view: this.view }));
+    this.view.when(() => {
+      this.viewReady.emit({ view: this.view });
+    });
   }
   async _addWatchers() {
-    const { watch } = await importCoreReactiveUtils();
+    const { watch, when } = await importCoreReactiveUtils();
     watch(() => this.view.center, (center) => {
       const value = `${center.longitude},${center.latitude}`;
       this.center = value;
     });
-    watch(() => this.view.zoom, (value) => (this.zoom = value));
-    watch(() => this.view.scale, (value) => (this.scale = value));
+    when(() => this.view.updating, () => {
+      when(() => !this.view.updating, () => {
+        if (this.zoom !== this.view.zoom) {
+          this.zoom = this.view.zoom;
+        }
+        if (this.scale !== this.view.scale) {
+          this.scale = this.view.scale;
+        }
+      }, { once: true });
+    });
   }
   _createPortalItem() {
     const item = {};
@@ -115,7 +135,9 @@ const ArcgisScene$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   get hostElem() { return this; }
   static get watchers() { return {
     "apiKey": ["apiKeyWatcher"],
-    "itemId": ["itemIdWatcher"]
+    "itemId": ["itemIdWatcher"],
+    "scale": ["scaleWatcher"],
+    "zoom": ["zoomWatcher"]
   }; }
   static get style() { return arcgisSceneCss; }
 }, [0, "arcgis-scene", {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { g as newWidgetsAreaMeasurement2D, i as importCoreReactiveUtils } from './index-c227d296.js';
+import { g as newWidgetsAreaMeasurement2D, c as importCoreReactiveUtils } from './index-334b0bde.js';
 import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
 import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { h as newWidgetsAreaMeasurement3D } from './index-c227d296.js';
+import { h as newWidgetsAreaMeasurement3D } from './index-334b0bde.js';
 import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
 import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { j as newWidgetsAttachments } from './index-c227d296.js';
+import { j as newWidgetsAttachments } from './index-334b0bde.js';
 import { c as checkForExpand, o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
 
 const arcgisAttachmentsCss = "";

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

@@ -1,5 +1,5 @@
 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 { k as newWidgetsBasemapGallery, c as importCoreReactiveUtils } from './index-334b0bde.js';
 import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
 import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
 

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

@@ -1,5 +1,5 @@
 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 { l as newWidgetsBasemapLayerList, c as importCoreReactiveUtils } from './index-334b0bde.js';
 import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
 import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
 

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

@@ -1,5 +1,5 @@
 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 { m as newWidgetsBasemapToggle, c as importCoreReactiveUtils } from './index-334b0bde.js';
 import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
 import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
 

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

@@ -1,5 +1,5 @@
 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 { o as newWidgetsBookmarks, c as importCoreReactiveUtils } from './index-334b0bde.js';
 import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
 import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { p as newWidgetsBuildingExplorer } from './index-c227d296.js';
+import { p as newWidgetsBuildingExplorer } from './index-334b0bde.js';
 import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
 import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { q as newWidgetsCompass } from './index-c227d296.js';
+import { q as newWidgetsCompass } from './index-334b0bde.js';
 import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
 import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
 

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

@@ -1,5 +1,5 @@
 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 newWidgetsCoordinateConversion, c as importCoreReactiveUtils } from './index-334b0bde.js';
 import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
 import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { s as newWidgetsDaylight } from './index-c227d296.js';
+import { s as newWidgetsDaylight } from './index-334b0bde.js';
 import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
 import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
 

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

@@ -1,5 +1,5 @@
 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 { t as newLayersRouteLayer, u as newWidgetsDirections, c as importCoreReactiveUtils } from './index-334b0bde.js';
 import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
 import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
 

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

@@ -1,5 +1,5 @@
 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 { v as newWidgetsDirectLineMeasurement3D, c as importCoreReactiveUtils } from './index-334b0bde.js';
 import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
 import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
 

package/dist/esm/arcgis-distance-measurement-2d.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { w as newWidgetsDistanceMeasurement2D } from './index-c227d296.js';
+import { w as newWidgetsDistanceMeasurement2D } from './index-334b0bde.js';
 import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
 import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
 

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

@@ -1,5 +1,5 @@
 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 { x as newWidgetsEditor, c as importCoreReactiveUtils } from './index-334b0bde.js';
 import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
 import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
 

package/dist/esm/arcgis-elevation-profile.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { y as newWidgetsElevationProfile } from './index-c227d296.js';
+import { y as newWidgetsElevationProfile } from './index-334b0bde.js';
 import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
 import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';