@arcgis/map-components 5.2.0-next.5 → 5.2.0-next.51

package/dist/components/arcgis-paste/index.js

@@ -10,7 +10,7 @@ import "@esri/calcite-components/components/calcite-link";
 import "@esri/calcite-components/components/calcite-list";
 import "@esri/calcite-components/components/calcite-list-item";
 import "@esri/calcite-components/components/calcite-icon";
-import "../arcgis-feature-templates-legacy/index.js";
+import "../arcgis-feature-templates/index.js";
 import "../arcgis-feature-title/index.js";
 import "../arcgis-feature-image/index.js";
 import "@esri/calcite-components/components/calcite-chip";

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

@@ -1,7 +1,4 @@
 /// <reference path="../../index.d.ts" />
-import type Features from "@arcgis/core/popup/Features.js";
-import type ActionButton from "@arcgis/core/support/actions/ActionButton.js";
-import type ActionToggle from "@arcgis/core/support/actions/ActionToggle.js";
 import type Graphic from "@arcgis/core/Graphic.js";
 import type Collection from "@arcgis/core/core/Collection.js";
 import type Point from "@arcgis/core/geometry/Point.js";
@@ -11,6 +8,7 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { ActionEvent, PopupOpenOptions } from "@arcgis/core/widgets/Popup/types.js";
 import type { ScreenPoint } from "@arcgis/core/core/types.js";
 import type { ClickEvent } from "@arcgis/core/views/input/types.js";
+import type { ArcgisFeaturesNext } from "../arcgis-features-next/customElement.js";
 import type { ArcgisFeatureNext } from "../arcgis-feature-next/customElement.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 import type { PopupAction, InitialDisplayOptions, State } from "@arcgis/core/popup/types.js";
