@geoscene/map-components 4.34.9 → 5.0.20

package/dist/components/geoscene-features/customElement.d.ts

@@ -1,612 +1,647 @@
-/// <reference types="@geoscene/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
-import { default as FeaturesViewModel } from '@geoscene/core/widgets/Features/FeaturesViewModel.js';
-import { GeosceneReferenceElement } from '../../utils/component-utils';
-import { nil } from '@arcgis/toolkit/type';
-import { Use } from '@geoscene/lumina/controllers';
-import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@geoscene/lumina';
-import { HeadingLevel } from '../../support/heading';
-import { default as Collection } from '@geoscene/core/core/Collection.js';
-import { GeosceneFeature } from '../geoscene-feature/customElement.js';
-import { default as ActionButton } from '@geoscene/core/support/actions/ActionButton.js';
-import { default as ActionToggle } from '@geoscene/core/support/actions/ActionToggle.js';
+import type FeaturesViewModel from "@geoscene/core/widgets/Features/FeaturesViewModel.js";
+import type Collection from "@geoscene/core/core/Collection.js";
+import type ActionButton from "@geoscene/core/support/actions/ActionButton.js";
+import type ActionToggle from "@geoscene/core/support/actions/ActionToggle.js";
+import type Graphic from "@geoscene/core/Graphic.js";
+import type Widget from "@geoscene/core/widgets/Widget.js";
+import type Map from "@geoscene/core/Map.js";
+import type SpatialReference from "@geoscene/core/geometry/SpatialReference.js";
+import type { GeosceneReferenceElement, IconName, HeadingLevel } from "../types.js";
+import type { PublicLitElement as LitElement } from "@geoscene/lumina";
+import type { GeosceneFeature } from "../geoscene-feature/customElement.js";
+import type { ActionEvent, FetchFeaturesOptions, PopupAction, InitialDisplayOptions, State } from "@geoscene/core/widgets/Popup/types.js";
+import type { ScreenPoint } from "@geoscene/core/core/types.js";
+import type { T9nMeta } from "@geoscene/lumina/controllers";
+import type { Abilities } from "@geoscene/core/widgets/Feature/types.js";
+import type { GoToOverride } from "@geoscene/core/widgets/support/types.js";
+import type { MapViewOrSceneView } from "@geoscene/core/views/MapViewOrSceneView.js";
 
-declare const useFeaturesViewModel: (component: LitElement & Pick<FeaturesViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<FeaturesViewModel>) => FeaturesViewModel;
 /**
  * The Features component allows users to view a feature's popupTemplate content such as attributes,
- * actions, related records, etc., without having to be tied to a [geoscene-map](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-map/) or [geoscene-scene](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-scene/) component.
- * This component looks and behaves similarly to the [geoscene-popup](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-popup/) component,
+ * actions, related records, etc., without having to be tied to an [geoscene-map](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-map/) or [geoscene-scene](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/) component.
+ * This component looks and behaves similarly to the [geoscene-popup](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-popup/) component,
  * however unlike Popup, the Features component can be placed outside of the map or scene component.
- * For example, when features are selected in the [geoscene-map](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-map/),
- * the [geoscene-popup](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-popup/) opens within the map whether it is docked
+ * For example, when features are selected in the [geoscene-map](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-map/),
+ * the [geoscene-popup](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-popup/) opens within the map whether it is docked
  * or anchored to the selected feature.
  * With the Features component, the same information that Popup provides is shown in a separate container from the map, such as
  * a HTML div within a Calcite Design System
- * [Shell Panel](https://developers.geoscene.cn/calcite-design-system/components/shell-panel/).
+ * [Shell Panel](https://doc.geoscene.cn/calcite-design-system/components/shell-panel/).
  *
  * If multiple features are passed into the Features component, the component provides buttons to page though the features and a feature menu that allows the
  * list of features to be displayed so the user can choose which feature content to display in the component. The component also respects
- * feature reduction PopupTemplates for [binning](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-layers-support-FeatureReductionBinning.html#popupTemplate) and [clustering](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-layers-support-FeatureReductionCluster.html#popupTemplate).
+ * feature reduction PopupTemplates for [binning](https://doc.geoscene.cn/javascript/5.0/references/core/layers/support/FeatureReductionBinning/#popupTemplate) and [clustering](https://doc.geoscene.cn/javascript/5.0/references/core/layers/support/FeatureReductionCluster/#popupTemplate).
  *
  * The Features component should be used if needing to use the Popup functionality outside of the map or scene component. If wanting to show a single feature's content without
- * actions, related records, clustering configuration, etc., then use the [geoscene-feature](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-feature/) component.
+ * actions, related records, clustering configuration, etc., then use the [geoscene-feature](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-feature/) component.
  *
- * [Read more...](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-features/)
- *
- * @see [PopupTemplate](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-PopupTemplate.html)
+ * @see [PopupTemplate](https://doc.geoscene.cn/javascript/5.0/references/core/PopupTemplate/)
  * @since 4.28
  */
