@arcgis/map-components 5.1.0-next.116 → 5.1.0-next.118

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

@@ -1,48 +1,49 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as N } from "../../chunks/runtime.js";
-import { css as R, html as a } from "lit";
-import { keyed as D } from "lit/directives/keyed.js";
-import O from "@arcgis/core/widgets/Features/FeaturesViewModel.js";
-import { u as L } from "../../chunks/useT9n.js";
+import { c as R } from "../../chunks/runtime.js";
+import { css as O, html as a } from "lit";
+import { keyed as V } from "lit/directives/keyed.js";
+import L from "@arcgis/core/widgets/Features/FeaturesViewModel.js";
+import { u as B } from "../../chunks/useT9n.js";
+import { log as D } from "@arcgis/toolkit/log";
 import { classes as A } from "@arcgis/toolkit/dom";
-import { usePropertyChange as B, bypassReadOnly as x } from "@arcgis/lumina/controllers";
-import { m as S } from "../../chunks/useViewModel.js";
-import { LitElement as H, createEvent as y, renderElement as P, nothing as h, safeClassMap as I } from "@arcgis/lumina";
+import { usePropertyChange as S, bypassReadOnly as x } from "@arcgis/lumina/controllers";
+import { m as H } from "../../chunks/useViewModel.js";
+import { LitElement as P, createEvent as y, renderElement as z, nothing as h, safeClassMap as I } from "@arcgis/lumina";
 import { substitute as u, formatNumber as C } from "@arcgis/core/intl.js";
 import { watch as r } from "@arcgis/core/core/reactiveUtils.js";
-import { t as z, z as U } from "../../chunks/action-utils.js";
+import { t as U, z as Z } from "../../chunks/action-utils.js";
 import { stripHTML as T } from "@arcgis/core/applications/Components/stringUtils.js";
-import V from "@arcgis/core/core/Collection.js";
-import { g as Z } from "../../chunks/feature-utils.js";
+import E from "@arcgis/core/core/Collection.js";
+import { g as j } from "../../chunks/feature-utils.js";
 import { renderingSanitizer as _ } from "@arcgis/core/applications/Components/sanitizerUtils.js";
-import { initializeProjection as j } from "@arcgis/core/applications/Components/featureUtils.js";
-import G from "@arcgis/core/support/actions/ActionButton.js";
+import { initializeProjection as G } from "@arcgis/core/applications/Components/featureUtils.js";
+import K from "@arcgis/core/support/actions/ActionButton.js";
 import { createRef as b, ref as m } from "lit/directives/ref.js";
