@arcgis/map-components 6.0.0-next.15 → 6.0.0-next.17

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

@@ -3,11 +3,11 @@ import { c as o } from "../../chunks/runtime.js";
 import { css as c, html as r } from "lit";
 import { LitElement as i, createEvent as a, nothing as u, safeClassMap as m } from "@arcgis/lumina";
 import { usePropertyChange as d } from "@arcgis/lumina/controllers";
-import { getClosestElement as f, classes as h } from "@arcgis/toolkit/dom";
+import { getClosestElement as h, classes as f } from "@arcgis/toolkit/dom";
 import { u as g } from "../../chunks/useT9n.js";
 import { u as p } from "../../chunks/useView.js";
 import { g as v } from "../../chunks/globalCss.js";
-const b = c`.arcgis-button{--calcite-icon-color: var(--calcite-color-text-3);--calcite-button-background-color: var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);line-height:var(--calcite-font-line-height-relative-tight);calcite-button{--calcite-offset-invert-focus: 1}display:flex;flex-flow:column;cursor:pointer;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);:hover{--calcite-icon-color: var(--calcite-color-text-1);--calcite-button-background-color: var(--calcite-color-transparent-hover)}}`;
+const b = c`.arcgis-button{--calcite-icon-color: var(--calcite-color-text-3);--calcite-button-background-color: var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);line-height:var(--calcite-font-line-height-relative-tight);calcite-button{--calcite-offset-invert-focus: 1}display:flex;flex-flow:column;cursor:pointer;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);:hover{--calcite-icon-color: var(--calcite-color-text-1);--calcite-button-background-color: var(--calcite-color-transparent-hover)}}:host{width:fit-content;height:fit-content}`;
 function E(s) {
   return s.includes("#") || s.includes(".") || s.includes("[") ? s : `#${s}`;
 }
@@ -30,7 +30,7 @@ class x extends i {
   }
   set element(e) {
     if (typeof e == "string") {
-      const t = E(e), l = f(this.el, t);
+      const t = E(e), l = h(this.el, t);
       this.#e = l || void 0;
     } else
       this.#e = e;
@@ -53,7 +53,7 @@ class x extends i {
   }
   render() {
     const { fullscreenTitle: e, state: t } = this, l = t === "unsupported", n = t === "ready" || t === "disabled" || t === "unsupported" ? "zoom-out-fixed" : "zoom-in-fixed";
-    return r`<div class=${m(h("root", v.arcgisButton))}><calcite-button .disabled=${t === "disabled" || l} .iconStart=${n} kind=neutral .label=${e} @click=${this._toggle} .scale=${this.visualScale} title=${e ?? u}></calcite-button></div>`;
+    return r`<div class=${m(f("root", v.arcgisButton))}><calcite-button .disabled=${t === "disabled" || l} .iconStart=${n} kind=neutral .label=${e} @click=${this._toggle} .scale=${this.visualScale} title=${e ?? u}></calcite-button></div>`;
   }
 }
 o("arcgis-fullscreen", x);

package/dist/components/arcgis-line-of-sight/customElement.d.ts