@@ -304,7 +302,13 @@ export abstract class ArcgisPopup extends LitElement {
    * ```
    */
   accessor features: Array<Graphic>;
-  /** @default false */
+  /**
+   * When `true`, this prevents the popup from trapping focus when opened.
+   * Preventing focus trapping can be used in scenarios where interactions are expected within the user interface, such as when the popup resides in a panel.
+   *
+   * @default false
+   * @since 5.1
+   */
   accessor focusTrapDisabled: boolean;
   /**
    * This function provides the ability to override either the [arcgis-map.goTo()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-map/#goTo) or [arcgis-scene.goTo()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#goTo) methods.
@@ -350,7 +354,7 @@ export abstract class ArcgisPopup extends LitElement {
    * important for meeting accessibility standards.
    *
    * @default 2
-   * @see [Heading Elements](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements)
+   * @see [Heading Elements](https://developer.mozilla.org/docs/Web/HTML/Element/Heading_Elements)
    * @see [heading](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/#heading)
    * @example
    * ```html
@@ -461,7 +465,7 @@ export abstract class ArcgisPopup extends LitElement {
    */
   accessor location: Point | null | undefined;
   /** Overwrite localized strings for this component */
-  accessor messageOverrides: {
+  accessor messageOverrides: NonNullable<ArcgisFeaturesNext["messageOverrides"]> & {
       componentLabel?: string | undefined;
       zoom?: string | undefined;
       dock?: string | undefined;
@@ -594,22 +598,15 @@ export abstract class ArcgisPopup extends LitElement {
    *
    * @see [selectedFeatureIndex](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/#selectedFeatureIndex)
    */
-  next(): Promise<Features>;
+  next(): Promise<void>;
   /**
    * Selects the feature at the previous index in relation to the selected feature.
    *
    * @see [selectedFeatureIndex](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/#selectedFeatureIndex)
    */
-  previous(): Promise<Features>;
+  previous(): Promise<void>;
   /** Use this method to give focus to the component if the component is able to be focused. */
   setFocus(): Promise<void>;
-  /**
-   * Triggers the [@arcgisTriggerAction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/#event-arcgisTriggerAction) event and executes the [actions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/#actions)
-   * at the specified index in the [actions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/#actions) array.
-   *
-   * @param action
-   */
-  triggerAction(action: ActionButton | ActionToggle): Promise<void>;
   /** Emitted when the component's close button is clicked. */
   readonly arcgisClose: import("@arcgis/lumina").TargetedEvent<this, void>;
   readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "active" | "collapsed" | "currentAlignment" | "dockEnabled" | "effectiveHeading" | "featureCount" | "featureMenuOpen" | "features" | "promises" | "selectedDrillInFeature" | "selectedFeature" | "selectedFeatureComponent" | "selectedFeatureIndex" | "state" | "open"; }>;

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

@@ -2,8 +2,8 @@
 import { c as A } from "../../chunks/runtime.js";
 import { css as E, html as w } from "lit";
 import P from "@arcgis/core/popup/Features.js";
-import { u as F } from "../../chunks/useT9n.js";
-import { useDirection as O, usePropertyChange as $ } from "@arcgis/lumina/controllers";
+import { u as O } from "../../chunks/useT9n.js";
+import { useDirection as F, usePropertyChange as $ } from "@arcgis/lumina/controllers";
 import { m as N } from "../../chunks/useViewModel.js";
 import { LitElement as L, createEvent as _, safeStyleMap as S, safeClassMap as y } from "@arcgis/lumina";
 import { stripHTML as T } from "@arcgis/core/applications/Components/stringUtils.js";
@@ -26,7 +26,7 @@ const I = N(P), C = {
 };
 class j extends L {
   constructor() {
-    super(...arguments), this._direction = O(), this._featuresComponent = g(), this._dockAction = new V({ id: "popup-dock-action" }), this._mainContainerNode = g(), this._pointerNode = g(), this.messages = F(), this.viewModel = I(this), this._containerNode = g(), this._popupResizeObserver = new ResizeObserver(() => this._positionContainer()), this._positionContainer = () => {
+    super(...arguments), this._direction = F(), this._featuresComponent = g(), this._dockAction = new V({ id: "popup-dock-action" }), this._mainContainerNode = g(), this._pointerNode = g(), this.messages = O(), this.viewModel = I(this), this._containerNode = g(), this._popupResizeObserver = new ResizeObserver(() => this._positionContainer()), this._positionContainer = () => {
       this.positionStyle = this._calculatePositionStyle();
     }, this.screenLocation = H(this), this.actions = this.viewModel.actions, this.active = this.viewModel.active, this.alignment = "auto", this.autoCloseEnabled = !1, this.autoDestroyDisabled = !1, this.collapsed = !1, this.content = this.viewModel.content, this.defaultPopupTemplateEnabled = this.viewModel.defaultPopupTemplateEnabled, this.dockEnabled = !1, this.effectiveHeading = this.viewModel.effectiveHeading, this.featureCount = this.viewModel.featureCount, this.featureMenuOpen = !1, this.features = this.viewModel.features, this.focusTrapDisabled = !1, this.goToOverride = this.viewModel.goToOverride, this.heading = this.viewModel.heading, this.headingLevel = 2, this.hideActionBar = !1, this.hideCloseButton = !1, this.hideCollapseButton = !1, this.hideFeatureMenuHeading = !1, this.hideFeatureNavigation = !1, this.hideFeatureListLayerTitle = !1, this.hideHeading = !1, this.hideSpinner = !1, this.highlightDisabled = this.viewModel.highlightEnabled, this.includeDefaultActionsDisabled = this.viewModel.includeDefaultActions, this.initialDisplayMode = this.viewModel.initialDisplayMode, this.location = this.viewModel.location, this.open = this.viewModel.open, this.promises = this.viewModel.promises, this.selectedFeature = this.viewModel.selectedFeature, this.selectedFeatureIndex = this.viewModel.selectedFeatureIndex, this.state = this.viewModel.state, this.topLayerDisabled = !1, this.updateLocationEnabled = this.viewModel.updateLocationEnabled, this.view = this.viewModel.view, this.arcgisPropertyChange = $()("active", "collapsed", "currentAlignment", "dockEnabled", "effectiveHeading", "featureCount", "featureMenuOpen", "features", "promises", "selectedDrillInFeature", "selectedFeature", "selectedFeatureComponent", "selectedFeatureIndex", "state", "open"), this.arcgisReady = _(), this.arcgisClose = _(), this.arcgisTriggerAction = _();
   }
@@ -55,8 +55,8 @@ class j extends L {
   set dockOptions(t) {
     const e = { ...C }, o = this.viewModel?.view?.breakpoints, i = {};
     o && (i.width = o.xsmall, i.height = o.xsmall);
-    const s = { ...e, ...t }, n = { ...e.breakpoint, ...i }, { breakpoint: a } = s;
-    typeof a == "object" ? s.breakpoint = { ...n, ...a } : a && (s.breakpoint = n), this._dockOptions = s;
+    const s = { ...e, ...t }, n = { ...e.breakpoint, ...i }, { breakpoint: r } = s;
+    typeof r == "object" ? s.breakpoint = { ...n, ...r } : r && (s.breakpoint = n), this._dockOptions = s;
   }
   get selectedDrillInFeature() {
     return this._featuresComponent.value?.selectedDrillInFeature ?? null;
@@ -68,26 +68,23 @@ class j extends L {
     return this.viewModel.handleViewClick(t);
   }
   async clear() {
-    return this.viewModel.clear();
+    this.viewModel.clear();
   }
   async destroy() {
     await this.manager.destroy(), this._dockAction.destroy(), this._popupResizeObserver.disconnect();
   }
   async fetchFeatures(t, e) {
-    return await this._featuresComponent.value?.fetchFeatures(t, e);
+    await this._featuresComponent.value?.fetchFeatures(t, e);
   }
   async next() {
-    return this.viewModel.next();
+    this.viewModel.next();
   }
   async previous() {
-    return this.viewModel.previous();
+    this.viewModel.previous();
   }
   async setFocus() {
     this._featuresComponent.value?.setFocus();
   }
-  async triggerAction(t) {
-    return await this._featuresComponent.value?.triggerAction(t);
-  }
   connectedCallback() {
     super.connectedCallback(), this._syncPopupResizeObserver();
   }
@@ -157,7 +154,7 @@ class j extends L {
     const { _mainContainerNode: e, _popupRect: o, viewModel: i } = this, { view: s } = i, { screenLocation: n } = this;
     if (n == null || !s || !o || !e.value)
       return "top-center";
-    const a = window.getComputedStyle(e.value), l = f(a.maxHeight), r = f(a.height), c = this._getPointerSize(), { height: d, width: k } = o, h = k + c, u = Math.max(d, l, r) + c, z = this._isOutsideView({
+    const r = window.getComputedStyle(e.value), l = f(r.maxHeight), a = f(r.height), c = this._getPointerSize(), { height: d, width: v } = o, h = v + c, u = Math.max(d, l, a) + c, z = this._isOutsideView({
       popupHeight: u,
       popupWidth: h,
       screenLocation: n,
@@ -169,7 +166,7 @@ class j extends L {
       screenLocation: n,
       side: "left",
       view: s
-    }), v = this._isOutsideView({
+    }), k = this._isOutsideView({
       popupHeight: u,
       popupWidth: h,
       screenLocation: n,
@@ -182,7 +179,7 @@ class j extends L {
       side: "bottom",
       view: s
     });
-    return D ? v ? "bottom-right" : "top-right" : z ? v ? "bottom-left" : "top-left" : v ? M ? "top-center" : "bottom-center" : "top-center";
+    return D ? k ? "bottom-right" : "top-right" : z ? k ? "bottom-left" : "top-left" : k ? M ? "top-center" : "bottom-center" : "top-center";
   }
   _callCurrentAlignment(t) {
     return typeof t == "function" ? t.call(this) : t;
@@ -239,35 +236,35 @@ class j extends L {
   _calculateAlignmentPosition(t, e, o, i) {
     if (t < 0 || e < 0 || !o || !i || t > o.width || e > o.height)
       return;
-    const { topLayerDisabled: s } = this, n = s ? t : t + o.x, a = s ? e : e + o.y, { _direction: l, currentAlignment: r } = this, c = this._getPointerSize(), d = c / 2;
-    if (r === "top-left" || r === "top-start" && l === "ltr" || r === "top-end" && l === "rtl")
+    const { topLayerDisabled: s } = this, n = s ? t : t + o.x, r = s ? e : e + o.y, { _direction: l, currentAlignment: a } = this, c = this._getPointerSize(), d = c / 2;
+    if (a === "top-left" || a === "top-start" && l === "ltr" || a === "top-end" && l === "rtl")
       return {
-        top: a - (i.height + d),
+        top: r - (i.height + d),
         left: n - i.width - d
       };
-    if (r === "top-center")
+    if (a === "top-center")
       return {
-        top: a - (i.height + c),
+        top: r - (i.height + c),
         left: n - i.width / 2
       };
-    if (r === "top-right" || r === "top-end" && l === "ltr" || r === "top-start" && l === "rtl")
+    if (a === "top-right" || a === "top-end" && l === "ltr" || a === "top-start" && l === "rtl")
       return {
-        top: a - (i.height + d),
+        top: r - (i.height + d),
         left: n + d
       };
-    if (r === "bottom-left" || r === "bottom-start" && l === "ltr" || r === "bottom-end" && l === "rtl")
+    if (a === "bottom-left" || a === "bottom-start" && l === "ltr" || a === "bottom-end" && l === "rtl")
       return {
-        top: a + d,
+        top: r + d,
         left: n - i.width - d
       };
-    if (r === "bottom-center")
+    if (a === "bottom-center")
       return {
-        top: a + c,
+        top: r + c,
         left: n - i.width / 2
       };
-    if (r === "bottom-right" || r === "bottom-end" && l === "ltr" || r === "bottom-start" && l === "rtl")
+    if (a === "bottom-right" || a === "bottom-end" && l === "ltr" || a === "bottom-start" && l === "rtl")
       return {
-        top: a + d,
+        top: r + d,
         left: n + d
       };
   }
@@ -287,8 +284,8 @@ class j extends L {
       return `inset: ${this._getPositionStyleValue(i.top)} ${this._getPositionStyleValue(i.right)} ${this._getPositionStyleValue(i.bottom)} ${this._getPositionStyleValue(i.left)};`;
   }
   _dockingThresholdCrossed(t, e, o) {
-    const [i, s] = t, [n, a] = e, { width: l = 0, height: r = 0 } = o ?? {};
-    return i <= l && n > l || i > l && n <= l || s <= r && a > r || s > r && a <= r;
+    const [i, s] = t, [n, r] = e, { width: l = 0, height: a = 0 } = o ?? {};
+    return i <= l && n > l || i > l && n <= l || s <= a && r > a || s > a && r <= a;
   }
   _updateDockEnabledForViewSize(t, e) {
     if (!t || !e || !this.viewModel?.view?.ready)
@@ -303,14 +300,14 @@ class j extends L {
     const { width: i, height: s } = o;
     if (Number.isNaN(i) || Number.isNaN(s) || typeof e != "object")
       return !1;
-    const n = typeof e.width == "number" && i <= (e.width ?? 0), a = typeof e.height == "number" && s <= (e.height ?? 0);
-    return n || a;
+    const n = typeof e.width == "number" && i <= (e.width ?? 0), r = typeof e.height == "number" && s <= (e.height ?? 0);
+    return n || r;
   }
   _setDockEnabledForViewSize(t) {
     this.viewModel?.view?.ready && typeof t.breakpoint == "object" && (this.dockEnabled = this._shouldDockAtCurrentViewSize(t));
   }
   render() {
-    const { _direction: t, dockEnabled: e, currentAlignment: o, currentDockPosition: i, positionStyle: s } = this, { active: n, view: a } = this.viewModel, l = n && e, r = n && !e, c = a?.widthBreakpoint, d = a?.heightBreakpoint, k = {
+    const { _direction: t, dockEnabled: e, currentAlignment: o, currentDockPosition: i, positionStyle: s } = this, { active: n, view: r } = this.viewModel, l = n && e, a = n && !e, c = r?.widthBreakpoint, d = r?.heightBreakpoint, v = {
       "aligned-top-center": o === "top-center",
       "aligned-bottom-center": o === "bottom-center",
       "aligned-top-left": o === "top-left" || o === "top-start" && t === "ltr" || o === "top-end" && t === "rtl",
@@ -318,7 +315,7 @@ class j extends L {
       "aligned-top-right": o === "top-right" || o === "top-end" && t === "ltr" || o === "top-start" && t === "rtl",
       "aligned-bottom-right": o === "bottom-right" || o === "bottom-end" && t === "ltr" || o === "bottom-start" && t === "rtl",
       "is-docked": l,
-      shadow: r,
+      shadow: a,
       "is-rtl": this._direction === "rtl",
       "is-docked-top-start": i === "top-start",
       "is-docked-top-end": i === "top-end",
@@ -341,7 +338,7 @@ class j extends L {
       "is-sm-height-breakpoint": d === "small",
       "is-xs-height-breakpoint": d === "xsmall"
     };
-    return w`<div style=${S(s)} class=${y(x("root", k, {
+    return w`<div style=${S(s)} class=${y(x("root", v, {
       hidden: !n || !s && !e
     }))} .ariaHidden=${!n} .ariaLabel=${T(this.heading ?? "")} role=dialog popover=manual ${m(this._containerNode)}>${this._renderMainContainer()}${this._renderPointer()}</div>`;
   }
@@ -351,8 +348,12 @@ class j extends L {
   _renderMainContainer() {
     const t = {
       shadow: this.dockEnabled
+    }, e = {
+      ...this.messageOverrides,
+      collapse: this.messageOverrides?.collapse ?? this.messages.collapse,
+      expand: this.messageOverrides?.expand ?? this.messages.expand
     };
-    return w`<div class=${y(x("main-container", t))} ${m(this._mainContainerNode)}><arcgis-features-next .collapsed=${this.collapsed} .autoDestroyDisabled=${this.autoDestroyDisabled} .featureNavigationTop=${this._featureNavigationTop} .focusTrapEnabled=${!this.focusTrapDisabled} .headingLevel=${this.headingLevel} .hideActionBar=${this.hideActionBar} .hideCloseButton=${this.hideCloseButton} .hideFeatureListLayerTitle=${this.hideFeatureListLayerTitle} .hideFeatureMenuHeading=${this.hideFeatureMenuHeading} .hideFeatureNavigation=${this.hideFeatureNavigation} .hideHeading=${this.hideHeading} .hideSpinner=${this.hideSpinner} @arcgisPropertyChange=${this._handleArcgisPropertyChange} @arcgisTriggerAction=${this._handleArcgisTriggerAction} @arcgisClose=${this._handleClose} .messageOverrides=${{ collapse: this.messages.collapse, expand: this.messages.expand }} .referenceElement=${this.referenceElement} .responsiveActionsEnabled=${!0} .showCollapseButton=${!this.hideCollapseButton} .viewModel=${this.viewModel} ${m(this._featuresComponent)}><slot name=actions-start slot=actions-start></slot><slot name=actions-end slot=actions-end></slot></arcgis-features-next></div>`;
+    return w`<div class=${y(x("main-container", t))} ${m(this._mainContainerNode)}><arcgis-features-next .collapsed=${this.collapsed} .autoDestroyDisabled=${this.autoDestroyDisabled} .featureNavigationTop=${this._featureNavigationTop} .focusTrapEnabled=${!this.focusTrapDisabled} .headingLevel=${this.headingLevel} .hideActionBar=${this.hideActionBar} .hideCloseButton=${this.hideCloseButton} .hideFeatureListLayerTitle=${this.hideFeatureListLayerTitle} .hideFeatureMenuHeading=${this.hideFeatureMenuHeading} .hideFeatureNavigation=${this.hideFeatureNavigation} .hideHeading=${this.hideHeading} .hideSpinner=${this.hideSpinner} @arcgisPropertyChange=${this._handleArcgisPropertyChange} @arcgisTriggerAction=${this._handleArcgisTriggerAction} @arcgisClose=${this._handleClose} .messageOverrides=${e} .referenceElement=${this.referenceElement} .responsiveActionsEnabled=${!0} .showCollapseButton=${!this.hideCollapseButton} .viewModel=${this.viewModel} ${m(this._featuresComponent)}><slot name=actions-start slot=actions-start></slot><slot name=actions-end slot=actions-end></slot></arcgis-features-next></div>`;
   }
 }
 A("arcgis-popup", j);

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

@@ -39,9 +39,12 @@ export default class PresentationViewModel extends Accessor {
   captureArrowKeysForNavigation(event: KeyboardEvent, direction: "ltr" | "rtl"): void;
   destroy(): void;
   /** @param slideId */
+  getSlideBySlideId(slideId: string): Slide | undefined;
+  /** @param slideId */
   getSlideIndexBySlideId(slideId: string | undefined): number;
   initialize(): void;
   /** @param stepSize */
   navigateInPresentation(stepSize: number): void;
-  setSliceAnalysisInteractive(): Promise<void>;
+  /** @param interactive */
+  setSliceAnalysisInteractive(interactive: boolean): Promise<void>;
 }

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

@@ -49,6 +49,13 @@ export abstract class ArcgisPresentation extends LitElement {
    * @default false
    */
   accessor keyboardNavigationEnabled: boolean;
+  /**
+   * Hide the presentation navigation in the UI.
+   * Slide elements will still be shown when a slide is applied to the view.
+   *
+   * @default false
+   */
+  accessor navigationHidden: boolean;
   /**
    * specifies the size of the component
    *
@@ -131,9 +138,27 @@ export abstract class ArcgisPresentation extends LitElement {
   }>;
   /** 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>;
+  /**
+   * Fires after applying a slide to the Scene View has been canceled.
+   * It only fires if the slide cancelled is in the list of slides of the webscene presentation.
+   */
+  readonly arcgisSlideApplyCancel: import("@arcgis/lumina").TargetedEvent<this, { slide: Slide; }>;
+  /**
+   * Fires after applying a slide to the Scene View has been completed.
+   * It only fires if the slide canceled is in the list of slides of the webscene presentation.
+   */
+  readonly arcgisSlideApplyComplete: import("@arcgis/lumina").TargetedEvent<this, { slide: Slide; }>;
+  /**
+   * Fires after a slide has been applied to the Scene View.
+   * It only fires if the slide applied is in the list of slides of the webscene presentation.
+   */
+  readonly arcgisSlideApplyStart: import("@arcgis/lumina").TargetedEvent<this, { slide: Slide; }>;
   readonly "@eventTypes": {
     arcgisPopupFeatureNotFound: ArcgisPresentation["arcgisPopupFeatureNotFound"]["detail"];
     arcgisPopupFeaturesRetrieved: ArcgisPresentation["arcgisPopupFeaturesRetrieved"]["detail"];
     arcgisReady: ArcgisPresentation["arcgisReady"]["detail"];
+    arcgisSlideApplyCancel: ArcgisPresentation["arcgisSlideApplyCancel"]["detail"];
+    arcgisSlideApplyComplete: ArcgisPresentation["arcgisSlideApplyComplete"]["detail"];
+    arcgisSlideApplyStart: ArcgisPresentation["arcgisSlideApplyStart"]["detail"];
   };
 }