@arcgis/map-components 5.1.0-next.73 → 5.1.0-next.75

package/dist/components/arcgis-feature-relationship/customElement.js

@@ -8,7 +8,7 @@ import { templateHasKey as E, stripHTML as N } from "@arcgis/core/applications/C
 import { isRelatableFeatureSupportedLayer as K, findRelatedLayer as W } from "@arcgis/core/applications/Components/featureUtils.js";
 import { substitute as Z, formatNumber as O } from "@arcgis/core/intl.js";
 import { watch as f, on as z } from "@arcgis/core/core/reactiveUtils.js";
-import { m as G } from "../../chunks/feature-utils.js";
+import { o as G } from "../../chunks/feature-utils.js";
 import V from "@arcgis/core/core/Collection.js";
 import S from "@arcgis/core/rest/support/RelationshipQuery.js";
 import { ignoreAbortErrors as q } from "@arcgis/core/core/promiseUtils.js";

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

@@ -7,7 +7,8 @@ import { LitElement as V, createEvent as w, safeClassMap as c } from "@arcgis/lu
 import { reCreateAccessor as A, reEmitEvent as e, makeAccessorController as f } from "@arcgis/lumina/controllers/accessor";
 import { createRef as v, ref as m } from "lit/directives/ref.js";
 import { s as I } from "../../chunks/esri-main.js";
-import { s as E, C as u } from "../../chunks/slots.js";
+import { s as E } from "../../chunks/slots.js";
+import { C as u } from "../../chunks/resources.js";
 import { p as L, i as k } from "../../chunks/component-utils.js";
 import { U as M, u as R, a as U } from "../../chunks/useArcgisViewReadyError.js";
 import { fetchKnowledgeGraph as D } from "@arcgis/core/rest/knowledgeGraphService.js";

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

@@ -4,11 +4,12 @@ import { html as a } from "lit";
 import { watch as s } from "@arcgis/core/core/reactiveUtils.js";
 import c from "@arcgis/core/views/MapView.js";
 import v from "@arcgis/core/WebMap.js";
-import { LitElement as m, createEvent as r, safeClassMap as n } from "@arcgis/lumina";
+import { LitElement as m, createEvent as r, safeClassMap as o } from "@arcgis/lumina";
 import { reEmitEvent as e, reCreateAccessor as u, makeAccessorController as l } from "@arcgis/lumina/controllers/accessor";
-import { createRef as o, ref as h } from "lit/directives/ref.js";
+import { createRef as n, ref as h } from "lit/directives/ref.js";
 import { s as g } from "../../chunks/esri-main.js";
-import { s as d, C as w } from "../../chunks/slots.js";
+import { s as d } from "../../chunks/slots.js";
+import { C as w } from "../../chunks/resources.js";
 import { p as y, i as f } from "../../chunks/component-utils.js";
 import { U as b, u as V, a as C } from "../../chunks/useArcgisViewReadyError.js";
 import E from "@arcgis/core/core/Collection.js";
@@ -26,7 +27,7 @@ const A = l(
 ), R = l(c, {});
 class _ extends m {
   constructor() {
-    super(), this._containerRef = o(), this._mapRef = o(), this._uiController = new b(this), this.extraContent = new E(), this.arcgisLoadError = V(this), this.arcgisViewReadyError = C(this), this._map = A(this), this.view = R(this), this.animationsDisabled = this.view.animationsEnabled, this.allLayerViews = this.view.allLayerViews, this.analyses = this.view.analyses, this.attributionMode = this.view.attributionMode, 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.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.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.updating = this.view.updating, 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 = r(), this.arcgisViewClick = e(() => this.view, "click"), this.arcgisViewDoubleClick = e(() => this.view, "double-click"), this.arcgisViewDoubleTapDrag = e(() => this.view, "double-tap-drag"), 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 = r(), this.arcgisViewVerticalTwoFingerDrag = e(() => this.view, "vertical-two-finger-drag"), this.view.ui = {
+    super(), this._containerRef = n(), this._mapRef = n(), this._uiController = new b(this), this.extraContent = new E(), this.arcgisLoadError = V(this), this.arcgisViewReadyError = C(this), this._map = A(this), this.view = R(this), this.animationsDisabled = this.view.animationsEnabled, this.allLayerViews = this.view.allLayerViews, this.analyses = this.view.analyses, this.attributionMode = this.view.attributionMode, 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.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.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.updating = this.view.updating, 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 = r(), this.arcgisViewClick = e(() => this.view, "click"), this.arcgisViewDoubleClick = e(() => this.view, "double-click"), this.arcgisViewDoubleTapDrag = e(() => this.view, "double-tap-drag"), 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 = r(), this.arcgisViewVerticalTwoFingerDrag = e(() => this.view, "vertical-two-finger-drag"), this.view.ui = {
       components: []
     };
   }
@@ -168,10 +169,10 @@ class _ extends m {
     ]);
   }
   renderMain() {
-    return a`<div class=${n(w.base)} ${h(this._mapRef)}></div>`;
+    return a`<div class=${o(w.base)} ${h(this._mapRef)}></div>`;
   }
   render() {
-    return a`${this.renderMain()}<section class=${n(w.containerUI)} ${h(this._containerRef)}>${this._uiController.render()}${this.extraContent}</section>`;
+    return a`${this.renderMain()}<section class=${o(w.containerUI)} ${h(this._containerRef)}>${this._uiController.render()}${this.extraContent}</section>`;
   }
 }
 p("arcgis-map", _);

