@arcgis/core 5.0.0-next.51 → 5.0.0-next.53

package/widgets/NavigationToggle/NavigationToggleViewModel.d.ts

@@ -1,4 +1,68 @@
-import "../../interfaces";
+import type Accessor from "../../core/Accessor.js";
+import type SceneView from "../../views/SceneView.js";
 
-import NavigationToggleViewModel = __esri.NavigationToggleViewModel;
-export default NavigationToggleViewModel;
+export interface NavigationToggleViewModelProperties extends Partial<Pick<NavigationToggleViewModel, "navigationMode" | "view">> {}
+
+export type NavigationToggleViewModelState = "disabled" | "ready";
+
+export type NavigationToggleViewModelMode = "pan" | "rotate";
+
+/**
+ * Provides the logic for the [NavigationToggle](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-NavigationToggle.html) widget, which provides two simple buttons for
+ * toggling the [navigation mode](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-NavigationToggle-NavigationToggleViewModel.html#navigationMode) of a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). Note that this is not
+ * designed for 2D mouse interaction in a [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html), nor for touch navigation.
+ *
+ * ![navigation-toggle](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/navigation-toggle.png)
+ *
+ * The default [navigation mode](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-NavigationToggle-NavigationToggleViewModel.html#navigationMode) of the [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) is always
+ * `pan`. The various mouse interactions of this mode are outlined
+ * [here](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#navigation).
+ * The alternate navigation mode to toggle to is `rotate`. This allows the user to
+ * rotate the view with a mouse drag and pan the view with a right-click and drag
+ * gesture.
+ *
+ * @deprecated since 4.33. Use the [Navigation Toggle component](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-navigation-toggle/) instead. For information on widget deprecation, read about [Esri's move to web components](https://developers.arcgis.com/javascript/latest/components-transition-plan/).
+ * @since 4.0
+ * @see [NavigationToggle](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-NavigationToggle.html) widget - _Deprecated since 4.32. Use the [Navigation Toggle component](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-navigation-toggle/) instead._
+ * @see [SceneView navigation](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html)
+ * @see [Programming patterns: Widget viewModel pattern](https://developers.arcgis.com/javascript/latest/programming-patterns/#widget-viewmodel-pattern)
+ * @example
+ * // creates a new instance of the NavigationToggle
+ * let navigationToggle = new NavigationToggle({
+ *   viewModel: {
+ *     view: view
+ *   },
+ *   layout: "horizontal"
+ * });
+ *
+ * // and adds it to the top right of the view
+ * view.ui.add(navigationToggle, "top-right");
+ */
+export default class NavigationToggleViewModel extends Accessor {
+  constructor(properties?: NavigationToggleViewModelProperties);
+  /**
+   * The navigation mode of the [view](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-NavigationToggle-NavigationToggleViewModel.html#view). See the table below for a list of
+   * possible values.
+   *
+   * Possible Value | Description
+   * ---------------|-------------
+   * pan | The mouse drag gesture pans the view. Right-click + drag allows the user to perform a 3D rotate around the center of the view.
+   * rotate | The mouse drag gesture performs a 3D rotate around the center of the view and the right-click + drag gesture pans the view.
+   *
+   * @default "pan"
+   */
+  accessor navigationMode: NavigationToggleViewModelMode;
+  /**
+   * The state of the widget.
+   *
+   * @default "disabled"
+   */
+  get state(): NavigationToggleViewModelState;
+  /** The view associated with the widget. */
+  accessor view: SceneView | null | undefined;
+  /**
+   * Toggles the navigation mode of the [view](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-NavigationToggle-NavigationToggleViewModel.html#view) from `pan` to `rotate` or
+   * vice versa.
+   */
+  toggle(): void;
+}

package/widgets/NavigationToggle.d.ts

@@ -1,4 +1,108 @@
-import "../interfaces";
+import type SceneView from "../views/SceneView.js";
+import type Widget from "./Widget.js";
+import type NavigationToggleViewModel from "./NavigationToggle/NavigationToggleViewModel.js";
+import type { WidgetProperties } from "./Widget.js";
+import type { NavigationToggleViewModelProperties } from "./NavigationToggle/NavigationToggleViewModel.js";
 
