npm - @arcgis/map-components - Versions diffs - 5.2.0-next.9 → 5.2.0-next.91 - Mend

@arcgis/map-components 5.2.0-next.9 → 5.2.0-next.91

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1229) hide show

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

@@ -1,16 +1,13 @@
 /// <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";
 import type { ArcgisReferenceElement, HeadingLevel } from "../types.js";
 import type { Alignment, DockOptions, PopupPositionResult, FetchFeaturesOptions } from "./types.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { ActionEvent, PopupOpenOptions } from "@arcgis/core/widgets/Popup/types.js";
+import type { ActionEvent } 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";
@@ -144,7 +141,7 @@ export abstract class ArcgisPopup extends LitElement {
    */
   accessor actions: Collection<PopupAction>;
   /**
-   * Indicates if the component is active when it is visible and is not [waiting](https://developers.arcgis.com/javascript/latest/references/core/popup/Features/#waitingForResult).
+   * Indicates if the component is active when it is visible and is not [waiting](https://developers.arcgis.com/javascript/latest/references/core/popup/FeatureContentCollection/#waitingForResult).
    *
    * @default false
    */
@@ -177,6 +174,15 @@ export abstract class ArcgisPopup extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * ```html
+   * <arcgis-popup auto-destroy-disabled></arcgis-popup>
+   * ```
+   *
+   * ```js
+   * popupElement.autoDestroyDisabled = true;
+   * ```
+   *
    */
   accessor autoDestroyDisabled: boolean;
   /**
@@ -304,6 +310,12 @@ export abstract class ArcgisPopup extends LitElement {
    * ```
    */
   accessor features: Array<Graphic>;
+  /**
+   * Streams features into the component as they become available.
+   *
+   * @internal
+   */
+  accessor featureStream: AsyncGenerator<Graphic, any, any> | null | undefined;
   /**
    * 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.
@@ -356,7 +368,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
@@ -405,6 +417,15 @@ export abstract class ArcgisPopup extends LitElement {
    * Indicates whether to hide the component's [heading](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/#heading).
    *
    * @default false
+   * @example
+   * ```html
+   * <arcgis-popup hide-heading></arcgis-popup>
+   * ```
+   *
+   * ```js
+   * popupElement.hideHeading = true;
+   * ```
+   *
    */
   accessor hideHeading: boolean;
   /**
@@ -467,7 +488,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;
@@ -569,8 +590,8 @@ export abstract class ArcgisPopup extends LitElement {
    */
   accessor updateLocationEnabled: boolean;
   /**
-   * The view associated with the component.
-   *   > **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-popup component will be associated with a map or scene component rather than using the `view` property.
+   * The view associated with the component.
+   * > **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-popup component will be associated with a map or scene component rather than using the `view` property.
    */
   accessor view: MapViewOrSceneView | null | undefined;
   /**
@@ -590,32 +611,20 @@ export abstract class ArcgisPopup extends LitElement {
    * @see [open](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/#open)
    */
   fetchFeatures(screenPoint?: ScreenPoint, options?: FetchFeaturesOptions): Promise<void>;
-  /**
-   * @param event
-   * @internal
-   */
-  handleViewClick(event: ClickEvent): Promise<PopupOpenOptions>;
   /**
    * Selects the feature at the next index in relation to the selected feature.
    *
    * @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 CHANGED Viewed

@@ -1,19 +1,19 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 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 P from "@arcgis/core/popup/FeatureContentCollection.js";
+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 { LitElement as S, createEvent as _, safeStyleMap as L, safeClassMap as y } from "@arcgis/lumina";
 import { stripHTML as T } from "@arcgis/core/applications/Components/stringUtils.js";
 import { classes as x } from "@arcgis/toolkit/dom";
 import { createRef as g, ref as m } from "lit/directives/ref.js";
 import { watch as p } from "@arcgis/core/core/reactiveUtils.js";
-import V from "@arcgis/core/support/actions/ActionButton.js";
-import { t as H } from "../../chunks/screenLocation.js";
+import H from "@arcgis/core/support/actions/ActionButton.js";
+import { t as B } from "../../chunks/screenLocation.js";
 import "../arcgis-search-result-renderer/customElement.js";
-const B = E`:host{display:contents;--arcgis-internal-popup-pointer-size: 12px;--arcgis-internal-popup-content-small-size: 280px;--arcgis-internal-popup-content-medium-size: 340px;--arcgis-internal-popup-content-large-size: 400px;--arcgis-internal-popup-content-x-large-size: 460px;--arcgis-internal-popup-content-min-size-y: 48px;--arcgis-internal-popup-pointer-size-half: calc(var(--arcgis-internal-popup-pointer-size) / 2);--arcgis-internal-popup-pointer-size-half-negative: calc(var(--arcgis-internal-popup-pointer-size-half) * -1)}.root{display:flex;position:absolute;flex-flow:column nowrap;z-index:401;pointer-events:none;border:none;overflow:visible;padding:0;width:auto;height:auto;background-color:transparent}.hidden{visibility:hidden}.root:popover-open{display:flex;position:fixed;flex-flow:column nowrap;margin:0}arcgis-features{flex:1;width:100%}.shadow{box-shadow:var(--calcite-shadow-sm)}.aligned-top-center{transform-origin:50% 100%}.aligned-bottom-center{transform-origin:50% -5%}.aligned-top-left,.aligned-bottom-left{transform-origin:100% 50%}.aligned-top-right,.aligned-bottom-right{transform-origin:-5% 50%}.aligned-top-center,.aligned-top-left,.aligned-top-right{animation:popup-intro-animation-down .2s ease-in-out}.aligned-bottom-center,.aligned-bottom-left,.aligned-bottom-right{animation:popup-intro-animation-up .2s ease-in-out}.main-container{display:flex;position:relative;z-index:1;background-color:var(--calcite-color-foreground-1);width:var(--arcgis-internal-popup-content-medium-size);min-height:var(--arcgis-internal-popup-content-min-size-y);max-height:var(--arcgis-internal-popup-content-medium-size);overflow:hidden;pointer-events:auto}.pointer{position:absolute;width:0;height:0}.pointer-direction{position:absolute;width:var(--arcgis-internal-popup-pointer-size);height:var(--arcgis-internal-popup-pointer-size);content:"";background-color:var(--calcite-color-foreground-1)}.aligned-top-center .pointer{top:100%;left:50%;margin:0 0 0 var(--arcgis-internal-popup-pointer-size-half-negative)}.aligned-bottom-center .pointer{bottom:100%;left:50%;margin:0 0 0 var(--arcgis-internal-popup-pointer-size-half-negative)}.aligned-top-left .pointer{right:var(--arcgis-internal-popup-pointer-size-half);bottom:var(--arcgis-internal-popup-pointer-size-half);transform:rotate(-45deg)}.aligned-bottom-left .pointer{top:var(--arcgis-internal-popup-pointer-size-half);right:var(--arcgis-internal-popup-pointer-size-half);transform:rotate(45deg)}.aligned-top-right .pointer{bottom:var(--arcgis-internal-popup-pointer-size-half);left:var(--arcgis-internal-popup-pointer-size-half);transform:rotate(45deg)}.aligned-bottom-right .pointer{top:var(--arcgis-internal-popup-pointer-size-half);left:var(--arcgis-internal-popup-pointer-size-half);transform:rotate(-45deg)}.aligned-top-center .pointer-direction,.aligned-bottom-center .pointer-direction{transform:scale(.75,2) rotate(45deg)}.aligned-top-left .pointer-direction,.aligned-bottom-left .pointer-direction,.aligned-top-right .pointer-direction,.aligned-bottom-right .pointer-direction{top:var(--arcgis-internal-popup-pointer-size-half-negative);left:var(--arcgis-internal-popup-pointer-size-half-negative);transform:scale(.75,2.5) rotate(45deg)}.aligned-top-center .pointer-direction{top:var(--arcgis-internal-popup-pointer-size-half-negative);left:0}.aligned-bottom-center .pointer-direction{bottom:var(--arcgis-internal-popup-pointer-size-half-negative);left:0}.is-xl-width-breakpoint .main-container{width:var(--arcgis-internal-popup-content-x-large-size)}.is-lg-width-breakpoint .main-container{width:var(--arcgis-internal-popup-content-large-size)}.is-md-width-breakpoint .main-container{width:var(--arcgis-internal-popup-content-medium-size)}.is-sm-width-breakpoint .main-container,.is-xs-width-breakpoint .main-container{width:var(--arcgis-internal-popup-content-small-size)}.is-xs-width-breakpoint.is-docked-top-center,.is-xs-width-breakpoint.is-docked-bottom-center{margin:0;width:auto}.is-xs-width-breakpoint.is-docked-top-center .main-container,.is-xs-width-breakpoint.is-docked-bottom-center .main-container{position:absolute;right:0;left:0;width:100%;max-height:75%}.is-xs-width-breakpoint.is-docked-bottom-center .main-container{bottom:0}.is-xs-width-breakpoint.is-docked-top-center .main-container{top:0}.is-xl-height-breakpoint .main-container{max-height:var(--arcgis-internal-popup-content-x-large-size)}.is-lg-height-breakpoint .main-container{max-height:var(--arcgis-internal-popup-content-large-size)}.is-sm-height-breakpoint .main-container,.is-xs-height-breakpoint .main-container{max-height:var(--arcgis-internal-popup-content-small-size)}.is-docked{flex-flow:row nowrap;inset:0;margin:var(--arcgis-layout-overlay-space-top, 0) var(--arcgis-layout-overlay-space-right, 0) var(--arcgis-layout-overlay-space-bottom, 0) var(--arcgis-layout-overlay-space-left, 0);padding:var(--calcite-spacing-lg) var(--calcite-spacing-lg) var(--calcite-spacing-xxxl) var(--calcite-spacing-lg);animation:docking-animation .25s ease-out}.is-docked-top-left,.is-docked-top-center,.is-docked-top-right,.is-docked-top-start,.is-docked-top-end{align-items:flex-start}.is-docked-bottom-left,.is-docked-bottom-center,.is-docked-bottom-right,.is-docked-bottom-start,.is-docked-bottom-end{align-items:flex-end}.is-docked-top-left,.is-docked-bottom-left,.is-docked-top-start,.is-docked-bottom-start{justify-content:flex-start}.is-docked-top-center,.is-docked-bottom-center{justify-content:center}.is-docked-top-right,.is-docked-bottom-right,.is-docked-top-end,.is-docked-bottom-end{justify-content:flex-end}.is-docked-top-left.is-rtl,.is-docked-top-right.is-rtl,.is-docked-bottom-left.is-rtl,.is-docked-bottom-right.is-rtl{flex-direction:row-reverse}.is-docked-top-left .main-container,.is-docked-top-right .main-container,.is-docked-bottom-left .main-container,.is-docked-bottom-right .main-container,.is-docked-top-start .main-container,.is-docked-top-end .main-container,.is-docked-bottom-start .main-container,.is-docked-bottom-end .main-container{max-height:80%}.is-docked-top-center .main-container,.is-docked-bottom-center .main-container{max-height:40%}@media(prefers-reduced-motion){.aligned-top-center,.aligned-top-left,.aligned-top-right,.aligned-bottom-center,.aligned-bottom-left,.aligned-bottom-right{animation:none}}@media(prefers-reduced-motion){.is-docked{animation:none}}@keyframes docking-animation{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes popup-intro-animation-down{0%{transform:translateY(calc(var(--calcite-spacing-xs) * -1));opacity:0}to{transform:translate(0);opacity:1}}@keyframes popup-intro-animation-up{0%{transform:translateY(var(--calcite-spacing-xs));opacity:0}to{transform:translate(0);opacity:1}}`;
+const V = E`:host{display:contents;--arcgis-internal-popup-pointer-size: 12px;--arcgis-internal-popup-content-small-size: 280px;--arcgis-internal-popup-content-medium-size: 340px;--arcgis-internal-popup-content-large-size: 400px;--arcgis-internal-popup-content-x-large-size: 460px;--arcgis-internal-popup-content-min-size-y: 48px;--arcgis-internal-popup-pointer-size-half: calc(var(--arcgis-internal-popup-pointer-size) / 2);--arcgis-internal-popup-pointer-size-half-negative: calc(var(--arcgis-internal-popup-pointer-size-half) * -1)}.root{display:flex;position:absolute;flex-flow:column nowrap;z-index:401;pointer-events:none;border:none;overflow:visible;padding:0;width:auto;height:auto;background-color:transparent}.hidden{visibility:hidden}.root:popover-open{display:flex;position:fixed;flex-flow:column nowrap;margin:0}arcgis-features{flex:1;width:100%}.shadow{box-shadow:var(--calcite-shadow-sm)}.aligned-top-center{transform-origin:50% 100%}.aligned-bottom-center{transform-origin:50% -5%}.aligned-top-left,.aligned-bottom-left{transform-origin:100% 50%}.aligned-top-right,.aligned-bottom-right{transform-origin:-5% 50%}.aligned-top-center,.aligned-top-left,.aligned-top-right{animation:popup-intro-animation-down .2s ease-in-out}.aligned-bottom-center,.aligned-bottom-left,.aligned-bottom-right{animation:popup-intro-animation-up .2s ease-in-out}.main-container{display:flex;position:relative;z-index:1;background-color:var(--calcite-color-foreground-1);width:var(--arcgis-internal-popup-content-medium-size);min-height:var(--arcgis-internal-popup-content-min-size-y);max-height:var(--arcgis-internal-popup-content-medium-size);overflow:hidden;pointer-events:auto}.pointer{position:absolute;width:0;height:0}.pointer-direction{position:absolute;width:var(--arcgis-internal-popup-pointer-size);height:var(--arcgis-internal-popup-pointer-size);content:"";background-color:var(--calcite-color-foreground-1)}.aligned-top-center .pointer{top:100%;left:50%;margin:0 0 0 var(--arcgis-internal-popup-pointer-size-half-negative)}.aligned-bottom-center .pointer{bottom:100%;left:50%;margin:0 0 0 var(--arcgis-internal-popup-pointer-size-half-negative)}.aligned-top-left .pointer{right:var(--arcgis-internal-popup-pointer-size-half);bottom:var(--arcgis-internal-popup-pointer-size-half);transform:rotate(-45deg)}.aligned-bottom-left .pointer{top:var(--arcgis-internal-popup-pointer-size-half);right:var(--arcgis-internal-popup-pointer-size-half);transform:rotate(45deg)}.aligned-top-right .pointer{bottom:var(--arcgis-internal-popup-pointer-size-half);left:var(--arcgis-internal-popup-pointer-size-half);transform:rotate(45deg)}.aligned-bottom-right .pointer{top:var(--arcgis-internal-popup-pointer-size-half);left:var(--arcgis-internal-popup-pointer-size-half);transform:rotate(-45deg)}.aligned-top-center .pointer-direction,.aligned-bottom-center .pointer-direction{transform:scale(.75,2) rotate(45deg)}.aligned-top-left .pointer-direction,.aligned-bottom-left .pointer-direction,.aligned-top-right .pointer-direction,.aligned-bottom-right .pointer-direction{top:var(--arcgis-internal-popup-pointer-size-half-negative);left:var(--arcgis-internal-popup-pointer-size-half-negative);transform:scale(.75,2.5) rotate(45deg)}.aligned-top-center .pointer-direction{top:var(--arcgis-internal-popup-pointer-size-half-negative);left:0}.aligned-bottom-center .pointer-direction{bottom:var(--arcgis-internal-popup-pointer-size-half-negative);left:0}.is-xl-width-breakpoint .main-container{width:var(--arcgis-internal-popup-content-x-large-size)}.is-lg-width-breakpoint .main-container{width:var(--arcgis-internal-popup-content-large-size)}.is-md-width-breakpoint .main-container{width:var(--arcgis-internal-popup-content-medium-size)}.is-sm-width-breakpoint .main-container,.is-xs-width-breakpoint .main-container{width:var(--arcgis-internal-popup-content-small-size)}.is-xs-width-breakpoint.is-docked-top-center,.is-xs-width-breakpoint.is-docked-bottom-center{margin:0;width:auto}.is-xs-width-breakpoint.is-docked-top-center .main-container,.is-xs-width-breakpoint.is-docked-bottom-center .main-container{position:absolute;right:0;left:0;width:100%;max-height:75%}.is-xs-width-breakpoint.is-docked-bottom-center .main-container{bottom:0}.is-xs-width-breakpoint.is-docked-top-center .main-container{top:0}.is-xl-height-breakpoint .main-container{max-height:var(--arcgis-internal-popup-content-x-large-size)}.is-lg-height-breakpoint .main-container{max-height:var(--arcgis-internal-popup-content-large-size)}.is-sm-height-breakpoint .main-container,.is-xs-height-breakpoint .main-container{max-height:var(--arcgis-internal-popup-content-small-size)}.is-docked{flex-flow:row nowrap;inset:0;margin:var(--arcgis-layout-overlay-space-top, 0) var(--arcgis-layout-overlay-space-right, 0) var(--arcgis-layout-overlay-space-bottom, 0) var(--arcgis-layout-overlay-space-left, 0);padding:var(--calcite-spacing-lg) var(--calcite-spacing-lg) var(--calcite-spacing-xxxl) var(--calcite-spacing-lg);animation:docking-animation .25s ease-out}.is-docked-top-left,.is-docked-top-center,.is-docked-top-right,.is-docked-top-start,.is-docked-top-end{align-items:flex-start}.is-docked-bottom-left,.is-docked-bottom-center,.is-docked-bottom-right,.is-docked-bottom-start,.is-docked-bottom-end{align-items:flex-end}.is-docked-top-left,.is-docked-bottom-left,.is-docked-top-start,.is-docked-bottom-start{justify-content:flex-start}.is-docked-top-center,.is-docked-bottom-center{justify-content:center}.is-docked-top-right,.is-docked-bottom-right,.is-docked-top-end,.is-docked-bottom-end{justify-content:flex-end}.is-docked-top-left.is-rtl,.is-docked-top-right.is-rtl,.is-docked-bottom-left.is-rtl,.is-docked-bottom-right.is-rtl{flex-direction:row-reverse}.is-docked-top-left .main-container,.is-docked-top-right .main-container,.is-docked-bottom-left .main-container,.is-docked-bottom-right .main-container,.is-docked-top-start .main-container,.is-docked-top-end .main-container,.is-docked-bottom-start .main-container,.is-docked-bottom-end .main-container{max-height:80%}.is-docked-top-center .main-container,.is-docked-bottom-center .main-container{max-height:40%}@media(prefers-reduced-motion){.aligned-top-center,.aligned-top-left,.aligned-top-right,.aligned-bottom-center,.aligned-bottom-left,.aligned-bottom-right{animation:none}}@media(prefers-reduced-motion){.is-docked{animation:none}}@keyframes docking-animation{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes popup-intro-animation-down{0%{transform:translateY(calc(var(--calcite-spacing-xs) * -1));opacity:0}to{transform:translate(0);opacity:1}}@keyframes popup-intro-animation-up{0%{transform:translateY(var(--calcite-spacing-xs));opacity:0}to{transform:translate(0);opacity:1}}`;
 function f(b) {
   return b && Number.parseInt(b.replaceAll(/[^-\d.]/gu, ""), 10) || 0;
 }
@@ -24,17 +24,17 @@ const I = N(P), C = {
     width: 544
   }
 };
-class j extends L {
+class j extends S {
   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 H({ 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 = _();
+    }, this.screenLocation = B(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.featureStream = this.viewModel.featureStream, 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 = _();
   }
   static {
-    this.properties = { screenLocation: 16, positionStyle: 16, _featureNavigationTop: 16, actions: 0, active: 0, alignment: 1, autoCloseEnabled: 5, autoDestroyDisabled: 5, collapsed: 5, content: 1, currentAlignment: 32, currentDockPosition: 32, defaultPopupTemplateEnabled: 5, dockEnabled: 5, dockOptions: 0, effectiveHeading: 32, featureCount: 0, featureMenuOpen: 5, featureMenuTitle: 1, features: 0, focusTrapDisabled: 5, goToOverride: 0, heading: 1, headingLevel: 9, hideActionBar: 5, hideCloseButton: 5, hideCollapseButton: 5, hideFeatureMenuHeading: 5, hideFeatureNavigation: 5, hideFeatureListLayerTitle: 5, hideHeading: 5, hideSpinner: 5, highlightDisabled: 5, includeDefaultActionsDisabled: 5, initialDisplayMode: 1, label: 1, location: 0, messageOverrides: 0, open: 5, promises: 0, referenceElement: 1, selectedDrillInFeature: 32, selectedFeature: 0, selectedFeatureComponent: 32, selectedFeatureIndex: 9, state: 32, topLayerDisabled: 5, updateLocationEnabled: 5, view: 0 };
+    this.properties = { screenLocation: 16, positionStyle: 16, _featureNavigationTop: 16, actions: 0, active: 0, alignment: 1, autoCloseEnabled: 5, autoDestroyDisabled: 5, collapsed: 5, content: 1, currentAlignment: 32, currentDockPosition: 32, defaultPopupTemplateEnabled: 5, dockEnabled: 5, dockOptions: 0, effectiveHeading: 32, featureCount: 0, featureMenuOpen: 5, featureMenuTitle: 1, features: 0, featureStream: 0, focusTrapDisabled: 5, goToOverride: 0, heading: 1, headingLevel: 9, hideActionBar: 5, hideCloseButton: 5, hideCollapseButton: 5, hideFeatureMenuHeading: 5, hideFeatureNavigation: 5, hideFeatureListLayerTitle: 5, hideHeading: 5, hideSpinner: 5, highlightDisabled: 5, includeDefaultActionsDisabled: 5, initialDisplayMode: 1, label: 1, location: 0, messageOverrides: 0, open: 5, promises: 0, referenceElement: 1, selectedDrillInFeature: 32, selectedFeature: 0, selectedFeatureComponent: 32, selectedFeatureIndex: 9, state: 32, topLayerDisabled: 5, updateLocationEnabled: 5, view: 0 };
   }
   static {
-    this.styles = B;
+    this.styles = V;
   }
   get trackLocation() {
     return this.active && !this.dockEnabled;
@@ -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;
@@ -64,30 +64,24 @@ class j extends L {
   get selectedFeatureComponent() {
     return this._featuresComponent.value?.selectedFeatureComponent ?? null;
   }
-  async handleViewClick(t) {
-    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 +151,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 +163,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 +176,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 +233,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 +281,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 +297,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 +312,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,9 +335,9 @@ 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=${L(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>`;
+    }))} .ariaHidden=${!n} .ariaLabel=${T(this.heading ?? "")} popover=manual ${m(this._containerNode)}>${this._renderMainContainer()}${this._renderPointer()}</div>`;
   }
   _renderPointer() {
     return !this.dockEnabled || !this.active ? w`<div class="pointer" role=presentation><div class=${y(x("pointer-direction", "shadow"))} ${m(this._pointerNode)}></div></div>` : null;
@@ -351,8 +345,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 CHANGED Viewed

@@ -32,6 +32,12 @@ export default class PresentationViewModel extends Accessor {
   accessor transitionActive: boolean;
   accessor view: SceneView | undefined;
   get visibleSlides(): Collection<Slide>;
+  /**
+   * @param slide
+   * @param doubleClick
+   * @param abortcontroller
+   */
+  applySlide(slide: Slide, doubleClick?: boolean, abortcontroller?: AbortController): Promise<void>;
   /**
    * @param event
    * @param direction
@@ -39,9 +45,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 CHANGED Viewed

@@ -21,6 +21,7 @@ export abstract class ArcgisPresentation extends LitElement {
       slideNavAriaText: string;
       previous: string;
       next: string;
+      slideList: string;
       restart: string;
       legend: string;
   }> & T9nMeta<{
@@ -29,6 +30,7 @@ export abstract class ArcgisPresentation extends LitElement {
       slideNavAriaText: string;
       previous: string;
       next: string;
+      slideList: string;
       restart: string;
       legend: string;
   }>;
@@ -40,6 +42,15 @@ export abstract class ArcgisPresentation extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * ```html
+   * <arcgis-presentation auto-destroy-disabled></arcgis-presentation>
+   * ```
+   *
+   * ```js
+   * presentationElement.autoDestroyDisabled = true;
+   * ```
+   *
    */
   accessor autoDestroyDisabled: boolean;
   /**
@@ -50,11 +61,12 @@ export abstract class ArcgisPresentation extends LitElement {
    */
   accessor keyboardNavigationEnabled: boolean;
   /**
-   * specifies the size of the component
+   * Hide the presentation navigation in the UI.
+   * Slide elements will still be shown when a slide is applied to the view.
    *
-   * @default "m"
+   * @default false
    */
-  accessor scale: "l" | "m" | "s";
+  accessor navigationHidden: boolean;
   /**
    * Show the slice analysis of a slide interactive so manipulators will be displayed, allowing users to click and drag to edit the analysis.
    * Per default interactive is set to false.
@@ -88,10 +100,16 @@ export abstract class ArcgisPresentation extends LitElement {
    */
   accessor slidePopupDisabled: boolean;
   /**
-   * The view associated with the component.
-   *   > **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-presentation component will be associated with a map or scene component rather than using the `view` property.
+   * The view associated with the component.
+   * > **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-presentation component will be associated with a map or scene component rather than using the `view` property.
    */
   accessor view: SceneView | undefined;
+  /**
+   * specifies the size of the component
+   *
+   * @default "m"
+   */
+  accessor visualScale: "l" | "m" | "s";
   /** Permanently destroy the component */
   destroy(): Promise<void>;
   /**
@@ -131,9 +149,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"];
   };
 }