@arcgis/map-components 5.2.0-next.3 → 5.2.0-next.30

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

@@ -1,34 +1,35 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as B } from "../../chunks/runtime.js";
+import { c as L } from "../../chunks/runtime.js";
 import { css as R, html as o } from "lit";
-import { keyed as T } from "lit/directives/keyed.js";
+import { keyed as y } from "lit/directives/keyed.js";
 import O from "@arcgis/core/support/actions/ActionButton.js";
 import E from "@arcgis/core/core/Collection.js";
 import H from "@arcgis/core/popup/Features.js";
 import { LitElement as P, createEvent as A, renderElement as z, nothing as p, safeClassMap as I } from "@arcgis/lumina";
-import { usePropertyChange as Z, bypassReadOnly as k } from "@arcgis/lumina/controllers";
+import { useDirection as Z, usePropertyChange as V, bypassReadOnly as k } from "@arcgis/lumina/controllers";
 import { slotChangeHasContent as D, classes as x } from "@arcgis/toolkit/dom";
 import { createRef as m, ref as f } from "lit/directives/ref.js";
 import { g as S } from "../../chunks/feature-utils.js";
-import { initializeProjection as V } from "@arcgis/core/applications/Components/featureUtils.js";
-import { t as U, z as j } from "../../chunks/action-utils.js";
+import { initializeProjection as U } from "@arcgis/core/applications/Components/featureUtils.js";
+import { t as K, z as j } from "../../chunks/action-utils.js";
 import { m as q } from "../../chunks/useViewModel.js";
 import { renderingSanitizer as b } from "@arcgis/core/applications/Components/sanitizerUtils.js";
-import { stripHTML as y } from "@arcgis/core/applications/Components/stringUtils.js";
+import { stripHTML as T } from "@arcgis/core/applications/Components/stringUtils.js";
 import { substitute as g, formatNumber as C } from "@arcgis/core/intl.js";
 import { u as G } from "../../chunks/useT9n.js";
 import { watch as c } from "@arcgis/core/core/reactiveUtils.js";
 import { a as N } from "../../chunks/maybe.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)}.flow-item-drill-in{--calcite-flow-item-footer-padding: 0}`;