-import NavigationToggle = __esri.NavigationToggle;
-export default NavigationToggle;
+export interface NavigationToggleProperties extends WidgetProperties, Partial<Pick<NavigationToggle, "layout" | "view">> {
+  /**
+   * The widget's default label.
+   *
+   * @since 4.7
+   */
+  label?: string | null;
+  /**
+   * The view model for this widget. This is a class that contains all the logic
+   * (properties and methods) that controls this widget's behavior. See the
+   * [NavigationToggleViewModel](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-NavigationToggle-NavigationToggleViewModel.html) class to access
+   * all properties and methods on the widget.
+   */
+  viewModel?: NavigationToggleViewModelProperties;
+}
+
+export type NavigationToggleLayoutMode = "vertical" | "horizontal";
+
+/**
+ * Provides two simple buttons for toggling the
+ * [navigation mode](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-NavigationToggle-NavigationToggleViewModel.html#navigationMode)
+ * of a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). Note that this widget is designed only for 3D mouse interaction in a
+ * [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). It has no effect on touch navigation and it should not be used
+ * with 2D mouse interaction in a [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html).
+ *
+ * ![navigation-toggle](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/navigation-toggle.png)
+ *
+ * The default navigation mode of the [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) is always
+ * `pan`. The various mouse interactions of this mode are outlined
+ * [here](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#navigation).
+ * The alternate navigation mode to toggle to is `rotate`. This allows the user to
+ * rotate the view with a mouse drag and pan the view with a right-click and drag
+ * gesture.
+ *
+ * You can use the view's [DefaultUI](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-ui-DefaultUI.html) to add widgets
+ * to the view's user interface via the [SceneView#ui](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#ui) property on the view.
+ * See the example below.
+ *
+ * @deprecated since 4.32. Use the [Navigation Toggle component](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-navigation-toggle/) instead. For information on widget deprecation, read about [Esri's move to web components](https://developers.arcgis.com/javascript/latest/components-transition-plan/).
+ * @since 4.0
+ * @see [NavigationToggleViewModel](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-NavigationToggle-NavigationToggleViewModel.html) - _Deprecated since 4.33. Use the [Navigation Toggle component](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-navigation-toggle/) instead._
+ * @see [SceneView navigation](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html)
+ * @see [DefaultUI](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-ui-DefaultUI.html)
+ * @example
+ * // creates a new instance of the NavigationToggle widget
+ * let navigationToggle = new NavigationToggle({
+ *   view: view
+ * });
+ *
+ * // and adds it to the top right of the view
+ * view.ui.add(navigationToggle, "top-right");
+ */
+export default class NavigationToggle extends Widget {
+  /**
+   * @example
+   * // typical usage
+   * let navigationToggle = new NavigationToggle({
+   *   view: view
+   * });
+   */
+  constructor(properties?: NavigationToggleProperties);
+  /**
+   * The widget's default label.
+   *
+   * @since 4.7
+   */
+  get label(): string;
+  set label(value: string | null | undefined);
+  /**
+   * Sets the layout of the widget to either `horizontal` or `vertical`. See the
+   * table below for a list of possible values.
+   *
+   * Possible Value | Example
+   * ---------------|--------
+   * vertical | ![navigation-toggle](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/navigation-toggle.png)
+   * horizontal | ![navigation-toggle-horizontal](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/navigation-toggle-horizontal.png)
+   *
+   * @default "vertical"
+   * @example
+   * // creates a new instance of the NavigationToggle widget
+   * let navigationToggle = new NavigationToggle({
+   *   view: view,
+   *   layout: "horizontal"  // makes the layout horizontal
+   * });
+   */
+  accessor layout: NavigationToggleLayoutMode;
+  /** A reference to the [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html). Set this to link the widget to a specific view. */
+  accessor view: SceneView | null | undefined;
+  /**
+   * The view model for this widget. This is a class that contains all the logic
+   * (properties and methods) that controls this widget's behavior. See the
+   * [NavigationToggleViewModel](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-NavigationToggle-NavigationToggleViewModel.html) class to access
+   * all properties and methods on the widget.
+   */
+  get viewModel(): NavigationToggleViewModel;
+  set viewModel(value: NavigationToggleViewModelProperties);
+  /**
+   * Toggles the navigation mode of the [view](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-NavigationToggle.html#view) from `pan` to `rotate` or
+   * vice versa.
+   */
+  toggle(): void;
+}

package/widgets/OrientedImageryViewer/OrientedImageryViewerViewModel.d.ts

@@ -1,4 +1,97 @@
-import "../../interfaces";
+import type OrientedImageryLayer from "../../layers/OrientedImageryLayer.js";
+import type { EventedMixin, EventedMixinProperties } from "../../core/Evented.js";
+import type { EsriPromise, EsriPromiseMixinProperties } from "../../core/Promise.js";
 
-import OrientedImageryViewerViewModel = __esri.OrientedImageryViewerViewModel;
-export default OrientedImageryViewerViewModel;
+export interface OrientedImageryViewerViewModelProperties extends EsriPromiseMixinProperties, EventedMixinProperties, Partial<Pick<OrientedImageryViewerViewModel, "brightness" | "contrast" | "currentCoverageVisible" | "disabled" | "isAdditionalCoverageVisible" | "isAdditionalPointSourcesVisible" | "layer" | "mapImageConversionToolState" | "sharpness">> {}
+
+/**
+ * Provides the logic for the [OrientedImageryViewer](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-OrientedImageryViewer.html) widget and [component](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-oriented-imagery-viewer/).
+ *
+ * @beta
+ * @since 4.28
+ * @see [OrientedImageryViewer](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-OrientedImageryViewer.html) widget
+ * @see [Oriented Imagery Viewer component](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-oriented-imagery-viewer/)
+ * @see [Programming patterns: Widget viewModel pattern](https://developers.arcgis.com/javascript/latest/programming-patterns/#widget-viewmodel-pattern)
+ */
+export default class OrientedImageryViewerViewModel extends OrientedImageryViewerViewModelSuperclass {
+  constructor(properties?: OrientedImageryViewerViewModelProperties);
+  /**
+   * Changes the image brightness loaded in the viewer. Brightness is adjusted in the oriented imagery viewer using interactive sliders.
+   * Settings will be preserved for subsequent images loaded in the oriented imagery viewer. The value must be between -10 and 10.
+   *
+   * @default 0
+   */
+  accessor brightness: number;
+  /**
+   * Changes the image contrast loaded in the viewer. Contrast is adjusted in the oriented imagery viewer using interactive sliders.
+   * Settings will be preserved for subsequent images loaded in the oriented imagery viewer. The value must be between -10 and 10.
+   *
+   * @default 0
+   */
+  accessor contrast: number;
+  /**
+   * Toggles the visibility of the current footprint polygon associated with the selected image loaded in the viewer.
+   * Current footprint coverage allows you to better understand how the images in the oriented imagery layer relate to the map.
+   * The footprint of the image is symbolized with red fill on the map. If you zoom or pan in the oriented imagery viewer,
+   * the footprint coverage graphic will update on the map to highlight the area on the map that is visible in the image.
+   *
+   * @default true
+   */
+  accessor currentCoverageVisible: boolean;
+  /**
+   * When `false`, the view click interaction enabled for the oriented imagery viewer widget. This allows users to pick a location on the map and display the best image will the viewer.
+   * When `true` the view click interaction will be defaulted to map navigation.
+   *
+   * @default false
+   */
+  accessor disabled: boolean;
+  /**
+   * When `true`, the image gallery functionality is available in the widget.
+   * Image gallery currently only supports MRF and Tif image formats.
+   *
+   * @default true
+   */
+  get imageGalleryEnabled(): boolean;
+  /**
+   * Indicates if the image has been loaded onto the oriented imagery viewer.
+   *
+   * @default false
+   */
+  get imageLoaded(): boolean;
+  /**
+   * Indicates if the additional footprint polygons are visible for the selected image loaded in the viewer.
+   * The footprint graphics (appearing in blue) show the coverage footprints of all the additional images in the
+   * layer that depict the location selected by the user.
+   *
+   * @default false
+   */
+  accessor isAdditionalCoverageVisible: boolean;
+  /**
+   * Indicates if the additional camera locations are visible for the selected image loaded in the viewer.
+   * The point location graphics (appearing in blue) shows the camera locations for additional images that depict the location selected by the user.
+   *
+   * @default false
+   */
+  accessor isAdditionalPointSourcesVisible: boolean;
+  /**
+   * [OrientedImageryLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-OrientedImageryLayer.html) associated with the widget.
+   * The layer contains feature data and oriented imagery properties required by the viewer to load the image and generate the associated graphics.
+   */
+  accessor layer: OrientedImageryLayer | null | undefined;
+  /**
+   * Indicates if the map-image location tool available in the widget.
+   * When activated, the user can select a point on the map and corresponding a location in pixel space will be displayed in the image, and vice versa.
+   *
+   * @default false
+   */
+  accessor mapImageConversionToolState: boolean;
+  /**
+   * Changes the image sharpness loaded in the viewer. Sharpness is adjusted in the oriented imagery viewer using interactive sliders.
+   * Settings will be preserved for subsequent images loaded in the oriented imagery viewer."
+   * The value must be between 0 and 1.
+   *
+   * @default 0
+   */
+  accessor sharpness: number;
+}
+declare const OrientedImageryViewerViewModelSuperclass: typeof EsriPromise & typeof EventedMixin

