@arcgis/map-components 5.2.0-next.124 → 5.2.0-next.126

package/dist/components/arcgis-scene/customElement.js

@@ -1,32 +1,32 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as p } from "../../chunks/runtime.js";
 import { html as a } from "lit";
-import l from "@arcgis/core/Camera.js";
+import m from "@arcgis/core/Camera.js";
 import { watch as s } from "@arcgis/core/core/reactiveUtils.js";
 import v from "@arcgis/core/geometry/Point.js";
 import u from "@arcgis/core/views/SceneView.js";
 import g from "@arcgis/core/WebScene.js";
 import { LitElement as d, createEvent as r, safeClassMap as o } from "@arcgis/lumina";
 import { reEmitEvent as t } from "@arcgis/lumina-toolkit/reEmitEvent";
-import { makeAccessorController as w, reCreateAccessor as y } from "@arcgis/lumina-toolkit/useAccessor";
+import { makeAccessorController as w, reCreateAccessor as f } from "@arcgis/lumina-toolkit/useAccessor";
 import { createRef as n, ref as h } from "lit/directives/ref.js";
-import { U as f, u as b, a as V, b as C } from "../../chunks/useArcgisViewReadyError.js";
-import { s as _ } from "../../chunks/esri-main.js";
-import { s as E } from "../../chunks/slots.js";
+import { U as y, F as b, u as C, a as V, b as _ } from "../../chunks/selectionOverlayPopupController.js";
+import { s as E } from "../../chunks/esri-main.js";
+import { s as R } from "../../chunks/slots.js";
 import { C as c } from "../../chunks/resources.js";
