@geoscene/map-components 4.33.18

package/dist/components/geoscene-feature-table/customElement.js

@@ -0,0 +1,107 @@
+import { c as o } from "../../chunks/runtime.js";
+import { usePropertyChange as h } from "@arcgis/lumina/controllers";
+import { reEmitEvent as i } from "@arcgis/lumina/controllers/accessor";
+import s from "@geoscene/core/layers/Layer.js";
+import a from "@geoscene/core/widgets/FeatureTable.js";
+import { LitElement as d, createEvent as l, noShadowRoot as r } from "@arcgis/lumina";
+import { m as g } from "../../chunks/useWidget.js";
+import { e as m, g as c } from "../../chunks/component-utils.js";
+import { css as u } from "@lit/reactive-element/css-tag.js";
+/*! All material copyright GeoScene, All Rights Reserved, unless otherwise specified.
+See https://js.geoscene.cn/4.33/geoscene/copyright.txt for details.
+v4.33.18 */
+const w = u`@layer{geoscene-feature-table{display:block}.geoscene-feature-table{width:100%;height:100%}}`, p = g(a);
+class b extends d {
+  constructor() {
+    super(...arguments), this.widget = p(this), this.viewModel = this.widget.viewModel, this.attachmentsColumns = this.widget.attachmentsColumns, this.attributeTableTemplate = this.widget.attributeTableTemplate, this.actionColumn = this.widget.actionColumn, this.actionColumnConfig = this.widget.actionColumnConfig, this.activeFilters = this.widget.activeFilters, this.activeSortOrders = this.widget.activeSortOrders, this.allColumns = this.widget.allColumns, this.allRelatedTablesVisible = this.widget.allRelatedTablesVisible, this.allVisibleColumns = this.widget.allVisibleColumns, this.attachmentsEnabled = this.widget.attachmentsEnabled, this.attachmentsViewOptions = this.widget.attachmentsViewOptions, this.autoDestroyDisabled = !1, this.autoRefreshDisabled = this.widget.autoRefreshEnabled, this.columnPerformanceModeDisabled = this.widget.columnPerformanceModeEnabled, this.columnReorderingDisabled = this.widget.columnReorderingEnabled, this.columns = this.widget.columns, this.definitionExpression = this.widget.definitionExpression, this.description = this.widget.description, this.editingEnabled = this.widget.editingEnabled, this.effectiveSize = this.widget.effectiveSize, this.fieldColumns = this.widget.fieldColumns, this.filterBySelectionEnabled = this.widget.filterBySelectionEnabled, this.filterGeometry = this.widget.filterGeometry, this.groupColumns = this.widget.groupColumns, this.hideColumnDescriptions = this.widget.visibleElements.columnDescriptions, this.hiddenFields = this.widget.hiddenFields, this.hideColumnMenuItemsSortAscending = this.widget.visibleElements.columnMenuItems.sortAscending, this.hideColumnMenuItemsSortDescending = this.widget.visibleElements.columnMenuItems.sortDescending, this.hideColumnMenus = this.widget.visibleElements.columnMenus, this.hideHeader = this.widget.visibleElements.header, this.hideLayerDropdownIcons = this.widget.visibleElements.layerDropdownIcons, this.hideMenu = this.widget.visibleElements.menu, this.hideMenuItemsClearSelection = this.widget.visibleElements.menuItems.clearSelection, this.hideMenuItemsDeleteSelection = this.widget.visibleElements.menuItems.deleteSelection, this.hideMenuItemsExportSelectionToCsv = this.widget.visibleElements.menuItems.exportSelectionToCSV, this.hideMenuItemsRefreshData = this.widget.visibleElements.menuItems.refreshData, this.hideMenuItemsSelectedRecordsShowAllToggle = this.widget.visibleElements.menuItems.selectedRecordsShowAllToggle, this.hideMenuItemsSelectedRecordsShowSelectedToggle = this.widget.visibleElements.menuItems.selectedRecordsShowSelectedToggle, this.hideMenuItemsToggleColumns = this.widget.visibleElements.menuItems.toggleColumns, this.hideMenuItemsZoomToSelection = this.widget.visibleElements.menuItems.zoomToSelection, this.hideProgress = this.widget.visibleElements.progress, this.hideSelectionColumn = this.widget.visibleElements.selectionColumn, this.hideTooltips = this.widget.visibleElements.tooltips, this.highlightDisabled = this.widget.highlightEnabled, this.highlightIds = this.widget.highlightIds, this.initialSize = this.widget.initialSize, this.icon = this.widget.icon, this.isQueryingOrSyncing = this.widget.isQueryingOrSyncing, this.label = this.widget.label, this.layer = this.widget.layer, this.layerView = this.widget.layerView, this.layers = this.widget.layers, this.maxSize = this.widget.maxSize, this.menuConfig = this.widget.menuConfig, this.multipleSelectionDisabled = this.widget.multipleSelectionEnabled, this.multipleSortEnabled = this.widget.multiSortEnabled, this.multipleSortPriority = this.widget.multipleSortPriority, this.navigationScale = this.widget.navigationScale, this.noDataMessage = this.widget.noDataMessage, this.objectIds = this.widget.objectIds, this.outFields = this.widget.outFields, this.pageCount = this.widget.pageCount, this.pageIndex = this.widget.pageIndex, this.pageSize = this.widget.pageSize, this.paginationEnabled = this.widget.paginationEnabled, this.position = "manual", this.relatedRecordsEnabled = this.widget.relatedRecordsEnabled, this.relatedTable = this.widget.relatedTable, this.relatedTables = this.widget.relatedTables, this.relationshipColumns = this.widget.relationshipColumns, this.returnGeometryEnabled = this.widget.returnGeometryEnabled, this.returnMEnabled = this.widget.returnMEnabled, this.returnZEnabled = this.widget.returnZEnabled, this.rowHighlightIds = this.widget.rowHighlightIds, this.size = this.widget.size, this.showLayerDropdown = this.widget.visibleElements.layerDropdown, this.state = this.widget.state, this.supportsAddAttachments = this.widget.supportsAddAttachments, this.supportsAttachments = this.widget.supportsAttachments, this.supportsDeleteAttachments = this.widget.supportsDeleteAttachments, this.supportsResizeAttachments = this.widget.supportsResizeAttachments, this.supportsUpdateAttachments = this.widget.supportsUpdateAttachments, this.syncTemplateOnChangesDisabled = this.widget.syncTemplateOnChangesEnabled, this.tableController = this.widget.tableController, this.tableDisabled = this.widget.disabled, this.tableParent = this.widget.tableParent, this.tableTemplate = this.widget.tableTemplate, this.timeExtent = this.widget.timeExtent, this.timeZone = this.widget.timeZone, this.visibleColumns = this.widget.visibleColumns, this.geosceneCellClick = i(() => this.widget, "cell-click"), this.geosceneCellKeydown = i(() => this.widget, "cell-keydown"), this.geosceneCellPointerout = i(() => this.widget, "cell-pointerout"), this.geosceneCellPointerover = i(() => this.widget, "cell-pointerover"), this.geosceneColumnReorder = i(() => this.widget, "column-reorder"), this.geoscenePropertyChange = h()("effectiveSize", "isQueryingOrSyncing", "layerView", "size", "state"), this.geosceneReady = l(), this.geosceneSelectionChange = l();
+  }
+  static {
+    this.properties = { attachmentsColumns: 0, attributeTableTemplate: 0, actionColumn: 0, actionColumnConfig: 0, activeFilters: 0, activeSortOrders: 0, allColumns: 0, allRelatedTablesVisible: 4, allVisibleColumns: 0, attachmentsEnabled: 5, attachmentsViewOptions: 0, autoDestroyDisabled: 5, autoRefreshDisabled: 5, columnPerformanceModeDisabled: 5, columnReorderingDisabled: 5, columns: 0, definitionExpression: 1, description: 1, editingEnabled: 5, effectiveSize: 8, fieldColumns: 0, filterBySelectionEnabled: 5, filterGeometry: 0, groupColumns: 0, hideColumnDescriptions: 5, hiddenFields: 0, hideColumnMenuItemsSortAscending: 5, hideColumnMenuItemsSortDescending: 5, hideColumnMenus: 5, hideHeader: 5, hideLayerDropdownIcons: 5, hideMenu: 5, hideMenuItemsClearSelection: 5, hideMenuItemsDeleteSelection: 5, hideMenuItemsExportSelectionToCsv: 5, hideMenuItemsRefreshData: 5, hideMenuItemsSelectedRecordsShowAllToggle: 5, hideMenuItemsSelectedRecordsShowSelectedToggle: 5, hideMenuItemsToggleColumns: 5, hideMenuItemsZoomToSelection: 5, hideProgress: 5, hideSelectionColumn: 5, hideTooltips: 5, highlightDisabled: 5, highlightIds: 0, initialSize: 9, icon: 1, isQueryingOrSyncing: 4, label: 1, layer: 0, layerItemId: 1, layerUrl: 1, layerView: 0, layers: 0, maxSize: 9, menuConfig: 0, multipleSelectionDisabled: 5, multipleSortEnabled: 5, multipleSortPriority: 1, navigationScale: 1, noDataMessage: 1, objectIds: 0, outFields: 0, pageCount: 8, pageIndex: 9, pageSize: 9, paginationEnabled: 5, position: 1, referenceElement: 1, relatedRecordsEnabled: 5, relatedTable: 0, relatedTables: 0, relationshipColumns: 0, returnGeometryEnabled: 5, returnMEnabled: 5, returnZEnabled: 5, rowHighlightIds: 0, size: 8, showLayerDropdown: 5, state: 3, supportsAddAttachments: 4, supportsAttachments: 4, supportsDeleteAttachments: 4, supportsResizeAttachments: 4, supportsUpdateAttachments: 4, syncTemplateOnChangesDisabled: 5, tableController: 0, tableDisabled: 5, tableParent: 0, tableTemplate: 0, timeExtent: 0, timeZone: 1, visibleColumns: 0 };
+  }
+  static {
+    this.shadowRootOptions = r;
+  }
+  static {
+    this.styles = w;
+  }
+  async deleteSelection(e) {
+    await this.widget?.deleteSelection(e);
+  }
+  async destroy() {
+    await this.manager.destroy();
+  }
+  async exportSelectionToCSV(e) {
+    await this.widget?.exportSelectionToCSV(e);
+  }
+  async findColumn(e) {
+    return this.widget?.findColumn(e);
+  }
+  async goToPage(e) {
+    this.widget.goToPage(e);
+  }
+  async hideColumn(e) {
+    this.widget?.hideColumn(e);
+  }
+  async nextPage() {
+    this.widget.nextPage();
+  }
+  async previousPage() {
+    this.widget.previousPage();
+  }
+  async refresh() {
+    await this.widget?.refresh();
+  }
+  async scrollToBottom() {
+    this.widget.scrollToBottom();
+  }
+  async scrollToIndex(e) {
+    this.widget?.scrollToIndex(e);
+  }
+  async scrollToLeft() {
+    this.widget.scrollLeft();
+  }
+  async scrollToRow(e) {
+    this.widget?.scrollToRow(e);
+  }
+  async scrollToTop() {
+    this.widget.scrollToTop();
+  }
+  async showAllColumns() {
+    this.widget?.showAllColumns();
+  }
+  async showColumn(e) {
+    this.widget?.showColumn(e);
+  }
+  async sortColumn(e, t) {
+    this.widget?.sortColumn(e, t);
+  }
+  async zoomToSelection() {
+    this.widget?.zoomToSelection();
+  }
+  load() {
+    this.manager.onLifecycle(() => this.widget.highlightIds.on("change", this.geosceneSelectionChange.emit));
+  }
+  willUpdate(e) {
+    if (e.has("layerItemId") && (m(this.layerItemId) ? this.layer = null : this.layerItemId && s.fromPortalItem({
+      portalItem: {
+        id: this.layerItemId
+      }
+    }).then((t) => {
+      this.layer = t;
+    }).catch(console.error)), e.has("layerUrl")) {
+      const t = this.layerUrl;
+      t ? s.fromGeoSceneServerUrl({
+        url: t
+      }).then((n) => {
+        this.layer = n;
+      }).catch(console.error) : this.layer = null;
+    }
+  }
+  loaded() {
+    c(this)?.classList.add("geoscene-feature-table");
+  }
+}
+o("geoscene-feature-table", b);
+export {
+  b as GeosceneFeatureTable
+};