package/widgets/OrientedImageryViewer/components/Arrow.js

@@ -0,0 +1,5 @@
+/*
+All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/5.0/esri/copyright.txt for details.
+*/
+import{loadCalciteComponents as t}from"../../support/componentsUtils.js";import{tsx as o}from"../../support/widget.js";function c(){return t({icon:()=>import("@esri/calcite-components/dist/components/calcite-icon")})}function r({x:t,y:c,rotateZ:r,...e}){return o("calcite-icon",{...e,styles:{left:`calc(50% + calc(50% * ${t}))`,top:`calc(50% + calc(50% * ${c}))`,transform:`translate(-50%) rotateZ(${r}deg)`}})}export{r as Arrow,c as loadArrowDependencies};

package/widgets/OrientedImageryViewer/components/NavigationNode.js

@@ -2,4 +2,4 @@
 All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
 */
-import{__decorate as t}from"tslib";import e from"../../../core/Accessor.js";import{property as r,subclass as o}from"../../../core/accessorSupport/decorators.js";import i from"../../../geometry/Point.js";import{normalizeDegrees as n,getRelativeAngleBetweenPoints as s}from"./imageNavigationUtils.js";const l=["right","towards","left","backwards"];let a=class extends e{constructor(t){super(t),this.attributes=null,this.backwards=null,this.geometry=null,this.left=null,this.right=null,this.towards=null}get currentHeading(){return this._get("currentHeading")??0}set currentHeading(t){const e=n(t);this._set("currentHeading",e)}get currentPitch(){return this._get("currentPitch")??0}set currentPitch(t){const e=n(t);this._set("currentPitch",e)}get heading(){return this.attributes.cameraHeading}get id(){return this.attributes.objectId}get pitch(){return this.attributes.cameraPitch}get roll(){return this.attributes.cameraRoll??0}getDistanceTo(t){return this.geometry.distance(t.geometry)}getDirectionTo(t){if(!t)return null;const{geometry:{x:e,y:r},currentHeading:o}=this,{geometry:{x:i,y:a}}=t,u=s(e,r,i,a),c=n(u+o),d=Math.floor((c+45)/90)%4;return l[d]}reset(){this.towards=null,this.backwards=null,this.left=null,this.right=null}};t([r()],a.prototype,"attributes",void 0),t([r()],a.prototype,"backwards",void 0),t([r()],a.prototype,"currentHeading",null),t([r()],a.prototype,"currentPitch",null),t([r({type:i})],a.prototype,"geometry",void 0),t([r({readOnly:!0})],a.prototype,"heading",null),t([r({readOnly:!0})],a.prototype,"id",null),t([r()],a.prototype,"left",void 0),t([r({readOnly:!0})],a.prototype,"pitch",null),t([r()],a.prototype,"right",void 0),t([r({readOnly:!0})],a.prototype,"roll",null),t([r()],a.prototype,"towards",void 0),a=t([o("esri.widgets.OrientedImageryViewer.components.NavigationNode")],a);const u=a;export{u as default};
+import{__decorate as t}from"tslib";import e from"../../../core/Accessor.js";import{property as r,subclass as o}from"../../../core/accessorSupport/decorators.js";import i from"../../../geometry/Point.js";import{normalizeDegrees as n,getRelativeAngleBetweenPoints as s}from"./imageNavigationUtils.js";const l=["towards","right","backwards","left"];let a=class extends e{constructor(t){super(t),this.attributes=null,this.backwards=null,this.geometry=null,this.left=null,this.right=null,this.towards=null}get currentHeading(){return this._get("currentHeading")??0}set currentHeading(t){const e=n(t);this._set("currentHeading",e)}get currentPitch(){return this._get("currentPitch")??0}set currentPitch(t){const e=n(t);this._set("currentPitch",e)}get heading(){return this.attributes.cameraHeading}get id(){return this.attributes.objectId}get pitch(){return this.attributes.cameraPitch}get roll(){return this.attributes.cameraRoll??0}getDistanceTo(t){return this.geometry.distance(t.geometry)}getDirectionTo(t){if(!t)return null;const{geometry:{x:e,y:r},currentHeading:o}=this,{geometry:{x:i,y:a}}=t,u=s(e,r,i,a),c=n(u-o),d=Math.floor((c+45)/90)%4;return l[d]}reset(){this.towards=null,this.backwards=null,this.left=null,this.right=null}};t([r()],a.prototype,"attributes",void 0),t([r()],a.prototype,"backwards",void 0),t([r()],a.prototype,"currentHeading",null),t([r()],a.prototype,"currentPitch",null),t([r({type:i})],a.prototype,"geometry",void 0),t([r({readOnly:!0})],a.prototype,"heading",null),t([r({readOnly:!0})],a.prototype,"id",null),t([r()],a.prototype,"left",void 0),t([r({readOnly:!0})],a.prototype,"pitch",null),t([r()],a.prototype,"right",void 0),t([r({readOnly:!0})],a.prototype,"roll",null),t([r()],a.prototype,"towards",void 0),a=t([o("esri.widgets.OrientedImageryViewer.components.NavigationNode")],a);const u=a;export{u as default};