-function W(F) {
+import { a as W, b as X } from "../../chunks/keyboard-utils.js";
+const J = 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)}.flow-item-drill-in{--calcite-flow-item-footer-padding: 0}`;
+function Q(F) {
   return F?.declaredClass.startsWith("esri.layers.") ?? !1;
 }
-function X(F) {
+function Y(F) {
   if (!(!F || !("featureReduction" in F)))
     return F.featureReduction?.type;
 }
-const J = q(H);
-class Q extends P {
+const ee = q(H);
+class te extends P {
   constructor() {
     super(...arguments), this._zoomToFeature = new O({
       icon: "magnifying-glass-plus",
@@ -38,15 +39,15 @@ class Q extends P {
       e?.isIntersecting && this.viewModel.featurePage != null && this.viewModel.featurePage++;
     }, this._featureMenuIntersectionObserver = new IntersectionObserver(this._featureMenuIntersectionObserverCallback, {
       root: window.document
-    }), this._featureMenuIntersectionObserverNode = null, this._focusTrapNode = m(), this._rootFlowItemNode = m(), this._featureMenuViewportNode = m(), this._actionBarMenuNode = m(), this._flowContainerNode = m(), this._aggregatedFeaturesComponent = m(), this.messages = G(), this._selectedFeatureComponent = m(), this._cancelOpenRelatedFeature = () => {
+    }), this._featureMenuIntersectionObserverNode = null, this._focusTrapNode = m(), this._focusTrapAnimationFrameId = null, this._rootFlowItemNode = m(), this._featureMenuViewportNode = m(), this._actionBarMenuNode = m(), this._flowContainerNode = m(), this._aggregatedFeaturesComponent = m(), this.messages = G(), this._selectedFeatureComponent = m(), this._direction = Z(), this._cancelOpenRelatedFeature = () => {
       this._openRelatedFeatureAbortController = N(this._openRelatedFeatureAbortController);
-    }, this._openRelatedFeatureAbortController = null, this.flowItems = new E(), this._aggregatedFeatureCount = 0, this._selectedAggregatedFeatureIndex = -1, this._aggregatedFeaturesLoading = !1, this._hasActionsStartSlotContent = !1, this._hasActionsEndSlotContent = !1, this.viewModel = J(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.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 E(), 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.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.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 = A(), this.arcgisClose = A(), this.arcgisTriggerAction = A();
+    }, this._openRelatedFeatureAbortController = null, this.flowItems = new E(), this._aggregatedFeatureCount = 0, this._selectedAggregatedFeatureIndex = -1, this._aggregatedFeaturesLoading = !1, this._hasActionsStartSlotContent = !1, this._hasActionsEndSlotContent = !1, this.viewModel = ee(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.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 E(), 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.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.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 = V()("active", "collapsed", "effectiveHeading", "featureCount", "featureMenuOpen", "features", "promises", "selectedDrillInFeature", "selectedFeature", "selectedFeatureComponent", "selectedFeatureIndex", "state", "open"), this.arcgisReady = A(), this.arcgisClose = A(), this.arcgisTriggerAction = A();
   }
   static {
-    this.properties = { _openRelatedFeatureAbortController: 16, flowItems: 16, _aggregatedFeatureCount: 16, _selectedAggregatedFeatureIndex: 16, _aggregatedFeaturesLoading: 16, _hasActionsStartSlotContent: 16, _hasActionsEndSlotContent: 16, _hideActionText: 16, _featureNavigationVisible: 16, _isCollapsed: 16, _collapseEnabled: 16, _featureFlowItemSelected: 16, viewModel: 0, actions: 0, active: 0, autoDestroyDisabled: 5, focusTrapEnabled: 5, collapsed: 5, content: 1, 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, 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 };
+    this.properties = { _openRelatedFeatureAbortController: 16, flowItems: 16, _aggregatedFeatureCount: 16, _selectedAggregatedFeatureIndex: 16, _aggregatedFeaturesLoading: 16, _hasActionsStartSlotContent: 16, _hasActionsEndSlotContent: 16, _hideActionText: 16, _featureNavigationVisible: 16, _isCollapsed: 16, _collapseEnabled: 16, _featureFlowItemSelected: 16, viewModel: 0, actions: 0, active: 0, autoDestroyDisabled: 5, focusTrapEnabled: 5, collapseDirection: 1, collapsed: 5, content: 1, 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, 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 = J;
   }
   get _hideActionText() {
     if (!this.responsiveActionsEnabled)
@@ -73,12 +74,12 @@ class Q extends P {
     this.open = !1;
   }
   async destroy() {
-    await this.manager.destroy(), this._removeSpinner(this.referenceElement), this._cancelOpenRelatedFeature(), this._removeFlowItems(), this._unobserveFeatureMenuObserver(), this._cancelFetchingFeatures(), this._featureMenuIntersectionObserver?.disconnect();
+    await this.manager.destroy(), this._removeSpinner(this.referenceElement), this._cancelOpenRelatedFeature(), this._cancelToggleFocusTrapAnimationFrame(), this._removeFlowItems(), this._unobserveFeatureMenuObserver(), this._cancelFetchingFeatures(), this._featureMenuIntersectionObserver?.disconnect();
   }
   async fetchFeatures(e, t) {
     this._cancelFetchingFeatures();
     const { signal: a } = t ?? {}, i = new AbortController(), { signal: s } = i, n = a ? AbortSignal.any([s, a]) : s;
-    if (this._fetchFeaturesController = i, !e && this.view && this.location && (await V(this.location.spatialReference, this.view.spatialReference, null, {
+    if (this._fetchFeaturesController = i, !e && this.view && this.location && (await U(this.location.spatialReference, this.view.spatialReference, null, {
       signal: n
     }), e = this.view.toScreen(this.location) ?? void 0), !e)
       return;
@@ -95,17 +96,13 @@ class Q extends P {
     this.viewModel.previous();
   }
   async setFocus() {
-    await this._flowContainerNode.value?.setFocus();
-  }
-  async triggerAction(e) {
-    if (!e.disabled)
-      return e?.type === "toggle" && (e.value = !e.value), await U(e, this.viewModel);
+    await this._focusTrapNode.value?.setFocus();
   }
   connectedCallback() {
     super.connectedCallback(), this._createSpinner();
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this._removeSpinner(this.referenceElement);
+    super.disconnectedCallback(), this._cancelToggleFocusTrapAnimationFrame(), this._removeSpinner(this.referenceElement);
   }
   loaded() {
     this.manager.onLifecycle(() => [
@@ -140,10 +137,13 @@ class Q extends P {
     this.selectedFeatureComponent !== e && k(() => this.selectedFeatureComponent = e);
   }
   _toggleFocusTrap() {
-    requestAnimationFrame(() => {
-      this.viewModel.active ? this._focusTrapNode.value?.activate() : this._focusTrapNode.value?.deactivate();
+    this._cancelToggleFocusTrapAnimationFrame(), this._focusTrapAnimationFrameId = requestAnimationFrame(() => {
+      this._focusTrapAnimationFrameId = null, this.viewModel.active ? this._focusTrapNode.value?.activate() : this._focusTrapNode.value?.deactivate();
     });
   }
+  _cancelToggleFocusTrapAnimationFrame() {
+    this._focusTrapAnimationFrameId != null && (cancelAnimationFrame(this._focusTrapAnimationFrameId), this._focusTrapAnimationFrameId = null);
+  }
   _cancelFetchingFeatures() {
     this._fetchFeaturesController = N(this._fetchFeaturesController);
   }
@@ -156,7 +156,7 @@ class Q extends P {
       const i = a?.graphic;
       if (!i)
         return;
-      const s = S(i), n = W(s) ? s : null;
+      const s = S(i), n = Q(s) ? s : null;
       let r = t.get(n);
       r || (r = [], t.set(n, r)), r.push(a);
     }), t;
@@ -228,7 +228,7 @@ class Q extends P {
   }
   _onMainKeydown(e) {
     const { key: t } = e;
-    t === "ArrowLeft" && (e.stopPropagation(), this._handleFeatureMenuBack(), this.previous(), this.setFocus()), t === "ArrowRight" && (e.stopPropagation(), this._handleFeatureMenuBack(), this.next(), this.setFocus());
+    W(t, this._direction) && (e.stopPropagation(), this._handleFeatureMenuBack(), this.previous(), this.setFocus()), X(t, this._direction) && (e.stopPropagation(), this._handleFeatureMenuBack(), this.next(), this.setFocus());
   }
   _featureMenuViewportScrollTop() {
     this._featureMenuViewportNode.value?.scrollContentTo({ top: 0 });
@@ -238,11 +238,11 @@ class Q extends P {
     i || !a || e === t || e === -1 || (this._aggregatedFeatureCount = 0, this._selectedAggregatedFeatureIndex = -1, this._removeFlowItems(), this._rootFlowItemNode.value?.scrollContentTo({ top: 0 }));
   }
   _triggerAction(e) {
-    this.triggerAction(e), this.arcgisTriggerAction.emit({ action: e });
+    e.disabled || (e?.type === "toggle" && (e.value = !e.value), K(e, this.viewModel), this.arcgisTriggerAction.emit({ action: e }));
   }
   _viewScaleChange() {
     const { selectedFeature: e } = this;
-    !e?.isAggregate || X(S(e)) !== "cluster" || (this.viewModel.aggregatedFeaturesEnabled = !1, this.open = !1, this.clear());
+    !e?.isAggregate || Y(S(e)) !== "cluster" || (this.viewModel.aggregatedFeaturesEnabled = !1, this.open = !1, this.clear());
   }
   _viewChange() {
     this.viewModel.clear(), this.open = !1, this._aggregatedFeatureCount = 0, this._removeFlowItems();
@@ -338,7 +338,7 @@ class Q extends P {
         const h = i.get(l);
         return h == null ? null : this._renderFeatureMenuItem(l, h);
       }), d = n ? n.title ?? this.messages.untitled : null;
-      return !this.hideFeatureListLayerTitle && d !== null ? T(n ?? "map-graphics", o`<calcite-list-item-group .heading=${d}>${r}</calcite-list-item-group>`) : r;
+      return !this.hideFeatureListLayerTitle && d !== null ? y(n ?? "map-graphics", o`<calcite-list-item-group .heading=${d}>${r}</calcite-list-item-group>`) : r;
     })}</calcite-list>` : null;
   }
   _renderHeaderAction(e) {
@@ -356,7 +356,7 @@ class Q extends P {
     return o`<calcite-flow-item class=${I(x({
       "content-feature": !0,
       "flow-item-collapsed": i
-    }))} .closable=${!a} .closed=${!h} .collapsed=${i} .collapseDirection=${n ? "down" : "up"} .collapsible=${s} .headingLevel=${t} .selected=${e} .messageOverrides=${{ collapse: this.messages.collapse, expand: this.messages.expand }} @calciteFlowItemBack=${this._handleFeatureBack} .loading=${!!this._openRelatedFeatureAbortController} @calciteFlowItemClose=${this._handleClose} @calciteFlowItemToggle=${this._handleCollapseToggle} .heading=${!l && u ? y(u) : void 0} ${f(this._rootFlowItemNode)}>${!l && u ? o`<div slot=heading><div .innerHTML=${b.sanitize(u ?? "") ?? ""}></div></div>` : null}${this._renderHeaderActions()}${this._renderActionBar()}<div class=${I(x("container", "content-container", {
+    }))} .closable=${!a} .closed=${!h} .collapsed=${i} .collapseDirection=${this.collapseDirection ?? (n ? "down" : "up")} .collapsible=${s} .headingLevel=${t} .selected=${e} .messageOverrides=${{ collapse: this.messages.collapse, expand: this.messages.expand }} @calciteFlowItemBack=${this._handleFeatureBack} .loading=${!!this._openRelatedFeatureAbortController} @calciteFlowItemClose=${this._handleClose} @calciteFlowItemToggle=${this._handleCollapseToggle} .heading=${!l && u ? T(u) : void 0} ${f(this._rootFlowItemNode)}>${!l && u ? o`<div slot=heading><div .innerHTML=${b.sanitize(u ?? "") ?? ""}></div></div>` : null}${this._renderHeaderActions()}${this._renderActionBar()}<div class=${I(x("container", "content-container", {
       "content-hidden": w
     }))}>${this._renderContent()}</div>${this._renderFooter()}</calcite-flow-item>`;
   }
@@ -367,10 +367,10 @@ class Q extends P {
     const M = !r;
     return o`<calcite-flow-item class=${I(x({
       "flow-item-collapsed": l
-    }))} .closable=${s === "list" && !t} .closed=${!_} .collapsed=${s === "list" && l} .collapseDirection=${h ? "down" : "up"} .collapsible=${s === "list" && d} .messageOverrides=${{ collapse: this.messages.collapse, expand: this.messages.expand }} .description=${this.hideFeatureMenuHeading ? void 0 : g(i.total ?? "", {
+    }))} .closable=${s === "list" && !t} .closed=${!_} .collapsed=${s === "list" && l} .collapseDirection=${this.collapseDirection ?? (h ? "down" : "up")} .collapsible=${s === "list" && d} .messageOverrides=${{ collapse: this.messages.collapse, expand: this.messages.expand }} .description=${this.hideFeatureMenuHeading ? void 0 : g(i.total ?? "", {
       total: u.length
-    })} .heading=${this.hideFeatureMenuHeading ? void 0 : $} .headingLevel=${v} .loading=${e.waitingForContents} .selected=${M} @calciteFlowItemBack=${(L) => {
-      L.preventDefault(), this._handleFeatureMenuBack();
+    })} .heading=${this.hideFeatureMenuHeading ? void 0 : $} .headingLevel=${v} .loading=${e.waitingForContents} .selected=${M} @calciteFlowItemBack=${(B) => {
+      B.preventDefault(), this._handleFeatureMenuBack();
     }} @calciteFlowItemClose=${this._handleClose} @calciteFlowItemToggle=${this._handleCollapseToggle} ${f(this._featureMenuViewportNode)}>${s === "list" ? this._renderHeaderActions() : null}${w > 0 ? o`<calcite-loader class="loader" inline .label=${i.loading ?? ""} slot=header-actions-end></calcite-loader>` : null}<div class="container">${M ? this._renderFeatureMenu() : null}</div><div class="feature-menu-observer" ${f(this._featureMenuIntersectionObserverCreated)}></div>${s === "feature" ? o`<calcite-button scale=s appearance=transparent @click=${this._handleFeatureMenuBack} slot=footer-start width=full>${i.back}</calcite-button>` : null}</calcite-flow-item>`;
   }
   _renderFlowItem(e, t) {
@@ -379,7 +379,7 @@ class Q extends P {
     }, () => {
       this._aggregatedFeaturesComponent.value?.next();
     })}${this._renderFeaturePaginationText(this._aggregatedFeatureCount, this._selectedAggregatedFeatureIndex)}</div>` : null;
-    return o`<calcite-flow-item .closable=${!i} .closed=${!n} class="flow-item-drill-in" .description=${y(this._getDrillInFlowItemDescription(e) ?? "")} .heading=${r ? void 0 : y(e.heading ?? "")} .selected=${t} @calciteFlowItemBack=${(M) => {
+    return o`<calcite-flow-item .closable=${!i} .closed=${!n} class="flow-item-drill-in" .description=${T(this._getDrillInFlowItemDescription(e) ?? "")} .heading=${r ? void 0 : T(e.heading ?? "")} .selected=${t} @calciteFlowItemBack=${(M) => {
       M.preventDefault(), this._handleDrillInBackClick();
     }} .loading=${!!this._openRelatedFeatureAbortController} @calciteFlowItemClose=${this._handleClose}>${r ? null : o`<div slot=heading><div .innerHTML=${b.sanitize(e.heading ?? "") ?? ""}></div></div>`}<div slot=description><div .innerHTML=${b.sanitize(this._getDrillInFlowItemDescription(e) ?? "") ?? ""}></div></div><calcite-action class="action-exit" icon=move-up @click=${this._removeFlowItems} slot=header-actions-start .text=${v ?? ""} title=${v ?? "" ?? p}></calcite-action>${l ? o`<calcite-action icon=zoom-to-object @click=${() => this._openRelatedFeature(e)} slot=header-actions-end .text=${_ ?? ""} title=${_ ?? p}></calcite-action>` : null}${w ? o`<calcite-action-bar expand-disabled expanded scale=s slot=action-bar><calcite-action-group overlay-positioning=fixed scale=s><calcite-action .disabled=${this._zoomToFeature.disabled} .icon=${this._zoomToFeature.icon ?? void 0} .loading=${this._zoomToFeature.active} scale=s text-enabled .text=${u} title=${u ?? p} @click=${() => j(this.viewModel, this._zoomToFeature, e)}></calcite-action></calcite-action-group></calcite-action-bar>` : null}<div class="container">${e}</div>${$}</calcite-flow-item>`;
   }
@@ -407,10 +407,10 @@ class Q extends P {
   }
   _renderContent() {
     const { content: e, selectedFeatureItem: t } = this.viewModel;
-    return t ? o`<arcgis-feature-next .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} ${f(this._selectedFeatureComponent)}></arcgis-feature-next>` : typeof e == "string" ? T(e, o`<div .innerHTML=${b.sanitize(e) ?? ""}></div>`) : e ?? null;
+    return t ? o`<arcgis-feature-next .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} ${f(this._selectedFeatureComponent)}></arcgis-feature-next>` : typeof e == "string" ? y(e, o`<div .innerHTML=${b.sanitize(e) ?? ""}></div>`) : e ?? null;
   }
 }