package/dist/components/geoscene-feature-table/index.d.ts

@@ -0,0 +1 @@
+export * from "./customElement.js";

package/dist/components/geoscene-feature-table/index.js

@@ -0,0 +1 @@
+export * from "./customElement.js";

package/dist/components/geoscene-feature-templates/customElement.d.ts

@@ -0,0 +1,129 @@
+/// <reference types="@geoscene/core/interfaces.d.ts" />
+/// <reference types="../../index.d.ts" />
+import { Use } from '@arcgis/lumina/controllers';
+import { default as FeatureTemplates } from '@geoscene/core/widgets/FeatureTemplates.js';
+import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { GeosceneReferenceElement } from '../../utils/component-utils';
+
+declare const useFeatureTemplatesWidget: (component: LitElement & Pick<FeatureTemplates, "icon" | "label" | "viewModel" | "headingLevel" | "filterText" | "selectionMode" | "enableListScroll" | "filterFunction" | "groupBy" | "layers"> & {
+    state?: unknown;
+    viewModel?: __geoscene.FeatureTemplatesViewModel | undefined;
+    closed?: boolean;
+    icon: import('@arcgis/components-utils').Nil | string;
+    label: import('@arcgis/components-utils').Nil | string;
+    referenceElement?: GeosceneReferenceElement | string;
+    position: __geoscene.UIPosition;
+    geosceneReady: import('@arcgis/lumina').EventEmitter;
+    geoscenePropertyChange: import('@arcgis/lumina').EventEmitter<{
+        name: string;
+    }> | undefined;
+    el: HTMLElement & {
+        childElem?: HTMLElement & {
+            ownedBy?: HTMLElement;
+        };
+        view?: __geoscene.LinkChartView | __geoscene.MapView | __geoscene.SceneView;
+    };
+    autoDestroyDisabled: boolean;
+    destroy: () => Promise<void>;
+}) => FeatureTemplates;
+/**
+ * [Read more...](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-feature-templates/)
+ *
+ * @internal
+ */
+export declare class GeosceneFeatureTemplates extends LitElement {
+    /**
+     * 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-feature-templates/#destroy) method when you are done to
+     * prevent memory leaks.
+     *
+     * @default false
+     */
+    autoDestroyDisabled: boolean;
+    /**
+     * Indicates whether the list of available feature [template items](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-FeatureTemplates-TemplateItem.html) should scroll within its containing element.
+     *
+     * @default true
+     */
+    enableListScroll: boolean;
+    /**
+     * [Function](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-FeatureTemplates.html#FilterFunction) can be defined to help filter
+     * [template items](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-FeatureTemplates-TemplateItem.html) within the widget.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-FeatureTemplates.html#filterFunction)
+     */
+    filterFunction: nullish | __geoscene.FilterFunction;
+    /**
+     * Text used to filter items.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-FeatureTemplates.html#filterText)
+     */
+    filterText: string;
+    /**
+     * It is possible to group [template items](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-FeatureTemplates-TemplateItem.html).
+     *
+     * @default "layer"
+     */
+    groupBy: string | nullish | __geoscene.GroupByFunction;
+    /**
+     * Indicates the heading level to use for the labels of grouped feature templates.
+     *
+     * @default 4
+     */
+    headingLevel: number;
+    /** @default false */
+    hideFilter: boolean | undefined;
+    /**
+     * 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/)
+     * @default "list-rectangle"
+     */
+    icon: string;
+    /**
+     * The widget's default label.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-FeatureTemplates.html#label)
+     */
+    label: string;
+    /**
+     * An array of [FeatureLayers](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-layers-FeatureLayer.html)
+     * to display within the widget.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-FeatureTemplates.html#layers)
+     */
+    layers: (__geoscene.FeatureLayer | __geoscene.SceneLayer | __geoscene.SubtypeGroupLayer | __geoscene.GeoJSONLayer | __geoscene.OrientedImageryLayer | __geoscene.SubtypeSublayer)[];
+    /** @default "bottom-left" */
+    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;
+    /**
+     * Specifies the selection behavior of list items.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-FeatureTemplates.html#selectionMode)
+     */
+    selectionMode: nullish | "single" | "none";
+    /**
+     * The current state of the component.
+     *
+     * @default "disabled"
+     */
+    readonly state: "ready" | "loading" | "disabled";
+    /** Permanently destroy the component. */
+    destroy(): 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";
+    }>;
+    /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */
+    readonly geosceneReady: TargetedEvent<this, void>;
+    readonly geosceneSelect: TargetedEvent<this, __geoscene.FeatureTemplatesSelectEvent>;
+}
+export {};