package/widgets/OrientedImageryViewer/components/NavigationUI360.js

@@ -2,4 +2,4 @@
 All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
 */
-import{__decorate as t}from"tslib";import{createTask as e}from"../../../core/asyncUtils.js";import{Cyclical as i}from"../../../core/Cyclical.js";import{throwIfAborted as o}from"../../../core/promiseUtils.js";import{whenOnce as r}from"../../../core/reactiveUtils.js";import{property as n,subclass as s}from"../../../core/accessorSupport/decorators.js";import c from"../../Widget.js";import{css as a}from"../css.js";import l from"./NavigationUIPanoramicViewModel.js";import{loadCalciteComponents as d}from"../../support/componentsUtils.js";import{tsx as u}from"../../support/widget.js";let h=class extends c{constructor(t){super(t),this.directionMode="Relative",this.navigate=null,this.viewModel=new l,this._clickTask=null,this._handleClick=t=>{this._clickTask?.abort(),this._clickTask=e(async e=>{const i=t.target;if(!this.navigate||!this.currentNode)return;await r(()=>"compiled"===this.viewModel.state,{signal:e});const n=i.getAttribute("data-direction");o(e),await this.navigate(this.currentNode,{direction:n,signal:e})})},this.wrapTo90=t=>{const e=90*Math.round(t/90);return new i(-90,90).normalize(t-e)}}loadDependencies(){return d({icon:()=>import("@esri/calcite-components/dist/components/calcite-icon")})}set currentNode(t){this.viewModel.currentNode=t}get currentNode(){return this.viewModel.currentNode}set currentBestFeature(t){this.viewModel.currentBestFeature=t}get currentBestFeature(){return this.viewModel.currentBestFeature}get nodes(){return this.viewModel.nodes}set nodes(t){this.viewModel.nodes=t}render(){const{currentNode:t,currentBestFeature:e,directionMode:i}=this;if(!t)return null;if(!e)return null;const o=this.wrapTo90(e.attributes.cameraHeading),{currentHeading:r}=t,n={"--rotate-transform":` rotate(${"Relative"===i?-r+o:-r}deg)`},s=t=>{const e=(t-(r??0)+360)%360;return e<45||e>=315?"towards":e>=135&&e<225?"backwards":e>=45&&e<135?"right":"left"},c=s(0),l=s(90),d=s(180),h=s(270);return u("div",{class:a.navigationUI},u("div",{class:a.navigationDirectionPad,styles:n},t[c]?u("calcite-icon",{class:this.classes(a.navigationDirection,a.navigationTop),"data-direction":c,icon:"chevron-up",key:"chevron-up",onclick:this._handleClick}):null,t[l]?u("calcite-icon",{class:this.classes(a.navigationDirection,a.navigationRight),"data-direction":l,icon:"chevron-right",key:"chevron-right",onclick:this._handleClick}):null,t[d]?u("calcite-icon",{class:this.classes(a.navigationDirection,a.navigationBottom),"data-direction":d,icon:"chevron-down",key:"chevron-down",onclick:this._handleClick}):null,t[h]?u("calcite-icon",{class:this.classes(a.navigationDirection,a.navigationLeft),"data-direction":h,icon:"chevron-left",key:"chevron-left",onclick:this._handleClick}):null))}};t([n()],h.prototype,"currentNode",null),t([n()],h.prototype,"directionMode",void 0),t([n()],h.prototype,"currentBestFeature",null),t([n()],h.prototype,"navigate",void 0),t([n({nonNullable:!0})],h.prototype,"nodes",null),t([n()],h.prototype,"viewModel",void 0),t([n()],h.prototype,"_clickTask",void 0),h=t([s("esri.widgets.OrientedImageryViewer.components.NavigationUI360")],h);const p=h;export{p as default};
+import{__decorate as e}from"tslib";import{createTask as t}from"../../../core/asyncUtils.js";import{throwIfAborted as r}from"../../../core/promiseUtils.js";import{whenOnce as i}from"../../../core/reactiveUtils.js";import{property as o,subclass as s}from"../../../core/accessorSupport/decorators.js";import n from"../../Widget.js";import{css as a}from"../css.js";import{loadArrowDependencies as c,Arrow as d}from"./Arrow.js";import{getRelativeAngleBetweenPoints as l,getPixelXYFromRelativeAngle as u}from"./imageNavigationUtils.js";import p from"./NavigationUIPanoramicViewModel.js";import{tsx as m}from"../../support/widget.js";let g=class extends n{constructor(e){super(e),this.directionMode="Relative",this.navigate=null,this.viewModel=new p,this._clickTask=null,this._handleClick=e=>{this._clickTask?.abort(),this._clickTask=t(async t=>{const o=e.target;if(!this.navigate||!this.currentNode)return;await i(()=>"compiled"===this.viewModel.state,{signal:t});const s=o.getAttribute("data-direction");r(t),await this.navigate(this.currentNode,{direction:s,signal:t})})}}loadDependencies(){return c()}set currentNode(e){this.viewModel.currentNode=e}get currentNode(){return this.viewModel.currentNode}set currentBestFeature(e){this.viewModel.currentBestFeature=e}get currentBestFeature(){return this.viewModel.currentBestFeature}get nodes(){return this.viewModel.nodes}set nodes(e){this.viewModel.nodes=e}render(){const{currentNode:e,currentBestFeature:t}=this;if(!e)return null;if(!t)return null;const{towards:r,backwards:i,left:o,right:s,currentHeading:n}=e;return m("div",{class:a.navigationUI},m("div",{class:a.navigationDirectionPad},[r,i,o,s].map((t,r)=>{if(!t)return null;const i=l(e.geometry.x,e.geometry.y,t.geometry.x,t.geometry.y)-n,{x:o,y:s}=u(i);return m(d,{class:a.navigationDirection,"data-direction":e.getDirectionTo(t),icon:"chevron-up",key:r,onclick:this._handleClick,rotateZ:i,x:o,y:s})})))}};e([o()],g.prototype,"currentNode",null),e([o()],g.prototype,"directionMode",void 0),e([o()],g.prototype,"currentBestFeature",null),e([o()],g.prototype,"navigate",void 0),e([o({nonNullable:!0})],g.prototype,"nodes",null),e([o()],g.prototype,"viewModel",void 0),e([o()],g.prototype,"_clickTask",void 0),g=e([s("esri.widgets.OrientedImageryViewer.components.NavigationUI360")],g);const v=g;export{v as default};