package/dist/components/arcgis-presentation/PresentationViewModel.d.ts

@@ -4,7 +4,7 @@ import type SceneView from "@arcgis/core/views/SceneView.js";
 import type Slide from "@arcgis/core/webscene/Slide.js";
 
 /** @internal */
-export interface PresentationViewModelProperties extends Partial<Pick<PresentationViewModel, "keyboardNavigationEnabled" | "slideId" | "view">> {}
+export interface PresentationViewModelProperties extends Partial<Pick<PresentationViewModel, "keyboardNavigationEnabled" | "onApplySlideComplete" | "onApplySlideStart" | "slideId" | "view">> {}
 
 /** @internal */
 export default class PresentationViewModel extends Accessor {
@@ -19,6 +19,8 @@ export default class PresentationViewModel extends Accessor {
    */
   accessor keyboardNavigationEnabled: boolean;
   get lastSlideSelected(): boolean;
+  accessor onApplySlideComplete: ((slide: Slide) => void) | undefined;
+  accessor onApplySlideStart: ((slide: Slide) => void) | undefined;
   accessor slideId: string | undefined;
   get slideIndex(): number;
   get slideSelected(): boolean;

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

@@ -1,5 +1,8 @@
 /// <reference path="../../index.d.ts" />
 import type SceneView from "@arcgis/core/views/SceneView.js";
+import type Slide from "@arcgis/core/webscene/Slide.js";
+import type Graphic from "@arcgis/core/Graphic.js";
+import type Point from "@arcgis/core/geometry/Point.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
@@ -44,6 +47,14 @@ export abstract class ArcgisPresentation extends LitElement {
    * @default false
    */
   accessor keyboardNavigationEnabled: boolean;
+  /**
+   * Disable display of popup when slide with popup is applied.
+   * Per default the display of popup is disabled.
+   * The events arcgisPopupFeaturesRetrieved and arcgisPopupFeatureNotFound will be emitted also when popups are disabled.
+   *
+   * @default false
+   */
+  accessor popupDisabled: boolean;
   /**
    * specifies the size of the component
    *
@@ -59,9 +70,46 @@ export abstract class ArcgisPresentation extends LitElement {
   accessor view: SceneView | undefined;
   /** Permanently destroy the component */
   destroy(): Promise<void>;
+  /**
+   * Fires after a slide with a popup reference element has been applied, but the component was unable to retrieve the popup feature.
+   * This event may be used to show a custom error message for such cases.
+   *
+   * @see [SlideElements.popupInfo](https://developers.arcgis.com/javascript/latest/references/core/webscene/support/SlideElements/#popupInfo)
+   * @example
+   * ```js
+   * reactiveUtils.on(()=> component, "arcgisPopupFeatureNotFound", (event)=>{
+   *   // show error message if popup feature has not been found
+   *   console.error("Unable to retrieve popup feature");
+   * });
+   * ```
+   */
+  readonly arcgisPopupFeatureNotFound: import("@arcgis/lumina").TargetedEvent<this, { slide: Slide; }>;
+  /**
+   * Fires after the popup feature(s) of a slide have been retrieved from the service or from the view.
+   * This event may be used to show the popup graphic not in a popup, but in another component, e.g. ArcgisFeature.
+   *
+   * @see [ArcgisFeature](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature/)
+   * @example
+   * ```js
+   * reactiveUtils.on(()=> component, "arcgisPopupFeaturesRetrieved", (event)=>{
+   *    const { features, slide } = (
+   *             event as CustomEvent<{ slide: Slide; features: Graphic[]; location: Point | undefined }>
+   *           ).detail;
+   *    const arcgisFeature = document.querySelector("arcgis-feature");
+   *    arcgisFeature.graphic = features.length > 0 ? features[0] : null;
+   * });
+   * ```
+   */
+  readonly arcgisPopupFeaturesRetrieved: import("@arcgis/lumina").TargetedEvent<this, {
+      slide: Slide;
+      features: Graphic[];
+      location: Point | undefined;
+  }>;
   /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
   readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
   readonly "@eventTypes": {
+    arcgisPopupFeatureNotFound: ArcgisPresentation["arcgisPopupFeatureNotFound"]["detail"];
+    arcgisPopupFeaturesRetrieved: ArcgisPresentation["arcgisPopupFeaturesRetrieved"]["detail"];
     arcgisReady: ArcgisPresentation["arcgisReady"]["detail"];
   };
 }