package/dist/components/geoscene-feature-templates/customElement.js

@@ -0,0 +1,32 @@
+import { c as t } from "../../chunks/runtime.js";
+import { usePropertyChange as e } from "@arcgis/lumina/controllers";
+import { reEmitEvent as i } from "@arcgis/lumina/controllers/accessor";
+import s from "@geoscene/core/widgets/FeatureTemplates.js";
+import { LitElement as o, createEvent as r, noShadowRoot as l } from "@arcgis/lumina";
+import { m as a } from "../../chunks/useWidget.js";
+import { css as h } from "@lit/reactive-element/css-tag.js";
+/*! All material copyright GeoScene, All Rights Reserved, unless otherwise specified.
+See https://js.geoscene.cn/4.33/geoscene/copyright.txt for details.
+v4.33.18 */
+const n = h`@layer{geoscene-feature-templates{display:block}}`, c = a(s);
+class d extends o {
+  constructor() {
+    super(...arguments), this.widget = c(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.enableListScroll = this.widget.enableListScroll, this.filterFunction = this.widget.filterFunction, this.filterText = this.widget.filterText, this.groupBy = this.widget.groupBy, this.headingLevel = this.widget.headingLevel, this.hideFilter = this.widget.visibleElements.filter, this.icon = this.widget.icon, this.label = this.widget.label, this.layers = this.widget.layers, this.position = "bottom-left", this.selectionMode = this.widget.selectionMode, this.state = this.viewModel.state, this.geoscenePropertyChange = e()("state"), this.geosceneReady = r(), this.geosceneSelect = i(() => this.widget, "select");
+  }
+  static {
+    this.properties = { autoDestroyDisabled: 5, enableListScroll: 5, filterFunction: 0, filterText: 1, groupBy: 1, headingLevel: 9, hideFilter: 5, icon: 1, label: 1, layers: 0, position: 1, referenceElement: 1, selectionMode: 1, state: 3 };
+  }
+  static {
+    this.shadowRootOptions = l;
+  }
+  static {
+    this.styles = n;
+  }
+  async destroy() {
+    await this.manager.destroy();
+  }
+}
+t("geoscene-feature-templates", d);
+export {
+  d as GeosceneFeatureTemplates
+};

package/dist/components/geoscene-feature-templates/index.d.ts

@@ -0,0 +1 @@
+export * from "./customElement.js";

package/dist/components/geoscene-feature-templates/index.js

@@ -0,0 +1 @@
+export * from "./customElement.js";

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

@@ -0,0 +1,288 @@
+/// <reference types="@geoscene/core/interfaces.d.ts" />
+/// <reference types="../../index.d.ts" />
+import { Use } from '@arcgis/lumina/controllers';
+import { default as Features } from '@geoscene/core/widgets/Features.js';
+import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { GeosceneReferenceElement } from '../../utils/component-utils';
+
+declare const useFeaturesWidget: (component: LitElement & Pick<Features, "icon" | "label" | "viewModel" | "map" | "spatialReference" | "timeZone" | "content" | "headingLevel" | "goToOverride" | "collapsed" | "featureNavigationTop" | "features" | "headerActions" | "initialDisplayMode" | "promises" | "selectedFeatureIndex"> & {
+    state?: unknown;
+    viewModel?: __geoscene.FeaturesViewModel | undefined;
+    closed?: boolean;
+    icon: import('@arcgis/components-utils').Nil | string;
+    label: import('@arcgis/components-utils').Nil | string;
+    referenceElement?: GeosceneReferenceElement | string;
+    position: __geoscene.UIPosition;
+    geosceneReady: import('@arcgis/lumina').EventEmitter;
+    geoscenePropertyChange: import('@arcgis/lumina').EventEmitter<{
+        name: string;
+    }> | undefined;
+    el: HTMLElement & {
+        childElem?: HTMLElement & {
+            ownedBy?: HTMLElement;
+        };
+        view?: __geoscene.LinkChartView | __geoscene.MapView | __geoscene.SceneView;
+    };
+    autoDestroyDisabled: boolean;
+    destroy: () => Promise<void>;
+}) => Features;
+/**
+ * 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 the [View](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-View.html).
+ *
+ * [Read more...](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-features/)
+ */
+export declare class GeosceneFeatures extends LitElement {
+    /**
+     * Emitted when the component's close button is clicked.
+     *
+     * @since 4.33
+     */
+    readonly geosceneClose: TargetedEvent<this>;
+    /**
+     * [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.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Features-FeaturesViewModel.html#actions)
+     */
+    actions: __geoscene.Collection<__geoscene.ActionButton | __geoscene.ActionToggle>;
+    /**
+     * Indicates if the widget is active when it is visible and is not [waiting for results](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Features-FeaturesViewModel.html#waitingForResult).
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Features.html#active)
+     *
+     * @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 a component is closed. When `true`, the component will be hidden.
+     *
+     * @since 4.33
+     * @default false
+     */
+    closed: boolean;
+    /**
+     * Indicates whether the popup displays its content.
+     *
+     * @default false
+     */
+    collapsed: boolean;
+    /**
+     * The content of the Features widget.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Features.html#content)
+     */
+    content: string | __geoscene.Widget | HTMLElement | nullish;
+    /**
+     * Indicates whether the feature navigation arrows are displayed at the top of the widget.
+     *
+     * @default false
+     */
+    featureNavigationTop: boolean;
+    /**
+     * 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.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Features-FeaturesViewModel.html#featureViewModelAbilities)
+     */
+    featureViewModelAbilities: nullish | __geoscene.Abilities;
+    /**
+     * An array of features associated with the Features widget.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Features.html#features)
+     */
+    features: __geoscene.Graphic[];
+    /**
+     * The number of features to fetch at one time.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Features-FeaturesViewModel.html#featuresPerPage)
+     *
+     * @default 20
+     */
+    featuresPerPage: number;
+    /**
+     * The title of the Features widget.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Features.html#title)
+     */
+    featuresTitle: string | nullish;
+    /**
+     * This function provides the ability to override either the
+     * [MapView goTo()](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-MapView.html#goTo) or
+     * [SceneView goTo()](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-SceneView.html#goTo) methods.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Features.html#goToOverride)
+     */
+    goToOverride: nullish | __geoscene.GoToOverride;
+    /**
+     * Indicates the heading level to use for the [title](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Features.html#title) of the widget.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Features.html#headingLevel)
+     */
+    headingLevel: number;
+    /**
+     * The actions that are displayed in the header of the widget.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Features.html#headerActions)
+     */
+    headerActions: __geoscene.Collection<__geoscene.ActionBase>;
+    /**
+     * Indicates whether to hide the action bar that holds the feature's [action](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Features-FeaturesViewModel.html#actions).
+     *
+     * @default false
+     */
+    hideActionBar: boolean;
+    /**
+     * Indicates whether to hide the close button.
+     *
+     * @default false
+     */
+    hideCloseButton: boolean;
+    /**
+     * Indicates whether to hide a heading and description on the widget feature menu list.
+     *
+     * @default false
+     */
+    hideFeatureMenuHeading: boolean;
+    /**
+     * Indicates whether to hide pagination for feature navigation.
+     * This allows the user to scroll through various selected features using pagination arrows.
+     *
+     * @default false
+     */
+    hideFeatureNavigation: 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 `false`.
+     * The flow component will be omitted 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 is hide the heading.
+     *
+     * @default false
+     */
+    hideHeading: boolean;
+    /**
+     * Indicates whether to hide the loading spinner.
+     *
+     * @default false
+     */
+    hideSpinner: 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/)
+     * @default null
+     */
+    icon: string | nullish;
+    /**
+     * Indicates whether or not to include [defaultActions](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Features-FeaturesViewModel.html#defaultActions).
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Features-FeaturesViewModel.html#includeDefaultActions)
+     *
+     * @default true
+     */
+    includeDefaultActions: boolean;
+    /**
+     * Indicates whether to initially display a list of features, or the content for one feature.
+     *
+     * @default "feature"
+     */
+    initialDisplayMode: "feature" | "list";
+    /**
+     * The widget's default label.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Features.html#label)
+     */
+    label: string;
+    /**
+     * A map is required when the input [features](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Features.html#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.
+     *
+     * @default null
+     */
+    map: __geoscene.Map | nullish;
+    /** @default "bottom-left" */
+    position: __geoscene.UIPosition;
+    /**
+     * An array of pending Promises that have not yet been fulfilled.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Features.html#promises)
+     */
+    promises: Promise<any>[];
+    /**
+     * 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;
+    /**
+     * The selected feature accessed by the Features widget.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Features.html#selectedFeature)
+     */
+    readonly selectedFeature: nullish | __geoscene.Graphic;
+    /**
+     * Index of the feature that is [selected](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Features.html#selectedFeature).
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Features.html#selectedFeatureIndex)
+     */
+    selectedFeatureIndex: number;
+    /** @default false */
+    showCollapseButton: boolean;
+    /**
+     * The spatial reference used for [Arcade](https://doc.geoscene.cn/javascript/4.33/arcade) operations.
+     *
+     * @default null
+     */
+    spatialReference: nullish | __geoscene.SpatialReference;
+    /**
+     * The current state of the component.
+     *
+     * @default "disabled"
+     */
+    readonly state: "ready" | "disabled";
+    /**
+     * Dates and times displayed in the widget will be displayed in this time zone.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-Features.html#timeZone)
+     */
+    timeZone: string;
+    clear(): Promise<void>;
+    /** Closes 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 views](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-views-layers-LayerView.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.
+     */
+    fetchFeatures(screenPoint: __geoscene.FeaturesFetchFeaturesScreenPoint, options?: __geoscene.FetchFeaturesOptions): Promise<__geoscene.FetchPopupFeaturesResult>;
+    next(): Promise<__geoscene.FeaturesViewModel>;
+    /** Opens Features with content defined either explicitly or driven from the [PopupTemplate](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-PopupTemplate.html) of input features. */
+    open(options?: __geoscene.FeaturesOpenOptions): Promise<void>;
+    previous(): Promise<__geoscene.FeaturesViewModel>;
+    triggerAction(actionIndex: number): 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" | "selectedFeature" | "selectedFeatureIndex";
+    }>;
+    /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */
+    readonly geosceneReady: TargetedEvent<this, void>;
+    /** Emitted when an action is triggered on the component. */
+    readonly geosceneTriggerAction: TargetedEvent<this, __geoscene.FeaturesTriggerActionEvent>;
+}
+export {};