package/widgets/OrientedImageryViewer/components/imageNavigationUtils.js

@@ -2,4 +2,4 @@
 All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
 */
-import{rad2deg as n}from"../../../core/mathUtils.js";function t(t,e,d,a){const o=d-t,i=a-e;return n(Math.atan2(i,o))}function e(n){let t=n%360;return t<0&&(t+=360),t}function d(n,t){const d={towards:{distance:1/0,node:null},backwards:{distance:1/0,node:null},left:{distance:1/0,node:null},right:{distance:1/0,node:null}};t.forEach(t=>{if(n===t)return;const a=n.getDistanceTo(t),o=n.getDirectionTo(t);a>=d[o].distance||(d[o].node=t,d[o].distance=a,d[o].heading=e(t.heading),d[o].pitch=e(t.pitch))}),n.reset(),n.towards=d.towards.node,n.backwards=d.backwards.node,n.left=d.left.node,n.right=d.right.node}function a(n,t,d,a){const i={towards:{distance:1/0,node:null},backwards:{distance:1/0,node:null},left:{distance:1/0,node:null},right:{distance:1/0,node:null}};t.forEach(t=>{if(n===t)return;const c=n.getDistanceTo(t),r=n.getDirectionTo(t),s=e(n.heading)-e(e(t.heading)),l=e(n.pitch)-e(t.pitch);c>=i[r].distance||null!=d&&!o(s,d)||null!=a&&!o(l,a)||(i[r].node=t,i[r].distance=c,i[r].heading=e(t.heading),i[r].pitch=e(t.pitch))}),n.reset(),n.towards=i.towards.node,n.backwards=i.backwards.node,n.left=i.left.node,n.right=i.right.node}function o(n,t){return Math.abs(n)<=t}export{t as getRelativeAngleBetweenPoints,e as normalizeDegrees,d as updateDirectionalNodesGeneric,a as updateDirectionalNodesWithSameView};
+import{rad2deg as n,deg2rad as t}from"../../../core/mathUtils.js";function e(t,e,o,a){const d=o-t,i=a-e;return 90-n(Math.atan2(i,d))}function o(n){let t=n%360;return t<0&&(t+=360),t}function a(n,t){const e={towards:{distance:1/0,node:null},backwards:{distance:1/0,node:null},left:{distance:1/0,node:null},right:{distance:1/0,node:null}};t.forEach(t=>{if(n===t)return;const a=n.getDistanceTo(t),d=n.getDirectionTo(t);a>=e[d].distance||(e[d].node=t,e[d].distance=a,e[d].heading=o(t.heading),e[d].pitch=o(t.pitch))}),n.reset(),n.towards=e.towards.node,n.backwards=e.backwards.node,n.left=e.left.node,n.right=e.right.node}function d(n,t,e,a){const d={towards:{distance:1/0,node:null},backwards:{distance:1/0,node:null},left:{distance:1/0,node:null},right:{distance:1/0,node:null}};t.forEach(t=>{if(n===t)return;const c=n.getDistanceTo(t),r=n.getDirectionTo(t),s=o(n.heading)-o(o(t.heading)),l=o(n.pitch)-o(t.pitch);c>=d[r].distance||null!=e&&!i(s,e)||null!=a&&!i(l,a)||(d[r].node=t,d[r].distance=c,d[r].heading=o(t.heading),d[r].pitch=o(t.pitch))}),n.reset(),n.towards=d.towards.node,n.backwards=d.backwards.node,n.left=d.left.node,n.right=d.right.node}function i(n,t){return Math.abs(n)<=t}function c(n){const e=t(90-n);return{x:Math.cos(e),y:-Math.sin(e)}}export{c as getPixelXYFromRelativeAngle,e as getRelativeAngleBetweenPoints,o as normalizeDegrees,a as updateDirectionalNodesGeneric,d as updateDirectionalNodesWithSameView};

package/widgets/OrientedImageryViewer/css.js

@@ -2,4 +2,4 @@
 All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
 */