-const K = R`:host{display:flex;overflow:hidden;flex:1 1 auto}.root{--calcite-color-background: var(--calcite-color-foreground-1);display:flex;overflow:hidden;flex:1 1 auto;flex-direction:column}.root img{image-orientation:from-image}.flow-item-collapsed{--calcite-flow-item-header-border-block-end: none}.container{display:flex;flex:1 1 auto;background-color:var(--calcite-color-foreground-1)}.container calcite-list{width:100%}.container:not(:empty,.content-hidden){padding:var(--arcgis-internal-padding-md, var(--calcite-spacing-md))}.root .arcgis-feature,.root .arcgis-feature-relationship,.root .arcgis-feature-utility-network-associations{background-color:transparent}.heading{word-break:break-word;word-wrap:break-word}.header,.footer{display:flex;align-items:center;justify-content:flex-end;background-color:var(--calcite-color-foreground-1)}.footer{flex:1}.pagination-text{padding-inline:var(--calcite-spacing-sm);color:var(--calcite-color-text-3);font-size:var(--calcite-font-size-sm)}.loader{align-self:center;padding-inline:var(--calcite-spacing-lg)}.pagination-action-bar{flex:1}.pagination-menu-button{padding-inline:var(--calcite-spacing-xxs);border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}.icon{display:inline-block;flex:0 0 var(--calcite-spacing-lg);width:var(--calcite-spacing-lg);height:var(--calcite-spacing-lg)}.action-image{flex:0 0 var(--calcite-spacing-lg);background-position:50% 50%;background-repeat:no-repeat;background-size:contain;width:var(--calcite-spacing-lg);height:var(--calcite-spacing-lg)}.header{border-block-end:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}.content-feature{--calcite-flow-item-footer-padding: 0}.feature-menu-observer{position:relative;bottom:var(--calcite-spacing-xxl);z-index:2;text-align:center}.action-exit{transform:scaleX(-1)}`, q = new G({
+const q = O`:host{display:flex;overflow:hidden;flex:1 1 auto}.root{--calcite-color-background: var(--calcite-color-foreground-1);display:flex;overflow:hidden;flex:1 1 auto;flex-direction:column}.root img{image-orientation:from-image}.flow-item-collapsed{--calcite-flow-item-header-border-block-end: none}.container{display:flex;flex:1 1 auto;background-color:var(--calcite-color-foreground-1)}.container calcite-list{width:100%}.container:not(:empty,.content-hidden){padding:var(--arcgis-internal-padding-md, var(--calcite-spacing-md))}.root .arcgis-feature,.root .arcgis-feature-relationship,.root .arcgis-feature-utility-network-associations{background-color:transparent}.heading{word-break:break-word;word-wrap:break-word}.header,.footer{display:flex;align-items:center;justify-content:flex-end;background-color:var(--calcite-color-foreground-1)}.footer{flex:1}.pagination-text{padding-inline:var(--calcite-spacing-sm);color:var(--calcite-color-text-3);font-size:var(--calcite-font-size-sm)}.loader{align-self:center;padding-inline:var(--calcite-spacing-lg)}.pagination-action-bar{flex:1}.pagination-menu-button{padding-inline:var(--calcite-spacing-xxs);border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}.icon{display:inline-block;flex:0 0 var(--calcite-spacing-lg);width:var(--calcite-spacing-lg);height:var(--calcite-spacing-lg)}.action-image{flex:0 0 var(--calcite-spacing-lg);background-position:50% 50%;background-repeat:no-repeat;background-size:contain;width:var(--calcite-spacing-lg);height:var(--calcite-spacing-lg)}.header{border-block-end:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}.content-feature{--calcite-flow-item-footer-padding: 0}.feature-menu-observer{position:relative;bottom:var(--calcite-spacing-xxl);z-index:2;text-align:center}.action-exit{transform:scaleX(-1)}`, W = new K({
   icon: "magnifying-glass-plus",
   id: "zoom-to-feature",
   title: "{messages.zoom}"
-}), M = q.clone();
-function W(k) {
+}), M = W.clone();
+function X(k) {
   return k?.declaredClass.startsWith("esri.layers.") ?? !1;
 }
-const X = S(O);
-class J extends H {
+const J = H(L);
+class Q extends P {
   constructor() {
     super(...arguments), this._fetchFeaturesController = null, this._featureMenuIntersectionObserverCallback = ([e]) => {
       e?.isIntersecting && this.viewModel.featurePage != null && this.viewModel.featurePage++;
     }, this._featureMenuIntersectionObserver = new IntersectionObserver(this._featureMenuIntersectionObserverCallback, {
       root: window.document
-    }), this._featureMenuIntersectionObserverNode = null, this._rootFlowItemNode = b(), this._featureMenuViewportNode = b(), this._actionBarMenuNode = b(), this._flowContainerNode = b(), this.messages = L(), this._selectedFeatureComponent = b(), this._cancelOpenRelatedFeature = () => {
+    }), this._featureMenuIntersectionObserverNode = null, this._rootFlowItemNode = b(), this._featureMenuViewportNode = b(), this._actionBarMenuNode = b(), this._flowContainerNode = b(), this.messages = B(), this._selectedFeatureComponent = b(), this._cancelOpenRelatedFeature = () => {
       const { _openRelatedFeatureAbortController: e } = this;
       e && e.abort(), this._openRelatedFeatureAbortController = null;
-    }, this._openRelatedFeatureAbortController = null, this.flowItems = new V(), this.viewModel = X(this), this.actions = this.viewModel.actions, this.active = this.viewModel.active, this.autoDestroyDisabled = !1, this.collapsed = !1, this.content = this.viewModel.content, this.defaultPopupTemplateEnabled = this.viewModel.defaultPopupTemplateEnabled, this.featureCount = this.viewModel.featureCount, this.featureMenuOpen = this.viewModel.featureMenuOpen, this.featureMenuTitle = this.viewModel.featureMenuTitle, this.featureNavigationTop = !1, this.features = this.viewModel.features, this.featuresPerPage = this.viewModel.featuresPerPage, this.featureViewModelAbilities = this.viewModel.featureViewModelAbilities, this.goToOverride = this.viewModel.goToOverride, this.headerActions = new V(), this.heading = this.viewModel.title, this.headingLevel = 2, this.hideActionBar = !1, this.hideCloseButton = !1, this.hideFeatureMenuHeading = !1, this.hideFeatureNavigation = !1, this.hideFeatureListLayerTitle = !1, this.hideHeading = !1, this.hideSelectFeature = !1, this.hideSpinner = !1, this.hideContent = !1, this.hideExpressionContent = !1, this.hideLastEditedInfo = !1, this.highlightDisabled = this.viewModel.highlightEnabled, this.includeDefaultActionsDisabled = this.viewModel.includeDefaultActions, this.initialDisplayMode = this.viewModel.initialDisplayMode, this.location = this.viewModel.location, this.map = this.viewModel.map, this.open = this.viewModel.visible, this.promises = this.viewModel.promises, this.responsiveActionsEnabled = !1, this.selectedFeature = this.viewModel.selectedFeature, this.selectedFeatureIndex = this.viewModel.selectedFeatureIndex, this.showCollapseButton = !1, this.spatialReference = this.viewModel.spatialReference, this.state = this.viewModel.state, this.timeZone = this.viewModel.timeZone, this.updateLocationEnabled = this.viewModel.updateLocationEnabled, this.view = this.viewModel.view, this.arcgisPropertyChange = B()("active", "collapsed", "effectiveHeading", "featureCount", "featureMenuOpen", "features", "promises", "selectedDrillInFeature", "selectedFeature", "selectedFeatureComponent", "selectedFeatureIndex", "state", "open"), this.arcgisReady = y(), this.arcgisClose = y(), this.arcgisTriggerAction = y();
+    }, this._openRelatedFeatureAbortController = null, this.flowItems = new E(), this.viewModel = J(this), this.actions = this.viewModel.actions, this.active = this.viewModel.active, this.autoDestroyDisabled = !1, this.collapsed = !1, this.content = this.viewModel.content, this.defaultPopupTemplateEnabled = this.viewModel.defaultPopupTemplateEnabled, this.featureCount = this.viewModel.featureCount, this.featureMenuOpen = this.viewModel.featureMenuOpen, this.featureMenuTitle = this.viewModel.featureMenuTitle, this.featureNavigationTop = !1, this.features = this.viewModel.features, this.featuresPerPage = this.viewModel.featuresPerPage, this.featureViewModelAbilities = this.viewModel.featureViewModelAbilities, this.goToOverride = this.viewModel.goToOverride, this.headerActions = new E(), this.heading = this.viewModel.title, this.headingLevel = 2, this.hideActionBar = !1, this.hideCloseButton = !1, this.hideFeatureMenuHeading = !1, this.hideFeatureNavigation = !1, this.hideFeatureListLayerTitle = !1, this.hideHeading = !1, this.hideSelectFeature = !1, this.hideSpinner = !1, this.hideContent = !1, this.hideExpressionContent = !1, this.hideLastEditedInfo = !1, this.highlightDisabled = this.viewModel.highlightEnabled, this.includeDefaultActionsDisabled = this.viewModel.includeDefaultActions, this.initialDisplayMode = this.viewModel.initialDisplayMode, this.location = this.viewModel.location, this.map = this.viewModel.map, this.open = this.viewModel.visible, this.promises = this.viewModel.promises, this.responsiveActionsEnabled = !1, this.selectedFeature = this.viewModel.selectedFeature, this.selectedFeatureIndex = this.viewModel.selectedFeatureIndex, this.showCollapseButton = !1, this.spatialReference = this.viewModel.spatialReference, this.state = this.viewModel.state, this.timeZone = this.viewModel.timeZone, this.updateLocationEnabled = this.viewModel.updateLocationEnabled, this.view = this.viewModel.view, this.arcgisPropertyChange = S()("active", "collapsed", "effectiveHeading", "featureCount", "featureMenuOpen", "features", "promises", "selectedDrillInFeature", "selectedFeature", "selectedFeatureComponent", "selectedFeatureIndex", "state", "open"), this.arcgisReady = y(), this.arcgisClose = y(), this.arcgisTriggerAction = y();
   }
   static {
     this.properties = { _openRelatedFeatureAbortController: 16, flowItems: 16, _hideActionText: 16, _featureNavigationVisible: 16, _isCollapsed: 16, _collapseEnabled: 16, _featureFlowItemSelected: 16, viewModel: 0, actions: 0, active: 0, autoDestroyDisabled: 5, collapsed: 5, content: 1, defaultPopupTemplateEnabled: 5, effectiveHeading: 32, featureCount: 9, featureMenuOpen: 5, featureMenuTitle: 1, featureNavigationTop: 5, features: 0, featuresPerPage: 9, featureViewModelAbilities: 0, goToOverride: 0, headerActions: 0, heading: 1, headingLevel: 9, hideActionBar: 5, hideCloseButton: 5, hideFeatureMenuHeading: 5, hideFeatureNavigation: 5, hideFeatureListLayerTitle: 5, hideHeading: 5, hideSelectFeature: 5, hideSpinner: 5, hideContent: 5, chartAnimationDisabled: 5, hideAttachmentsContent: 5, hideCustomContent: 5, hideExpressionContent: 5, hideFieldsContent: 5, hideMediaContent: 5, hideRelationshipContent: 5, hideTextContent: 5, hideUtilityNetworkContent: 5, hideLastEditedInfo: 5, highlightDisabled: 5, icon: 1, includeDefaultActionsDisabled: 5, initialDisplayMode: 1, label: 1, location: 0, map: 0, messageOverrides: 0, open: 5, referenceElement: 1, promises: 0, responsiveActionsEnabled: 5, selectedDrillInFeature: 32, selectedFeature: 0, selectedFeatureComponent: 32, selectedFeatureIndex: 9, showCollapseButton: 5, spatialReference: 0, state: 32, timeZone: 1, updateLocationEnabled: 5, view: 0 };
   }
   static {
-    this.styles = K;
+    this.styles = q;
   }
   get _hideActionText() {
     if (!this.responsiveActionsEnabled)
@@ -122,7 +123,7 @@ class J extends H {
   async fetchFeatures(e, t) {
     this._cancelFetchingFeatures();
     const { signal: s } = t ?? {}, i = new AbortController(), { signal: n } = i, o = s ? AbortSignal.any([n, s]) : n;
-    if (this._fetchFeaturesController = i, !e && this.view && this.location && (await j(this.location.spatialReference, this.view.spatialReference, null, {
+    if (this._fetchFeaturesController = i, !e && this.view && this.location && (await G(this.location.spatialReference, this.view.spatialReference, null, {
       signal: o
     }), e = this.view.toScreen(this.location) ?? void 0), !e)
       return;
@@ -133,17 +134,17 @@ class J extends H {
     this.location = l.location, this.promises = l.pendingFeatures;
   }
   async next() {
-    return this.viewModel.next();
+    return D("warn", this, "The return type of FeaturesViewModel on the next() method is deprecated. At 6.0, this method will return void."), this.viewModel.next();
   }
   async previous() {
-    return this.viewModel.previous();
+    return D("warn", this, "The return type of FeaturesViewModel on the previous() method is deprecated. At 6.0, this method will return void."), this.viewModel.previous();
   }
   async setFocus() {
     this._flowContainerNode.value?.setFocus();
   }
   async triggerAction(e) {
     if (!e.disabled)
-      return e?.type === "toggle" && (e.value = !e.value), await z(e, this.viewModel);
+      return e?.type === "toggle" && (e.value = !e.value), await U(e, this.viewModel);
   }
   connectedCallback() {
     super.connectedCallback(), this._createSpinner();
@@ -203,7 +204,7 @@ class J extends H {
       const i = s?.graphic;
       if (!i)
         return;
-      const n = Z(i), o = W(n) ? n : null, l = t.get(o) ?? [];
+      const n = j(i), o = X(n) ? n : null, l = t.get(o) ?? [];
       t.set(o, [...l, s]);
     }), t;
   }
@@ -322,7 +323,7 @@ class J extends H {
   }
   _createSpinner() {
     const e = this.referenceElement;
-    e && (this._removeSpinner(e), this._spinnerEl = P(a`<arcgis-spinner .label=${this.messages.loading ?? ""} .trackLocation=${!this.hideSpinner && this.viewModel.visible && this.viewModel?.waitingForResult} .location=${this.viewModel?.location ?? void 0} .view=${this.viewModel?.view ?? void 0}></arcgis-spinner>`), e.manager?.component?.extraContent?.add(this._spinnerEl));
+    e && (this._removeSpinner(e), this._spinnerEl = z(a`<arcgis-spinner .label=${this.messages.loading ?? ""} .trackLocation=${!this.hideSpinner && this.viewModel.visible && this.viewModel?.waitingForResult} .location=${this.viewModel?.location ?? void 0} .view=${this.viewModel?.view ?? void 0}></arcgis-spinner>`), e.manager?.component?.extraContent?.add(this._spinnerEl));
   }
   render() {
     return a`<div class="root" @keydown=${this._onMainKeydown}>${this._renderHeader()}${this._renderContentContainer()}</div>`;
@@ -365,7 +366,7 @@ class J extends H {
     const { messages: e, viewModel: t } = this, s = this._groupResultsByLayer(), i = this.initialDisplayMode === "list" ? "none" : "single";
     return t.featureViewModels.length ? a`<calcite-list display-mode=flat .label=${e?.featuresList ?? ""} selection-appearance=icon .selectionMode=${i}>${Array.from(s.keys(), (n) => {
       const o = s.get(n)?.map((c) => this._renderFeatureMenuItem(c)), l = n ? n.title ?? this.messages.untitled : null;
-      return !this.hideFeatureListLayerTitle && l !== null ? D(n ?? "map-graphics", a`<calcite-list-item-group .heading=${l}>${o}</calcite-list-item-group>`) : o;
+      return !this.hideFeatureListLayerTitle && l !== null ? V(n ?? "map-graphics", a`<calcite-list-item-group .heading=${l}>${o}</calcite-list-item-group>`) : o;
     })}</calcite-list>` : null;
   }
   _renderHeaderAction(e) {
@@ -396,15 +397,15 @@ class J extends H {
       "flow-item-collapsed": f
     }))} .closable=${n === "list" && !t} .closed=${!p} .collapsed=${n === "list" && f} .collapseDirection=${v ? "down" : "up"} .collapsible=${n === "list" && c} .messageOverrides=${{ collapse: this.messages.collapse, expand: this.messages.expand }} .description=${this.hideFeatureMenuHeading ? void 0 : u(i.total ?? "", {
       total: w.length
-    })} .heading=${this.hideFeatureMenuHeading ? void 0 : F} .headingLevel=${g} .loading=${e.waitingForContents} .selected=${$} @calciteFlowItemBack=${(E) => {
-      E.preventDefault(), this._handleFeatureMenuBack();
+    })} .heading=${this.hideFeatureMenuHeading ? void 0 : F} .headingLevel=${g} .loading=${e.waitingForContents} .selected=${$} @calciteFlowItemBack=${(N) => {
+      N.preventDefault(), this._handleFeatureMenuBack();
     }} @calciteFlowItemClose=${this._handleClose} @calciteFlowItemToggle=${this._handleCollapseToggle} ${m(this._featureMenuViewportNode)}>${n === "list" ? this._renderHeaderActions() : null}${d > 0 ? a`<calcite-loader class="loader" inline .label=${i.loading ?? ""} slot=header-actions-end></calcite-loader>` : null}<div class="container">${this._renderFeatureMenu()}</div><div class="feature-menu-observer" ${m(this._featureMenuIntersectionObserverCreated)}></div>${n === "feature" ? a`<calcite-button appearance=transparent @click=${this._handleFeatureMenuBack} slot=footer-start width=full>${i.back}</calcite-button>` : null}</calcite-flow-item>`;
   }
   _renderFlowItem(e, t) {
     const { messages: s, hideCloseButton: i, hideSelectFeature: n, active: o, hideHeading: l } = this, c = "graphic" in e && "isFeatureFromTable" in e && !e.isFeatureFromTable, f = c && !n, v = e.flowType === "feature-association", g = s.returnToInitialFeature ?? "", p = s?.selectFeature, w = this._getActionTitle(M), d = !this.hideActionBar && v && c;
     return a`<calcite-flow-item .closable=${!i} .closed=${!o} .description=${T(this._getDrillInFlowItemDescription(e) ?? "")} .heading=${l ? void 0 : T(e.heading ?? "")} .selected=${t} @calciteFlowItemBack=${(F) => {
       F.preventDefault(), this._handleDrillInBackClick();
-    }} .loading=${!!this._openRelatedFeatureAbortController} @calciteFlowItemClose=${this._handleClose}>${l ? null : a`<div slot=heading><div .innerHTML=${_.sanitize(e.heading ?? "") ?? ""}></div></div>`}<div slot=description><div .innerHTML=${_.sanitize(this._getDrillInFlowItemDescription(e) ?? "") ?? ""}></div></div><calcite-action class="action-exit" icon=move-up @click=${this._removeFlowItems} slot=header-actions-start .text=${g ?? ""} title=${g ?? "" ?? h}></calcite-action>${f ? a`<calcite-action icon=zoom-to-object @click=${() => this._openRelatedFeature(e)} slot=header-actions-end .text=${p ?? ""} title=${p ?? h}></calcite-action>` : null}${d ? a`<calcite-action-bar expand-disabled expanded scale=s slot=action-bar><calcite-action-group overlay-positioning=fixed scale=s><calcite-action .disabled=${M.disabled} .icon=${M.icon ?? void 0} .loading=${M.active} scale=s text-enabled .text=${w} title=${w ?? h} @click=${() => U(this.viewModel, M, e)}></calcite-action></calcite-action-group></calcite-action-bar>` : null}<div class="container">${e}</div></calcite-flow-item>`;
+    }} .loading=${!!this._openRelatedFeatureAbortController} @calciteFlowItemClose=${this._handleClose}>${l ? null : a`<div slot=heading><div .innerHTML=${_.sanitize(e.heading ?? "") ?? ""}></div></div>`}<div slot=description><div .innerHTML=${_.sanitize(this._getDrillInFlowItemDescription(e) ?? "") ?? ""}></div></div><calcite-action class="action-exit" icon=move-up @click=${this._removeFlowItems} slot=header-actions-start .text=${g ?? ""} title=${g ?? "" ?? h}></calcite-action>${f ? a`<calcite-action icon=zoom-to-object @click=${() => this._openRelatedFeature(e)} slot=header-actions-end .text=${p ?? ""} title=${p ?? h}></calcite-action>` : null}${d ? a`<calcite-action-bar expand-disabled expanded scale=s slot=action-bar><calcite-action-group overlay-positioning=fixed scale=s><calcite-action .disabled=${M.disabled} .icon=${M.icon ?? void 0} .loading=${M.active} scale=s text-enabled .text=${w} title=${w ?? h} @click=${() => Z(this.viewModel, M, e)}></calcite-action></calcite-action-group></calcite-action-bar>` : null}<div class="container">${e}</div></calcite-flow-item>`;
   }
   _renderContentContainer() {
     const e = this.flowItems?.toArray(), t = e?.map((i, n) => this._renderFlowItem(i, this._featureFlowItemSelected && n === e.length - 1)), s = this.initialDisplayMode === "list" ? [this._renderFeatureMenuContainer(), this._renderContentFeature(), t] : [this._renderContentFeature(), t, this._renderFeatureMenuContainer()];
@@ -422,10 +423,10 @@ class J extends H {
   }
   _renderContent() {
     const { content: e, selectedFeatureViewModel: t } = this.viewModel;
-    return t ? a`<arcgis-feature .autoDestroyDisabled=${this.autoDestroyDisabled} .chartAnimationDisabled=${this.chartAnimationDisabled} .defaultPopupTemplateEnabled=${this.defaultPopupTemplateEnabled} .flowItems=${this.flowItems} .graphic=${t.graphic} .headingLevel=${this.headingLevel + 1} .hideAttachmentsContent=${this.hideAttachmentsContent} .hideContent=${this.hideContent} .hideCustomContent=${this.hideCustomContent} .hideExpressionContent=${this.hideExpressionContent} .hideFieldsContent=${this.hideFieldsContent} hide-heading .hideLastEditedInfo=${this.hideLastEditedInfo} .hideMediaContent=${this.hideMediaContent} .hideTextContent=${this.hideTextContent} .location=${this.location} .map=${this.map} .referenceElement=${this.referenceElement} .showRelationshipContent=${!this.hideRelationshipContent} .showUtilityNetworkContent=${!this.hideUtilityNetworkContent} .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} ${m(this._selectedFeatureComponent)}></arcgis-feature>` : typeof e == "string" ? D(e, a`<div .innerHTML=${_.sanitize(e) ?? ""}></div>`) : e ?? null;
+    return t ? a`<arcgis-feature .autoDestroyDisabled=${this.autoDestroyDisabled} .chartAnimationDisabled=${this.chartAnimationDisabled} .defaultPopupTemplateEnabled=${this.defaultPopupTemplateEnabled} .flowItems=${this.flowItems} .graphic=${t.graphic} .headingLevel=${this.headingLevel + 1} .hideAttachmentsContent=${this.hideAttachmentsContent} .hideContent=${this.hideContent} .hideCustomContent=${this.hideCustomContent} .hideExpressionContent=${this.hideExpressionContent} .hideFieldsContent=${this.hideFieldsContent} hide-heading .hideLastEditedInfo=${this.hideLastEditedInfo} .hideMediaContent=${this.hideMediaContent} .hideTextContent=${this.hideTextContent} .location=${this.location} .map=${this.map} .referenceElement=${this.referenceElement} .showRelationshipContent=${!this.hideRelationshipContent} .showUtilityNetworkContent=${!this.hideUtilityNetworkContent} .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} ${m(this._selectedFeatureComponent)}></arcgis-feature>` : typeof e == "string" ? V(e, a`<div .innerHTML=${_.sanitize(e) ?? ""}></div>`) : e ?? null;
   }
 }
-N("arcgis-features", J);
+R("arcgis-features", Q);
 export {
-  J as ArcgisFeatures
+  Q as ArcgisFeatures
 };

package/dist/components/arcgis-features-next/customElement.d.ts

@@ -409,6 +409,10 @@ export abstract class ArcgisFeaturesNext extends LitElement {
       back?: string | undefined;
       errorMessage?: string | undefined;
       returnToInitialFeature?: string | undefined;
+      maxRecordCountHeading?: string | undefined;
+      maxRecordCountDescriptionWithLayerList?: string | undefined;
+      maxRecordCountDescriptionMultipleLayers?: string | undefined;
+      maxRecordCountDescriptionMaxZoomLevel?: string | undefined;
   };
   /** @internal */
   protected messages: Partial<{
@@ -436,6 +440,10 @@ export abstract class ArcgisFeaturesNext extends LitElement {
       back: string;
       errorMessage: string;
       returnToInitialFeature: string;
+      maxRecordCountHeading: string;
+      maxRecordCountDescriptionWithLayerList: string;
+      maxRecordCountDescriptionMultipleLayers: string;
+      maxRecordCountDescriptionMaxZoomLevel: string;
   }> & T9nMeta<{
       componentLabel: string;
       zoom: string;
@@ -461,6 +469,10 @@ export abstract class ArcgisFeaturesNext extends LitElement {
       back: string;
       errorMessage: string;
       returnToInitialFeature: string;
+      maxRecordCountHeading: string;
+      maxRecordCountDescriptionWithLayerList: string;
+      maxRecordCountDescriptionMultipleLayers: string;
+      maxRecordCountDescriptionMaxZoomLevel: 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.

package/dist/components/arcgis-layer-list-next/customElement.d.ts

@@ -8,7 +8,6 @@ import type TileLayer from "@arcgis/core/layers/TileLayer.js";
 import type TableListListItem from "@arcgis/core/widgets/TableList/ListItem.js";
 import type { VisibilityAppearance } from "../../utils/action-utils.js";
 import type { CanSortFunction, TableSupportedLayers } from "../../utils/layer-list-utils.js";
-import type { UIPosition } from "@arcgis/core/views/ui/types.js";
 import type { CatalogLayerListProperties } from "@arcgis/core/widgets/CatalogLayerList.js";
 import type { LayerListViewModelEvents } from "@arcgis/core/widgets/LayerList/LayerListViewModel.js";
 import type { TableListProperties } from "@arcgis/core/widgets/TableList.js";
@@ -197,7 +196,6 @@ export abstract class ArcgisLayerListNext extends LitElement {
   /** @default [] */
   get openedLayers(): Collection<FlowLayer>;
   get operationalItems(): Collection<ListItem>;
-  accessor position: UIPosition | undefined;
   /**
    * 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.
    *

package/dist/components/arcgis-layer-list-next/customElement.js

@@ -51,7 +51,7 @@ class ie extends Z {
     }, this._tooltipReferenceMap = /* @__PURE__ */ new Map(), this._layerListMap = /* @__PURE__ */ new Map(), this.layerTablesEnabled = new g(["knowledge-graph"]), this.mapImageOptions = null, this.openedLayerLists = new g(), this.tileOptions = null, this.view = this.viewModel.view, this.autoDestroyDisabled = !1, this.closed = !1, this.icon = "layers", this.collapsed = !1, this.dragEnabled = !1, this.filterPlaceholder = "", this.filterText = "", this.headingLevel = 2, this.layerTablesAvailable = new g(["knowledge-graph"]), this.listItemCreatedFunction = this.viewModel.listItemCreatedFunction, this.minDragEnabledItems = S, this.minFilterItems = N, this.openedLayers = new g(), this.operationalItems = this.viewModel.operationalItems, this.selectedItems = new g(), this.selectionMode = "none", this.visibilityAppearance = "default", this.hideCatalogLayerList = !1, this.showCloseButton = !1, this.showCollapseButton = !1, this.showErrors = !1, this.showFilter = !1, this.showHeading = !1, this.hideStatusIndicators = !1, this.showTemporaryLayerIndicators = !1, this.state = this.viewModel.state, this.arcgisPropertyChange = J()("state"), this.arcgisReady = q(), this.arcgisTriggerAction = K(() => this.viewModel, "trigger-action");
   }
   static {
-    this.properties = { _catalogLayerList: 16, _tableList: 16, _tooltipReferenceMap: 16, _layerListMap: 16, _totalItems: 16, _visibleItems: 16, _openedPanelItems: 16, _dragEnabled: 16, _filterEnabled: 16, layerTablesEnabled: 16, mapImageOptions: 16, openedLayerLists: 16, tileOptions: 16, _renderedOpenLayerFlowItems: 16, view: 0, autoDestroyDisabled: 5, closed: 5, referenceElement: 1, icon: 1, catalogLayerList: 32, catalogOptions: 0, collapsed: 5, dragEnabled: 5, filterPlaceholder: 1, filterPredicate: 0, filterText: 1, headingLevel: 9, knowledgeGraphOptions: 0, layerTablesAvailable: 0, listItemCanGiveFunction: 0, listItemCanReceiveFunction: 0, listItemCreatedFunction: 0, minDragEnabledItems: 9, minFilterItems: 9, openedLayers: 32, operationalItems: 0, position: 1, selectedItems: 0, selectionMode: 1, tableList: 32, visibilityAppearance: 1, hideCatalogLayerList: 5, showCloseButton: 5, showCollapseButton: 5, showErrors: 5, showFilter: 5, showHeading: 5, hideStatusIndicators: 5, showTemporaryLayerIndicators: 5, messageOverrides: 0, label: 1, state: 32 };
+    this.properties = { _catalogLayerList: 16, _tableList: 16, _tooltipReferenceMap: 16, _layerListMap: 16, _totalItems: 16, _visibleItems: 16, _openedPanelItems: 16, _dragEnabled: 16, _filterEnabled: 16, layerTablesEnabled: 16, mapImageOptions: 16, openedLayerLists: 16, tileOptions: 16, _renderedOpenLayerFlowItems: 16, view: 0, autoDestroyDisabled: 5, closed: 5, referenceElement: 1, icon: 1, catalogLayerList: 32, catalogOptions: 0, collapsed: 5, dragEnabled: 5, filterPlaceholder: 1, filterPredicate: 0, filterText: 1, headingLevel: 9, knowledgeGraphOptions: 0, layerTablesAvailable: 0, listItemCanGiveFunction: 0, listItemCanReceiveFunction: 0, listItemCreatedFunction: 0, minDragEnabledItems: 9, minFilterItems: 9, openedLayers: 32, operationalItems: 0, selectedItems: 0, selectionMode: 1, tableList: 32, visibilityAppearance: 1, hideCatalogLayerList: 5, showCloseButton: 5, showCollapseButton: 5, showErrors: 5, showFilter: 5, showHeading: 5, hideStatusIndicators: 5, showTemporaryLayerIndicators: 5, messageOverrides: 0, label: 1, state: 32 };
   }
   static {
     this.styles = [ee, X];

package/dist/components/arcgis-layer-list-next/layer-list-item/customElement.js

@@ -7,7 +7,7 @@ import { classes as P } from "@arcgis/toolkit/dom";
 import { createRef as X, ref as Y } from "lit/directives/ref.js";
 import { repeat as Se } from "lit/directives/repeat.js";
 import { g as Te, a as ie } from "../../../chunks/action-utils.js";
-import { h as Me, j as Z, l as xe, k as Le, n as Ee, o as ke, g as we } from "../../../chunks/layer-list-utils.js";
+import { h as xe, j as Z, l as Me, k as Le, n as Ee, o as ke, g as we } from "../../../chunks/layer-list-utils.js";
 import { s as Pe } from "../../../chunks/component-utils.js";
 const ae = /* @__PURE__ */ new Map();
 function le(i) {
@@ -45,11 +45,11 @@ function ne(i, e) {
   return m ? c`<span aria-hidden=true class=${d(P(i.itemActionIcon, { [i.itemActionImage]: !!m }))} style=${Ce(Te(m))}></span>` : null;
 }
 function te(i, e, l) {
-  const { item: m, css: a, handleAction: f } = i, { active: C, disabled: I, title: p, type: S, indicator: h } = e, T = ie(e);
-  return c`<calcite-action .active=${S === "toggle" ? e.value : !1} data-action-id=${e.id ?? r} .disabled=${I} .icon=${T} .indicator=${h} .loading=${C} @click=${() => Re(f, m, e)} scale=s slot=${(l ? void 0 : "actions-end") ?? r} .text=${p ?? ""} .textEnabled=${l} title=${p ?? void 0 ?? r}>${ne(a, e)}</calcite-action>`;
+  const { item: m, css: a, handleAction: f } = i, { active: C, disabled: I, title: g, type: S, indicator: h } = e, T = ie(e);
+  return c`<calcite-action .active=${S === "toggle" ? e.value : !1} data-action-id=${e.id ?? r} .disabled=${I} .icon=${T} .indicator=${h} .loading=${C} @click=${() => Re(f, m, e)} scale=s slot=${(l ? void 0 : "actions-end") ?? r} .text=${g ?? ""} .textEnabled=${l} title=${g ?? void 0 ?? r}>${ne(a, e)}</calcite-action>`;
 }
 function Ge(i) {
-  const { item: e, parent: l, hideStatusIndicators: m, css: a, visibilityAppearance: f, hideCatalogLayerList: C, dragEnabled: I = !1, rootGroupUid: p, listModeDisabled: S = !1, selectionMode: h, displayMode: T, layerTablesEnabled: M, showErrors: ce, parentTitles: F, selectedItems: se, activeItem: oe, handleCatalogOpen: re, handleTablesOpen: de, selectedDragItemLayerUid: ue, handleSelectedDragItemLayerUidChange: me, handlePanelOpen: $e, messages: n, setCurrentActiveItem: O, clearActiveItem: R } = i, g = X(), x = X(), b = e.title || ("untitledTable" in n ? n.untitledTable : n.untitledLayer ?? "");
+  const { item: e, parent: l, hideStatusIndicators: m, css: a, visibilityAppearance: f, hideCatalogLayerList: C, dragEnabled: I = !1, rootGroupUid: g, listModeDisabled: S = !1, selectionMode: h, displayMode: T, layerTablesEnabled: x, showErrors: ce, parentTitles: F, selectedItems: se, activeItem: oe, handleCatalogOpen: re, handleTablesOpen: de, selectedDragItemLayerUid: ue, handleSelectedDragItemLayerUidChange: me, handlePanelOpen: $e, messages: n, setCurrentActiveItem: O, clearActiveItem: R } = i, p = X(), M = X(), b = e.title || ("untitledTable" in n ? n.untitledTable : n.untitledLayer ?? "");
   let V = null;
   m || (V = c`<arcgis-layer-list-item-indicator class=${d(a.statusIndicator)} .messages=${n} .item=${e} .parent=${l} slot=content-end></arcgis-layer-list-item-indicator>`);
   let G = null;
@@ -61,7 +61,7 @@ function Ge(i) {
   if ("visible" in e && "visibleToggle" in a && f) {
     const t = D(l);
     if (t !== "inherited") {
-      const s = Me({
+      const s = xe({
         visible: e.visible,
         exclusive: t === "exclusive",
         visibilityAppearance: f
@@ -104,46 +104,49 @@ function Ge(i) {
   let _ = null, L = !1;
   {
     const t = e.layer;
-    if (M && t)
+    if (x && t)
       switch (t.type) {
         case "knowledge-graph":
-          L = M.includes(t.type) && "tables" in t && !!t.tables?.length;
+          L = x.includes(t.type) && "tables" in t && !!t.tables?.length;
           break;
         case "map-image":
         case "tile":
-          L = M.includes(t.type) && "subtables" in t && !!t.subtables?.length;
+          L = x.includes(t.type) && "subtables" in t && !!t.subtables?.length;
           break;
       }
     "itemTableIcon" in a && "visible" in e && "tables" in n && L && (_ = W(`${e.uid}-tables`, c`<calcite-list-item class=${d(a.item)} data-layer-id=${t?.id ?? r} drag-disabled .label=${n.tables} title=${n.tables ?? r} @calciteListItemSelect=${() => de?.(e)} .value=${e}><calcite-icon class=${d(a.itemTableIcon)} icon=table scale=s slot=content-start></calcite-icon><calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon></calcite-list-item>`));
   }
   let z = null;
   if ("children" in e) {
-    const t = [...F ?? [], e.title], { children: s, layer: o } = e, $ = o?.type !== "catalog-dynamic-group" && xe(e), v = S ? !1 : Le(o), y = o?.type === "group", fe = !v && !$ && I && y, he = I && "childrenSortable" in e && e.childrenSortable && Ee(e), Ie = $ ? Se(s?.filter((u) => !u.hidden && (ce || !u.error)).toArray() ?? [], (u) => u.uid, (u) => Ge({ ...i, item: u, parent: e, parentTitles: t })) : null;
-    ($ || fe) && (z = c`<calcite-list .canPull=${(u) => i.canMove ? i.canMove(u, "pull") : !1} .canPut=${(u) => i.canMove ? i.canMove(u, "put") : !1} data-item=${e.uid ?? r} data-layer-type=${p ?? r} .displayMode=${T} .dragEnabled=${he} .group=${y ? p : `${p}-${o?.uid}`} .label=${e.title} selection-appearance=highlight .selectionMode=${h}>${Ie}${_}</calcite-list>`);
+    const t = [...F ?? [], e.title], { children: s, layer: o } = e, $ = o?.type !== "catalog-dynamic-group" && Me(e), v = S ? !1 : Le(o), y = o?.type === "group", fe = !v && !$ && I && y, he = I && "childrenSortable" in e && e.childrenSortable && Ee(e), Ie = $ ? Se(s?.filter((u) => !u.hidden && (ce || !u.error)).toArray() ?? [], (u) => u.uid, (u) => Ge({ ...i, item: u, parent: e, parentTitles: t })) : null;
+    ($ || fe) && (z = c`<calcite-list .canPull=${(u) => i.canMove ? i.canMove(u, "pull") : !1} .canPut=${(u) => i.canMove ? i.canMove(u, "put") : !1} data-item=${e.uid ?? r} data-layer-type=${g ?? r} .displayMode=${T} .dragEnabled=${he} .group=${y ? g : `${g}-${o?.uid}`} .label=${e.title} selection-appearance=highlight .selectionMode=${h}>${Ie}${_}</calcite-list>`);
   }
   let E = null;
-  e.error ? E = c`<div class=${d(a.itemMessage)} slot=content-bottom><calcite-notice icon=exclamation-mark-triangle kind=warning open scale=s width=full><div slot=message>${"tableError" in n ? n.tableError : n.layerError}</div></calcite-notice></div>` : "incompatible" in e && e.incompatible && "layerIncompatible" in n && (E = c`<div class=${d(a.itemMessage)} slot=content-bottom><calcite-notice icon=exclamation-mark-triangle kind=warning open scale=s tabindex=0 width=full ${Y(x)}><div slot=message>${n.layerIncompatible}</div></calcite-notice></div>`);
-  const J = Ve(e), k = e.actionsSections.reduce((t, s) => t + s.length, 0), K = ke(J), ge = J.toArray().map((t) => c`<calcite-action-group>${t.toArray().map((s) => te(i, s, !0))}</calcite-action-group>`), pe = (t) => {
+  e.error ? E = c`<div class=${d(a.itemMessage)} slot=content-bottom><calcite-notice icon=exclamation-mark-triangle kind=warning open scale=s width=full><div slot=message>${"tableError" in n ? n.tableError : n.layerError}</div></calcite-notice></div>` : "incompatible" in e && e.incompatible && "layerIncompatible" in n && (E = c`<div class=${d(a.itemMessage)} slot=content-bottom><calcite-notice icon=exclamation-mark-triangle kind=warning open scale=s tabindex=0 width=full ${Y(M)}><div slot=message>${n.layerIncompatible}</div></calcite-notice></div>`);
+  const J = Ve(e), k = e.actionsSections.reduce((t, s) => t + s.length, 0), K = ke(J), pe = J.toArray().map((t) => c`<calcite-action-group>${t.toArray().map((s) => te(i, s, !0))}</calcite-action-group>`), ge = (t) => {
     e.actionsOpen = t.currentTarget.open;
   };
   let Q = null;
-  k > 1 && (Q = c`<calcite-action-menu appearance=transparent .label=${n.menu ?? ""} .open=${e.actionsOpen} overlay-positioning=fixed placement=bottom-end slot=actions-end @calciteActionMenuOpen=${pe}><calcite-action icon=ellipsis scale=s slot=trigger .text=${n.options ?? ""} title=${n.options ?? r}></calcite-action>${ge}</calcite-action-menu>`);
+  k > 1 && (Q = c`<calcite-action-menu appearance=transparent .label=${n.menu ?? ""} .open=${e.actionsOpen} overlay-positioning=fixed placement=bottom-end slot=actions-end @calciteActionMenuOpen=${ge}><calcite-action .aria=${{
+    expanded: e.actionsOpen ?? !1,
+    hasPopup: "true"
+  }} icon=ellipsis scale=s slot=trigger .text=${n.options ?? ""} title=${n.options ?? r}></calcite-action>${pe}</calcite-action-menu>`);
   let w = null;
   k === 1 && K ? w = te(i, K, !1) : k > 1 && (w = Q);
   const be = "visibleAtCurrentTimeExtent" in e && "layerInvisibleAtTime" in n && !e.visibleAtCurrentTimeExtent ? `${b} (${n.layerInvisibleAtTime})` : "visibleAtCurrentScale" in e && "layerInvisibleAtScale" in n && !e.visibleAtCurrentScale ? `${b} (${n.layerInvisibleAtScale})` : b, ve = "parent" in e && e.parent?.layer?.type === "catalog", A = e.layer, ye = "visibleAtCurrentScale" in e && !e.visibleAtCurrentScale || "visibleAtCurrentTimeExtent" in e && !e.visibleAtCurrentTimeExtent;
   return queueMicrotask(() => {
-    Oe(g.value ?? null, e, ue, me), x.value && (i.handleTooltipReferenceChange?.(A?.uid, x.value), queueMicrotask(() => i.handleTooltipReferenceChange?.(A?.uid, null))), e.panel && (e.panel.container = g.value);
+    Oe(p.value ?? null, e, ue, me), M.value && (i.handleTooltipReferenceChange?.(A?.uid, M.value), queueMicrotask(() => i.handleTooltipReferenceChange?.(A?.uid, null))), e.panel && (e.panel.container = p.value);
   }), W(e.uid, c`<calcite-list-item class=${d(P(a.item, "itemActive" in a && { [a.itemActive]: oe?.uid === e.uid }))} data-item=${e.uid ?? r} data-layer-id=${A?.id ?? r} .dragDisabled=${!("sortable" in e && e.sortable) || ve} id=${A?.uid ?? r} .label=${b} .metadata=${{ parentTitles: F ?? [], _title: b }} .expanded=${"open" in e && e.open} .selected=${h !== "none" ? se.includes(e) : !1} title=${be ?? r} .unavailable=${ye} .value=${e} @focusin=${() => {
-    O?.(e), g.value?.classList.add(a.itemActive);
+    O?.(e), p.value?.classList.add(a.itemActive);
   }} @focusout=${() => {
-    R?.(), g.value?.classList.remove(a.itemActive);
+    R?.(), p.value?.classList.remove(a.itemActive);
   }} @mouseover=${() => {
-    O?.(e), g.value?.classList.add(a.itemActive);
+    O?.(e), p.value?.classList.add(a.itemActive);
   }} @mouseleave=${() => {
-    R?.(), g.value?.classList.remove(a.itemActive);
+    R?.(), p.value?.classList.remove(a.itemActive);
   }} @calciteListItemSelect=${(t) => "visible" in e && we(t.currentTarget, i.operationalItems) === e && h === "none" && D(l) !== "inherited" && ee(e, l)} @calciteListItemToggle=${(t) => {
     "open" in e && (t.stopPropagation(), e.open = t.target.expanded);
-  }} ${Y(g)}>${j}${B}${V}${H}${N}${G}${z}${E}${U}${q}${w}</calcite-list-item>`);
+  }} ${Y(p)}>${j}${B}${V}${H}${N}${G}${z}${E}${U}${q}${w}</calcite-list-item>`);
 }
 export {
   Ge as ArcgisLayerListItem

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

@@ -32,7 +32,7 @@ import type { LayerView2DFor, ResizeAlign } from "@arcgis/core/views/2d/types.js
 import type { DoubleClickEvent, DoubleTapDragEvent, VerticalTwoFingerDragEvent, PointerUpEvent, PointerMoveEvent, PointerLeaveEvent, PointerEnterEvent, PointerDownEvent, ViewMouseWheelEvent, LayerViewDestroyEvent, LayerViewCreateErrorEvent, LayerViewCreateEvent, KeyUpEvent, KeyDownEvent, ImmediateDoubleClickEvent, ImmediateClickEvent, HoldEvent, DragEvent, ClickEvent } from "@arcgis/core/views/input/types.js";
 import type { AnalysisViewDestroyEvent, AnalysisViewCreateErrorEvent, AnalysisViewCreateEvent, ToScreenOptions2D, Screenshot, UserSettings, ViewHitTestResult, HitTestOptions, GoToOptions2D, GoToTarget2D } from "@arcgis/core/views/types.js";
 import type { AnalysisView2DUnion } from "@arcgis/core/views/2d/analysis/types.js";
-import type { ScreenPoint } from "@arcgis/core/core/types.js";
+import type { ScreenPoint, ScreenRect } from "@arcgis/core/core/types.js";
 import type { ViewPopupOpenOptions } from "@arcgis/core/views/PopupView.js";
 import type { ReadonlyCollection } from "@arcgis/core/core/Collection.js";
 import type { ViewPadding } from "@arcgis/core/views/ui/types.js";
@@ -957,7 +957,7 @@ export abstract class ArcgisMap extends LitElement {
    * return results when the fill is clicked. However, it will return results when the outline is clicked. To get results when clicking the fill, set the
    * [color](https://developers.arcgis.com/javascript/latest/references/core/symbols/SimpleFillSymbol/#color) to a transparent color instead.
    *
-   * @param screenPoint
+   * @param hitTarget
    * @param options
    * @example
    * ```js
@@ -989,7 +989,7 @@ export abstract class ArcgisMap extends LitElement {
    * });
    * ```
    */
-  hitTest(screenPoint: MouseEvent | ScreenPoint, options?: HitTestOptions): Promise<ViewHitTestResult>;
+  hitTest(hitTarget: MouseEvent | ScreenPoint | ScreenRect, options?: HitTestOptions): Promise<ViewHitTestResult>;
   /**
    * Opens the popup at the given location with content defined either explicitly with content or driven
    * from the PopupTemplate of input features.

package/dist/components/arcgis-oriented-imagery-viewer/customElement.d.ts

@@ -128,13 +128,25 @@ export abstract class ArcgisOrientedImageryViewer extends LitElement {
   /**
    * Specifies the current [OrientedImageryLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/OrientedImageryLayer/) to use. The layer is one the component connects to and utilizes to populate the image.
    * The layer contains the feature data and oriented imagery properties required by the viewer to load the image and generate the associated graphics.
+   *
+   * > [!WARNING]
+   * > Use `layer`, `layerId`, and `orientedImageryLayerItemId` independently; only one should be set at a time.
    */
   accessor layer: OrientedImageryLayer | null | undefined;
   /**
-   * Layer Id of layer in the associated map. You can set `layer`, `layerId` or `orientedImageryLayerItemId`,
-   * but not more than one.
+   * The layer ID of a Oriented Imagery Layer in the associated map.
+   * When set, the component will attempt to find and use the layer with the provided ID from the map.
+   *
+   * > [!WARNING]
+   * > Use `layer`, `layerId`, and `orientedImageryLayerItemId` independently; only one should be set at a time.
    *
    * @since 5.1
+   * @example
+   * ```html
+   * <arcgis-scene item-id="aa1c036445824e06a2d1b0e12e02a924">
+   *   <arcgis-oriented-imagery-viewer slot="top-right" layer-id="1962adf1de1-layer-82"></arcgis-oriented-imagery-viewer>
+   * </arcgis-scene>
+   * ```
    */
   accessor layerId: string | undefined;
   /**
@@ -153,6 +165,12 @@ export abstract class ArcgisOrientedImageryViewer extends LitElement {
    * @default false
    */
   accessor navigationToolActive: boolean;
+  /**
+   * The portal item ID of an Oriented Imagery Layer to load and use in the component.
+   *
+   * > [!WARNING]
+   * > Use `layer`, `layerId`, and `orientedImageryLayerItemId` independently; only one should be set at a time.
+   */
   accessor orientedImageryLayerItemId: string | undefined;
   /**
    * When true, loading an image via directional or sequential navigation caches all neighboring images associated with that image.