-import { d as P, e as A, b as M, c as R, p as D, i as I } from "../../chunks/component-utils.js";
-const k = w(g, {}), L = w(u, {});
-class S extends d {
+import { d as P, e as A, b as M, c as D, p as I, i as F } from "../../chunks/component-utils.js";
+const S = w(g, {}), k = w(u, {});
+class L extends d {
   constructor() {
-    super(), this._attributionMode = null, this._containerRef = n(), this._mapRef = n(), this._uiController = new f(this), this._cameraProperties = {}, this.arcgisLoadError = b(this), this.arcgisViewReadyError = V(this), this._map = k(this), this.view = L(this), this.allLayerViews = this.view.allLayerViews, this.alphaCompositingEnabled = this.view.alphaCompositingEnabled, this.analyses = this.view.analyses, this.animationsDisabled = this.view.animationsEnabled, this.autoDestroyDisabled = !1, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.canZoomIn = this.view.canZoomIn, this.canZoomOut = this.view.canZoomOut, this.clippingArea = this.view.clippingArea, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.environment = this.view.environment, this.fatalError = this.view.fatalError, this.floors = this.view.floors, this.graphics = this.view.graphics, this.ground = this._map.ground, this.groundView = this.view.groundView, this.highlights = this.view.highlights, this.layerViews = this.view.layerViews, this.magnifier = this.view.magnifier, this.map = this.view.map, this.navigation = this.view.navigation, this.options = this.view.options, this.padding = this.view.padding, this.popup = this.view.popup, this.popupDisabled = this.view.popupEnabled, this.popupComponentEnabled = !1, this.qualityProfile = this.view.qualityProfile, this.ready = this.view.ready, this.selectionManager = this.view.selectionManager, this.slotGroupRefs = this._uiController.slotGroupRefs, this.spatialReference = this.view.spatialReference, this.suspended = this.view.suspended, this.theme = this.view.theme, this.timeExtent = this.view.timeExtent, this.timeZone = this.view.timeZone, this.viewingMode = this.view.viewingMode, this.visibleArea = this.view.visibleArea, this.arcgisViewAnalysisViewCreate = t(() => this.view, "analysis-view-create"), this.arcgisViewAnalysisViewCreateError = t(() => this.view, "analysis-view-create-error"), this.arcgisViewAnalysisViewDestroy = t(() => this.view, "analysis-view-destroy"), this.arcgisViewChange = r(), this.arcgisViewClick = t(() => this.view, "click"), this.arcgisViewDoubleClick = t(() => this.view, "double-click"), this.arcgisViewDoubleTapDrag = t(() => this.view, "double-tap-drag"), this.arcgisViewDrag = t(() => this.view, "drag"), this.arcgisViewHold = t(() => this.view, "hold"), this.arcgisViewImmediateClick = t(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = t(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = t(() => this.view, "key-down"), this.arcgisViewKeyUp = t(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = t(() => this.view, "layerview-create"), this.arcgisViewLayerviewCreateError = t(() => this.view, "layerview-create-error"), this.arcgisViewLayerviewDestroy = t(() => this.view, "layerview-destroy"), this.arcgisViewMouseWheel = t(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = t(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = t(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = t(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = t(() => this.view, "pointer-move"), this.arcgisViewPointerUp = t(() => this.view, "pointer-up"), this.arcgisViewReadyChange = r(), this.arcgisViewVerticalTwoFingerDrag = t(() => this.view, "vertical-two-finger-drag"), C(this), this.view.ui = {
+    super(), this._attributionMode = null, this._containerRef = n(), this._mapRef = n(), this._uiController = new y(this), this._focusRegionPopupController = new b(this), this._cameraProperties = {}, this.arcgisLoadError = C(this), this.arcgisViewReadyError = V(this), this._map = S(this), this.view = k(this), this.allLayerViews = this.view.allLayerViews, this.alphaCompositingEnabled = this.view.alphaCompositingEnabled, this.analyses = this.view.analyses, this.animationsDisabled = this.view.animationsEnabled, this.autoDestroyDisabled = !1, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.canZoomIn = this.view.canZoomIn, this.canZoomOut = this.view.canZoomOut, this.clippingArea = this.view.clippingArea, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.environment = this.view.environment, this.fatalError = this.view.fatalError, this.floors = this.view.floors, this.graphics = this.view.graphics, this.ground = this._map.ground, this.groundView = this.view.groundView, this.highlights = this.view.highlights, this.layerViews = this.view.layerViews, this.magnifier = this.view.magnifier, this.map = this.view.map, this.navigation = this.view.navigation, this.options = this.view.options, this.padding = this.view.padding, this.popup = this.view.popup, this.popupDisabled = this.view.popupEnabled, this.popupComponentEnabled = !1, this.qualityProfile = this.view.qualityProfile, this.ready = this.view.ready, this.selectionManager = this.view.selectionManager, this.focusRegionEnabled = this.view.focusRegionEnabled, this.slotGroupRefs = this._uiController.slotGroupRefs, this.spatialReference = this.view.spatialReference, this.suspended = this.view.suspended, this.theme = this.view.theme, this.timeExtent = this.view.timeExtent, this.timeZone = this.view.timeZone, this.viewingMode = this.view.viewingMode, this.visibleArea = this.view.visibleArea, this.arcgisViewAnalysisViewCreate = t(() => this.view, "analysis-view-create"), this.arcgisViewAnalysisViewCreateError = t(() => this.view, "analysis-view-create-error"), this.arcgisViewAnalysisViewDestroy = t(() => this.view, "analysis-view-destroy"), this.arcgisViewChange = r(), this.arcgisViewClick = t(() => this.view, "click"), this.arcgisViewDoubleClick = t(() => this.view, "double-click"), this.arcgisViewDoubleTapDrag = t(() => this.view, "double-tap-drag"), this.arcgisViewFocusRegionSelect = t(() => this.view, "focus-region-select"), this.arcgisViewDrag = t(() => this.view, "drag"), this.arcgisViewHold = t(() => this.view, "hold"), this.arcgisViewImmediateClick = t(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = t(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = t(() => this.view, "key-down"), this.arcgisViewKeyUp = t(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = t(() => this.view, "layerview-create"), this.arcgisViewLayerviewCreateError = t(() => this.view, "layerview-create-error"), this.arcgisViewLayerviewDestroy = t(() => this.view, "layerview-destroy"), this.arcgisViewMouseWheel = t(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = t(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = t(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = t(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = t(() => this.view, "pointer-move"), this.arcgisViewPointerUp = t(() => this.view, "pointer-up"), this.arcgisViewReadyChange = r(), this.arcgisViewVerticalTwoFingerDrag = t(() => this.view, "vertical-two-finger-drag"), _(this), this.view.ui = {
       components: []
     };
   }
   static {
-    this.properties = { _map: 16, aria: 0, view: 32, allLayerViews: 32, alphaCompositingEnabled: 5, analyses: 0, animationsDisabled: 5, attributionItems: 32, attributionMode: 1, autoDestroyDisabled: 5, basemap: 1, basemapView: 0, camera: 0, cameraFov: 9, cameraHeading: 9, cameraPosition: 1, cameraTilt: 9, canZoomIn: 36, canZoomOut: 36, center: 1, clippingArea: 0, constraints: 0, displayFilterDisabled: 5, environment: 0, extent: 0, fatalError: 0, floors: 0, focusAreas: 0, gamepad: 32, graphics: 0, ground: 1, groundView: 32, hideAttribution: 5, highlights: 0, interacting: 32, itemId: 3, layerViews: 32, magnifier: 32, map: 0, navigating: 32, navigation: 0, options: 0, padding: 0, performanceInfo: 32, popup: 0, popupElement: 32, popupDisabled: 5, popupComponentEnabled: 5, qualityProfile: 1, ready: 36, resolution: 32, selectionManager: 32, scale: 9, slotGroupRefs: 32, spatialReference: 0, stationary: 32, suspended: 39, theme: 0, timeExtent: 0, timeZone: 1, updating: 32, viewingMode: 1, viewpoint: 0, visibleArea: 32, zoom: 9, loadErrorSources: 0 };
+    this.properties = { _map: 16, aria: 0, view: 32, allLayerViews: 32, alphaCompositingEnabled: 5, analyses: 0, animationsDisabled: 5, attributionItems: 32, attributionMode: 1, autoDestroyDisabled: 5, basemap: 1, basemapView: 0, camera: 0, cameraFov: 9, cameraHeading: 9, cameraPosition: 1, cameraTilt: 9, canZoomIn: 36, canZoomOut: 36, center: 1, clippingArea: 0, constraints: 0, displayFilterDisabled: 5, environment: 0, extent: 0, fatalError: 0, floors: 0, focusAreas: 0, gamepad: 32, graphics: 0, ground: 1, groundView: 32, hideAttribution: 5, highlights: 0, interacting: 32, itemId: 3, layerViews: 32, magnifier: 32, map: 0, navigating: 32, navigation: 0, options: 0, padding: 0, performanceInfo: 32, popup: 0, popupElement: 32, popupDisabled: 5, popupComponentEnabled: 5, qualityProfile: 1, ready: 36, resolution: 32, selectionManager: 32, focusRegionEnabled: 5, focusRegion: 32, scale: 9, slotGroupRefs: 32, spatialReference: 0, stationary: 32, suspended: 39, theme: 0, timeExtent: 0, timeZone: 1, updating: 32, viewingMode: 1, viewpoint: 0, visibleArea: 32, zoom: 9, loadErrorSources: 0 };
   }
   static {
-    this.styles = [_, E];
+    this.styles = [E, R];
   }
   get aria() {
     return this.view?.aria ?? null;
@@ -76,8 +76,8 @@ class S extends d {
   }
   set cameraPosition(i) {
     const e = A(this.view.camera?.position, i);
-    e && this._mutateCamera((m) => {
-      m.position = e;
+    e && this._mutateCamera((l) => {
+      l.position = e;
     });
   }
   get cameraTilt() {
@@ -95,8 +95,8 @@ class S extends d {
   set center(i) {
     if (M(i, this._center))
       return;
-    this._center = R(i);
-    const e = D(i, this.view);
+    this._center = D(i);
+    const e = I(i, this.view);
     e && (this.view.center = e);
   }
   get extent() {
@@ -130,7 +130,7 @@ class S extends d {
     return this._map.portalItem?.id;
   }
   set itemId(i) {
-    y(this._map, this), this._map.portalItem = { id: i }, this.view.map = this._map;
+    f(this._map, this), this._map.portalItem = { id: i }, this.view.map = this._map;
   }
   get navigating() {
     return this.view.navigating;
@@ -144,6 +144,9 @@ class S extends d {
   get resolution() {
     return this.view.resolution;
   }
+  get focusRegion() {
+    return this.view.focusRegion;
+  }
   get scale() {
     return this.view.scale;
   }
@@ -160,7 +163,7 @@ class S extends d {
     return this.view.viewpoint;
   }
   set viewpoint(i) {
-    I(this.viewpoint, i) && (this.view.viewpoint = i);
+    F(this.viewpoint, i) && (this.view.viewpoint = i);
   }
   get zoom() {
     return this.view.zoom;
@@ -169,7 +172,7 @@ class S extends d {
     this.view.zoom = i;
   }
   async closePopup() {
-    this._uiController.closePopup();
+    this._focusRegionPopupController.abort(), this._uiController.closePopup();
   }
   async destroy() {
     await this.manager.destroy();
@@ -184,7 +187,7 @@ class S extends d {
     return await this.view.hitTest(i, e);
   }
   async openPopup(i) {
-    this._uiController.openPopup(i);
+    await this._uiController.openPopup(i);
   }
   async takeScreenshot(i) {
     return await this.view.takeScreenshot(i);
@@ -233,7 +236,7 @@ class S extends d {
       i(this._cameraProperties);
       return;
     }
-    const e = this.view.camera?.clone() ?? new l();
+    const e = this.view.camera?.clone() ?? new m();
     i(e), this.camera = e;
   }
   renderMain() {
@@ -243,7 +246,7 @@ class S extends d {
     return a`${this.renderMain()}<section class=${o(c.containerUI)} ${h(this._containerRef)}>${this._uiController.render()}</section>`;
   }
 }
-p("arcgis-scene", S);
+p("arcgis-scene", L);
 export {
-  S as ArcgisScene
+  L as ArcgisScene
 };

package/dist/components/arcgis-sketch/customElement.js

@@ -546,7 +546,7 @@ let l = class extends ne {
       this.cancelAll();
       const e = {
         createTool: i === "lasso-selection" ? "polygon" : "rectangle",
-        ...i === "lasso-selection" ? { mode: "freehand", toolName: "lasso" } : { toolName: "rectangle" },
+        ...i === "lasso-selection" ? { mode: "hybrid", toolName: "lasso" } : { toolName: "rectangle" },
         type: "replace",
         selectOnComplete: !0
       };

package/dist/components/arcgis-spinner/customElement.js

@@ -1,42 +1,42 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c } from "../../chunks/runtime.js";
-import { css as r, html as l } from "lit";
-import { LitElement as a, safeStyleMap as p } from "@arcgis/lumina";
-import { t as f } from "../../chunks/screenLocation.js";
-const d = r`:host{display:contents}.root{position:absolute}`;
-class m extends a {
+import { c as o } from "../../chunks/runtime.js";
+import { css as s, html as n } from "lit";
+import { LitElement as c, safeStyleMap as a } from "@arcgis/lumina";
+import { t as l } from "../../chunks/screenLocation.js";
+const p = s`:host{display:contents}.root{--spinner-offset: calc(var(--calcite-loader-size) / 4 * -1);position:absolute;margin-block-start:var(--spinner-offset);margin-inline-start:var(--spinner-offset);padding:var(--calcite-spacing-xxs);border-radius:100%;background-color:color-mix(in srgb,var(--calcite-color-text-inverse) 50%,transparent);--calcite-loader-track-color: transparent;--calcite-loader-progress-color-inline: var(--calcite-color-text-1)}`;
+class f extends c {
   constructor() {
-    super(...arguments), this.trackLocation = !1, this.screenLocation = f(this);
+    super(...arguments), this.trackLocation = !1, this.screenLocation = l(this);
   }
   static {
     this.properties = { trackLocation: 5, screenLocation: 32, label: 1, location: 0, referenceElement: 0, view: 0 };
   }
   static {
-    this.styles = d;
+    this.styles = p;
   }
   _getViewOffset() {
-    const t = this.view?.container?.getBoundingClientRect(), e = this.referenceElement?.getBoundingClientRect();
+    const e = this.view?.container?.getBoundingClientRect(), t = this.referenceElement?.getBoundingClientRect();
     return {
-      left: t && e ? t.left - e.left : 0,
-      top: t && e ? t.top - e.top : 0
+      left: e && t ? e.left - t.left : 0,
+      top: e && t ? e.top - t.top : 0
     };
   }
   _getPositionStyles() {
-    const { screenLocation: t, view: e } = this;
-    if (e == null || t == null)
+    const { screenLocation: e, view: t } = this;
+    if (t == null || e == null)
       return {};
-    const i = 16, n = e.padding.left ?? 0, s = e.padding.top ?? 0, o = this._getViewOffset();
+    const r = 16, i = this._getViewOffset();
     return {
-      "--calcite-loader-size": `${i}px`,
-      left: `${t.x - n + o.left - i / 2}px`,
-      top: `${t.y - s + o.top - i / 2}px`
+      "--calcite-loader-size": `${r}px`,
+      left: `${e.x + i.left - r / 2}px`,
+      top: `${e.y + i.top - r / 2}px`
     };
   }
   render() {
-    return this.screenLocation ? l`<calcite-loader class="root" .label=${this.label ?? ""} inline style=${p(this._getPositionStyles())}></calcite-loader>` : null;
+    return this.screenLocation ? n`<div class="root" style=${a(this._getPositionStyles())}><calcite-loader .label=${this.label ?? ""} inline></calcite-loader></div>` : null;
   }
 }
-c("arcgis-spinner", m);
+o("arcgis-spinner", f);
 export {
-  m as ArcgisSpinner
+  f as ArcgisSpinner
 };