-const e="esri-oriented-imagery-viewer",t=`${e}__carousel`,a=`${e}__image-enhancement`,o=`${e}__navigation`,r="--oi-navigation-tool-rotation-from",n="--oi-navigation-tool-rotation-to",i=`${o}-ui`,s=`${i}__direction`,$=`${e}__image-overlays`,m={alert:`${e}__alert`,addCoverage:`${e}__body-additional-coverage`,addExpPoints:`${e}__body-additional-camera-locations`,body:`${e}__body`,carousel:`${e}__carousel`,carouselContainer:`${t}-container`,carouselContent:`${t}-content`,carouselItem:`${t}-item`,carouselItemWrapper:`${t}-item-wrapper`,close:`${e}__close`,currentCoverage:`${e}__body-current-coverage`,feature:`${o}-feature`,footprint:`${e}__body-footprint`,imageEnhancementToolContainer:`${a}-tool-container`,imageEnhancementTools:`${a}-tools`,imageEnhancementWrapper:`${a}-wrapper`,imageOverlays:$,imageOverlaysContainer:`${$}-container`,imageOverlaysNoResult:`${$}-no-result`,imageOverlaysIncreasedHeight:`${$}-increased-height`,imageOverlaysLayerList:`${$}-layer-list`,measurementResults:`${e}__measurement-results`,measurementsBar:`${e}__measurements-bar`,measurementsButton:`${e}__measurements-button`,measurementsTable:`${e}__measurements-table`,measurementDisplay:`${e}__measurement-display`,messageBox:`${e}__message-box`,navigationPathOffset0:`${o}-feature-path-stop-offset-0`,navigationPathOffset1:`${o}-feature-path-stop-offset-1`,navigationWrapper:`${o}-wrapper`,navigationZoomed:`${o}-wrapper--zoomed`,north:`${o}-pointer-north`,outerSector:`${o}-sector-outer`,overlaysSwitch:`${$}-switch`,pointer:`${o}-pointer`,rotateWithAnimation:`${o}-animate`,sector:`${o}-sector`,sectorCross:`${o}-sector-cross`,sectorDisabled:`${o}-sector-disabled`,sectorEnabled:`${o}-sector-enabled`,sectorSeparator:`${o}-sector-separator`,selectedFeaturePath:`${o}-feature-path`,sketchTools:`${e}__sketch-tools`,submenu:`${e}__submenu`,viewer:`${e}__viewer`,viewerHidden:`${e}__viewer--hidden`,viewerContainer:`${e}__viewer-container`,viewerContainerMeasurement:`${e}__viewer-container-measurement`,navigationUI:i,navigationDirection:s,navigationDirectionPad:`${s}-pad`,navigationTop:`${s}--top`,navigationBottom:`${s}--bottom`,navigationLeft:`${s}--left`,navigationRight:`${s}--right`,navigationSettingsUI:`${o}-settings-ui`};export{t as carousel,m as css,a as imageEnhancement,o as navigation,r as navigationToolRotationFrom,n as navigationToolRotationTo,e as root};
+const e="esri-oriented-imagery-viewer",t=`${e}__carousel`,a=`${e}__image-enhancement`,o=`${e}__navigation`,r="--oi-navigation-tool-rotation-from",n="--oi-navigation-tool-rotation-to",i=`${o}-ui`,s=`${i}__direction`,$=`${e}__image-overlays`,m={alert:`${e}__alert`,addCoverage:`${e}__body-additional-coverage`,addExpPoints:`${e}__body-additional-camera-locations`,body:`${e}__body`,carousel:`${e}__carousel`,carouselContainer:`${t}-container`,carouselContent:`${t}-content`,carouselItem:`${t}-item`,carouselItemWrapper:`${t}-item-wrapper`,close:`${e}__close`,currentCoverage:`${e}__body-current-coverage`,feature:`${o}-feature`,footprint:`${e}__body-footprint`,imageEnhancementToolContainer:`${a}-tool-container`,imageEnhancementTools:`${a}-tools`,imageEnhancementWrapper:`${a}-wrapper`,imageOverlays:$,imageOverlaysContainer:`${$}-container`,imageOverlaysNoResult:`${$}-no-result`,imageOverlaysIncreasedHeight:`${$}-increased-height`,imageOverlaysLayerList:`${$}-layer-list`,measurementResults:`${e}__measurement-results`,measurementsBar:`${e}__measurements-bar`,measurementsButton:`${e}__measurements-button`,measurementsTable:`${e}__measurements-table`,measurementDisplay:`${e}__measurement-display`,messageBox:`${e}__message-box`,navigationPathOffset0:`${o}-feature-path-stop-offset-0`,navigationPathOffset1:`${o}-feature-path-stop-offset-1`,navigationWrapper:`${o}-wrapper`,navigationZoomed:`${o}-wrapper--zoomed`,north:`${o}-pointer-north`,outerSector:`${o}-sector-outer`,overlaysSwitch:`${$}-switch`,pointer:`${o}-pointer`,rotateWithAnimation:`${o}-animate`,sector:`${o}-sector`,sectorCross:`${o}-sector-cross`,sectorDisabled:`${o}-sector-disabled`,sectorEnabled:`${o}-sector-enabled`,sectorSeparator:`${o}-sector-separator`,selectedFeaturePath:`${o}-feature-path`,sketchTools:`${e}__sketch-tools`,submenu:`${e}__submenu`,viewer:`${e}__viewer`,viewerHidden:`${e}__viewer--hidden`,viewerContainer:`${e}__viewer-container`,viewerContainerMeasurement:`${e}__viewer-container-measurement`,navigationUI:i,navigationDirection:s,navigationDirectionPad:`${s}-pad`,navigationSettingsUI:`${o}-settings-ui`};export{t as carousel,m as css,a as imageEnhancement,o as navigation,r as navigationToolRotationFrom,n as navigationToolRotationTo,e as root};

package/widgets/OrientedImageryViewer/interfaces.d.ts

@@ -0,0 +1,8 @@
+
+/** Represents the pixel location in image space, where (0, 0) corresponds to the center of the upper left pixel. */
+export interface LocationInImageSpace {
+  /** The row the pixel location. */
+  x: number;
+  /** The column the pixel location. */
+  y: number;
+}

package/widgets/OrientedImageryViewer.d.ts