-B("arcgis-features-next", Q);
+L("arcgis-features-next", te);
 export {
-  Q as ArcgisFeaturesNext
+  te as ArcgisFeaturesNext
 };

package/dist/components/arcgis-floor-filter/customElement.d.ts

@@ -78,7 +78,7 @@ export abstract class ArcgisFloorFilter extends LitElement {
    *
    * @default 2
    * @since 4.20
-   * @see [Heading Elements](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements)
+   * @see [Heading Elements](https://developer.mozilla.org/docs/Web/HTML/Element/Heading_Elements)
    * @example
    * // building headings will render as an <h3>
    * floorFilter.headingLevel = 3;

package/dist/components/arcgis-floor-filter/customElement.js

@@ -52,7 +52,7 @@ const h = "floor-filter", v = `${h}__filter-menu`, o = {
 }, A = $`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}.esri-button{box-sizing:border-box;cursor:pointer;white-space:normal;word-break:normal;color:var(--calcite-color-text-1);background-color:var(--calcite-color-status-info);border:var(--calcite-spacing-px) solid var(--calcite-color-status-info);justify-content:center;align-items:center;width:100%;min-height:var(--calcite-spacing-xxxl);padding:6px 7px;font-family:inherit;font-size:var(--calcite-font-size);transition:background-color .125s ease-in-out,border .125s ease-in-out;display:flex;overflow:hidden;&:hover{color:var(--calcite-color-text-1);background-color:var(--calcite-color-status-info-hover);border:var(--calcite-spacing-px) solid var(--calcite-color-status-info-hover)}}.esri-button:hover{color:var(--calcite-color-text-1);background-color:var(--calcite-color-text-2);border:1px solid var(--calcite-color-text-2)}.esri-button.esri-button--small{min-height:var(--calcite-spacing-xl);font-size:var(--calcite-font-size-sm)}.esri-button.esri-button--half{width:50%;display:inline-block}.esri-button.esri-button--third{width:33%;display:inline-block}.esri-button--secondary{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-button--tertiary{color:var(--calcite-color-brand);background-color:var(--calcite-color-transparent);border-color:var(--calcite-color-transparent)}.esri-button--tertiary:hover{color:var(--calcite-color-brand-hover);background-color:var(--calcite-color-foreground-2);border-color:var(--calcite-color-transparent)}.esri-button--disabled{opacity:.4;pointer-events:none}.esri-button--drill-in{outline-offset:-4px;cursor:pointer;text-align:unset;background-color:var(--calcite-color-foreground-1);border:none;border-radius:2px;justify-content:space-between;align-items:center;margin:var(--calcite-spacing-md) 7px;padding:var(--calcite-spacing-md) 7px;text-decoration:none;transition:background-color .125s ease-in-out;display:flex;box-shadow:0 0 0 1px #adadad4d}.esri-button--drill-in:hover,.esri-button--drill-in:focus{background-color:var(--calcite-color-foreground-2)}.esri-button--drill-in__title{font-size:var(--calcite-font-size)}.esri-button--drill-in [class^=esri-icon-],.esri-button--drill-in [class*=" esri-icon-"]{padding:0 7px}.esri-widget--button{cursor:pointer;text-align:center;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);flex-flow:row;justify-content:center;align-items:center;width:var(--calcite-spacing-xxxl);height:var(--calcite-spacing-xxxl);margin:0;padding:0;font-size:var(--calcite-font-size);transition:background-color .125s ease-in-out;display:flex;overflow:hidden}.esri-widget--button:is(calcite-button):not(:hover){--calcite-icon-color: var(--calcite-color-text-3)}.esri-widget--button:not([appearance]),.esri-widget--button[appearance=solid]{--calcite-color-foreground-3: var(--calcite-color-foreground-1)}.esri-widget--button:is(calcite-button){--calcite-offset-invert-focus: 1}.esri-widget--button calcite-loader[inline]{margin:auto}.esri-button--secondary{color:var(--calcite-color-brand);background-color:var(--calcite-color-foreground-1);&:hover{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-status-info);border:1px solid var(--calcite-color-status-info)}}:host{display:flex;--arcgis-internal-floor-filter-align-items: flex-start;--arcgis-internal-floor-filter-column-direction: column;--arcgis-internal-floor-filter-button-border-width: 1px 0 0;--arcgis-internal-floor-filter-button-display: flex;--arcgis-internal-floor-filter-menu-width: 300px;--arcgis-internal-floor-filter-menu-max-height: 240px;--arcgis-internal-floor-filter-levels-max-height: 156px}.floor-filter{background:0 0;border:none;flex-direction:var(--arcgis-internal-row-direction);display:flex;box-shadow:none!important}.esri-widget--button{cursor:pointer;text-align:center;color:var(--calcite-color-text-3);background:var(--calcite-color-foreground-1);flex-flow:row;justify-content:center;align-items:center;width:32px;height:32px;margin:0;padding:0;font-size:var(--calcite-font-size);transition:background-color .125s ease-in-out;display:flex;overflow:hidden}.esri-widget--button-active{color:var(--calcite-color-text-highlight)!important;background:var(--calcite-color-foreground-current)!important}.floor-filter__icon-flip{transform:var(--arcgis-internal-collapse-icon-flip)}.floor-filter__position{align-items:var(--arcgis-internal-floor-filter-align-items)}.floor-filter__position .floor-filter__levels-container,.floor-filter__position .floor-filter__close-levels-button,.floor-filter__position .floor-filter__zoom-button,.floor-filter__position .floor-filter__zoom-button--levels,.floor-filter__position .floor-filter__minimize-toggle-button{border-width:var(--arcgis-internal-floor-filter-button-border-width)}.floor-filter__button-container{display:flex;flex-direction:var(--arcgis-internal-floor-filter-column-direction)}.floor-filter__layout--collapsed .floor-filter__button-container{max-width:48px}.floor-filter__layout--expanded .floor-filter__button-container{max-width:300px}.floor-filter__layout--collapsed .floor-filter__button-container .floor-filter__browse-button{border:none;width:48px;height:48px;padding:12px}.floor-filter__layout--collapsed .floor-filter__button-container .floor-filter__zoom-button{border-style:solid;border-color:var(--calcite-color-border-1);width:48px;height:48px;padding:12px}.floor-filter__layout--collapsed .floor-filter__button-container .floor-filter__zoom-button--levels{border-style:solid;border-color:var(--calcite-color-border-1);width:48px;height:32px;padding:8px 12px}.floor-filter__layout--collapsed .floor-filter__button-container .floor-filter__minimize-toggle-button{border-style:solid;border-color:var(--calcite-color-border-1);width:48px;height:32px;padding:4px 12px}.floor-filter__layout--expanded .floor-filter__button-container .floor-filter__button-info{inline-size:100%}.floor-filter__layout--expanded .floor-filter__button-container .floor-filter__browse-button{border:none;width:auto;height:48px;padding:12px}.floor-filter__layout--expanded .floor-filter__button-container .floor-filter__level-button{text-align:start;justify-content:flex-start;padding:16px}.floor-filter__layout--expanded .floor-filter__button-container .floor-filter__zoom-button{border-style:solid;border-color:var(--calcite-color-border-1);width:auto;height:48px;padding:12px}.floor-filter__layout--expanded .floor-filter__button-container .floor-filter__zoom-button--levels{border-style:solid;border-color:var(--calcite-color-border-1);width:auto;height:32px;padding:8px 12px}.floor-filter__layout--expanded .floor-filter__button-container .floor-filter__minimize-toggle-button{border-style:solid;border-color:var(--calcite-color-border-1);width:auto;height:32px;padding:4px 12px}.floor-filter__layout--expanded .floor-filter__button-info{gap:var(--calcite-spacing-sm)}.floor-filter__button-container .floor-filter__button-info{display:flex;align-items:center}.floor-filter__level-button{border:none;width:100%;height:48px}.floor-filter__levels-container{margin:unset;padding:unset;scrollbar-width:thin;border-style:solid;border-color:var(--calcite-color-border-1);width:100%;max-height:var(--arcgis-internal-floor-filter-levels-max-height);list-style-type:none;overflow:auto}.floor-filter__levels-container .esri-widget--button-active{font-weight:var(--calcite-font-weight-semibold)}.floor-filter__levels-container::-webkit-scrollbar{width:6px}.floor-filter__levels-container::-webkit-scrollbar-track{background:var(--calcite-color-text-1)}.floor-filter__levels-container::-webkit-scrollbar-thumb{background-color:var(--calcite-color-transparent-tint);border:3px solid var(--calcite-color-transparent-tint);border-radius:20px}.floor-filter__button-container{box-shadow:0 1px 2px #0000004d}.floor-filter__filter-menu{background:var(--calcite-color-foreground-1);flex-direction:column;align-items:stretch;width:var(--arcgis-internal-floor-filter-menu-width);max-height:var(--arcgis-internal-floor-filter-menu-max-height);display:flex;box-shadow:0 1px 2px #0000004d}.floor-filter__filter-menu .floor-filter__filter-menu-header{color:var(--calcite-color-text-2);flex-direction:row;align-items:stretch;height:auto;line-height:var(--calcite-font-line-height-relative-tight);display:flex;box-shadow:0 .5px var(--calcite-color-foreground-3)}.floor-filter__filter-menu-header .floor-filter__icon-close{color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;align-items:center;padding:20px 10px}.floor-filter__filter-menu .floor-filter__filter-menu-header-back{margin:unset;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;border-inline-end:1px solid var(--calcite-color-border-1);justify-content:center;align-items:center;min-width:28px;padding:20px 0;display:flex}.floor-filter__filter-menu .floor-filter__filter-menu-header-text-group{flex-direction:column;justify-content:center;padding:12px;display:flex;flex:1}.floor-filter__filter-menu .floor-filter__filter-menu-header-text{margin:unset;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:var(--calcite-font-size-md);font-style:normal;font-weight:var(--calcite-font-weight-semibold);display:-webkit-box;overflow:hidden}.floor-filter__filter-menu .floor-filter__filter-menu-header-subtext{text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:var(--calcite-font-size);font-style:normal;font-weight:var(--calcite-font-weight-normal);display:-webkit-box;overflow:hidden}.floor-filter__filter-menu .floor-filter__icon-close:hover{cursor:pointer;color:var(--calcite-color-text-1);background:var(--calcite-color-foreground-2)}.floor-filter__filter-menu .floor-filter__filter-menu-search{background:var(--calcite-color-foreground-2);align-items:center;margin-top:.5px;margin-bottom:1px;padding:10px;display:flex;gap:6px;box-shadow:0 .5px var(--calcite-color-foreground-3)}.floor-filter__filter-menu-search-input{color:var(--calcite-color-text-2);background:0 0;border:none;outline:none;width:100%;font-size:var(--calcite-font-size)}.floor-filter__filter-menu .floor-filter__filter-menu-items{margin:unset;padding:unset;color:var(--calcite-color-text-2);width:100%;max-height:300px;list-style-type:none;overflow-y:auto}.floor-filter__filter-menu-site:hover,.floor-filter__filter-menu-site:focus,.floor-filter__filter-menu-facility:hover,.floor-filter__filter-menu-facility:focus,.floor-filter__level-button:focus,.floor-filter__level-button:hover,.esri-widget--button:hover,.floor-filter__filter-menu-header-back:hover{cursor:pointer;background:var(--calcite-color-foreground-2)}.floor-filter__filter-menu-site:active,.floor-filter__filter-menu-facility:active{color:var(--calcite-color-text-highlight);background-color:var(--calcite-color-foreground-current)}.floor-filter__filter-menu-site,.floor-filter__filter-menu-facility{color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1);border:none;flex-direction:row;align-items:center;gap:10px;inline-size:100%;line-height:var(--calcite-font-line-height-relative-tight);padding:18px;display:flex}.floor-filter__filter-menu-site .floor-filter__icon-left{transform:rotate(180deg)}.floor-filter__filter-menu-item-name{font-size:var(--calcite-font-size)}.floor-filter__filter-menu-item-name--selected{color:var(--calcite-color-text-2);font-size:var(--calcite-font-size);font-weight:var(--calcite-font-weight-bold)}.floor-filter__filter-menu-item-name,.floor-filter__filter-menu-item-name--selected{text-align:start;flex:1}.floor-filter__selected-item-circle{background:var(--calcite-color-brand-hover);border-radius:50%;width:4px;height:4px;margin-inline-start:-10px}.floor-filter__separator{box-shadow:none;background:0 0;border:none;width:10px}.esri-expand__content{width:max-content}.floor-filter__zoom-button,.floor-filter__zoom-button--levels,.floor-filter__minimize-toggle-button{display:var(--arcgis-internal-floor-filter-button-display)}.floor-filter__close-levels-button{background:var(--calcite-color-foreground-2);border-style:solid;border-color:var(--calcite-color-border-1);width:48px;height:48px;padding:12px}`, H = /* @__PURE__ */ new Set(["ArrowUp", "ArrowDown", "End", "Home"]), O = 50, j = S(L);
 class D extends T {
   constructor() {
-    super(...arguments), this.direction = B(), this.messages = N({}), this.store = E({ search: void 0 }), this.viewModel = j(this), this._activeMenu = null, this._activeMenuIndex = {
+    super(...arguments), this._direction = B(), this.messages = N({}), this.store = E({ search: void 0 }), this.viewModel = j(this), this._activeMenu = null, this._activeMenuIndex = {
       levels: -1,
       menuItems: -1
     }, this._facilitiesListNode = x(), this._levelsListNode = x(), this._sitesListNode = x(), this.view = this.viewModel.view, this.autoDestroyDisabled = !1, this.facility = this.viewModel.facility, this.headingLevel = 2, this.icon = "urban-model", this.level = this.viewModel.level, this.longNames = this.viewModel.longNames, this.goToOverride = this.viewModel.goToOverride, this.site = this.viewModel.site, this.arcgisReady = F();
@@ -277,7 +277,7 @@ class D extends T {
     return c`<div class=${s(l(o.filterMenu))}>${r}${t}${n}</div>`;
   }
   _renderFacilityFilterMenu() {
-    const { site: e } = this, r = this.viewModel?.getSite(e)?.name, t = this.direction === "rtl", n = this.facility && this.viewModel?.getFacility(this.facility)?.name || this.messages.selector?.selectFacility, i = this.viewModel.hasMultipleSites ? c`<button class=${s(l(o.filterMenuHeaderBack))} @click=${this._backClicked} title=${this.messages.back ?? f} type=button><calcite-icon class=${s(l(t ? o.iconRight : o.iconLeft))} .icon=${t ? "chevron-right" : "chevron-left"}></calcite-icon></button>` : null, a = this.viewModel.hasMultipleSites ? w({ class: l(o.filterMenuHeaderSubtext), level: C(this.headingLevel), children: r }) : null, u = c`<div class=${s(l(o.filterMenuHeader))}>${i}<div class=${s(l(o.filterMenuHeaderTextGroup))}>${w({ class: l(o.filterMenuHeaderText), level: this.headingLevel, children: n })}${a}</div><button class=${s(l(o.iconClose))} @click=${this._closeClicked} title=${this.messages.close ?? f} type=button><calcite-icon icon=x></calcite-icon></button></div>`, g = this._renderSearchInput(), _ = this._renderFacilityItems();
+    const { site: e } = this, r = this.viewModel?.getSite(e)?.name, t = this._direction === "rtl", n = this.facility && this.viewModel?.getFacility(this.facility)?.name || this.messages.selector?.selectFacility, i = this.viewModel.hasMultipleSites ? c`<button class=${s(l(o.filterMenuHeaderBack))} @click=${this._backClicked} title=${this.messages.back ?? f} type=button><calcite-icon class=${s(l(t ? o.iconRight : o.iconLeft))} .icon=${t ? "chevron-right" : "chevron-left"}></calcite-icon></button>` : null, a = this.viewModel.hasMultipleSites ? w({ class: l(o.filterMenuHeaderSubtext), level: C(this.headingLevel), children: r }) : null, u = c`<div class=${s(l(o.filterMenuHeader))}>${i}<div class=${s(l(o.filterMenuHeaderTextGroup))}>${w({ class: l(o.filterMenuHeaderText), level: this.headingLevel, children: n })}${a}</div><button class=${s(l(o.iconClose))} @click=${this._closeClicked} title=${this.messages.close ?? f} type=button><calcite-icon icon=x></calcite-icon></button></div>`, g = this._renderSearchInput(), _ = this._renderFacilityItems();
     return c`<div class=${s(l(o.filterMenu))}>${u}${g}${_}</div>`;
   }
   _renderSearchInput() {
@@ -294,7 +294,7 @@ class D extends T {
     return c`<ul aria-label=${this.messages.selector?.sitesLabel ?? f} class=${s(l(o.filterMenuItems))} data-id=sites @keydown=${this._handleListKeydown} tabindex=-1 ${p(this._sitesListNode)}>${n}${i}</ul>`;
   }
   _renderSiteItem(e) {
-    const { name: r, id: t } = e, n = this.site === t, i = this.direction === "rtl";
+    const { name: r, id: t } = e, n = this.site === t, i = this._direction === "rtl";
     return c`<li><button class=${s(l(o.filterMenuSite))} data-id=${t ?? f} data-list-id=sites @click=${this._siteSelected} @focus=${this._onItemFocus} type=button>${n ? this._renderBlueCircle() : null}<span class=${s(l(n ? o.filterMenuSelectedItem : o.filterMenuItemName))}>${r}</span><calcite-icon class=${s(l(i ? o.iconLeft : o.iconRight))} icon=chevron-right scale=s></calcite-icon></button></li>`;
   }
   _renderFacilityItems() {

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

@@ -13,13 +13,13 @@ import type { Button as Button } from "@esri/calcite-components/components/calci
  *
  * **Known limitations**
  *
- * * Fullscreen only works with browsers that implement the [Fullscreen](https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API) API.
+ * * Fullscreen only works with browsers that implement the [Fullscreen](https://developer.mozilla.org/docs/Web/API/Fullscreen_API) API.
  *   Thus, iOS Safari is not supported.
  *
  * @since 4.28
  */
 export abstract class ArcgisFullscreen extends LitElement {
-  /** The [HTMLElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement) to present in fullscreen mode. */
+  /** The [HTMLElement](https://developer.mozilla.org/docs/Web/API/HTMLElement) to present in fullscreen mode. */
   get element(): Element | undefined;
   set element(value: Element | string | undefined);
   /** The component's default label. */

package/dist/components/arcgis-labeled-switch/customElement.js

@@ -3,8 +3,8 @@ import { c as o } from "../../chunks/runtime.js";
 import { ref as r } from "lit/directives/ref.js";
 import { css as d, html as c } from "lit";
 import { keyed as h } from "lit/directives/keyed.js";
-import { LitElement as p, createEvent as m, safeClassMap as g } from "@arcgis/lumina";
-const b = d`.label{--calcite-label-margin-bottom: 0}.label-content{display:flex;flex:1;gap:var(--calcite-spacing-sm);align-items:center;text-wrap:balance}.label-content>div{flex-grow:1}.icon{margin-top:-1px;&.info{color:var(--calcite-color-status-info)}&.warning{color:var(--calcite-color-status-warning)}}.tooltip{text-wrap:wrap}`;
+import { LitElement as p, createEvent as m, safeClassMap as b } from "@arcgis/lumina";
+const g = d`.label{--calcite-label-margin-bottom: 0}.label-content{display:flex;flex:1;gap:var(--calcite-spacing-sm);align-items:center;text-wrap:balance}.label-content>div{flex-grow:1}.icon{margin-top:-1px;&.info{color:var(--calcite-color-status-info)}&.warning{color:var(--calcite-color-status-warning)}}.tooltip{text-wrap:wrap}`;
 class f extends p {
   constructor() {
     super(...arguments), this.checked = !1, this.disabled = !1, this.hintKind = "info", this.arcgisCheckedChanged = m();
@@ -13,7 +13,7 @@ class f extends p {
     this.properties = { checked: 7, disabled: 7, label: 1, hint: 1, hintIcon: 1, hintKind: 1 };
   }
   static {
-    this.styles = b;
+    this.styles = g;
   }
   async destroy() {
     await this.manager.destroy();
@@ -22,8 +22,8 @@ class f extends p {
     this._icon = e, this.requestUpdate();
   }
   render() {
-    const { label: e, hint: i, hintKind: a, hintIcon: s, checked: l, disabled: n } = this;
-    return c`<calcite-label class="label" layout=inline-space-between scale=s>${i ? h("label-content", c`<div class="label-content"><div>${e}</div><calcite-icon class=${g(a !== "warning" ? "icon info" : "icon warning")} .icon=${s ?? "information"} @click=${(t) => t.stopPropagation()} scale=s tabindex=0 ${r(this._setIconRef)}></calcite-icon><calcite-tooltip class="tooltip" overlay-positioning=fixed .referenceElement=${this._icon ?? void 0}>${i}</calcite-tooltip></div>`) : e}<calcite-switch .checked=${l} .disabled=${n} scale=s @calciteSwitchChange=${(t) => {
+    const { label: e, hint: i, hintKind: a, hintIcon: l, checked: s, disabled: n } = this;
+    return c`<calcite-label class="label" layout=inline-space-between scale=s>${i ? h("label-content", c`<div class="label-content"><div>${e}</div><calcite-icon class=${b(a !== "warning" ? "icon info" : "icon warning")} .icon=${l ?? "information"} @click=${(t) => t.stopPropagation()} .textLabel=${i} scale=s tabindex=0 ${r(this._setIconRef)}></calcite-icon><calcite-tooltip id=labeledSwitchTooltip class="tooltip" overlay-positioning=fixed .referenceElement=${this._icon ?? void 0}>${i}</calcite-tooltip></div>`) : e}<calcite-switch .checked=${s} .disabled=${n} scale=s .name=${e} @calciteSwitchChange=${(t) => {
       this.checked = t.target.checked, this.arcgisCheckedChanged.emit(t.target.checked);
     }}></calcite-switch></calcite-label>`;
   }

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

@@ -32,6 +32,9 @@ import type { FlowLayer } from "@arcgis/core/widgets/LayerList.js";
  * >
  * > - The Layer List supports keyboard navigation using the [Treegrid Pattern](https://www.w3.org/WAI/ARIA/apg/patterns/treegrid/) for improved accessibility. Refer to the Calcite List component documentation for detailed keyboard interaction guidelines: [Calcite List Keyboard Navigation](https://developers.arcgis.com/calcite-design-system/components/list/#keyboard-navigation).
  *
+ * > [!WARNING]
+ * > In version 6.0, the implementation of [arcgis-layer-list](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-layer-list/) will be updated under the hood to that of [arcgis-layer-list-next](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-layer-list-next/), and the way events for [catalogLayerList](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-layer-list/#catalogLayerList) and [tableList](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-layer-list/#tableList) are handled will change. We encourage using the [arcgis-layer-list-next](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-layer-list-next/) component and providing feedback.
+ *
  * @since 4.28
  */
 export abstract class ArcgisLayerList extends LitElement {

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

@@ -1,12 +1,54 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import "../../chunks/runtime.js";
-import "lit/directives/ref.js";
-import "lit";
-import "@arcgis/lumina/controllers";
-import "@arcgis/lumina";
-import "../../chunks/layer-list-utils.js";
-import { A as c } from "../../chunks/layer-list-item-indicator.js";
-import "@arcgis/toolkit/dom";
+import { c as l } from "../../chunks/runtime.js";
+import { ref as p } from "lit/directives/ref.js";
+import { css as u, html as a } from "lit";
+import { usePropertyChange as m } from "@arcgis/lumina/controllers";
+import { LitElement as d, nothing as g, safeClassMap as h } from "@arcgis/lumina";
+import { f } from "../../chunks/layer-list-utils.js";
+import { c as n } from "../../chunks/css.js";
+import { classes as y } from "@arcgis/toolkit/dom";
+const b = u`:host{margin-inline:var(--calcite-space-sm)}.status-indicator{visibility:hidden}.publishing{visibility:visible;color:var(--calcite-color-text-2);transform-origin:var(--calcite-list-item-icon-center) var(--calcite-list-item-icon-center);animation:2s infinite arcgis-layer-list__publishing-anim}.updating{visibility:visible;animation:2s infinite arcgis-layer-list__updating-anim}.connection-status{visibility:visible;color:var(--calcite-color-status-warning);width:var(--calcite-spacing-xl);height:var(--calcite-spacing-xl)}.connection-status--connected{color:var(--calcite-color-status-success)}@keyframes arcgis-layer-list__updating-anim{0%,40%{color:transparent}50%,80%{color:var(--calcite-color-brand)}to{color:transparent}}@keyframes arcgis-layer-list__publishing-anim{0%,20%{transform:rotate(45deg)}80%,to{transform:rotate(135deg)}}`;
+class v extends d {
+  constructor() {
+    super(...arguments), this.autoDestroyDisabled = !1, this.arcgisPropertyChange = m()("item", "parent");
+  }
+  static {
+    this.properties = { _iconEl: 16, item: 0, parent: 0, messages: 0, autoDestroyDisabled: 5 };
+  }
+  static {
+    this.styles = [b];
+  }
+  async destroy() {
+    await this.manager.destroy();
+  }
+  _setIconEl(i) {
+    this._iconEl = i;
+  }
+  getTooltipText(i, o, s, t) {
+    const e = (c) => typeof c == "string" ? c : "";
+    if (i)
+      return e(t?.publishing);
+    if (o)
+      return e(t?.updating);
+    switch (s) {
+      case "connected":
+        return e(t?.connected);
+      case "paused":
+        return e(t?.paused);
+      default:
+        return e(t?.disconnected);
+    }
+  }
+  render() {
+    if (!this.item)
+      return null;
+    const { publishing: i } = this.item, o = "updating" in this.item && this.item.updating && !this.parent, s = "connectionStatus" in this.item ? this.item.connectionStatus : void 0, t = !!s, e = i || o || t ? f({ connectionStatus: s, publishing: i }) : "blank", { messages: c } = this, r = this.getTooltipText(i, o, s, c);
+    return a`<calcite-icon class=${h(y(n.statusIndicator, { [n.publishing]: i }, "updating" in n && { [n.updating]: o }, "connectionStatus" in n && { [n.connectionStatus]: t }, "connectionStatusConnected" in n && {
+      [n.connectionStatusConnected]: t && s === "connected"
+    }))} title=${c?.connectionStatus ?? g} .icon=${e} scale=s ${p(this._setIconEl)}></calcite-icon>${this._iconEl ? a`<calcite-tooltip placement=top .referenceElement=${this._iconEl}>${r}</calcite-tooltip>` : null}`;
+  }
+}
+l("arcgis-layer-list-item-indicator", v);
 export {
-  c as ArcgisLayerListItemIndicator
+  v as ArcgisLayerListItemIndicator
 };

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

@@ -26,12 +26,12 @@ class m extends c {
     const e = this.item?.panel?.listItem?.layer;
     if (!e || e.type === "subtype-sublayer")
       return null;
-    const t = d(e) ? e : null, i = e?.parent, r = t?.source?.type === "map-layer" ? t.source : null, o = "";
-    return r && i ? {
-      layer: i,
+    const t = d(e) ? e : null, i = t?.source?.type === "map-layer" ? t.source : null, r = "layer" in e && e.layer, o = "";
+    return i && r ? {
+      layer: r,
       // checked above
       title: o,
-      sublayerIds: [r.mapLayerId]
+      sublayerIds: [i.mapLayerId]
     } : {
       layer: e,
       title: o