-export declare class GeosceneFeatures extends LitElement {
-    /** @since 4.34 */
-    viewModel: FeaturesViewModel;
-    /**
-     * [Collection](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-core-Collection.html) of [action](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-support-actions-ActionButton.html) or [action toggle](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-support-actions-ActionToggle.html) objects displayed in the action bar.
-     * Each action may be executed by clicking the icon or image symbolizing them.
-     * By default, every component has a `Zoom To` action styled with a magnifying glass icon.
-     * When this icon is clicked, the map zooms in four LODs and centers on the selected feature.
-     * This default action can be removed by setting [`includeDefaultActionsDisabled`](#includeDefaultActionsDisabled) to `true`, or by setting the [overwriteActions](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-PopupTemplate.html#overwriteActions) property to `true` in the [PopupTemplate](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-PopupTemplate.html).
-     * The order of each action is the order in which they appear in the actions [Collection](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-core-Collection.html).
-     * The [`geosceneTriggerAction`](#geosceneTriggerAction) event fires each time an action is clicked.
-     * Actions are defined with the properties listed in the [ActionButton](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-support-actions-ActionButton.html) or [ActionToggle](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-support-actions-ActionToggle.html) class.
-     *
-     * @see [geosceneTriggerAction](#geosceneTriggerAction)
-     * @example
-     * ```js
-     * // Defines an action button to zoom out from the selected feature
-     * const zoomOutAction = {
-     *   type: "button",
-     *   // This text is displayed as a tooltip
-     *   title: "Zoom out",
-     *   // The ID by which to reference the action in the event handler
-     *   id: "zoom-out",
-     *   // Sets the icon used to style the action button
-     *   icon: "magnifying-glass-minus"
-     * };
-     * // Adds the custom action to the Features component's actions collection.
-     * featuresComponent.actions.push(zoomOutAction);
-     * ```
-     */
-    actions: Collection<ActionButton | ActionToggle>;
-    /**
-     * Indicates if the component is active when it is visible and is not [waiting](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Features-FeaturesViewModel.html#waitingForResult) for results.
-     *
-     * @default false
-     */
-    readonly active: boolean;
-    /**
-     * If true, the component will not be destroyed automatically when it is
-     * disconnected from the document. This is useful when you want to move the
-     * component to a different place on the page, or temporarily hide it. If this
-     * is set, make sure to call the [destroy](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-features/#destroy) method when you are done to
-     * prevent memory leaks.
-     *
-     * @default false
-     */
-    autoDestroyDisabled: boolean;
-    /**
-     * Indicates whether the component displays its content. If `true`, only the header displays.
-     * This property is only honored if [`showCollapsed`](#showCollapsed) is `true`.
-     *
-     * @default false
-     */
-    collapsed: boolean;
-    /**
-     * The content of the Features component. When set directly on the component, this content is
-     * static and cannot use fields to set content templates. To set a template
-     * for the content based on field or attribute names, see
-     * [PopupTemplate.content](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-PopupTemplate.html#content).
-     *
-     * @noautocast
-     * @example
-     * ```js
-     * // This sets generic instructions in the component that will always be displayed
-     * // unless it is overridden by a PopupTemplate.
-     * featuresComponent.content = "Click a feature on the map to view its attributes";
-     * ```
-     */
-    content: string | HTMLElement | nullish | __geoscene.Widget;
-    /**
-     * Enables automatic creation of a popup template for layers that have popups enabled but no
-     * popupTemplate defined.
-     *
-     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Features-FeaturesViewModel.html#defaultPopupTemplateEnabled)
-     *
-     * @since 4.34
-     * @default false
-     */
-    defaultPopupTemplateEnabled: boolean;
-    /**
-     * The number of selected [features](#features) available to the popup.
-     *
-     * @since 4.34
-     * @default 0
-     */
-    readonly featureCount: number;
-    /**
-     * This property enables multiple features in the component to display in a list rather than displaying the first selected feature.
-     * Setting this to `true` allows the user to scroll through the list of features.
-     * This value will only be honored if [`initialDisplayMode`](#initialDisplayMode) is set to "feature".
-     *
-     * @since 4.34
-     * @default false
-     */
-    featureMenuOpen: boolean;
-    /**
-     * Sets the title to display on the component while viewing the feature menu.
-     *
-     * @since 4.34
-     */
-    featureMenuTitle: string | nullish;
-    /**
-     * Indicates whether the feature navigation arrows are displayed at the top of the component.
-     * By default, the navigation arrows are displayed at the bottom of the component.
-     *
-     * @since 4.34
-     * @default false
-     */
-    featureNavigationTop: boolean;
-    /**
-     * An array of features associated with the Features component. Each graphic in this array must
-     * have a valid [PopupTemplate](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-PopupTemplate.html) set. They may share the same
-     * [PopupTemplate](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-PopupTemplate.html) or have unique
-     * [PopupTemplates](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-PopupTemplate.html) depending on their attributes.
-     * The [content](#content) and [heading](#heading)
-     * of the component is set based on the `content` and `title` properties of each graphic's respective
-     * [PopupTemplate](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-PopupTemplate.html).
-     *
-     * When more than one graphic exists in this array, the current content of the
-     * component is set based on the value of the [selected feature](#selectedFeature).
-     *
-     * This value is `null` if no features are associated with the component.
-     *
-     * @noautocast
-     * @example
-     * ```js
-     * // When setting the features property, the graphics pushed to this property
-     * // must have a PopupTemplate set.
-     * let g1 = new Graphic();
-     * g1.popupTemplate = new PopupTemplate({
-     *   title: "Results title",
-     *   content: "Results: {ATTRIBUTE_NAME}"
-     * });
-     * // Set the graphics as an array to the Features component instance. The content and title of
-     * // the component will be set depending on the PopupTemplate of the graphics.
-     * // Each graphic may share the same PopupTemplate or have a unique PopupTemplate
-     * let graphics = [g1, g2, g3, g4, g5];
-     * featuresComponent.features = graphics;
-     * ```
-     */
-    features: __geoscene.Graphic[];
-    /**
-     * The number of features to fetch at one time.
-     *
-     * @default 20
-     */
-    featuresPerPage: number;
-    /** Defines the specific [abilities](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Feature-FeatureViewModel.html#Abilities) that can be used when querying and displaying content. */
-    featureViewModelAbilities: nullish | __geoscene.Abilities;
-    /**
-     * This function provides the ability to override either the [geoscene-map.goTo](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-map/#goTo) or [geoscene-scene.goTo](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-scene/#goTo) methods.
-     *
-     * @example
-     * ```js
-     * features.goToOverride = (map, goToParams)=>  {
-     *   goToParams.options = {
-     *     duration: updatedDuration
-     *   };
-     *   return map.goTo(goToParams.target, goToParams.options);
-     * };
-     * ```
-     */
-    goToOverride: nullish | __geoscene.GoToOverride;
-    /**
-     * The actions that are displayed in the header of the component.
-     *
-     * @autocast { typedCollection: true }
-     */
-    headerActions: Collection<ActionButton | ActionToggle>;
-    /**
-     * The title of the Features component. This can be set to any string value no
-     * matter the features that are selected. If the [selected feature](#selectedFeature)
-     * has a [PopupTemplate](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-PopupTemplate.html), then the title set in the
-     * corresponding template is used here.
-     *
-     * @see [headingLevel](#headingLevel)
-     * @since 4.34
-     * @example
-     * ```js
-     * // This title will display in the component unless a selected feature's
-     * // PopupTemplate overrides it.
-     * featuresComponent.title = "Population by zip codes in Southern California";
-     * ```
-     */
-    heading: string | nullish;
-    /**
-     * The title of the Features component.
-     *
-     * @deprecated since 4.34, use [`heading`](#heading) instead.
-     */
-    get featuresTitle(): nil | string;
-    set featuresTitle(value: nil | string);
-    /**
-     * Indicates the heading level to use for the [heading](#heading) of the component.
-     * By default, the heading is rendered
-     * as a level 2 heading (e.g. `<h2>Popup title</h2>`). Depending on the component's placement
-     * in your app, you may need to adjust this heading for proper semantics. This is
-     * important for meeting accessibility standards.
-     *
-     * @default 2
-     */
-    headingLevel: HeadingLevel;
-    /**
-     * Indicates whether to hide the action bar that holds the feature's [actions](#actions).
-     *
-     * @default false
-     */
-    hideActionBar: boolean;
-    /**
-     * Indicates whether to hide the close button in the component.
-     *
-     * @default false
-     */
-    hideCloseButton: boolean;
-    /**
-     * Indicates whether to hide the feature menu heading and description in the component's feature menu list.
-     *
-     * @default false
-     */
-    hideFeatureMenuHeading: boolean;
-    /**
-     * Indicates whether to hide the feature pagination in the component.
-     * This allows the user to scroll through various [selected features](#features) using pagination arrows.
-     *
-     * @default false
-     */
-    hideFeatureNavigation: boolean;
-    /**
-     * Indicates whether to hide the group heading for a list of multiple features.
-     *
-     * @since 4.34
-     * @default false
-     */
-    hideFeatureListLayerTitle: boolean;
-    /**
-     * Determines whether the component should be shown within its built-in [flow component](https://developers.geoscene.cn/calcite-design-system/components/flow/) or if the flow component should be excluded.
-     * The component will be displayed within its original flow component if set to `false`.
-     * The flow component will be omitted from the component if set to `true`.
-     * To place the component into an existing Calcite flow component, set this property to `false`.
-     *
-     * @default false
-     */
-    hideFlow: boolean;
-    /**
-     * Indicates whether to hide the component's [heading](#heading).
-     *
-     * @default false
-     */
-    hideHeading: boolean;
-    /**
-     * Indicates whether to hide the component's loading spinner.
-     *
-     * @default false
-     */
-    hideSpinner: boolean;
-    /**
-     * Indicates whether to highlight the [selected feature](#selectedFeature) in the associated
-     * [geoscene-map](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-map/) or [geoscene-scene](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-scene/) component.
-     *
-     * @since 4.34
-     * @default false
-     */
-    highlightDisabled: boolean;
-    /**
-     * Icon which represents the component.
-     * Typically used when the component is controlled by another component (e.g. by the Expand component).
-     *
-     * @see [Calcite Icons](https://doc.geoscene.cn/calcite-design-system/icons/)
-     */
-    icon?: string;
-    /**
-     * Indicates whether to include the default actions in the component.
-     * In order to disable any default actions, it is necessary to set `includeDefaultActionsDisabled` to `true`.
-     *
-     * @since 4.34
-     * @default false
-     */
-    includeDefaultActionsDisabled: boolean;
-    /**
-     * Indicates whether to initially display a list of features, or the content for one feature.
-     *
-     * @default "feature"
-     */
-    initialDisplayMode: "list" | "feature";
-    /** The component's default label. */
-    label?: string;
-    /**
-     * A map is required when the input [features](#features) have a popupTemplate that contains [Arcade](https://doc.geoscene.cn/javascript/4.33/arcade) expressions in [ExpressionInfo](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-popup-ExpressionInfo.html) or [ExpressionContent](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-popup-content-ExpressionContent.html) that may use the `$map` profile variable to access data from layers within a map. Without a map, expressions that use `$map` will throw an error.
-     *
-     * Alternatively, the [view](#view) property can be used to provide the map instance for this property.
-     *
-     * @noautocast
-     * @see [Type system](https://doc.geoscene.cn/javascript/4.33/arcade/guide/types/#featuresetcollection)
-     * @see [Arcade Profiles: Popup](https://doc.geoscene.cn/javascript/4.33/arcade/profiles/popup/)
-     * @example
-     * ```js
-     * // The building footprints represent the buildings that intersect a clicked parcel
-     * let buildingFootprints = Intersects($feature, FeatureSetByName($map, "Building Footprints"));
-     * ```
-     * @default null
-     */
-    map: __geoscene.Map | nullish;
-    /**
-     * Replace localized message strings with your own strings.
-     *
-     * _**Note**: Individual message keys may change between releases._
-     *
-     * @since 4.34
-     */
-    messageOverrides?: typeof this.messages._overrides;
-    /** @deprecated since 4.34, use [`slot`](https://doc.geoscene.cn/javascript/4.33/building-your-ui/#slots) instead. */
-    position?: __geoscene.UIPosition;
-    /**
-     * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
-     *
-     * @see [Associate components with a Map or Scene component](https://doc.geoscene.cn/javascript/4.33/programming-patterns/#associate-components-with-a-map-or-scene-component)
-     */
-    referenceElement?: GeosceneReferenceElement | string;
-    /**
-     * An array of pending Promises that have not yet been fulfilled. If there are
-     * no pending promises, the value is `null`. When the pending promises are
-     * resolved they are removed from this array and the features they return
-     * are pushed into the [features](#features) array.
-     */
-    promises: Promise<__geoscene.Graphic[]>[];
-    /**
-     * The feature that the component has drilled into.
-     * This feature is either associated with the selected feature in a [relationship](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-popup-content-RelationshipContent.html) or [utility network](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-popup-content-UtilityNetworkAssociationsContent.html) element.
-     *
-     * @since 4.34
-     */
-    get selectedDrillInFeature(): __geoscene.Graphic | nil;
-    /**
-     * The selected feature accessed by the Features component. The content displayed in the component is
-     * determined based on the [PopupTemplate](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-PopupTemplate.html) assigned to this feature.
-     */
-    readonly selectedFeature: nullish | __geoscene.Graphic;
-    /**
-     * Returns a reference to the current [geoscene-feature](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-feature/) component.
-     * This is useful if needing to get a reference to the Feature component in order to make any changes to it.
-     *
-     * @since 4.34
-     */
-    get selectedFeatureComponent(): HTMLGeosceneFeatureElement | null;
-    /**
-     * Index of the feature that is [selected](#selectedFeature). When [features](#features) are set,
-     * the first index is automatically selected.
-     */
-    selectedFeatureIndex: number;
-    /**
-     * Indicates whether to show the collapse button in the component.
-     *
-     * @default false
-     */
-    showCollapseButton: boolean;
-    /**
-     * The spatial reference used for [Arcade](https://doc.geoscene.cn/javascript/4.33/arcade) operations.
-     * This property should be set if the Features component executes Arcade expressions that contain [geometry functions](https://doc.geoscene.cn/javascript/4.33/arcade/function-reference/geometry_functions/).
-     *
-     * Alternatively, the [view](#view) property can be used to provide the spatial reference instance for this property.
-     *
-     * @autocast
-     * @see [Type system](https://doc.geoscene.cn/javascript/4.33/arcade/guide/types/#featuresetcollection)
-     * @see [Arcade Profiles: Popup](https://doc.geoscene.cn/javascript/4.33/arcade/profiles/popup/)
-     * @default null
-     */
-    spatialReference: nullish | __geoscene.SpatialReference;
-    /**
-     * The current state of the component.
-     *
-     * @default "disabled"
-     */
-    readonly state: "ready" | "disabled";
-    /**
-     * Dates and times displayed in the component will be displayed in this time zone. By default this time zone is
-     * inherited from [geoscene-map.timeZone](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-map/#timeZone) if the [view](#view) property is set. When a MapView is not associated with the component
-     * then the property will fallback to the `system` time zone.
-     *
-     * **Possible Values**
-     * - `system`: Dates and times will be displayed in the timezone of the device or browser.
-     * - `unknown`: Dates and time are not adjusted for any timezone.
-     * - `Specified IANA timezone`: Dates and times will be displayed in the specified IANA time zone. See [wikipedia - List of tz database time zones](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones).
-     */
-    timeZone: string;
-    /**
-     * A reference to the [MapView](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-MapView.html) or [SceneView](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html).
-     * The Features component requires a `view` to be set if:
-     * - The [features](#features) have a popupTemplate containing Arcade expressions in [ExpressionInfo](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-popup-ExpressionInfo.html) or [ExpressionContent](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-popup-content-ExpressionContent.html) that may use [geometry functions](https://doc.geoscene.cn/javascript/4.33/arcade/function-reference/geometry_functions/) or reference the `$map` profile variable (i.e. access data from layers within a map). Alternatively, set the [`map`](#map) property.
-     * - Content is displayed from the popup template of an [aggregate feature](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-Graphic.html#isAggregate) (i.e. a [cluster](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-layers-support-FeatureReductionCluster.html) or [bin](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-layers-support-FeatureReductionBinning.html)).
-     * - Values from `date` and `timestamp-offset` fields should respect the view's [time zone](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-View.html#timeZone).
-     * Alternatively, set the [`timeZone`](#timeZone) property.
-     * - Using the [fetchFeatures](#fetchFeatures) method or the `fetchFeatures` option in the [`open`](#open) method.
-     * - Using the `Zoom to` default action. If the `view` is not specified, set the [includeDefaultActionsDisabled](#includeDefaultActionsDisabled) property to `true` to remove this default action.
-     *
-     * @since 4.34
-     */
-    view?: __geoscene.MapView | __geoscene.SceneView | nullish;
-    /**
-     * Indicates whether the popup is visible. This property is `true` when the popup is querying for results, even if it is not open in the view.
-     * Use the property to check if the component is visible.
-     *
-     * @since 4.34
-     * @default false
-     */
-    visible: boolean;
-    /**
-     * Indicates whether a component is closed. When `true`, the component will be hidden.
-     *
-     * @deprecated since 4.34, use [`visible`](#visible) instead.
-     * @default false
-     */
-    get closed(): boolean;
-    set closed(value: boolean);
-    /**
-     * Removes [promises](#promises), [features](#features), [content](#content), and
-     * [heading](#heading) from the Features component.
-     */
-    clear(): Promise<void>;
-    /** A convenience method to close the component. */
-    close(): Promise<void>;
-    /** Permanently destroy the component. */
-    destroy(): Promise<void>;
-    /**
-     * Use this method to return feature(s) at a given screen location.
-     * These features are fetched from all of the [layer](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-layers-LayerView.html)
-     * in the [view](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-View.html). In order to use this, a layer must already have an
-     * associated [PopupTemplate](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-PopupTemplate.html). This method allows a developer to
-     * control how the input location is handled.
-     *
-     * @example
-     * ```js
-     * // Use reactiveUtils to watch the map's click event.
-     * reactiveUtils.on(() => map, "geosceneViewClick",
-     * (event) => {
-     *   // Call fetchFeatures and pass in the click event screenPoint
-     *   featuresComponent.fetchFeatures(event.screenPoint).then((response) => {
-     *     // Access the response from fetchFeatures
-     *     response.allGraphicsPromise.then((graphics) => {
-     *     // If there are no graphics in the click event, then make sure
-     *     // the Features component is not showing.
-     *       if(graphics.length === 0){
-     *         featuresComponent.visible = false;
-     *       }
-     *       // If graphics do exist, set the Features component features property to the returned
-     *       // graphics from fetchFeatures.
-     *       else{
-     *         featuresComponent.features = graphics;
-     *       }
-     *     });
-     *   });
-     * ```
-     */
-    fetchFeatures(screenPoint: __geoscene.ScreenPoint, options?: __geoscene.FetchFeaturesOptions): Promise<__geoscene.FetchPopupFeaturesResult>;
-    /**
-     * Opens the Features component with content defined either explicitly with `content`
-     * or driven from the [PopupTemplate](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-PopupTemplate.html) of input features.
-     *
-     * @example
-     * ```js
-     * // Use reactiveUtils to watch the map component's click event.
-     * reactiveUtils.on(() => viewElement, "geosceneViewClick", (event) => {
-     *   const { mapPoint } = event.detail;
-     *   featuresComponent.open({
-     *     // Title and content displayed in the component
-     *     title: `Click location: (${mapPoint.x},${mapPoint.y})`,
-     *     content: "This is the default content displayed on click."
-     *   });
-     * });
-     * ```
-     * @example
-     * ```js
-     * // The Features component must have a reference element set on the component along with the
-     * // location property to fetch features.
-     * // Use reactiveUtils to watch the map component's click event.
-     * reactiveUtils.on(() => viewElement, "geosceneViewClick", (event) => {
-     *   const { mapPoint } = event.detail;
-     *   featuresComponent.open({
-     *     location: mapPoint,
-     *     // Display the content for the selected feature(s) if a popupTemplate is defined.
-     *     fetchFeatures: true
-     *   });
-     * });
-     * ```
-     * @example
-     * ```js
-     * // Open the Features component with a specified array of graphics that already
-     * // have a PopupTemplate set and display the feature menu when it opens.
-     * featuresComponent.open({
-     *   // array of graphics
-     *   features: graphics,
-     *   // selected features initially display in a list
-     *   featureMenuOpen: true
-     * });
-     * ```
-     */
-    open(options?: __geoscene.FeaturesViewModelOpenOptions): Promise<void>;
-    /**
-     * Selects the feature at the next index in relation to the [selected feature](#selectedFeature).
-     *
-     * @see [selectedFeatureIndex](#selectedFeatureIndex)
-     */
-    next(): Promise<FeaturesViewModel>;
-    /**
-     * Selects the feature at the previous index in relation to the [selected feature](#selectedFeature).
-     *
-     * @see [selectedFeatureIndex](#selectedFeatureIndex)
-     */
-    previous(): Promise<FeaturesViewModel>;
-    /**
-     * Use this method to give focus to the Component if the component is able to be focused.
-     *
-     * @since 4.34
-     */
-    setFocus(): Promise<void>;
-    /**
-     * Triggers the [`geosceneTriggerAction`](#geosceneTriggerAction) event and executes the action
-     * at the specified index in the [actions](#actions) array.
-     */
-    triggerAction(action: __geoscene.ActionButton | __geoscene.ActionToggle): Promise<void>;
-    /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
-    readonly geoscenePropertyChange: TargetedEvent<this, {
-        name: "state" | "active" | "collapsed" | "featureCount" | "visible" | "selectedFeature" | "featureMenuOpen" | "features" | "promises" | "selectedFeatureIndex" | "selectedDrillInFeature" | "selectedFeatureComponent";
-    }>;
-    /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
-    readonly geosceneReady: TargetedEvent<this, void>;
-    /** Emitted when the component's close button is clicked. */
-    readonly geosceneClose: TargetedEvent<this, void>;
-    /**
-     * Fires after the user clicks on an action in the Features component.
-     * This event may be used to define a custom function to execute when particular actions are clicked.
-     *
-     * @see [actions](#actions)
-     * @see [PopupTemplate.actions](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-PopupTemplate.html#actions)
-     * @see [Features.open()](#open)
-     * @example
-     * ```js
-     * viewElement.addEventListener("geosceneViewClick", (event) => {
-     *   const { mapPoint } = event.detail;
-     *   featuresComponent.open({
-     *     location: mapPoint,
-     *     fetchFeatures: true,
-     *     actions: [{
-     *       // This text is displayed as a tooltip
-     *       title: "Zoom out",
-     *       // The ID used to reference this action in the event handler
-     *       id: "zoom-out",
-     *       // Sets the icon font used to style the action button
-     *       icon: "magnifying-glass-minus"
-     *     },
-     *     {
-     *       title: "Delete Feature",
-     *       id: "delete-feature-action",
-     *       icon: "trash"
-     *     }]
-     *   });
-     * });
-     *
-     * // Fires each time an action is clicked
-     * reactiveUtils.on(()=> featuresComponent, "geosceneTriggerAction", (event)=>{
-     *   // If the zoom-out action is clicked, execute the following code
-     *   if(event.detail.action.id === "zoom-out"){
-     *     // Zoom out two levels (LODs)
-     *     viewElement.goTo({
-     *       center: viewElement.center,
-     *       zoom: viewElement.zoom - 2
-     *     });
-     *   }
-     * });
-     * ```
-     */
-    readonly geosceneTriggerAction: TargetedEvent<this, __geoscene.FeaturesViewModelTriggerActionEvent>;
-    private messages;
-}
-export {};
+export abstract class GeosceneFeatures extends LitElement {
+  /**
+   * A [collection](https://doc.geoscene.cn/javascript/5.0/references/core/core/Collection/) of [action button](https://doc.geoscene.cn/javascript/5.0/references/core/support/actions/ActionButton/) or [action toggle](https://doc.geoscene.cn/javascript/5.0/references/core/support/actions/ActionToggle/) objects. Each action may be executed by clicking the icon or image symbolizing them.
+   * There is a default `Zoom To` action styled with a magnifying glass icon to zoom in four LODs and center the map on the selected feature. This default action can be removed by setting [includeDefaultActionsDisabled](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#includeDefaultActionsDisabled) to `true`, or by setting the [`overwriteActions`](https://doc.geoscene.cn/javascript/5.0/references/core/PopupTemplate/#overwriteActions) property to `true` in a [PopupTemplate](https://doc.geoscene.cn/javascript/5.0/references/core/PopupTemplate/).
+   *
+   * The order of each action is the order in which they appear in the actions [Collection](https://doc.geoscene.cn/javascript/5.0/references/core/core/Collection/). The [@geosceneTriggerAction](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#event-geosceneTriggerAction) event fires each time an action is clicked.
+   *
+   * @see [@geosceneTriggerAction](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#event-geosceneTriggerAction)
+   * @see [Popup actions sample](https://doc.geoscene.cn/javascript/5.0/sample-code/popup-actions/)
+   */
+  accessor actions: Collection<PopupAction>;
+  /**
+   * Indicates if the component is active when it is visible and is not [waiting](https://doc.geoscene.cn/javascript/5.0/references/core/widgets/Features/FeaturesViewModel/#waitingForResult) for results.
+   *
+   * @default false
+   */
+  get active(): boolean;
+  /**
+   * If true, the component will not be destroyed automatically when it is
+   * disconnected from the document. This is useful when you want to move the
+   * component to a different place on the page, or temporarily hide it. If this
+   * is set, make sure to call the [destroy()](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#destroy) method when you are done to
+   * prevent memory leaks.
+   *
+   * @default false
+   */
+  accessor autoDestroyDisabled: boolean;
+  /**
+   * Disables chart animation within the component.
+   *
+   * @default false
+   * @since 5.0
+   */
+  accessor chartAnimationDisabled: boolean;
+  /**
+   * Indicates whether the component displays its content. If `true`, only the header displays.
+   * This property is only honored if [showCollapseButton](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#showCollapseButton) is `true`.
+   *
+   * @default false
+   */
+  accessor collapsed: boolean;
+  /**
+   * The content of the component. When set directly on the component, this content is static and cannot use fields to set content templates. To set a template for the content based on field or attribute names, see [PopupTemplate.content](https://doc.geoscene.cn/javascript/5.0/references/core/PopupTemplate/#content).
+   *
+   * @example
+   * ```js
+   * // This sets generic instructions in the component that will always be displayed
+   * // unless it is overridden by a PopupTemplate.
+   * component.content = "Click a feature on the map to view its attributes";
+   * ```
+   */
+  accessor content: string | HTMLElement | Widget<any> | null | undefined;
+  /**
+   * Enables automatic creation of a popup template for layers that have popups enabled but no popupTemplate defined. Automatic popup templates are supported for layers that support the `createPopupTemplate` method.
+   *
+   * **Note:** Starting with version 4.28, `date` fields are formatted using the `short-date-short-time` preset [dateFormat](https://doc.geoscene.cn/javascript/5.0/references/core/popup/support/FieldInfoFormat/#dateFormat) rather than `long-month-day-year` in default [popup](https://doc.geoscene.cn/javascript/5.0/references/core/PopupTemplate/) created by setting the `defaultPopupTemplateEnabled` property to `true`.
+   * For example, previously a date that may have appeared as `"December 30, 1997"` will now appear as `"12/30/1997 6:00 PM"`.
+   *
+   * @default false
+   * @since 4.34
+   */
+  accessor defaultPopupTemplateEnabled: boolean;
+  /**
+   * The number of [features](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#features) available in the component.
+   *
+   * @since 4.34
+   */
+  accessor featureCount: number;
+  /**
+   * This property enables multiple features in the component to display in a list rather than displaying the first selected feature. Setting this to `true` allows the user to scroll through the list of features. This value will only be honored if [initialDisplayMode](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#initialDisplayMode) is set to "feature".
+   *
+   * @default false
+   * @since 4.34
+   */
+  accessor featureMenuOpen: boolean;
+  /**
+   * Sets the title to display on the component while viewing the feature menu.
+   *
+   * @since 4.34
+   */
+  accessor featureMenuTitle: string | null | undefined;
+  /**
+   * Indicates whether the feature navigation arrows are displayed at the top of the component.
+   * By default, the navigation arrows are displayed at the bottom of the component.
+   *
+   * @default false
+   * @since 4.34
+   */
+  accessor featureNavigationTop: boolean;
+  /**
+   * An array of features associated with the component. Each graphic in this array must have a valid [PopupTemplate](https://doc.geoscene.cn/javascript/5.0/references/core/PopupTemplate/) set. They may share the same [PopupTemplate](https://doc.geoscene.cn/javascript/5.0/references/core/PopupTemplate/) or have unique [PopupTemplates](https://doc.geoscene.cn/javascript/5.0/references/core/PopupTemplate/) depending on their attributes. The [content](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#content) and [heading](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#heading) of the component is set based on the `content` and `title` properties of each graphic's respective [PopupTemplate](https://doc.geoscene.cn/javascript/5.0/references/core/PopupTemplate/).
+   *       
+   * When more than one graphic exists in this array, the current content of the component is set based on the value of the [selectedFeature](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#selectedFeature)).
+   *
+   * This value is `null` if no features are associated with the component.
+   *
+   * @example
+   * ```js
+   * // When setting the features property, the graphics pushed to this property
+   * // must have a PopupTemplate set.
+   * let g1 = new Graphic();
+   * g1.popupTemplate = new PopupTemplate({
+   *   title: "Results title",
+   *   content: "Results: {ATTRIBUTE_NAME}"
+   * });
+   * // Set the graphics as an array to the popup instance. The content and title of
+   * // the component will be set depending on the PopupTemplate of the graphics.
+   * // Each graphic may share the same PopupTemplate or have a unique PopupTemplate
+   * let graphics = [g1, g2, g3, g4, g5];
+   * component.features = graphics;
+   * ```
+   */
+  accessor features: Array<Graphic>;
+  /**
+   * The number of features to fetch at one time.
+   *
+   * @default 20
+   */
+  accessor featuresPerPage: number;
+  /** Defines the specific [abilities](https://doc.geoscene.cn/javascript/5.0/references/core/widgets/Feature/FeatureViewModel/#Abilities) that can be used when querying and displaying content. */
+  accessor featureViewModelAbilities: Abilities | null | undefined;
+  /**
+   * This function provides the ability to override either the [geoscene-map.goTo()](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-map/#goTo) or [geoscene-scene.goTo()](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/#goTo) methods.
+   *
+   * @since 4.33
+   * @example
+   * ```js
+   * component.goToOverride = function(view, goToParams) {
+   *   goToParams.options = {
+   *     duration: updatedDuration
+   *   };
+   *   return view.goTo(goToParams.target, goToParams.options);
+   * };
+   * ```
+   */
+  accessor goToOverride: GoToOverride | null | undefined;
+  /** The actions that are displayed in the header of the component. */
+  accessor headerActions: Collection<ActionButton | ActionToggle>;
+  /**
+   * The title of the Features component. This can be set to any string value no
+   * matter the features that are selected. If the [selectedFeature](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#selectedFeature)
+   * has a [PopupTemplate](https://doc.geoscene.cn/javascript/5.0/references/core/PopupTemplate/), then the title set in the
+   * corresponding template is used here.
+   *
+   * @see [headingLevel](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#headingLevel)
+   * @since 4.34
+   * @example
+   * ```js
+   * // This title will display in the component unless a selected feature's
+   * // PopupTemplate overrides it.
+   * featuresComponent.title = "Population by zip codes in Southern California";
+   * ```
+   */
+  accessor heading: string | null | undefined;
+  /**
+   * Indicates the heading level to use for the [heading](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#heading) of the component.
+   * By default, the heading is rendered
+   * as a level 2 heading (e.g. `<h2>Popup title</h2>`). Depending on the component's placement
+   * in your app, you may need to adjust this heading for proper semantics. This is
+   * important for meeting accessibility standards.
+   *
+   * @default 2
+   */
+  accessor headingLevel: HeadingLevel;
+  /**
+   * Indicates whether to hide the action bar that holds the feature's [actions](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#actions).
+   *
+   * @default false
+   */
+  accessor hideActionBar: boolean;
+  /**
+   * This property provides the ability to hide or show [attachments content](https://doc.geoscene.cn/javascript/5.0/references/core/popup/content/AttachmentsContent/) within the component.
+   *
+   * @default false
+   * @since 5.0
+   */
+  accessor hideAttachmentsContent: boolean;
+  /**
+   * Indicates whether to hide the close button in the component.
+   *
+   * @default false
+   */
+  accessor hideCloseButton: boolean;
+  /**
+   * This property provides the ability to hide or show content within the component.
+   *
+   * @default false
+   * @since 5.0
+   */
+  accessor hideContent: boolean;
+  /**
+   * This property provides the ability to hide or show [custom content](https://doc.geoscene.cn/javascript/5.0/references/core/popup/content/CustomContent/) within the component.
+   *
+   * @default false
+   * @since 5.0
+   */
+  accessor hideCustomContent: boolean;
+  /**
+   * This property provides the ability to hide or show [expression content](https://doc.geoscene.cn/javascript/5.0/references/core/popup/content/ExpressionContent/) within the component.
+   *
+   * @default false
+   * @since 5.0
+   */
+  accessor hideExpressionContent: boolean;
+  /**
+   * Indicates whether to hide the group heading for a list of multiple features.
+   *
+   * @default false
+   * @since 4.34
+   */
+  accessor hideFeatureListLayerTitle: boolean;
+  /**
+   * Indicates whether to hide the feature menu heading and description in the component's feature menu list.
+   *
+   * @default false
+   */
+  accessor hideFeatureMenuHeading: boolean;
+  /**
+   * Indicates whether to hide the feature navigation in the component. This allows the user to scroll through various [features](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#features) using pagination arrows.
+   *
+   * @default false
+   */
+  accessor hideFeatureNavigation: boolean;
+  /**
+   * This property provides the ability to hide or show [fields content](https://doc.geoscene.cn/javascript/5.0/references/core/popup/content/FieldsContent/) within the component.
+   *
+   * @default false
+   * @since 5.0
+   */
+  accessor hideFieldsContent: boolean;
+  /**
+   * Indicates whether to hide the heading in the component.
+   *
+   * @default false
+   */
+  accessor hideHeading: boolean;
+  /**
+   * This property provides the ability to hide or show the last edited info within the component.
+   *
+   * @default false
+   * @since 5.0
+   */
+  accessor hideLastEditedInfo: boolean;
+  /**
+   * This property provides the ability to hide or show [media content](https://doc.geoscene.cn/javascript/5.0/references/core/popup/content/MediaContent/) within the component.
+   *
+   * @default false
+   * @since 5.0
+   */
+  accessor hideMediaContent: boolean;
+  /**
+   * This property provides the ability to hide or show [relationship content](https://doc.geoscene.cn/javascript/5.0/references/core/popup/content/RelationshipContent/) within the component.
+   *
+   * @default false
+   * @since 5.0
+   */
+  accessor hideRelationshipContent: boolean;
+  /**
+   * Indicates whether to hide the spinner in the component.
+   *
+   * @default false
+   */
+  accessor hideSpinner: boolean;
+  /**
+   * This property provides the ability to hide or show [text content](https://doc.geoscene.cn/javascript/5.0/references/core/popup/content/TextContent/) within the component.
+   *
+   * @default false
+   * @since 5.0
+   */
+  accessor hideTextContent: boolean;
+  /**
+   * This property provides the ability to hide or show [utility network content](https://doc.geoscene.cn/javascript/5.0/references/core/popup/content/UtilityNetworkAssociationsContent/) within the component.
+   *
+   * @default false
+   * @since 5.0
+   */
+  accessor hideUtilityNetworkContent: boolean;
+  /**
+   * Indicates whether to highlight the [selectedFeature](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#selectedFeature) in the associated
+   * [geoscene-map](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-map/) or [geoscene-scene](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scene/) component.
+   *
+   * @default false
+   * @since 4.34
+   */
+  accessor highlightDisabled: boolean;
+  /**
+   * Icon which represents the component.
+   * Typically used when the component is controlled by another component (e.g. by the Expand component).
+   *
+   * @see [Calcite Icons](https://doc.geoscene.cn/calcite-design-system/icons/)
+   */
+  accessor icon: IconName | undefined;
+  /**
+   * Indicates whether to include the default actions in the component.
+   * In order to disable any default actions, it is necessary to set `includeDefaultActionsDisabled` to `true`.
+   *
+   * @default false
+   * @since 4.34
+   */
+  accessor includeDefaultActionsDisabled: boolean;
+  /**
+   * Indicates whether to initially display a list of features, or the content for one feature.
+   *
+   * @default "feature"
+   */
+  accessor initialDisplayMode: InitialDisplayOptions;
+  /** The component's default label. */
+  accessor label: string | undefined;
+  /**
+   * A map is required when the input [features](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#features) have a popupTemplate that contains [Arcade](https://doc.geoscene.cn/javascript/5.0/arcade) expressions in [ExpressionInfo](https://doc.geoscene.cn/javascript/5.0/references/core/popup/ExpressionInfo/) or [ExpressionContent](https://doc.geoscene.cn/javascript/5.0/references/core/popup/content/ExpressionContent/) that may use the `$map` profile variable to access data from layers within a map. Without a map, expressions that use `$map` will throw an error.
+   *
+   * Alternatively, the [view](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#view) property can be used to provide the map instance for this property.
+   *
+   * @default null
+   * @see [Type system](https://doc.geoscene.cn/javascript/5.0/arcade/guide/types/#featuresetcollection)
+   * @see [Arcade Profiles: Popup](https://doc.geoscene.cn/javascript/5.0/arcade/profiles/popup/)
+   * @example
+   * ```js
+   * // The building footprints represent the buildings that intersect a clicked parcel
+   * let buildingFootprints = Intersects($feature, FeatureSetByName($map, "Building Footprints"));
+   * ```
+   */
+  accessor map: Map | null | undefined;
+  /**
+   * Replace localized message strings with your own strings.
+   *
+   * _**Note**: Individual message keys may change between releases._
+   *
+   * @since 4.34
+   */
+  accessor messageOverrides: {
+      componentLabel?: string | undefined;
+      zoom?: string | undefined;
+      browseClusteredFeatures?: string | undefined;
+      featuresList?: string | undefined;
+      total?: string | undefined;
+      pageText?: string | undefined;
+      selectFeature?: string | undefined;
+      down?: string | undefined;
+      first?: string | undefined;
+      last?: string | undefined;
+      next?: string | undefined;
+      page?: string | undefined;
+      previous?: string | undefined;
+      up?: string | undefined;
+      untitled?: string | undefined;
+      loading?: string | undefined;
+      back?: string | undefined;
+      errorMessage?: string | undefined;
+      returnToInitialFeature?: string | undefined;
+  };
+  /** @internal */
+  protected messages: Partial<{
+      componentLabel: string;
+      zoom: string;
+      browseClusteredFeatures: string;
+      featuresList: string;
+      total: string;
+      pageText: string;
+      selectFeature: string;
+      down: string;
+      first: string;
+      last: string;
+      next: string;
+      page: string;
+      previous: string;
+      up: string;
+      untitled: string;
+      loading: string;
+      back: string;
+      errorMessage: string;
+      returnToInitialFeature: string;
+  }> & T9nMeta<{
+      componentLabel: string;
+      zoom: string;
+      browseClusteredFeatures: string;
+      featuresList: string;
+      total: string;
+      pageText: string;
+      selectFeature: string;
+      down: string;
+      first: string;
+      last: string;
+      next: string;
+      page: string;
+      previous: string;
+      up: string;
+      untitled: string;
+      loading: string;
+      back: string;
+      errorMessage: string;
+      returnToInitialFeature: string;
+  }>;
+  /**
+   * Indicates whether the component is visible. This property is `true` when the component is querying for results, even if it is not open. Use this property to check if the component is visible.
+   *
+   * When setting the [content](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#content) and [heading](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#heading) directly, it is recommended to call [clear()](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#clear) before setting `open` to `true` to remove any existing promises, features, heading, location, and content from the component. Otherwise, the old content will display.
+   *
+   * @default false
+   * @see [fetchFeatures()](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#fetchFeatures)
+   * @see [active](https://doc.geoscene.cn/javascript/5.0/references/core/widgets/Features/FeaturesViewModel/#active)
+   * @see [clear()](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#clear)
+   * @since 5.0
+   * @example
+   * ```js
+   * // Listen for clicks on the view and open the component at the clicked location with custom content.
+   * viewElement.addEventListener("geosceneViewClick", (event) => {
+   *   const { mapPoint } = event.detail;
+   *   component.clear();
+   *   component.location = mapPoint;
+   *   component.heading = "You clicked here";
+   *   component.content = "Latitude: " + mapPoint.latitude.toFixed(3) + ", Longitude: " + mapPoint.longitude.toFixed(3);
+   *   component.open = true;
+   * });
+   * ```
+   */
+  accessor open: boolean;
+  /**
+   * An array of pending Promises that have not yet been fulfilled. If there are
+   * no pending promises, the value is `null`. When the pending promises are
+   * resolved they are removed from this array and the features they return
+   * are pushed into the [features](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#features) array.
+   */
+  accessor promises: Array<Promise<Array<Graphic>>>;
+  /**
+   * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
+   *
+   * @see [Associate components with a Map or Scene component](https://doc.geoscene.cn/javascript/5.0/programming-patterns/#associate-components-with-a-map-or-scene-component)
+   */
+  accessor referenceElement: GeosceneReferenceElement | string | undefined;
+  /**
+   * The feature that the component has drilled into.
+   * This feature is either associated with the selected feature in a [relationship](https://doc.geoscene.cn/javascript/5.0/references/core/popup/content/RelationshipContent/) or [utility network](https://doc.geoscene.cn/javascript/5.0/references/core/popup/content/UtilityNetworkAssociationsContent/) element.
+   *
+   * @since 4.34
+   */
+  get selectedDrillInFeature(): Graphic | null | undefined;
+  /**
+   * The selected feature accessed by the Features component. The content displayed in the component is
+   * determined based on the [PopupTemplate](https://doc.geoscene.cn/javascript/5.0/references/core/PopupTemplate/) assigned to this feature.
+   */
+  get selectedFeature(): Graphic | null;
+  /**
+   * Returns a reference to the current [geoscene-feature](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-feature/) component.
+   * This is useful if needing to get a reference to the Feature component in order to make any changes to it.
+   *
+   * @since 4.34
+   */
+  get selectedFeatureComponent(): GeosceneFeature | null;
+  /**
+   * Index of the feature that is [selectedFeature](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#selectedFeature). When [features](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#features) are set,
+   * the first index is automatically selected.
+   */
+  accessor selectedFeatureIndex: number;
+  /**
+   * Indicates whether to show the collapse button in the component.
+   *
+   * @default false
+   */
+  accessor showCollapseButton: boolean;
+  /**
+   * The spatial reference used for [Arcade](https://doc.geoscene.cn/javascript/5.0/arcade) operations.
+   * This property should be set if the Features component executes Arcade expressions that contain [geometry functions](https://doc.geoscene.cn/javascript/5.0/arcade/function-reference/geometry_functions/).
+   *
+   * Alternatively, the [view](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#view) property can be used to provide the spatial reference instance for this property.
+   *
+   * @default null
+   * @see [Type system](https://doc.geoscene.cn/javascript/5.0/arcade/guide/types/#featuresetcollection)
+   * @see [Arcade Profiles: Popup](https://doc.geoscene.cn/javascript/5.0/arcade/profiles/popup/)
+   */
+  accessor spatialReference: SpatialReference | null | undefined;
+  /**
+   * The current state of the component.
+   *
+   * @default "disabled"
+   */
+  get state(): State;
+  /**
+   * Dates and times displayed in the component will be displayed in this time zone. By default this time zone is
+   * inherited from [geoscene-map.timeZone](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-map/#timeZone) if the [view](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#view) property is set. When a MapView is not associated with the component
+   * then the property will fallback to the `system` time zone.
+   *
+   * **Possible Values**
+   * - `system`: Dates and times will be displayed in the timezone of the device or browser.
+   * - `unknown`: Dates and time are not adjusted for any timezone.
+   * - `Specified IANA timezone`: Dates and times will be displayed in the specified IANA time zone. See [wikipedia - List of tz database time zones](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones).
+   *
+   * @since 4.30
+   */
+  accessor timeZone: string;
+  /**
+   * Indicates whether to update the [location](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#location) when the [selectedFeatureIndex](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#selectedFeatureIndex) changes.
+   *
+   * @default false
+   * @since 5.0
+   */
+  accessor updateLocationEnabled: boolean;
+  /**
+   * A reference to the [MapView](https://doc.geoscene.cn/javascript/5.0/references/core/views/MapView/) or [SceneView](https://doc.geoscene.cn/javascript/5.0/references/core/views/SceneView/).
+   * The Features component requires a `view` to be set if:
+   * - The [features](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#features) have a popupTemplate containing Arcade expressions in [ExpressionInfo](https://doc.geoscene.cn/javascript/5.0/references/core/popup/ExpressionInfo/) or [ExpressionContent](https://doc.geoscene.cn/javascript/5.0/references/core/popup/content/ExpressionContent/) that may use [geometry functions](https://doc.geoscene.cn/javascript/5.0/arcade/function-reference/geometry_functions/) or reference the `$map` profile variable (i.e. access data from layers within a map). Alternatively, set the [map](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#map) property.
+   * - Content is displayed from the popup template of an [aggregate feature](https://doc.geoscene.cn/javascript/5.0/references/core/Graphic/#isAggregate) (i.e. a [cluster](https://doc.geoscene.cn/javascript/5.0/references/core/layers/support/FeatureReductionCluster/) or [bin](https://doc.geoscene.cn/javascript/5.0/references/core/layers/support/FeatureReductionBinning/)).
+   * - Values from `date` and `timestamp-offset` fields should respect the view's [time zone](https://doc.geoscene.cn/javascript/5.0/references/core/views/View/#timeZone).
+   * Alternatively, set the [timeZone](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#timeZone) property.
+   * - Using the [fetchFeatures()](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#fetchFeatures) method or the `fetchFeatures` option in the [open](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#open) method.
+   * - Using the `Zoom to` default action. If the `view` is not specified, set the [includeDefaultActionsDisabled](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#includeDefaultActionsDisabled) property to `true` to remove this default action.
+   *
+   * @since 4.34
+   */
+  accessor view: MapViewOrSceneView | null | undefined;
+  /** @since 4.34 */
+  accessor viewModel: FeaturesViewModel;
+  /**
+   * Removes [promises](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#promises), [features](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#features), [content](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#content), and
+   * [heading](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#heading) from the Features component.
+   */
+  clear(): Promise<void>;
+  /** A convenience method to close the component. */
+  close(): Promise<void>;
+  /** Permanently destroy the component. */
+  destroy(): Promise<void>;
+  /**
+   * Use this method to return feature(s) at a given screen location. These features are fetched from all of the [LayerViews](https://doc.geoscene.cn/javascript/5.0/references/core/views/layers/LayerView/) in the [view](https://doc.geoscene.cn/javascript/5.0/references/core/views/View/). In order to use this, a layer must already have an associated [PopupTemplate](https://doc.geoscene.cn/javascript/5.0/references/core/PopupTemplate/) and have its [popupEnabled](https://doc.geoscene.cn/javascript/5.0/references/core/layers/FeatureLayer/#popupEnabled). This method allows a developer to control how the input location is handled. For example, you may want to fetch features on a `click` event or on a `pointer-move` event. This method automatically sets the [location](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#location) based on the input event's screen coordinates.
+   *
+   * @param screenPoint
+   * @param options
+   * @see [open](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#open)
+   * @example
+   * ```js
+   * const viewElement = document.querySelector("geoscene-map");
+   * // Get viewElement's click event
+   * reactiveUtils.on(()=>viewElement, "geosceneViewClick", async (event)=>{
+   *   // Call fetchFeatures on the component and pass in the click event detail
+   *   await component.fetchFeatures(event.detail);
+   * });
+   * // Watch for changes to the features property and open the component when features are available.
+   * reactiveUtils.watch(
+   *   () => component.features,
+   *   () => {
+   *     component.open = component.features ? true : false;
+   *   },
+   * );
+   * ```
+   */
+  fetchFeatures(screenPoint?: ScreenPoint, options?: FetchFeaturesOptions): Promise<void>;
+  /**
+   * Selects the feature at the next index in relation to the [selectedFeature](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#selectedFeature).
+   *
+   * @see [selectedFeatureIndex](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#selectedFeatureIndex)
+   */
+  next(): Promise<FeaturesViewModel>;
+  /**
+   * Selects the feature at the previous index in relation to the [selectedFeature](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#selectedFeature).
+   *
+   * @see [selectedFeatureIndex](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#selectedFeatureIndex)
+   */
+  previous(): Promise<FeaturesViewModel>;
+  /**
+   * Use this method to give focus to the Component if the component is able to be focused.
+   *
+   * @since 4.34
+   */
+  setFocus(): Promise<void>;
+  /**
+   * Triggers the [@geosceneTriggerAction](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#event-geosceneTriggerAction) event and executes the action
+   * at the specified index in the [actions](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#actions) array.
+   *
+   * @param action
+   */
+  triggerAction(action: ActionButton | ActionToggle): Promise<void>;
+  /** Emitted when the component's close button is clicked. */
+  readonly geosceneClose: import("@geoscene/lumina").TargetedEvent<this, void>;
+  /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
+  readonly geoscenePropertyChange: import("@geoscene/lumina").TargetedEvent<this, { name: "active" | "collapsed" | "featureCount" | "featureMenuOpen" | "features" | "promises" | "selectedDrillInFeature" | "selectedFeature" | "selectedFeatureComponent" | "selectedFeatureIndex" | "state" | "open"; }>;
+  /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
+  readonly geosceneReady: import("@geoscene/lumina").TargetedEvent<this, void>;
+  /**
+   * Fires after the user clicks on an action in the component.
+   * This event may be used to define a custom function to execute when particular actions are clicked.
+   *
+   * @see [actions](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#actions)
+   * @see [PopupTemplate.actions](https://doc.geoscene.cn/javascript/5.0/references/core/PopupTemplate/#actions)
+   * @see [open](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-features/#open)
+   * @example
+   * ```js
+   * // Fires each time an action is clicked
+   * reactiveUtils.on(()=> component, "geosceneTriggerAction", (event)=>{
+   *   // If the zoom-out action is clicked, execute the following code
+   *   if(event.detail.action.id === "zoom-out"){
+   *     // Zoom out two levels (LODs)
+   *     viewElement.goTo({
+   *       center: viewElement.center,
+   *       zoom: viewElement.zoom - 2
+   *     });
+   *   }
+   * });
+   * ```
+   */
+  readonly geosceneTriggerAction: import("@geoscene/lumina").TargetedEvent<this, ActionEvent>;
+  readonly "@eventTypes": {
+    geosceneClose: GeosceneFeatures["geosceneClose"]["detail"];
+    geoscenePropertyChange: GeosceneFeatures["geoscenePropertyChange"]["detail"];
+    geosceneReady: GeosceneFeatures["geosceneReady"]["detail"];
+    geosceneTriggerAction: GeosceneFeatures["geosceneTriggerAction"]["detail"];
+  };
+}