@@ -1,4 +1,171 @@
-import "../interfaces";
+import type Point from "../geometry/Point.js";
+import type OrientedImageryLayer from "../layers/OrientedImageryLayer.js";
+import type Widget from "./Widget.js";
+import type OrientedImageryViewerViewModel from "./OrientedImageryViewer/OrientedImageryViewerViewModel.js";
+import type { Icon } from "@esri/calcite-components/components/calcite-icon";
+import type { MapViewOrSceneView } from "../views/MapViewOrSceneView.js";
+import type { WidgetProperties } from "./Widget.js";
 
-import OrientedImageryViewer = __esri.OrientedImageryViewer;
-export default OrientedImageryViewer;
+export interface OrientedImageryViewerProperties extends WidgetProperties, Partial<Pick<OrientedImageryViewer, "currentCoverageVisible" | "dataCaptureEnabled" | "disabled" | "galleryOpened" | "imageEnhancementToolActive" | "imageOverlaysOpened" | "isAdditionalCoverageVisible" | "isAdditionalPointSourcesVisible" | "layer" | "mapImageConversionToolState" | "navigationToolActive" | "view">> {
+  /**
+   * Icon displayed in the widget's button.
+   *
+   * @default "oriented-imagery-widget"
+   * @since 4.27
+   * @see [Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)
+   * @see [Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)
+   */
+  icon?: Icon["icon"] | null;
+}
+
+/**
+ * The oriented imagery viewer widget allows the user to explore and use their oriented images. Click on a map to view the best image in your collection that depicts a clicked
+ * location. To see an image better, the user can view assets from multiple directions, and enhance contrast, brightness and sharpening.
+ * As the user pans and zooms in an image, the widget will update the camera's field of view on the map (and show how it relates to any vector data in the map).
+ * The oriented imagery viewer supports JPG, JPEG, TIF and MRF image formats.
+ *
+ * @beta
+ * @since 4.28
+ * @see [OrientedImageryLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-OrientedImageryLayer.html)
+ * @see [Sample - Intro to OrientedImageryLayer](https://developers.arcgis.com/javascript/latest/sample-code/layers-orientedimagerylayer/)
+ * @see [Sample - OrientedImageryLayer in SceneView](https://developers.arcgis.com/javascript/latest/sample-code/layers-orientedimagerylayer-sceneview/)
+ */
+export default class OrientedImageryViewer extends Widget {
+  /**
+   * @example
+   * // typical usage
+   * orientedImageryViewer = new OrientedImageryViewer({
+   *   view,
+   *   container: "oi-container"
+   * });
+   */
+  constructor(properties?: OrientedImageryViewerProperties);
+  /**
+   * Toggles the visibility of the current footprint polygon associated with the selected image loaded in the viewer.
+   * Current footprint coverage allows you to better understand how the images in the oriented imagery layer relate to the map.
+   * The footprint of the image is symbolized with red fill on the map. If you zoom or pan in the oriented imagery viewer,
+   * the footprint coverage graphic will update on the map to highlight the area on the map that is visible in the image.
+   *
+   * @default true
+   */
+  accessor currentCoverageVisible: boolean;
+  /**
+   * Indicates whether the data capture tools are enabled in the oriented imagery viewer for digitization.
+   * When set to `true` , the data capture (edit) option will be visible on the digitizable overlayed feature layers available in the image overlays tab.
+   * On clicking the data capture option, the digitization tools will appear at the bottom of the viewer once the overlay tab is closed.
+   *
+   * @default false
+   * @since 4.32
+   */
+  accessor dataCaptureEnabled: boolean;
+  /**
+   * When `false`, the view click interaction is enabled for the oriented imagery viewer widget. This allows users to pick a location on the map and display the best image to the viewer.
+   * When `true` the view click interaction will be defaulted to map navigation.
+   *
+   * @default false
+   */
+  accessor disabled: boolean;
+  /**
+   * Indicates if the image gallery functionality is available in the widget.
+   * To visualize additional images of the same location, select the image gallery from the oriented imagery viewer.
+   * The galley is a carousel of low-resolution thumbnails of all images that depict the selected map location. Click a thumbnail to view the full-resolution image in the oriented imagery viewer.
+   *
+   * @default false
+   */
+  accessor galleryOpened: boolean;
+  /**
+   * Icon displayed in the widget's button.
+   *
+   * @default "oriented-imagery-widget"
+   * @since 4.27
+   * @see [Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)
+   * @see [Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)
+   */
+  get icon(): Icon["icon"];
+  set icon(value: Icon["icon"] | null | undefined);
+  /**
+   * Indicates if the image enhancement tool is active. When `true` the widget displays the functionalities to adjust the brightness, contrast, and sharpness of the
+   * image in the oriented imagery viewer using interactive sliders.
+   * Settings will be preserved for subsequent images loaded in the oriented imagery viewer.
+   *
+   * @default false
+   */
+  accessor imageEnhancementToolActive: boolean;
+  /**
+   * When `true`, the image gallery functionality is available in the widget.
+   * Image gallery currently only supports MRF and Tif image formats.
+   */
+  get imageGalleryEnabled(): boolean;
+  /**
+   * Indicates whether the image overlays tab in the oriented imagery viewer is open.
+   * When set to `true` , the overlays tab appears at the bottom of the viewer. It includes two toggle options: overlay camera locations and overlay map features.
+   * These options enable users to visualize and overlay map features that intersect with the image’s footprint within the viewer.
+   *
+   * @default false
+   * @since 4.32
+   */
+  accessor imageOverlaysOpened: boolean;
+  /**
+   * Indicates if the additional footprint polygons are visible for the selected image loaded in the viewer.
+   * The footprint graphics (appearing in blue) show the coverage footprints of all the additional images in the
+   * layer that depict the location selected by the user.
+   *
+   * @default false
+   */
+  accessor isAdditionalCoverageVisible: boolean;
+  /**
+   * Indicates if the additional camera locations are visible for the selected image loaded in the viewer.
+   * The point location graphics (appearing in blue) show the camera locations for additional images that depict the location the user selects.
+   *
+   * @default false
+   */
+  accessor isAdditionalPointSourcesVisible: boolean;
+  /**
+   * Specifies the current [OrientedImageryLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-OrientedImageryLayer.html) to use. The layer is one the widget connects to and utilizes to populate the image.
+   * The layer contains the feature data and oriented imagery properties required by the viewer to load the image and generate the associated graphics.
+   */
+  accessor layer: OrientedImageryLayer | null | undefined;
+  /**
+   * Indicates if the map-image location tool is available in the widget.
+   * When `true`, the user can select a point on the map and the corresponding location in pixel space will be displayed in the image, and vice versa.
+   *
+   * @default false
+   */
+  accessor mapImageConversionToolState: boolean;
+  /**
+   * When `true`, the navigation tool is available in the widget.
+   * The navigation tool can be used to explore the images that contain the selected location on the map using a compass.
+   * To view a different image of the selected map location, click the camera locations (blue dots), or click a segment to view
+   * the best image from that segment (segments with images are shown in white; segments without images are gray).
+   *
+   * @default false
+   */
+  accessor navigationToolActive: boolean;
+  /**
+   * This property provides the location of an image pixel in Map coordinates when using map-image conversion tool.
+   *
+   * @since 4.29
+   */
+  get referencePoint(): Point | null;
+  /**
+   * A reference to the [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) or [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
+   * Set this to link the widget to a specific view.
+   *
+   * @since 4.30
+   */
+  accessor view: MapViewOrSceneView | null | undefined;
+  /**
+   * The view model for this widget. This is a class that contains all the logic
+   * (properties and methods) that controls this widget's behavior. See the
+   * [OrientedImageryViewerViewModel](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-OrientedImageryViewer-OrientedImageryViewerViewModel.html) class to access
+   * all properties and methods on the widget.
+   */
+  get viewModel(): OrientedImageryViewerViewModel;
+  /**
+   * Resets the viewer to its initial state.
+   * This method clears the currently displayed image or video from the viewer and removes all associated graphics from the map.
+   *
+   * @since 4.34
+   */
+  reset(): void;
+}

