@arcgis/map-components 6.0.0-next.16 → 6.0.0-next.18

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

@@ -20,16 +20,17 @@ import { initializeProjection as W } from "@arcgis/core/applications/Components/
 import X from "@arcgis/core/support/actions/ActionButton.js";
 import { createRef as b, ref as w } from "lit/directives/ref.js";
 import { b as J, a as Q, c as Y } from "../../chunks/keyboard-utils.js";
-const ee = 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)}`, te = new X({
+import { g as ee } from "../../chunks/async-utils.js";
+const te = 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)}`, ie = new X({
   icon: "magnifying-glass-plus",
   id: "zoom-to-feature",
   title: "{messages.zoom}"
-}), M = te.clone(), ie = 25;
-function se(k) {
+}), M = ie.clone(), se = 25;
+function ne(k) {
   return k?.declaredClass.startsWith("esri.layers.") ?? !1;
 }
-const ne = U(B);
-class oe extends Z {
+const oe = U(B);
+class ae extends Z {
   constructor() {
     super(...arguments), this._direction = P(), this._fetchFeaturesController = null, this._featureMenuIntersectionObserverCallback = ([e]) => {
       e?.isIntersecting && this.viewModel.featurePage != null && this.viewModel.featurePage++;
@@ -38,13 +39,13 @@ class oe extends Z {
     }), this._featureMenuIntersectionObserverNode = null, this._rootFlowItemNode = b(), this._featureMenuViewportNode = b(), this._actionBarMenuNode = b(), this._flowContainerNode = b(), this.messages = H(), this._selectedFeatureComponent = b(), this._cancelOpenRelatedFeature = () => {
       const { _openRelatedFeatureAbortController: e } = this;
       e && e.abort(), this._openRelatedFeatureAbortController = null;
-    }, this._spinnerVisible = !1, this._spinnerVisibilityTimeout = null, this._openRelatedFeatureAbortController = null, this.flowItems = new E(), this.viewModel = ne(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 = z()("active", "collapsed", "effectiveHeading", "featureCount", "featureMenuOpen", "features", "promises", "selectedDrillInFeature", "selectedFeature", "selectedFeatureComponent", "selectedFeatureIndex", "state", "open"), this.arcgisReady = T(), this.arcgisClose = T(), this.arcgisTriggerAction = T();
+    }, this._spinnerVisible = !1, this._spinnerVisibilityTimeout = null, this._openRelatedFeatureAbortController = null, this.flowItems = new E(), this.viewModel = oe(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 = z()("active", "collapsed", "effectiveHeading", "featureCount", "featureMenuOpen", "features", "promises", "selectedDrillInFeature", "selectedFeature", "selectedFeatureComponent", "selectedFeatureIndex", "state", "open"), this.arcgisReady = T(), this.arcgisClose = T(), this.arcgisTriggerAction = T();
   }
   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, collapseDirection: 1, 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 = ee;
+    this.styles = te;
   }
   get _hideActionText() {
     if (!this.responsiveActionsEnabled)
@@ -207,7 +208,7 @@ class oe extends Z {
       const i = s?.graphic;
       if (!i)
         return;
-      const n = q(i), o = se(n) ? n : null, l = t.get(o) ?? [];
+      const n = q(i), o = ne(n) ? n : null, l = t.get(o) ?? [];
       t.set(o, [...l, s]);
     }), t;
   }
@@ -330,7 +331,7 @@ class oe extends Z {
   _getSpinnerTrackLocation() {
     return !this.hideSpinner && this.viewModel.visible && this.viewModel?.waitingForResult ? this._spinnerVisible ? !0 : (this._spinnerVisibilityTimeout ??= setTimeout(() => {
       this._spinnerVisibilityTimeout = null, this._spinnerVisible = !0, this._createSpinner();
-    }, ie), !1) : (this._clearSpinnerVisibilityTimeout(), this._spinnerVisible = !1, !1);
+    }, ee(se)), !1) : (this._clearSpinnerVisibilityTimeout(), this._spinnerVisible = !1, !1);
   }
   _createSpinner() {
     const e = this.referenceElement;
@@ -437,7 +438,7 @@ class oe extends Z {
     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} .messageOverrides=${this.messageOverrides} .referenceElement=${this.referenceElement} .showRelationshipContent=${!this.hideRelationshipContent} .showUtilityNetworkContent=${!this.hideUtilityNetworkContent} .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} ${w(this._selectedFeatureComponent)}></arcgis-feature>` : typeof e == "string" ? D(e, a`<div .innerHTML=${F.sanitize(e) ?? ""}></div>`) : e ?? null;
   }
 }
-L("arcgis-features", oe);
+L("arcgis-features", ae);
 export {
-  oe as ArcgisFeatures
+  ae as ArcgisFeatures
 };

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

@@ -38,8 +38,14 @@ import type { MapViewOrSceneView } from "@arcgis/core/views/MapViewOrSceneView.j
  * The Features (next) component should be used if needing to use the Popup functionality outside of the map or scene component. To show a single feature's content without
  * actions, related records, clustering configuration, etc., then use the [arcgis-feature-next](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-next/) component.
  *
- * @slot [actions-start] - _Since 5.2._ Slot for adding Calcite [actions](https://developers.arcgis.com/calcite-design-system/components/action/) or [action groups](https://developers.arcgis.com/calcite-design-system/components/action-group/) to the start of the action bar. Multiple actions or action groups can be placed in this slot. Slotted actions remain at the start of the action bar and are not automatically grouped if they exceed the available width. To group actions, place them in a Calcite action group. Actions in this slot remain separate from other actions, including default actions (such as "Zoom to" and "Browse features"), [PopupTemplate actions](https://developers.arcgis.com/javascript/latest/references/core/PopupTemplate/#actions), and [actions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-features-next/#actions).
- * @slot [actions-end] - _Since 5.2._ Slot for adding Calcite [actions](https://developers.arcgis.com/calcite-design-system/components/action/) or [action groups](https://developers.arcgis.com/calcite-design-system/components/action-group/) to the end of the action bar. Multiple actions or action groups can be placed in this slot. Slotted actions remain at the end of the action bar and are not automatically grouped if they exceed the available width. To group actions, place them in a Calcite action group. Actions in this slot remain separate from other actions, including default actions (such as "Zoom to" and "Browse features"), [PopupTemplate actions](https://developers.arcgis.com/javascript/latest/references/core/PopupTemplate/#actions), and [actions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-features-next/#actions).
+ * @slot
+ * [actions-start] - _Since 5.2._ Slot for adding Calcite [actions](https://developers.arcgis.com/calcite-design-system/components/action/) or [action groups](https://developers.arcgis.com/calcite-design-system/components/action-group/) to the start of the action bar. Multiple actions or action groups can be placed in this slot. Slotted actions remain at the start of the action bar and are not automatically grouped if they exceed the available width. To group actions, place them in a Calcite action group. Actions in this slot remain separate from other actions, including default actions (such as "Zoom to" and "Browse features"), [PopupTemplate actions](https://developers.arcgis.com/javascript/latest/references/core/PopupTemplate/#actions), and [actions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-features-next/#actions).
+ *
+ * To display text on the action, use the `text-enabled` attribute of the Calcite [action](https://developers.arcgis.com/calcite-design-system/components/action/#api-reference-properties-textEnabled).
+ * @slot
+ * [actions-end] - _Since 5.2._ Slot for adding Calcite [actions](https://developers.arcgis.com/calcite-design-system/components/action/) or [action groups](https://developers.arcgis.com/calcite-design-system/components/action-group/) to the end of the action bar. Multiple actions or action groups can be placed in this slot. Slotted actions remain at the end of the action bar and are not automatically grouped if they exceed the available width. To group actions, place them in a Calcite action group. Actions in this slot remain separate from other actions, including default actions (such as "Zoom to" and "Browse features"), [PopupTemplate actions](https://developers.arcgis.com/javascript/latest/references/core/PopupTemplate/#actions), and [actions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-features-next/#actions).
+ *
+ * To display text on the action, use the `text-enabled` attribute of the Calcite [action](https://developers.arcgis.com/calcite-design-system/components/action/#api-reference-properties-textEnabled).
  * @see [PopupTemplate](https://developers.arcgis.com/javascript/latest/references/core/PopupTemplate/)
  * @see [arcgis-feature-next](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-next/)
  * @see [arcgis-popup](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/)

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

@@ -1,29 +1,29 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { c as P } from "../../chunks/runtime.js";
-import { css as H, html as n } from "lit";
+import { css as B, html as n } from "lit";
 import { keyed as E } from "lit/directives/keyed.js";
-import B from "@arcgis/core/support/actions/ActionButton.js";
+import H from "@arcgis/core/support/actions/ActionButton.js";
 import T from "@arcgis/core/core/Collection.js";
 import z from "@arcgis/core/popup/FeaturesModel.js";
 import { LitElement as V, createEvent as y, renderElement as Z, nothing as g, safeClassMap as x } from "@arcgis/lumina";
 import { useDirection as U, usePropertyChange as K, bypassReadOnly as D } from "@arcgis/lumina/controllers";
 import { classes as I } from "@arcgis/toolkit/dom";
-import { slotChangeHasContent as S } from "@arcgis/toolkit/dom/slots";
-import { createRef as F, ref as m } from "lit/directives/ref.js";
+import { slotChangeHasContent as L } from "@arcgis/toolkit/dom/slots";
+import { createRef as _, ref as m } from "lit/directives/ref.js";
 import { initializeProjection as j } from "@arcgis/core/applications/Components/featureUtils.js";
 import { t as q } from "../../chunks/action-utils.js";
 import { m as G } from "../../chunks/useViewModel.js";
 import { renderingSanitizer as w } from "@arcgis/core/applications/Components/sanitizerUtils.js";
-import { stripHTML as C } from "@arcgis/core/applications/Components/stringUtils.js";
-import { substitute as h, formatNumber as b } from "@arcgis/core/intl.js";
+import { stripHTML as M } from "@arcgis/core/applications/Components/stringUtils.js";
+import { substitute as u, formatNumber as b } from "@arcgis/core/intl.js";
 import { u as W } from "../../chunks/useT9n.js";
-import { when as X, watch as u } from "@arcgis/core/core/reactiveUtils.js";
+import { when as X, watch as h } from "@arcgis/core/core/reactiveUtils.js";
 import { getGraphicOriginTitle as J } from "@arcgis/core/graphic/getGraphicOriginTitle.js";
-import { a as L } from "../../chunks/maybe.js";
+import { a as S } from "../../chunks/maybe.js";
 import { b as Q, a as Y, c as ee } from "../../chunks/keyboard-utils.js";
 import { g as R } from "../../chunks/feature-utils.js";
 import { c as k } from "../../chunks/loader-utils.js";
-const te = H`: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)}.content-feature{--calcite-flow-item-footer-padding: 0;--calcite-flow-header-top-space: 0}.feature-menu-observer{flex:0 0 1px;height:1px;margin-block-start:-1px}.action-exit{transform:scaleX(-1)}.flow-item-drill-in{--calcite-flow-item-footer-padding: 0}.diagnostics-notice{padding:var(--calcite-space-md)}`;
+const te = B`: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)}.content-feature{--calcite-flow-item-footer-padding: 0;--calcite-flow-header-top-space: 0}.feature-menu-observer{flex:0 0 1px;height:1px;margin-block-start:-1px}.action-exit{transform:scaleX(-1)}.flow-item-drill-in{--calcite-flow-item-footer-padding: 0}.diagnostics-notice{padding:var(--calcite-space-md)}`;
 function ie(v) {
   return v?.declaredClass.startsWith("esri.layers.") ?? !1;
 }
@@ -34,7 +34,7 @@ function se(v) {
 const ae = G(z), ne = 5;
 class oe extends V {
   constructor() {
-    super(...arguments), this._zoomToFeature = new B({
+    super(...arguments), this._zoomToFeature = new H({
       icon: "magnifying-glass-plus",
       id: "zoom-to-feature",
       title: "{messages.zoom}"
@@ -42,12 +42,12 @@ class oe extends V {
       e?.isIntersecting && this._loadMoreFeatures();
     }, this._featureMenuIntersectionObserver = new IntersectionObserver(this._featureMenuIntersectionObserverCallback, {
       root: window.document
-    }), this._featureMenuIntersectionObserverNode = null, this._setFocusAnimationFrameId = null, this._setFocusAnimationFrameResolve = null, this._rootFlowItemNode = F(), this._featureMenuViewportNode = F(), this._actionBarMenuNode = F(), this._flowContainerNode = F(), this._aggregatedFeaturesComponent = F(), this.messages = W(), this._selectedFeatureComponent = F(), this._actionFlowItems = /* @__PURE__ */ new WeakSet(), this._direction = U(), this._cancelOpenRelatedFeature = () => {
-      this._openRelatedFeatureAbortController = L(this._openRelatedFeatureAbortController);
+    }), this._featureMenuIntersectionObserverNode = null, this._setFocusAnimationFrameId = null, this._setFocusAnimationFrameResolve = null, this._rootFlowItemNode = _(), this._featureMenuViewportNode = _(), this._actionBarMenuNode = _(), this._flowContainerNode = _(), this._aggregatedFeaturesComponent = _(), this.messages = W(), this._selectedFeatureComponent = _(), this._actionFlowItems = /* @__PURE__ */ new WeakSet(), this._direction = U(), this._cancelOpenRelatedFeature = () => {
+      this._openRelatedFeatureAbortController = S(this._openRelatedFeatureAbortController);
     }, this._spinnerVisible = !1, this._openRelatedFeatureAbortController = null, this.flowItems = new T(), this._aggregatedFeatureCount = 0, this._selectedAggregatedFeatureIndex = -1, this._aggregatedFeaturesLoading = !1, this._hasActionsStartSlotContent = !1, this._hasActionsEndSlotContent = !1, this._selectedFeatureLoading = !1, this._lastSettledCollapseEnabled = !1, this._lastSettledHeading = "", this.viewModel = ae(this), this.actions = this.viewModel.actions, this.active = this.viewModel.active, this.autoDestroyDisabled = !1, this.focusTrapEnabled = !1, this.collapsed = !1, this.content = this.viewModel.content, this.diagnostics = this.viewModel.diagnostics, this.defaultPopupTemplateEnabled = this.viewModel.defaultPopupTemplateEnabled, this.effectiveHeading = this.viewModel.effectiveHeading, this.featureCount = this.viewModel.featureCount, this.featureMenuOpen = !1, this.featureNavigationTop = !1, this.features = this.viewModel.features, this.featuresPerPage = this.viewModel.featuresPerPage, this.featureItemAbilities = this.viewModel.featureItemAbilities, this.goToOverride = this.viewModel.goToOverride, this.headerActions = new T(), this.heading = this.viewModel.heading, 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.chartAnimationDisabled = this.viewModel.featureItemAbilities?.chartAnimation, this.hideAttachmentsContent = this.viewModel.featureItemAbilities?.attachmentsContent, this.hideEmptyRelationshipContent = !1, this.hideCustomContent = this.viewModel.featureItemAbilities?.customContent, this.hideExpressionContent = !1, this.hideFieldsContent = this.viewModel.featureItemAbilities?.fieldsContent, this.hideMediaContent = this.viewModel.featureItemAbilities?.mediaContent, this.hideRelationshipContent = this.viewModel.featureItemAbilities?.relationshipContent, this.hideTextContent = this.viewModel.featureItemAbilities?.textContent, this.hideUtilityNetworkContent = this.viewModel.featureItemAbilities?.utilityNetworkAssociationsContent, 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.open, 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.arcgisClose = y(), this.arcgisPropertyChange = K()("active", "collapsed", "effectiveHeading", "featureCount", "featureMenuOpen", "features", "selectedDrillInFeature", "selectedFeature", "selectedFeatureComponent", "selectedFeatureIndex", "state", "open"), this.arcgisReady = y(), this.arcgisTriggerAction = y();
   }
   static {
-    this.properties = { _openRelatedFeatureAbortController: 16, flowItems: 16, _aggregatedFeatureCount: 16, _selectedAggregatedFeatureIndex: 16, _aggregatedFeaturesLoading: 16, _hasActionsStartSlotContent: 16, _hasActionsEndSlotContent: 16, _selectedFeatureLoading: 16, _lastSettledCollapseEnabled: 16, _lastSettledHeading: 16, _selectedFeatureViewModel: 16, _hideActionText: 16, _featureNavigationVisible: 16, _isCollapsed: 16, _collapseEnabled: 16, _selectedFeatureHeading: 16, _selectedFeatureHeadingText: 16, _selectedFeatureContent: 16, _selectedFeaturePending: 16, _featureFlowItemSelected: 16, viewModel: 0, actions: 0, active: 0, autoDestroyDisabled: 5, focusTrapEnabled: 5, collapseDirection: 1, collapsed: 5, content: 1, diagnostics: 0, defaultPopupTemplateEnabled: 5, effectiveHeading: 32, featureCount: 9, featureMenuOpen: 5, featureMenuTitle: 1, featureNavigationTop: 5, features: 0, featuresPerPage: 9, featureItemAbilities: 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, hideEmptyRelationshipContent: 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, responsiveActionsEnabled: 5, selectedDrillInFeature: 32, selectedFeature: 0, selectedFeatureComponent: 32, selectedFeatureIndex: 9, showCollapseButton: 5, spatialReference: 0, state: 32, timeZone: 1, updateLocationEnabled: 5, view: 0 };
+    this.properties = { _openRelatedFeatureAbortController: 16, flowItems: 16, _aggregatedFeatureCount: 16, _selectedAggregatedFeatureIndex: 16, _aggregatedFeaturesLoading: 16, _hasActionsStartSlotContent: 16, _hasActionsEndSlotContent: 16, _selectedFeatureLoading: 16, _lastSettledCollapseEnabled: 16, _lastSettledHeading: 16, _selectedFeatureViewModel: 16, _hideActionText: 16, _featureNavigationVisible: 16, _isCollapsed: 16, _collapseEnabled: 16, _selectedFeatureHeading: 16, _headingLabel: 16, _backLabel: 16, _selectedFeatureContent: 16, _selectedFeaturePending: 16, _featureFlowItemSelected: 16, viewModel: 0, actions: 0, active: 0, autoDestroyDisabled: 5, focusTrapEnabled: 5, collapseDirection: 1, collapsed: 5, content: 1, diagnostics: 0, defaultPopupTemplateEnabled: 5, effectiveHeading: 32, featureCount: 9, featureMenuOpen: 5, featureMenuTitle: 1, featureNavigationTop: 5, features: 0, featuresPerPage: 9, featureItemAbilities: 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, hideEmptyRelationshipContent: 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, 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 = te;
@@ -70,8 +70,13 @@ class oe extends V {
   get _selectedFeatureHeading() {
     return this.viewModel.selectedFeatureItem?.heading;
   }
-  get _selectedFeatureHeadingText() {
-    return this._selectedFeatureHeading || (this.viewModel.selectedFeatureItem?.state === "loading" ? this.messages.loading : this.messages.untitled);
+  get _headingLabel() {
+    const e = this._selectedFeatureHeading ?? this.heading;
+    return e ? M(e) : void 0;
+  }
+  get _backLabel() {
+    const e = this._headingLabel, { messages: t } = this;
+    return e ? u(t.backLabel ?? "", { title: e }) : t.back;
   }
   get _selectedFeatureContent() {
     return this.viewModel.selectedFeatureItem?.content;
@@ -158,29 +163,29 @@ class oe extends V {
       X(() => [this.initialDisplayMode === "list" && !!this.viewModel?.selectedFeature, this.viewModel?.active], () => {
         this.setFocus();
       }),
-      u(() => [this.flowItems?.length, this.featureMenuOpen], () => {
+      h(() => [this.flowItems?.length, this.featureMenuOpen], () => {
         this.setFocus();
       }),
-      u(() => this.viewModel?.selectedFeatureIndex, (e, t) => this._selectedFeatureIndexUpdated(e, t)),
-      u(() => this.viewModel?.view?.scale, () => this._viewScaleChange()),
-      u(() => this.viewModel?.view, (e, t) => t && this._viewChange()),
-      u(() => this._spinnerEl?.screenLocation, () => this._closeOpenActionMenu()),
-      u(() => this.selectedFeatureComponent?.viewModel, (e, t) => t && this._removeFlowItems()),
-      u(() => [this.viewModel?.features.at(0), this.viewModel?.featureCount ?? 0], ([e, t], i) => {
+      h(() => this.viewModel?.selectedFeatureIndex, (e, t) => this._selectedFeatureIndexUpdated(e, t)),
+      h(() => this.viewModel?.view?.scale, () => this._viewScaleChange()),
+      h(() => this.viewModel?.view, (e, t) => t && this._viewChange()),
+      h(() => this._spinnerEl?.screenLocation, () => this._closeOpenActionMenu()),
+      h(() => this.selectedFeatureComponent?.viewModel, (e, t) => t && this._removeFlowItems()),
+      h(() => [this.viewModel?.features.at(0), this.viewModel?.featureCount ?? 0], ([e, t], i) => {
         const [s, a] = i ?? [void 0, 0];
         (e !== s || t < a) && this._featureMenuViewportScrollTop();
       }),
-      u(() => [this.featureMenuOpen, this.initialDisplayMode, this.open], () => {
+      h(() => [this.featureMenuOpen, this.initialDisplayMode, this.open], () => {
         this.viewModel.featureMenuOpen = this.featureMenuOpen, this.open && (this.featureMenuOpen || this.initialDisplayMode === "list") && (this.viewModel.featurePage = 1);
       }, { initial: !0 }),
-      u(() => this.flowItems.toArray(), () => this._handleFlowItemsChange(), { initial: !0 }),
-      u(() => this.viewModel.aggregatedFeaturesEnabled, (e) => {
+      h(() => this.flowItems.toArray(), () => this._handleFlowItemsChange(), { initial: !0 }),
+      h(() => this.viewModel.aggregatedFeaturesEnabled, (e) => {
         e || (this._aggregatedFeatureCount = 0, this._selectedAggregatedFeatureIndex = -1, this._aggregatedFeaturesLoading = !1, this._removeFlowItems());
       }),
-      u(() => this.referenceElement, (e, t) => {
+      h(() => this.referenceElement, (e, t) => {
         this._removeSpinner(t), this._createSpinner();
       }, { initial: !0 }),
-      u(() => [
+      h(() => [
         this.hideSpinner,
         this.viewModel?.view,
         this.viewModel?.location,
@@ -204,7 +209,7 @@ class oe extends V {
     this._setFocusAnimationFrameId != null && (cancelAnimationFrame(this._setFocusAnimationFrameId), this._setFocusAnimationFrameId = null), this._resolveSetFocusAnimationFrame();
   }
   _cancelFetchingFeatures() {
-    this._fetchFeaturesController = L(this._fetchFeaturesController);
+    this._fetchFeaturesController = S(this._fetchFeaturesController);
   }
   _handleClose() {
     this.close(), this.arcgisClose.emit();
@@ -280,19 +285,17 @@ class oe extends V {
     e !== this._featureMenuIntersectionObserverNode && (this._unobserveFeatureMenuObserver(), this._featureMenuIntersectionObserverNode = e ?? null);
   }
   _getActionLabel(e, t) {
-    const { messages: i } = this;
-    if (e.id === "zoom-to-feature") {
-      const s = t ? C(t.heading || (("state" in t && t.state === "loading" ? i.loading : i.untitled) ?? "")) : this._selectedFeatureHeadingText;
-      return h(i.zoomLabel ?? "", {
-        messages: i,
-        title: s
-      });
-    }
-    return null;
+    if (e.id !== "zoom-to-feature")
+      return null;
+    const { messages: i } = this, s = t?.heading, a = t ? s && M(s) : this._headingLabel;
+    return a ? u(i.zoomLabel ?? "", {
+      messages: i,
+      title: a
+    }) : i.zoom ?? "";
   }
   _getActionTitle(e, t) {
-    const { messages: i } = this, s = t ? t.graphic : this.selectedFeature, { id: a } = e, o = s?.attributes, r = e.title ?? "", l = a === "zoom-to-feature" ? h(r, { messages: i }) : a === "remove-selected-feature" ? h(r, { messages: i }) : a === "zoom-to-aggregated-features" ? h(r, { messages: i }) : a === "browse-aggregated-features" ? h(r, { messages: i }) : e.title;
-    return l && o ? h(l, o) : l ?? "";
+    const { messages: i } = this, s = t ? t.graphic : this.selectedFeature, { id: a } = e, o = s?.attributes, r = e.title ?? "", l = a === "zoom-to-feature" ? u(r, { messages: i }) : a === "remove-selected-feature" ? u(r, { messages: i }) : a === "zoom-to-aggregated-features" ? u(r, { messages: i }) : a === "browse-aggregated-features" ? u(r, { messages: i }) : e.title;
+    return l && o ? u(l, o) : l ?? "";
   }
   _onMainKeydown(e) {
     const { key: t } = e;
@@ -361,10 +364,10 @@ class oe extends V {
     return e || !this._selectedFeaturePending ? e ?? "" : this._lastSettledHeading || (this._selectedFeatureLoading ? this.messages.loading ?? "" : "");
   }
   _handleActionsStartSlotChange(e) {
-    this._hasActionsStartSlotContent = S(e);
+    this._hasActionsStartSlotContent = L(e);
   }
   _handleActionsEndSlotChange(e) {
-    this._hasActionsEndSlotContent = S(e);
+    this._hasActionsEndSlotContent = L(e);
   }
   _removeSpinner(e) {
     e?.manager?.component?.extraContent?.remove(this._spinnerEl), this._spinnerEl = void 0;
@@ -397,14 +400,14 @@ class oe extends V {
   }
   _renderFeaturePaginationText(e, t) {
     const { messages: i } = this;
-    return n`<div class="pagination-text">${h(i.pageText ?? "", {
+    return n`<div class="pagination-text">${u(i.pageText ?? "", {
       index: b(t + 1),
       total: b(e)
     })}</div>`;
   }
   _renderFeatureMenuButton() {
     const { messages: e, viewModel: t } = this, { featureCount: i, streamingFeatures: s, selectedFeatureIndex: a } = t;
-    return n`<calcite-action class="pagination-menu-button" icon=list .label=${e.showAllFeatures ?? ""} .loading=${s} @click=${this._handlePaginationMenuButton} .text=${h(e.pageText ?? "", {
+    return n`<calcite-action class="pagination-menu-button" icon=list .label=${e.showAllFeatures ?? ""} .loading=${s} @click=${this._handlePaginationMenuButton} .text=${u(e.pageText ?? "", {
       index: b(a + 1),
       total: b(i)
     })} text-enabled title=${e.showAllFeatures ?? "" ?? g}></calcite-action>`;
@@ -432,15 +435,15 @@ class oe extends V {
     return this.headerActions.map((e) => this._renderHeaderAction(e)).toArray();
   }
   _renderContentFeature(e) {
-    const { headingLevel: t, hideCloseButton: i, _isCollapsed: s, _collapseEnabled: a, featureNavigationTop: o, initialDisplayMode: r, selectedFeature: l, hideHeading: d } = this, { active: c, selectedFeatureItem: f, content: M } = this.viewModel, p = this._getHeading();
+    const { headingLevel: t, hideCloseButton: i, _isCollapsed: s, _collapseEnabled: a, featureNavigationTop: o, initialDisplayMode: r, selectedFeature: l, hideHeading: d } = this, { active: c, selectedFeatureItem: f, content: C } = this.viewModel, p = this._getHeading();
     if (r === "list" && !l)
       return null;
-    const _ = !this._selectedFeaturePending && (f ? !f.content : !M);
+    const F = !this._selectedFeaturePending && (f ? !f.content : !C);
     return n`<calcite-flow-item .focusTrapEnabled=${this.focusTrapEnabled} class=${x(I({
       "content-feature": !0,
       "flow-item-collapsed": s
-    }))} .closable=${!i} .closed=${!c} .collapsed=${s} .collapseDirection=${this.collapseDirection ?? (o ? "down" : "up")} .collapsible=${a} .headingLevel=${t} .selected=${e} .messageOverrides=${{ collapse: this.messages.collapse, expand: this.messages.expand }} @calciteFlowItemBack=${this._handleFeatureBack} .loading=${!!this._openRelatedFeatureAbortController || this._selectedFeatureLoading} @calciteFlowItemClose=${this._handleClose} @calciteFlowItemToggle=${this._handleCollapseToggle} @keydown=${this._onMainKeydown} .heading=${!d && p ? C(p) : void 0} ${m(this._rootFlowItemNode)}>${this._renderHeader()}${!d && p ? n`<div slot=heading><div .innerHTML=${w.sanitize(p ?? "") ?? ""}></div></div>` : null}${this._renderHeaderActions()}${this._renderActionBar()}<div class=${x(I("container", "content-container", {
-      "content-hidden": _
+    }))} .closable=${!i} .closed=${!c} .collapsed=${s} .collapseDirection=${this.collapseDirection ?? (o ? "down" : "up")} .collapsible=${a} .headingLevel=${t} .selected=${e} .messageOverrides=${{ collapse: this.messages.collapse, expand: this.messages.expand }} @calciteFlowItemBack=${this._handleFeatureBack} .loading=${!!this._openRelatedFeatureAbortController || this._selectedFeatureLoading} @calciteFlowItemClose=${this._handleClose} @calciteFlowItemToggle=${this._handleCollapseToggle} @keydown=${this._onMainKeydown} .heading=${!d && p ? M(p) : void 0} ${m(this._rootFlowItemNode)}>${this._renderHeader()}${!d && p ? n`<div slot=heading><div .innerHTML=${w.sanitize(p ?? "") ?? ""}></div></div>` : null}${this._renderHeaderActions()}${this._renderActionBar()}<div class=${x(I("container", "content-container", {
+      "content-hidden": F
     }))}>${this._renderContent()}</div>${this._renderFooter()}</calcite-flow-item>`;
   }
   _renderDiagnosticsRefineResults() {
@@ -460,39 +463,35 @@ class oe extends V {
     return i?.size ? n`<calcite-notice class="diagnostics-notice" open kind=info scale=s><span slot=title>${e.maxRecordCountHeading}</span><div slot=message>${i.size <= ne ? this._renderDiagnosticsList(i) : this._renderDiagnosticsMultipleLayers()}</div></calcite-notice>` : null;
   }
   _renderFeatureMenuContainer() {
-    const { viewModel: e, hideCloseButton: t, featureMenuTitle: i, messages: s, initialDisplayMode: a, featureMenuOpen: o, _featureFlowItemSelected: r, _collapseEnabled: l, _isCollapsed: d, featureNavigationTop: c, headingLevel: f } = this, { active: M, features: p, streamingFeatures: _ } = e, $ = i ?? s.selectFeature, A = h(s.backLabel ?? "", {
-      title: this._selectedFeatureHeadingText
-    });
+    const { viewModel: e, hideCloseButton: t, featureMenuTitle: i, messages: s, initialDisplayMode: a, featureMenuOpen: o, _featureFlowItemSelected: r, _collapseEnabled: l, _isCollapsed: d, featureNavigationTop: c, headingLevel: f } = this, { active: C, features: p, streamingFeatures: F } = e, $ = i ?? s.selectFeature, A = this._backLabel;
     if (a === "feature" && !o)
       return null;
     const O = !r;
     return n`<calcite-flow-item .focusTrapEnabled=${this.focusTrapEnabled} class=${x(I({
       "flow-item-collapsed": d
-    }))} .closable=${!t} .closed=${!M} .collapsed=${a === "list" && d} .collapseDirection=${this.collapseDirection ?? (c ? "down" : "up")} .collapsible=${a === "list" && l} .messageOverrides=${{ collapse: this.messages.collapse, expand: this.messages.expand, back: A }} .description=${this.hideFeatureMenuHeading ? void 0 : h(s.total ?? "", {
+    }))} .closable=${!t} .closed=${!C} .collapsed=${a === "list" && d} .collapseDirection=${this.collapseDirection ?? (c ? "down" : "up")} .collapsible=${a === "list" && l} .messageOverrides=${{ collapse: this.messages.collapse, expand: this.messages.expand, back: A }} .description=${this.hideFeatureMenuHeading ? void 0 : u(s.total ?? "", {
       total: p.length
     })} .heading=${this.hideFeatureMenuHeading ? void 0 : $} .headingLevel=${f} .loading=${e.waitingForResult} .selected=${O} @calciteFlowItemBack=${(N) => {
       N.preventDefault(), this._handleFeatureMenuBack();
-    }} @calciteFlowItemClose=${this._handleClose} @calciteFlowItemToggle=${this._handleCollapseToggle} ${m(this._featureMenuViewportNode)}>${a === "list" ? this._renderHeaderActions() : null}${_ ? n`<calcite-loader class="loader" inline .label=${s.loading ?? ""} slot=header-actions-end></calcite-loader>` : null}${this._renderDiagnostics()}<div class="container">${this._renderFeatureMenu()}</div><div class="feature-menu-observer" aria-hidden=true ${m(this._featureMenuIntersectionObserverCreated)}></div>${a === "feature" ? n`<calcite-button scale=s appearance=transparent @click=${this._handleFeatureMenuBack} slot=footer-start width=full .label=${A} title=${A ?? g}>${s.back}</calcite-button>` : null}</calcite-flow-item>`;
+    }} @calciteFlowItemClose=${this._handleClose} @calciteFlowItemToggle=${this._handleCollapseToggle} ${m(this._featureMenuViewportNode)}>${a === "list" ? this._renderHeaderActions() : null}${F ? n`<calcite-loader class="loader" inline .label=${s.loading ?? ""} slot=header-actions-end></calcite-loader>` : null}${this._renderDiagnostics()}<div class="container">${this._renderFeatureMenu()}</div><div class="feature-menu-observer" aria-hidden=true ${m(this._featureMenuIntersectionObserverCreated)}></div>${a === "feature" ? n`<calcite-button scale=s appearance=transparent @click=${this._handleFeatureMenuBack} slot=footer-start width=full .label=${A} title=${A ?? g}>${s.back}</calcite-button>` : null}</calcite-flow-item>`;
   }
   _renderFlowItem(e, t) {
-    const { hideCloseButton: i, active: s, hideHeading: a, hideSelectFeature: o, messages: r } = this, l = r.returnToInitialFeature ?? "", d = r?.selectFeature, c = "showAllEnabled" in e ? e.showAllEnabled : !1, f = e.flowType === "feature" || e.flowType === "feature-association" || e.flowType === "feature-relationship" && !c, p = e.flowType !== "feature" && f && "isFeatureFromTable" in e && !e.isFeatureFromTable && !o, _ = e.flowType === "feature" && this.viewModel.aggregatedFeaturesEnabled ? n`<div class="footer" slot=footer>${this._renderPagination(() => {
+    const { hideCloseButton: i, active: s, hideHeading: a, hideSelectFeature: o, messages: r } = this, l = r.returnToInitialFeature ?? "", d = r?.selectFeature, c = "showAllEnabled" in e ? e.showAllEnabled : !1, f = e.flowType === "feature" || e.flowType === "feature-association" || e.flowType === "feature-relationship" && !c, p = e.flowType !== "feature" && f && "isFeatureFromTable" in e && !e.isFeatureFromTable && !o, F = e.flowType === "feature" && this.viewModel.aggregatedFeaturesEnabled ? n`<div class="footer" slot=footer>${this._renderPagination(() => {
       this._aggregatedFeaturesComponent.value?.previous();
     }, () => {
       this._aggregatedFeaturesComponent.value?.next();
     })}${this._renderFeaturePaginationText(this._aggregatedFeatureCount, this._selectedAggregatedFeatureIndex)}</div>` : null;
-    return n`<calcite-flow-item .closable=${!i} .closed=${!s} .focusTrapEnabled=${this.focusTrapEnabled} class="flow-item-drill-in" .description=${C(this._getDrillInFlowItemDescription(e) ?? "")} .heading=${a ? void 0 : C(e.heading ?? "")} .selected=${t} @calciteFlowItemBack=${($) => {
+    return n`<calcite-flow-item .closable=${!i} .closed=${!s} .focusTrapEnabled=${this.focusTrapEnabled} class="flow-item-drill-in" .description=${M(this._getDrillInFlowItemDescription(e) ?? "")} .heading=${a ? void 0 : M(e.heading ?? "")} .selected=${t} @calciteFlowItemBack=${($) => {
       $.preventDefault(), this._handleDrillInBackClick();
-    }} .loading=${!!this._openRelatedFeatureAbortController} @calciteFlowItemClose=${this._handleClose}>${a ? null : n`<div slot=heading><div .innerHTML=${w.sanitize(e.heading ?? "") ?? ""}></div></div>`}<div slot=description><div .innerHTML=${w.sanitize(this._getDrillInFlowItemDescription(e) ?? "") ?? ""}></div></div><calcite-action class="action-exit" icon=move-up @click=${this._removeFlowItems} slot=header-actions-start .text=${l ?? ""} title=${l ?? "" ?? g}></calcite-action>${p ? n`<calcite-action icon=zoom-to-object @click=${() => this._openRelatedFeature(e)} slot=header-actions-end .text=${d ?? ""} title=${d ?? g}></calcite-action>` : null}${f && this._renderActionBar(e) || ""}<div class="container">${e}</div>${_}</calcite-flow-item>`;
+    }} .loading=${!!this._openRelatedFeatureAbortController} @calciteFlowItemClose=${this._handleClose}>${a ? null : n`<div slot=heading><div .innerHTML=${w.sanitize(e.heading ?? "") ?? ""}></div></div>`}<div slot=description><div .innerHTML=${w.sanitize(this._getDrillInFlowItemDescription(e) ?? "") ?? ""}></div></div><calcite-action class="action-exit" icon=move-up @click=${this._removeFlowItems} slot=header-actions-start .text=${l ?? ""} title=${l ?? "" ?? g}></calcite-action>${p ? n`<calcite-action icon=zoom-to-object @click=${() => this._openRelatedFeature(e)} slot=header-actions-end .text=${d ?? ""} title=${d ?? g}></calcite-action>` : null}${f && this._renderActionBar(e) || ""}<div class="container">${e}</div>${F}</calcite-flow-item>`;
   }
   _renderContentContainer() {
     const e = this.flowItems?.toArray(), t = e.length > 0, i = this.viewModel.aggregatedFeaturesEnabled && this.viewModel.selectedFeature?.isAggregate && !t, s = i && e.length === 0, a = e.length === 0 && this._featureFlowItemSelected && !i, o = e?.map((d, c) => this._renderFlowItem(d, this._featureFlowItemSelected && c === e.length - 1)), r = this._renderBrowseAggregateContainer(!!s), l = this.initialDisplayMode === "list" ? [this._renderFeatureMenuContainer(), this._renderContentFeature(a)] : [this._renderContentFeature(a), this._renderFeatureMenuContainer()];
     return n`<calcite-flow ${m(this._flowContainerNode)}>${l}${r}${o}</calcite-flow>`;
   }
   _renderBrowseAggregateContainer(e) {
-    const { hideCloseButton: t, active: i, messages: s } = this, { selectedFeature: a } = this.viewModel, o = this.viewModel.aggregatedFeaturesEnabled && a?.isAggregate, r = h(s.backLabel ?? "", {
-      title: this._selectedFeatureHeadingText
-    });
-    return o ? n`<calcite-flow-item .selected=${e} .closable=${!t} .closed=${!i} .focusTrapEnabled=${this.focusTrapEnabled} .description=${this._aggregatedFeatureCount ? h(s.total ?? "", {
+    const { hideCloseButton: t, active: i, messages: s } = this, { selectedFeature: a } = this.viewModel, o = this.viewModel.aggregatedFeaturesEnabled && a?.isAggregate, r = this._backLabel;
+    return o ? n`<calcite-flow-item .selected=${e} .closable=${!t} .closed=${!i} .focusTrapEnabled=${this.focusTrapEnabled} .description=${this._aggregatedFeatureCount ? u(s.total ?? "", {
       total: this._aggregatedFeatureCount
     }) : ""} .heading=${s.aggregatedFeatures} @calciteFlowItemBack=${(l) => {
       l.preventDefault(), this.viewModel.aggregatedFeaturesEnabled = !1;

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

@@ -125,8 +125,14 @@ import type { MapViewOrSceneView } from "@arcgis/core/views/MapViewOrSceneView.j
  * Custom PopupTemplates may also be assigned directly to a popup by setting [graphics](https://developers.arcgis.com/javascript/latest/references/core/Graphic/) on the
  * [features](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/#features) property.
  *
- * @slot [actions-start] - _Since 5.2._ Slot for adding Calcite [actions](https://developers.arcgis.com/calcite-design-system/components/action/) or [action groups](https://developers.arcgis.com/calcite-design-system/components/action-group/) to the start of the action bar. Multiple actions or action groups can be placed in this slot. Slotted actions remain at the start of the action bar and are not automatically grouped if they exceed the available width. To group actions, place them in a Calcite action group. Actions in this slot remain separate from other actions, including default actions (such as "Zoom to" and "Browse features"), [PopupTemplate actions](https://developers.arcgis.com/javascript/latest/references/core/PopupTemplate/#actions), and [actions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/#actions).
- * @slot [actions-end] - _Since 5.2._ Slot for adding Calcite [actions](https://developers.arcgis.com/calcite-design-system/components/action/) or [action groups](https://developers.arcgis.com/calcite-design-system/components/action-group/) to the end of the action bar. Multiple actions or action groups can be placed in this slot. Slotted actions remain at the end of the action bar and are not automatically grouped if they exceed the available width. To group actions, place them in a Calcite action group. Actions in this slot remain separate from other actions, including default actions (such as "Zoom to" and "Browse features"), [PopupTemplate actions](https://developers.arcgis.com/javascript/latest/references/core/PopupTemplate/#actions), and [actions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/#actions).
+ * @slot
+ * [actions-start] - _Since 5.2._ Slot for adding Calcite [actions](https://developers.arcgis.com/calcite-design-system/components/action/) or [action groups](https://developers.arcgis.com/calcite-design-system/components/action-group/) to the start of the action bar. Multiple actions or action groups can be placed in this slot. Slotted actions remain at the start of the action bar and are not automatically grouped if they exceed the available width. To group actions, place them in a Calcite action group. Actions in this slot remain separate from other actions, including default actions (such as "Zoom to" and "Browse features"), [PopupTemplate actions](https://developers.arcgis.com/javascript/latest/references/core/PopupTemplate/#actions), and [actions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/#actions).
+ *
+ * Since the popup component is tied to the view, the actions in this slot will be responsive to the view's size and show/hide the action's text accordingly.
+ * @slot
+ * [actions-end] - _Since 5.2._ Slot for adding Calcite [actions](https://developers.arcgis.com/calcite-design-system/components/action/) or [action groups](https://developers.arcgis.com/calcite-design-system/components/action-group/) to the end of the action bar. Multiple actions or action groups can be placed in this slot. Slotted actions remain at the end of the action bar and are not automatically grouped if they exceed the available width. To group actions, place them in a Calcite action group. Actions in this slot remain separate from other actions, including default actions (such as "Zoom to" and "Browse features"), [PopupTemplate actions](https://developers.arcgis.com/javascript/latest/references/core/PopupTemplate/#actions), and [actions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/#actions).
+ *
+ * Since the popup component is tied to the view, the actions in this slot will be responsive to the view's size and show/hide the action's text accordingly.
  * @since 4.34
  * @beta
  * @see [PopupTemplate](https://developers.arcgis.com/javascript/latest/references/core/PopupTemplate/)