package/dist/components/geoscene-features/customElement.js

@@ -0,0 +1,54 @@
+import { c as i } from "../../chunks/runtime.js";
+import { usePropertyChange as s } from "@arcgis/lumina/controllers";
+import { reEmitEvent as a } from "@arcgis/lumina/controllers/accessor";
+import o from "@geoscene/core/widgets/Features.js";
+import { LitElement as r, createEvent as n, noShadowRoot as h } from "@arcgis/lumina";
+import { m as d } from "../../chunks/useWidget.js";
+import { css as l } from "@lit/reactive-element/css-tag.js";
+import { c } from "../../chunks/createCloseEvent.js";
+/*! All material copyright GeoScene, All Rights Reserved, unless otherwise specified.
+See https://js.geoscene.cn/4.33/geoscene/copyright.txt for details.
+v4.33.18 */
+const g = l`@layer{geoscene-features{display:flex;flex-direction:column;overflow:hidden;.geoscene-features{flex:1 1 auto;overflow:hidden}}}`, u = d(o);
+class w extends r {
+  constructor() {
+    super(...arguments), this.widget = u(this), this.viewModel = this.widget.viewModel, this.geosceneClose = c(this), this.actions = this.viewModel.actions, this.active = this.widget.active, this.autoDestroyDisabled = !1, this.closed = !1, this.collapsed = this.widget.collapsed, this.content = this.widget.content, this.featureNavigationTop = this.widget.featureNavigationTop, this.featureViewModelAbilities = this.viewModel.featureViewModelAbilities, this.features = this.widget.features, this.featuresPerPage = this.viewModel.featuresPerPage, this.featuresTitle = this.widget.title, this.goToOverride = this.viewModel.goToOverride, this.headingLevel = this.widget.headingLevel, this.headerActions = this.widget.headerActions, this.hideActionBar = this.widget.visibleElements.actionBar, this.hideCloseButton = this.widget.visibleElements.closeButton, this.hideFeatureMenuHeading = this.widget.visibleElements.featureMenuHeading, this.hideFeatureNavigation = this.widget.visibleElements.featureNavigation, this.hideFlow = this.widget.visibleElements.flow, this.hideHeading = this.widget.visibleElements.heading, this.hideSpinner = this.widget.visibleElements.spinner, this.icon = this.widget.icon, this.includeDefaultActions = this.viewModel.includeDefaultActions, this.initialDisplayMode = this.widget.initialDisplayMode, this.label = this.widget.label, this.map = this.widget.map, this.position = "bottom-left", this.promises = this.widget.promises, this.selectedFeature = this.widget.selectedFeature, this.selectedFeatureIndex = this.widget.selectedFeatureIndex, this.showCollapseButton = this.widget.visibleElements.collapseButton, this.spatialReference = this.widget.spatialReference, this.state = this.viewModel.state, this.timeZone = this.widget.timeZone, this.geoscenePropertyChange = s()("selectedFeature", "selectedFeatureIndex", "state"), this.geosceneReady = n(), this.geosceneTriggerAction = a(() => this.widget, "trigger-action");
+  }
+  static {
+    this.properties = { actions: 0, active: 7, autoDestroyDisabled: 5, closed: 5, collapsed: 7, content: 1, featureNavigationTop: 5, featureViewModelAbilities: 0, features: 0, featuresPerPage: 9, featuresTitle: 1, goToOverride: 0, headingLevel: 9, headerActions: 0, hideActionBar: 5, hideCloseButton: 5, hideFeatureMenuHeading: 5, hideFeatureNavigation: 5, hideFlow: 5, hideHeading: 5, hideSpinner: 5, icon: 1, includeDefaultActions: 5, initialDisplayMode: 1, label: 1, map: 0, position: 1, promises: 0, referenceElement: 1, selectedFeature: 0, selectedFeatureIndex: 9, showCollapseButton: 5, spatialReference: 0, state: 3, timeZone: 1 };
+  }
+  static {
+    this.shadowRootOptions = h;
+  }
+  static {
+    this.styles = g;
+  }
+  async clear() {
+    this.widget?.clear();
+  }
+  async close() {
+    this.widget?.close();
+  }
+  async destroy() {
+    await this.manager.destroy();
+  }
+  async fetchFeatures(e, t) {
+    return await this.widget?.fetchFeatures(e, t);
+  }
+  async next() {
+    return this.widget?.next();
+  }
+  async open(e) {
+    this.widget?.open(e);
+  }
+  async previous() {
+    return this.widget?.previous();
+  }
+  async triggerAction(e) {
+    this.widget?.triggerAction(e);
+  }
+}
+i("geoscene-features", w);
+export {
+  w as GeosceneFeatures
+};

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

@@ -0,0 +1 @@
+export * from "./customElement.js";

package/dist/components/geoscene-features/index.js

@@ -0,0 +1 @@
+export * from "./customElement.js";