package/widgets/Popup/PopupViewModel.d.ts

@@ -1,4 +1,24 @@
-import "../../interfaces";
+import type FeaturesViewModel from "../Features/FeaturesViewModel.js";
+import type { FeaturesViewModelProperties } from "../Features/FeaturesViewModel.js";
 
-import PopupViewModel = __esri.PopupViewModel;
-export default PopupViewModel;
+export interface PopupViewModelProperties extends FeaturesViewModelProperties {}
+
+/**
+ * Provides the logic for the [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html) widget, which allows users to view
+ * content from feature attributes. Popups enhance web applications
+ * by providing users with a simple way to interact with and view attributes in a layer.
+ * They play an important role in relaying information to the user, which improves the storytelling capabilities of the application.
+ *
+ * @since 4.0
+ * @see [Popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html)
+ * @see [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html)
+ * @see [MapView#popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#popup) and [SceneView#popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#popup)
+ * @see [Programming patterns: Widget viewModel pattern](https://developers.arcgis.com/javascript/latest/programming-patterns/#widget-viewmodel-pattern)
+ * @see [Get started with popups](https://developers.arcgis.com/javascript/latest/sample-code/intro-popup/)
+ * @see [Get started with PopupTemplate](https://developers.arcgis.com/javascript/latest/sample-code/intro-popuptemplate/)
+ * @see [Sample - Dock positions with popup](https://developers.arcgis.com/javascript/latest/sample-code/popup-docking-position/)
+ * @see [Sample - Popup actions](https://developers.arcgis.com/javascript/latest/sample-code/popup-actions/)
+ */
+export default class PopupViewModel extends FeaturesViewModel {
+  constructor(properties?: PopupViewModelProperties);
+}

package/widgets/Popup/PopupVisibleElements.d.ts

@@ -0,0 +1,62 @@
+import type Accessor from "../../core/Accessor.js";
+
+export interface PopupVisibleElementsProperties extends Partial<Pick<PopupVisibleElements, "actionBar" | "closeButton" | "collapseButton" | "featureListLayerTitle" | "featureMenuHeading" | "featureNavigation" | "heading" | "spinner">> {}
+
+/**
+ * The visible elements that are displayed within the widget.
+ * This provides the ability to turn individual elements of the widget's display on/off.
+ *
+ * ![popup-visibleElements](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/popup/popup-visible-elements.png)
+ */
+export default abstract class PopupVisibleElements extends Accessor {
+  /**
+   * **Since 4.29.** Indicates whether to display the action bar that holds the feature's [Popup#actions](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#actions).
+   *
+   * @default true
+   */
+  accessor actionBar: boolean;
+  /**
+   * Indicates whether to display a close button on the widget dialog.
+   *
+   * @default true
+   */
+  accessor closeButton: boolean;
+  /**
+   * **Since 4.29.** Indicates whether to display the collapse button on the widget dialog.
+   *
+   * @default true
+   */
+  accessor collapseButton: boolean;
+  /**
+   * **Since 4.30.** Indicates whether to display the group heading for a list of multiple features.
+   *
+   * ![popup-visibleElements-featureListLayerTitle](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/popup/popup-listlayertitle-true2.png)
+   *
+   * @default true
+   */
+  accessor featureListLayerTitle: boolean;
+  /**
+   * **Since 4.32.** Indicates whether to display a heading and description on the widget feature menu list.
+   *
+   * @default true
+   */
+  accessor featureMenuHeading: boolean;
+  /**
+   * Indicates whether pagination for feature navigation will be displayed. This allows the user to scroll through various [selected features](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#features) using pagination arrows.
+   *
+   * @default true
+   */
+  accessor featureNavigation: boolean;
+  /**
+   * **Since 4.29.** Indicates whether to display the widget heading.
+   *
+   * @default true
+   */
+  accessor heading: boolean;
+  /**
+   * **Since 4.29.** Indicates whether to display the widget's loading spinner.
+   *
+   * @default true
+   */
+  accessor spinner: boolean;
+}