@@ -24,12 +24,21 @@ import type { Icon as Icon } from "@esri/calcite-components/components/calcite-i
  * and subsequent clicks place the [targets](https://developers.arcgis.com/javascript/latest/references/core/analysis/LineOfSightAnalysisTarget/).
  * Both the observer and target points can be moved by dragging. Additionally, the target points can be removed with a right click.
  *
- * Snapping, tooltips, display units, and input units are inherited from
- * [ViewOptions](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/ViewOptions/).
- *
- * **Known limitation**
+ * **Things to consider**
  *
- * Line Of Sight is only supported in a 3D [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/) component.
+ * * Line Of Sight is only supported in a 3D [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/) component.
+ * * The results of the tool vary depending on the zoom level, as changes in zoom level affect the level of detail (LOD) of the scene geometry.
+ * * Snapping, tooltips, display units, and input units are inherited from
+ * [ViewOptions](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/ViewOptions/).
+ *   * Snapping is enabled by default. Holding the `CTRL` key disables it.
+ *   * Layer types currently supported for snapping are:
+ * [FeatureLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/FeatureLayer/),
+ * [GraphicsLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/GraphicsLayer/) (except Mesh geometries),
+ * [GeoJSONLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/GeoJSONLayer/),
+ * [WFSLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/WFSLayer/),
+ * [CSVLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/CSVLayer/),
+ * [3D Object SceneLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/SceneLayer/),
+ * and [BuildingSceneLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/BuildingSceneLayer/).
  *
  * **See also**
  *
@@ -225,7 +234,7 @@ export abstract class ArcgisLineOfSight extends LitElement {
    * > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the arcgis-line-of-sight component will be associated with a map or scene component rather than using the `view` property.
    */
   accessor view: SceneView | undefined;
-  /** Clear the current analysis results. After calling this method, the user can set a new observer and targets. */
+  /** Clear the current observer and any targets. After calling this method, the user can set a new observer and targets. */
   clear(): Promise<void>;
   /** After [stop()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-line-of-sight/#stop) was called, this method allows to continue the line of sight analysis and add more targets. */
   continue(): Promise<void>;

package/dist/components/arcgis-link-chart/customElement.js

@@ -1,25 +1,25 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import { c as C } from "../../chunks/runtime.js";
+import { c as f } from "../../chunks/runtime.js";
 import { watch as h } from "@arcgis/core/core/reactiveUtils.js";
-import _ from "@arcgis/core/views/LinkChartView.js";
-import b from "@arcgis/core/WebLinkChart.js";
-import { LitElement as V, createEvent as p, safeClassMap as w } from "@arcgis/lumina";
+import C from "@arcgis/core/views/LinkChartView.js";
+import y from "@arcgis/core/WebLinkChart.js";
+import { LitElement as _, createEvent as p, safeClassMap as w } from "@arcgis/lumina";
 import { reEmitEvent as e } from "@arcgis/lumina-toolkit/reEmitEvent";
-import { makeAccessorController as f, reCreateAccessor as A } from "@arcgis/lumina-toolkit/useAccessor";
-import { createRef as u, ref as v } from "lit/directives/ref.js";
+import { makeAccessorController as b, reCreateAccessor as V } from "@arcgis/lumina-toolkit/useAccessor";
+import { createRef as A, ref as u } from "lit/directives/ref.js";
 import { s as I } from "../../chunks/esri-main.js";
 import { s as E } from "../../chunks/slots.js";
-import { C as m } from "../../chunks/resources.js";
+import { C as v } from "../../chunks/resources.js";
 import { b as L, c as R, p as M, i as k } from "../../chunks/component-utils.js";
 import { U, u as D, a as x, b as Q } from "../../chunks/useArcgisViewReadyError.js";
 import { fetchKnowledgeGraph as P } from "@arcgis/core/rest/knowledgeGraphService.js";
 import z from "@arcgis/core/rest/knowledgeGraph/GraphQueryStreaming.js";
-import { t as g } from "../../chunks/async-utils.js";
-import { isAbortError as d } from "@arcgis/core/core/promiseUtils.js";
-import { html as y } from "lit";
+import { t as m } from "../../chunks/async-utils.js";
+import { isAbortError as g } from "@arcgis/core/core/promiseUtils.js";
+import { html as d } from "lit";
 import Z from "@arcgis/core/layers/LinkChartLayer.js";
-const F = f(
-  b,
+const F = b(
+  y,
   /**
    * Since omitProps is only needed for typing, not runtime, `{} as { ... }` is
    * a hack to remove them from the runtime code. This argument is not used at
@@ -29,10 +29,10 @@ const F = f(
    * in an externalized package.
    */
   {}
-), S = f(_, {});
-class G extends V {
+), S = b(C, {});
+class G extends _ {
   constructor() {
-    super(), this._attributionMode = null, this._containerRef = u(), this._mapRef = u(), this._uiController = new U(this), this._activeLoadAbortController = null, this.arcgisLoadError = D(this), this.arcgisViewReadyError = x(this), this._map = F(this), this._baseCypherQuery = "", this._serviceUrl = "", this._propItemId = "", this.view = S(this), this.animationsDisabled = this.view.animationsEnabled, this.allLayerViews = this.view.allLayerViews, this.analyses = this.view.analyses, this.autoDestroyDisabled = !1, this.background = this.view.background, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.canZoomIn = this.view.canZoomIn, this.canZoomOut = this.view.canZoomOut, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.fatalError = this.view.fatalError, this.graphics = this.view.graphics, 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.ready = this.view.ready, this.resizeAlign = this.view.resizeAlign, this.resolution = this.view.resolution, this.rotation = this.view.rotation, this.selectionManager = this.view.selectionManager, this.focusRegionVisible = this.view.focusRegionVisible, 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.arcgisViewAnalysisViewCreate = e(() => this.view, "analysis-view-create"), this.arcgisViewAnalysisViewCreateError = e(() => this.view, "analysis-view-create-error"), this.arcgisViewAnalysisViewDestroy = e(() => this.view, "analysis-view-destroy"), this.arcgisViewChange = p(), this.arcgisViewClick = e(() => this.view, "click"), this.arcgisViewDoubleClick = e(() => this.view, "double-click"), this.arcgisViewDoubleTapDrag = e(() => this.view, "double-tap-drag"), this.arcgisViewFocusRegionSelect = e(() => this.view, "focus-region-select"), this.arcgisViewDrag = e(() => this.view, "drag"), this.arcgisViewHold = e(() => this.view, "hold"), this.arcgisViewImmediateClick = e(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = e(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = e(() => this.view, "key-down"), this.arcgisViewKeyUp = e(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = e(() => this.view, "layerview-create"), this.arcgisViewLayerviewCreateError = e(() => this.view, "layerview-create-error"), this.arcgisViewLayerviewDestroy = e(() => this.view, "layerview-destroy"), this.arcgisViewMouseWheel = e(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = e(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = e(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = e(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = e(() => this.view, "pointer-move"), this.arcgisViewPointerUp = e(() => this.view, "pointer-up"), this.arcgisViewReadyChange = p(), this.arcgisViewVerticalTwoFingerDrag = e(() => this.view, "vertical-two-finger-drag"), Q(this), this.view.ui = {
+    super(), this._attributionMode = null, this._mapRef = A(), this._uiController = new U(this), this._activeLoadAbortController = null, this.arcgisLoadError = D(this), this.arcgisViewReadyError = x(this), this._map = F(this), this._baseCypherQuery = "", this._serviceUrl = "", this._propItemId = "", this.view = S(this), this.animationsDisabled = this.view.animationsEnabled, this.allLayerViews = this.view.allLayerViews, this.analyses = this.view.analyses, this.autoDestroyDisabled = !1, this.background = this.view.background, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.canZoomIn = this.view.canZoomIn, this.canZoomOut = this.view.canZoomOut, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.fatalError = this.view.fatalError, this.graphics = this.view.graphics, 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.ready = this.view.ready, this.resizeAlign = this.view.resizeAlign, this.resolution = this.view.resolution, this.rotation = this.view.rotation, this.selectionManager = this.view.selectionManager, this.focusRegionVisible = this.view.focusRegionVisible, 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.arcgisViewAnalysisViewCreate = e(() => this.view, "analysis-view-create"), this.arcgisViewAnalysisViewCreateError = e(() => this.view, "analysis-view-create-error"), this.arcgisViewAnalysisViewDestroy = e(() => this.view, "analysis-view-destroy"), this.arcgisViewChange = p(), this.arcgisViewClick = e(() => this.view, "click"), this.arcgisViewDoubleClick = e(() => this.view, "double-click"), this.arcgisViewDoubleTapDrag = e(() => this.view, "double-tap-drag"), this.arcgisViewFocusRegionSelect = e(() => this.view, "focus-region-select"), this.arcgisViewDrag = e(() => this.view, "drag"), this.arcgisViewHold = e(() => this.view, "hold"), this.arcgisViewImmediateClick = e(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = e(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = e(() => this.view, "key-down"), this.arcgisViewKeyUp = e(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = e(() => this.view, "layerview-create"), this.arcgisViewLayerviewCreateError = e(() => this.view, "layerview-create-error"), this.arcgisViewLayerviewDestroy = e(() => this.view, "layerview-destroy"), this.arcgisViewMouseWheel = e(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = e(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = e(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = e(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = e(() => this.view, "pointer-move"), this.arcgisViewPointerUp = e(() => this.view, "pointer-up"), this.arcgisViewReadyChange = p(), this.arcgisViewVerticalTwoFingerDrag = e(() => this.view, "vertical-two-finger-drag"), Q(this), this.view.ui = {
       components: []
     };
   }
@@ -204,9 +204,9 @@ class G extends V {
               signal: a?.signal
             });
             try {
-              g(a.signal), n.add(o), this._setLinkChartAndZoom(n);
+              m(a.signal), n.add(o), this._setLinkChartAndZoom(n);
             } catch (c) {
-              if (!d(c))
+              if (!g(c))
                 throw c;
             }
           });
@@ -219,9 +219,9 @@ class G extends V {
               signal: a?.signal
             }).then(async (n) => {
               try {
-                g(a.signal), this._setLinkChartAndZoom(n);
+                m(a.signal), this._setLinkChartAndZoom(n);
               } catch (o) {
-                if (!d(o))
+                if (!g(o))
                   throw o;
               }
             });
@@ -248,15 +248,15 @@ class G extends V {
     });
   }
   renderMain() {
-    return y`<div class=${w(m.base)} ${v(this._mapRef)}></div>`;
+    return d`<div class=${w(v.base)} ${u(this._mapRef)}></div>`;
   }
   render() {
-    return y`${this.renderMain()}<section class=${w(m.containerUI)} ${v(this._containerRef)}>${this._uiController.render()}</section>`;
+    return d`${this.renderMain()}<section class=${w(v.containerUI)} ${u(this._uiController.uiContainerRef)}>${this._uiController.render()}</section>`;
   }
 }
 const s = {
   fetchKnowledgeGraph: async (r) => await P(r),
-  WebLinkChart: b,
+  WebLinkChart: y,
   LinkChartLayer: Z,
   setMap: (r, i) => {
     r.map = i;
@@ -270,9 +270,9 @@ const s = {
   setPortalItem(r, i) {
     r.portalItem = { id: i };
   },
-  reCreateAccessor: A
+  reCreateAccessor: V
 };
-C("arcgis-link-chart", G);
+f("arcgis-link-chart", G);
 export {
   G as ArcgisLinkChart,
   s as exportsForTests

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

@@ -1,21 +1,21 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import { c as p } from "../../chunks/runtime.js";
+import { c } from "../../chunks/runtime.js";
 import { html as r } from "lit";
 import { watch as s } from "@arcgis/core/core/reactiveUtils.js";
-import l from "@arcgis/core/views/MapView.js";
-import u from "@arcgis/core/WebMap.js";
-import { LitElement as v, createEvent as a, safeClassMap as o } from "@arcgis/lumina";
+import p from "@arcgis/core/views/MapView.js";
+import l from "@arcgis/core/WebMap.js";
+import { LitElement as u, createEvent as a, safeClassMap as o } from "@arcgis/lumina";
 import { reEmitEvent as e } from "@arcgis/lumina-toolkit/reEmitEvent";
-import { makeAccessorController as c, reCreateAccessor as m } from "@arcgis/lumina-toolkit/useAccessor";
-import { createRef as n, ref as h } from "lit/directives/ref.js";
+import { makeAccessorController as w, reCreateAccessor as v } from "@arcgis/lumina-toolkit/useAccessor";
+import { createRef as m, ref as n } from "lit/directives/ref.js";
 import { U as g, u as d, a as y, b as f } from "../../chunks/useArcgisViewReadyError.js";
 import { s as b } from "../../chunks/esri-main.js";
 import { s as V } from "../../chunks/slots.js";
-import { C as w } from "../../chunks/resources.js";
+import { C as h } from "../../chunks/resources.js";
 import { b as C, c as E, p as R, i as _ } from "../../chunks/component-utils.js";
 import A from "@arcgis/core/core/Collection.js";
-const M = c(
-  u,
+const M = w(
+  l,
   /**
    * Since omitProps is only needed for typing, not runtime, `{} as { ... }` is
    * a hack to remove them from the runtime code. This argument is not used at
@@ -25,10 +25,10 @@ const M = c(
    * in an externalized package.
    */
   {}
-), D = c(l, {});
-class k extends v {
+), D = w(p, {});
+class k extends u {
   constructor() {
-    super(), this._attributionMode = null, this._containerRef = n(), this._mapRef = n(), this._uiController = new g(this), this.extraContent = new A(), this.arcgisLoadError = d(this), this.arcgisViewReadyError = y(this), this._map = M(this), this.view = D(this), this.animationsDisabled = this.view.animationsEnabled, this.allLayerViews = this.view.allLayerViews, this.analyses = this.view.analyses, this.autoDestroyDisabled = !1, this.background = this.view.background, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.canZoomIn = this.view.canZoomIn, this.canZoomOut = this.view.canZoomOut, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.fatalError = this.view.fatalError, this.floors = this.view.floors, this.graphics = this.view.graphics, this.ground = this._map.ground, this.highlights = this.view.highlights, this.ipsInfo = this._map.ipsInfo, 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.ready = this.view.ready, this.resizeAlign = this.view.resizeAlign, this.resolution = this.view.resolution, this.rotation = this.view.rotation, this.selectionManager = this.view.selectionManager, this.focusRegionVisible = this.view.focusRegionVisible, this.slotGroupRefs = this._uiController.slotGroupRefs, this.spatialReference = this.view.spatialReference, this.spatialReferenceLocked = this.view.spatialReferenceLocked, this.suspended = this.view.suspended, this.theme = this.view.theme, this.timeExtent = this.view.timeExtent, this.timeZone = this.view.timeZone, this.visibleArea = this.view.visibleArea, this.arcgisViewAnalysisViewCreate = e(() => this.view, "analysis-view-create"), this.arcgisViewAnalysisViewCreateError = e(() => this.view, "analysis-view-create-error"), this.arcgisViewAnalysisViewDestroy = e(() => this.view, "analysis-view-destroy"), this.arcgisViewChange = a(), this.arcgisViewClick = e(() => this.view, "click"), this.arcgisViewDoubleClick = e(() => this.view, "double-click"), this.arcgisViewDoubleTapDrag = e(() => this.view, "double-tap-drag"), this.arcgisViewFocusRegionSelect = e(() => this.view, "focus-region-select"), this.arcgisViewDrag = e(() => this.view, "drag"), this.arcgisViewHold = e(() => this.view, "hold"), this.arcgisViewImmediateClick = e(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = e(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = e(() => this.view, "key-down"), this.arcgisViewKeyUp = e(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = e(() => this.view, "layerview-create"), this.arcgisViewLayerviewCreateError = e(() => this.view, "layerview-create-error"), this.arcgisViewLayerviewDestroy = e(() => this.view, "layerview-destroy"), this.arcgisViewMouseWheel = e(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = e(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = e(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = e(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = e(() => this.view, "pointer-move"), this.arcgisViewPointerUp = e(() => this.view, "pointer-up"), this.arcgisViewReadyChange = a(), this.arcgisViewVerticalTwoFingerDrag = e(() => this.view, "vertical-two-finger-drag"), f(this), this.view.ui = {
+    super(), this._attributionMode = null, this._mapRef = m(), this._uiController = new g(this), this.extraContent = new A(), this.arcgisLoadError = d(this), this.arcgisViewReadyError = y(this), this._map = M(this), this.view = D(this), this.animationsDisabled = this.view.animationsEnabled, this.allLayerViews = this.view.allLayerViews, this.analyses = this.view.analyses, this.autoDestroyDisabled = !1, this.background = this.view.background, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.canZoomIn = this.view.canZoomIn, this.canZoomOut = this.view.canZoomOut, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.fatalError = this.view.fatalError, this.floors = this.view.floors, this.graphics = this.view.graphics, this.ground = this._map.ground, this.highlights = this.view.highlights, this.ipsInfo = this._map.ipsInfo, 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.ready = this.view.ready, this.resizeAlign = this.view.resizeAlign, this.resolution = this.view.resolution, this.rotation = this.view.rotation, this.selectionManager = this.view.selectionManager, this.focusRegionVisible = this.view.focusRegionVisible, this.slotGroupRefs = this._uiController.slotGroupRefs, this.spatialReference = this.view.spatialReference, this.spatialReferenceLocked = this.view.spatialReferenceLocked, this.suspended = this.view.suspended, this.theme = this.view.theme, this.timeExtent = this.view.timeExtent, this.timeZone = this.view.timeZone, this.visibleArea = this.view.visibleArea, this.arcgisViewAnalysisViewCreate = e(() => this.view, "analysis-view-create"), this.arcgisViewAnalysisViewCreateError = e(() => this.view, "analysis-view-create-error"), this.arcgisViewAnalysisViewDestroy = e(() => this.view, "analysis-view-destroy"), this.arcgisViewChange = a(), this.arcgisViewClick = e(() => this.view, "click"), this.arcgisViewDoubleClick = e(() => this.view, "double-click"), this.arcgisViewDoubleTapDrag = e(() => this.view, "double-tap-drag"), this.arcgisViewFocusRegionSelect = e(() => this.view, "focus-region-select"), this.arcgisViewDrag = e(() => this.view, "drag"), this.arcgisViewHold = e(() => this.view, "hold"), this.arcgisViewImmediateClick = e(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = e(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = e(() => this.view, "key-down"), this.arcgisViewKeyUp = e(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = e(() => this.view, "layerview-create"), this.arcgisViewLayerviewCreateError = e(() => this.view, "layerview-create-error"), this.arcgisViewLayerviewDestroy = e(() => this.view, "layerview-destroy"), this.arcgisViewMouseWheel = e(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = e(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = e(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = e(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = e(() => this.view, "pointer-move"), this.arcgisViewPointerUp = e(() => this.view, "pointer-up"), this.arcgisViewReadyChange = a(), this.arcgisViewVerticalTwoFingerDrag = e(() => this.view, "vertical-two-finger-drag"), f(this), this.view.ui = {
       components: []
     };
   }
@@ -97,7 +97,7 @@ class k extends v {
     return this._map.portalItem?.id;
   }
   set itemId(i) {
-    m(this._map, this), this._map.portalItem = { id: i }, this.view.map = this._map;
+    v(this._map, this), this._map.portalItem = { id: i }, this.view.map = this._map;
   }
   get navigating() {
     return this.view.navigating;
@@ -191,13 +191,13 @@ class k extends v {
     ]);
   }
   renderMain() {
-    return r`<div class=${o(w.base)} ${h(this._mapRef)}></div>`;
+    return r`<div class=${o(h.base)} ${n(this._mapRef)}></div>`;
   }
   render() {
-    return r`${this.renderMain()}<section class=${o(w.containerUI)} ${h(this._containerRef)}>${this._uiController.render()}${this.extraContent}</section>`;
+    return r`${this.renderMain()}<section class=${o(h.containerUI)} ${n(this._uiController.uiContainerRef)}>${this._uiController.render()}${this.extraContent}</section>`;
   }
 }
-p("arcgis-map", k);
+c("arcgis-map", k);
 export {
   k as ArcgisMap
 };

package/dist/components/arcgis-popup/customElement.d.ts

@@ -125,8 +125,14 @@ import type { MapViewOrSceneView } from "@arcgis/core/views/MapViewOrSceneView.j
  * Custom PopupTemplates may also be assigned directly to a popup by setting [graphics](https://developers.arcgis.com/javascript/latest/references/core/Graphic/) on the
  * [features](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/#features) property.
  *
- * @slot [actions-start] - _Since 5.2._ Slot for adding Calcite [actions](https://developers.arcgis.com/calcite-design-system/components/action/) or [action groups](https://developers.arcgis.com/calcite-design-system/components/action-group/) to the start of the action bar. Multiple actions or action groups can be placed in this slot. Slotted actions remain at the start of the action bar and are not automatically grouped if they exceed the available width. To group actions, place them in a Calcite action group. Actions in this slot remain separate from other actions, including default actions (such as "Zoom to" and "Browse features"), [PopupTemplate actions](https://developers.arcgis.com/javascript/latest/references/core/PopupTemplate/#actions), and [actions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/#actions).
- * @slot [actions-end] - _Since 5.2._ Slot for adding Calcite [actions](https://developers.arcgis.com/calcite-design-system/components/action/) or [action groups](https://developers.arcgis.com/calcite-design-system/components/action-group/) to the end of the action bar. Multiple actions or action groups can be placed in this slot. Slotted actions remain at the end of the action bar and are not automatically grouped if they exceed the available width. To group actions, place them in a Calcite action group. Actions in this slot remain separate from other actions, including default actions (such as "Zoom to" and "Browse features"), [PopupTemplate actions](https://developers.arcgis.com/javascript/latest/references/core/PopupTemplate/#actions), and [actions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/#actions).
+ * @slot
+ * [actions-start] - _Since 5.2._ Slot for adding Calcite [actions](https://developers.arcgis.com/calcite-design-system/components/action/) or [action groups](https://developers.arcgis.com/calcite-design-system/components/action-group/) to the start of the action bar. Multiple actions or action groups can be placed in this slot. Slotted actions remain at the start of the action bar and are not automatically grouped if they exceed the available width. To group actions, place them in a Calcite action group. Actions in this slot remain separate from other actions, including default actions (such as "Zoom to" and "Browse features"), [PopupTemplate actions](https://developers.arcgis.com/javascript/latest/references/core/PopupTemplate/#actions), and [actions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/#actions).
+ *
+ * Since the popup component is tied to the view, the actions in this slot will be responsive to the view's size and show/hide the action's text accordingly.
+ * @slot
+ * [actions-end] - _Since 5.2._ Slot for adding Calcite [actions](https://developers.arcgis.com/calcite-design-system/components/action/) or [action groups](https://developers.arcgis.com/calcite-design-system/components/action-group/) to the end of the action bar. Multiple actions or action groups can be placed in this slot. Slotted actions remain at the end of the action bar and are not automatically grouped if they exceed the available width. To group actions, place them in a Calcite action group. Actions in this slot remain separate from other actions, including default actions (such as "Zoom to" and "Browse features"), [PopupTemplate actions](https://developers.arcgis.com/javascript/latest/references/core/PopupTemplate/#actions), and [actions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/#actions).
+ *
+ * Since the popup component is tied to the view, the actions in this slot will be responsive to the view's size and show/hide the action's text accordingly.
  * @since 4.34
  * @beta
  * @see [PopupTemplate](https://developers.arcgis.com/javascript/latest/references/core/PopupTemplate/)

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

@@ -1,24 +1,24 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import { c as l } from "../../chunks/runtime.js";
+import { c as m } from "../../chunks/runtime.js";
 import { html as a } from "lit";
-import p from "@arcgis/core/Camera.js";
+import l 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 p from "@arcgis/core/geometry/Point.js";
+import v from "@arcgis/core/views/SceneView.js";
+import u from "@arcgis/core/WebScene.js";
+import { LitElement as g, createEvent as r, safeClassMap as o } from "@arcgis/lumina";
 import { reEmitEvent as t } from "@arcgis/lumina-toolkit/reEmitEvent";
-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 y, u as b, a as V, b as C } from "../../chunks/useArcgisViewReadyError.js";
+import { makeAccessorController as c, reCreateAccessor as d } from "@arcgis/lumina-toolkit/useAccessor";
+import { createRef as y, ref as n } 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 { C as c } from "../../chunks/resources.js";
+import { C as h } from "../../chunks/resources.js";
 import { d as R, e as P, b as A, c as M, p as D, i as I } from "../../chunks/component-utils.js";
-const S = w(g, {}), k = w(u, {});
-class F extends d {
+const S = c(u, {}), k = c(v, {});
+class F extends g {
   constructor() {
-    super(), this._attributionMode = null, this._containerRef = n(), this._mapRef = n(), this._uiController = new y(this), this._cameraProperties = {}, this.arcgisLoadError = b(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.focusRegionVisible = this.view.focusRegionVisible, 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.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"), C(this), this.view.ui = {
+    super(), this._attributionMode = null, this._mapRef = y(), this._uiController = new f(this), this._cameraProperties = {}, this.arcgisLoadError = b(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.focusRegionVisible = this.view.focusRegionVisible, 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.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"), C(this), this.view.ui = {
       components: []
     };
   }
@@ -75,12 +75,12 @@ class F extends d {
     if (i.ready)
       return i.camera?.position;
     const { position: e } = this._cameraProperties;
-    return e ? new v(e) : void 0;
+    return e ? new p(e) : void 0;
   }
   set cameraPosition(i) {
     const e = P(this.view.camera?.position, i);
-    e && this._mutateCamera((m) => {
-      m.position = e;
+    e && this._mutateCamera((w) => {
+      w.position = e;
     });
   }
   get cameraTilt() {
@@ -133,7 +133,7 @@ class F extends d {
     return this._map.portalItem?.id;
   }
   set itemId(i) {
-    f(this._map, this), this._map.portalItem = { id: i }, this.view.map = this._map;
+    d(this._map, this), this._map.portalItem = { id: i }, this.view.map = this._map;
   }
   get navigating() {
     return this.view.navigating;
@@ -242,17 +242,17 @@ class F extends d {
       i(this._cameraProperties);
       return;
     }
-    const e = this.view.camera?.clone() ?? new p();
+    const e = this.view.camera?.clone() ?? new l();
     i(e), this.camera = e;
   }
   renderMain() {
-    return a`<div class=${o(c.base)} ${h(this._mapRef)}></div>`;
+    return a`<div class=${o(h.base)} ${n(this._mapRef)}></div>`;
   }
   render() {
-    return a`${this.renderMain()}<section class=${o(c.containerUI)} ${h(this._containerRef)}>${this._uiController.render()}</section>`;
+    return a`${this.renderMain()}<section class=${o(h.containerUI)} ${n(this._uiController.uiContainerRef)}>${this._uiController.render()}</section>`;
   }
 }
-l("arcgis-scene", F);
+m("arcgis-scene", F);
 export {
   F as ArcgisScene
 };